@charset "utf-8";

/*###################################################################
###########              RESET STYLESHEETS                ###########
###################################################################*/

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, font, img, ins, kbd, q, s, samp,
	small, strike, tt, var,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}
	/* remember to define focus styles! */
	:focus {
		outline: 0;
	}
	body {
		line-height: 1;
		color: black;
		background: white;
	}
	ol, ul {
		list-style: none;
	}
	/* tables still need 'cellspacing="0"' in the markup */
	table {
		border-collapse: separate;
		border-spacing: 0;
	}
	caption, th, td {
		text-align: left;
		font-weight: normal;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: "";
	}
	blockquote, q {
		quotes: "" "";
	}



/*###################################################################
###########                     GLOBALS                   ###########
###################################################################*/

	body {
		behavior: url("libraries/csshover3.htc");
		color: #252525; 
		margin: 0px; 
		background: #0079C0;
		font-family: Arial, sans-serif;
		font-size: 0.8em;
		text-align: left;
		line-height: 1.1;
	}	
	
	a { font-weight: bold; text-decoration: none; color: #FFFFFF; }
	a:hover { text-decoration: underline; }
	
	object { outline:none; }
	
	h2 { 
		margin: 0; 
		padding: 15px 0; 
		padding-left: 55px;
		color: #0575BD; 
		font-size: 1.4em; 
		font-weight: bold; 
	}
	h3 { margin:0; padding-bottom: 2px; }
	
	img { outline: 0; }
	
	sup, sub { p/osition: relative; vertical-align: top; }
	sup { bottom: 1ex; }
	sub { top: 0.8ex; }
	
	div { b/order: 1px solid #FF0000; }
	
	#tacking_image { display: none; }
		#tacking_image img { border: 1px solid #FF0000; }



/*###################################################################
###########                   CONTAINERS                  ###########
###################################################################*/

	#nojavascripts {
		visibility: hidden; 
		z-index: 20; 
		position: absolute;  
		top: 60px;
		right: 30px;
		padding: 5px;
	}
		#nojavascripts_inner_bg { 
			z-index: 10;	
			position: relative;	
			width: 200px;
			height: 30px;	
			border: 1px solid #990000;
			background: #DA7878;  
			opacity: 0.88;
			*filter: alpha(opacity="88");
		}
		#nojavascripts_inner {
			z-index:30; 
			position:absolute; 
			top: 6px; 
			left: 6px;
		}
		#nojs_icon { 
			z-index: 20; 
			float:left; 
			width: 23px; 
			height: 50px; 
			padding: 5px; 
		}
        #nojs_text { 
			z-index: 20; 
			float:left; 
			width: 170px; 
			height: 50px; 
			padding-top: 2px;
			font-weight: bold;
			font-size: 0.8em;
			color: #000000;
		}
		
	#main_background { 
		position: relative; 
		background: url(images/background.jpg) top center repeat-y; 
	}
	#main_background_footer {
   		position: relative; 
		height: 15px; 
		margin-bottom: 30px;
		background: url(images/background_footer.jpg) top center repeat-y; 
	}		

	#container_main {    		
		z/-index: 0;
   		position: relative;
		width: 950px; 
		margin: 0 auto; 
	}
	
		#container_header { 
			position: relative;  
			margin: 0; 
		}
			#container_header_logo { float: left; margin-left: 40px; width: 205px; padding-top:18px; padding-bottom:10px; } 
            #conainer_header_links { 
				float: left; 
				width: 665px;
				margin-top: 35px;
				text-align: right; 
				color: #FFFFFF; 
			} 
		
        #container_home_body {
			z-index: 0;
   			position: relative;
			width: 950px; 
			margin: 0; 
			background: #FFFFFF;
		} 
		
			#container_upper_content {
				position: relative;
				overflow: hidden; 
				height: 400px;
				background: url(images/upper_content_bg_blank.jpg) top left no-repeat;
			}
				#upper_content_inner_bg {
					position: absolute;
					width: 100%;
					height: 100%; 
					left: 0;
					top: 0;				
				}
				#upper_content_inner {
					position: absolute;
					width: 100%;
					height: 100%; 
					left: 0;
					top: 0;
					background: url(images/upper_content_bg_main.jpg) top left no-repeat;
				}
			
			#container_upper_menu_outer { position:relative; height: 1px; }
				#container_upper_menu { 
					position: absolute;
					bottom: -5px;
					width: 95%;
					height: 55px;
					margin: 0 25px;
					background: #53A6D8 url(images/header_menu_bg.jpg) top left repeat-x;			
				} 
			
			#container_content_tabs {
				float: left; 
				width: 585px;
				height: 260px; 
				border: 1px solid #C8CCCF;
				background: #FFFFFF url(images/content_lower_bg.jpg) bottom left repeat-x;
			}
			
			#container_content_stack {
				float: left; 
				width: 295px;
				height: 260px;  
				margin-left: 15px; 
			}	
					     
        #container_lower_boxes { 
			width: 95%;
			height: 260px;
			margin: 0 auto;
		}
		
        #container_footer { 
   			position: relative; 
			margin: 0; 
			padding: 7px 15px;
			background: #0079C0;
			vertical-align: middle;
			color: #FFFFFF;
		}
			#container_footer_left {
   				position: relative; 
				float: left; 
				width: 49%;
				text-align: left;
			}
			
			#container_footer_right {
   				position: relative; 
				float: left; 
				width: 49%;
				text-align: right;
			}



/*###################################################################
###########                    CONTENT                    ###########
###################################################################*/
	
	#container_footer a, #conainer_header_links a {	
		padding: 0 5px;
		font-size: 0.9em;
		font-weight: normal;
		text-decoration: none;
	}
	#container_footer a:hover, #conainer_header_links a:hover {	text-decoration: underline; }

	#content_lower_title {
		margin: 0; 
		padding: 20px 0 15px 45px; 
		color: #0575BD; 
		font-size: 1.4em; 
		font-weight: bold;
	}
	
	#upper_content_inner_main {
		position: relative;
		padding: 30px 0 0 45px;
	}	
		#upper_content_inner_main p { width: 500px; padding: 2px 7px 7px 7px; }
		#upper_content_inner_main img { margin-bottom: 2px; }
		
	.container_upper_menu_inner {
		float: left;
		postion: relative;
		height: 50px;
		cursor: pointer;
	}
		#item_1 { width: 236px; padding: 15px 0 0 2px; }
		#item_2 { width: 216px; padding: 15px 0 0 2px; }
		#item_3 { width: 217px; padding: 15px 0 0 2px; }
		#item_4 { width: 225px; padding: 15px 0 0 2px; }
		
		#container_upper_menu .container_upper_menu_inner .menu_object { position: relative; }
		.currentItem { cursor: default !important; }
		
		div.menu_item_text {
			width: 150px;
			height: 25px;
			background: url(images/upper_content_menu_titles_sprite.png) top left no-repeat;
		}
			#item_1 .menu_item_text { 
				width: 126px; 
				height: 20px;
				background-position: 0 -84px; 
			}
			#item_1:hover .menu_item_text, #item_1:active .menu_item_text { background-position: 0 0; }	
			.currentItem #item_1 .menu_item_text { background-position: 0 0; }		
				
			#item_2 .menu_item_text { 
				width: 117px; 
				height: 20px; 
				background-position: 0 -105px; 
			}
			#item_2:hover .menu_item_text, #item_2:active .menu_item_text  { background-position: 0 -21px; }
			.currentItem #item_2 .menu_item_text { background-position: 0 -21px; }
				
			#item_3 .menu_item_text { 
				width: 101px; 
				height: 20px; 
				background-position: 0 -126px; 
			}
			#item_3:hover .menu_item_text, #item_3:active .menu_item_text  { background-position: 0 -42px; }
			.currentItem #item_3 .menu_item_text { background-position: 0 -42px; }
				
			#item_4 .menu_item_text { 
				width: 115px; 
				height: 20px; 
				background-position: 0 -147px; 
			}
			#item_4:hover .menu_item_text, #item_4:active .menu_item_text  { background-position: 0 -63px; }
			.currentItem #item_4 .menu_item_text { background-position: 0 -63px; }
		
		
		.menu_item_icon {
			position: absolute;
			top: -35px;
			right: 0;
			width: 50px;
			height: 50px;
		}
		
			#item_1 .menu_item_icon { 
				width: 115px; 
				height: 89px;
				background: url(images/upper_content_menu_icons_s1_d.png) top left no-repeat; 
			}
				.currentItem #item_1 .menu_item_icon {				
				}
				
			#item_2 .menu_item_icon { 
				width: 101px; 
				height: 89px;
				background: url(images/upper_content_menu_icons_s2_d.png) top left no-repeat; 
			}
				.currentItem #item_2 .menu_item_icon {  }
				
			#item_3 .menu_item_icon { 
				width: 121px; 
				height: 89px;
				background: url(images/upper_content_menu_icons_s3_d.png) top left no-repeat; 
			}
				.currentItem #item_3 .menu_item_icon {  }
				
			#item_4 .menu_item_icon { 
				width: 111px; 
				height: 89px;
				background: url(images/upper_content_menu_icons_s4_d.png) top left no-repeat; 
			}
				.currentItem #item_4 .menu_item_icon {  }

	
	#upper_content_inner_scenario_main {
		position: relative;
		padding: 45px 0 0 55px;
	}	
		#upper_content_inner_scenario_main p { width: 400px; padding: 5px 7px 15px 4px; }
		#upper_content_inner_scenario_main img { margin-bottom: 5px; }
		#upper_content_inner_scenario_main #learn_more {
			width: 100px;
			margin-top: 5px;
			cursor: pointer !important;
		}
		
	#upper_content_inner_solution {
		display: none;	
		position: relative;
		padding: 45px 0 0 55px;
	}
		#next_scenario, #prev_scenario { cursor: pointer !important; }
		#upper_content_inner_solution_left { 
			float: left; 
			width: 409px; 
		}
			#upper_content_inner_solution_left table { width: 360px; margin: 15px 0 0 10px; border: 1px solid #C8CCCF; border-collapse: collapse; }
			#upper_content_inner_solution_left table td { 
				height: 33px; 
				padding: 0 10px 0 20px; 
				font-size: 0.9em;
				vertical-align: middle; 
			}
			#table_bg_1 td { background: #f5f5f5 url(images/upper_content_solution_table_bg_1.jpg) top left repeat-x; }
			#table_bg_2 td { background: #98d1f2 url(images/upper_content_solution_table_bg_2.jpg) top left repeat-x; }
		
		#upper_content_inner_solution_right { 
			float: left; 
			width:49%; 
		}
			#upper_content_inner_solution_right p { width: 400px; padding: 70px 7px 0 4px; }
			#upper_content_inner_solution_right #solution_buttons { margin: 10px; margin-top: 15px; text-align: right; }
			#upper_content_inner_solution_right #solution_buttons div { float: right; }
			#upper_content_inner_solution_right #solution_buttons img { margin-left: 8px; }
	
	.seperator {
		height: 2px;
		margin: 0 10px;
		padding: 0;
		background: url(images/dotted.gif) top left repeat-x;
	}
	
	 #print { margin-top: 3px; padding-right: 20px; text-align:right; font-weight: bold; cursor: pointer; }
	 #printout_header { display: none; }



/*###################################################################
###########                 WONG SCENARIO                 ###########
###################################################################*/		

	.wong_table_value {
		width: 68px; 
		height: 20px;
		background: url(images/scenario_wong_table_values_sprite.png) no-repeat top left;
	}
		#wong_table #value_1 { background-position: 0 0; }
		#wong_table #value_2 { background-position: 0 -21px;  }
		#wong_table #value_3 { background-position: 0 -42px; }
		#wong_table #value_4 { background-position: 0 -63px; }
		#wong_table #value_5 { background-position: 0 -84px; }



/*###################################################################
###########                SANTOS SCENARIO                ###########
###################################################################*/		

	.santos_table_value {
		width: 68px; 
		height: 20px;
		background: url(images/scenario_santos_table_values_sprite.png) no-repeat top left;
	}
		#santos_table #value_1 { background-position: 0 0; }
		#santos_table #value_2 { background-position: 0 -21px;  }
		#santos_table #value_3 { background-position: 0 -42px; }
		#santos_table #value_4 { background-position: 0 -63px; }
		#santos_table #value_5 { background-position: 0 -84px; }



/*###################################################################
###########                CALEYS SCENARIO                ###########
###################################################################*/		

	.caley_table_value {
		width: 68px; 
		height: 20px;
		background: url(images/scenario_caley_table_values_sprite.png) no-repeat top left;
	}
		#caley_table #value_1 { background-position: 0 0; }
		#caley_table #value_2 { background-position: 0 -21px; }
		#caley_table #value_3 { background-position: 0 -42px; }
		#caley_table #value_4 { background-position: 0 -63px; }



/*###################################################################
###########                BARTON SCENARIO                ###########
###################################################################*/		

	.barton_table_value {
		width: 68px; 
		height: 20px;
		background: url(images/scenario_barton_table_values_sprite.png) no-repeat top left;
	}
		#barton_table #value_1 { background-position: 0 0; }
		#barton_table #value_2 { background-position: 0 -21px; }
		#barton_table #value_3 { background-position: 0 -42px; }
		#barton_table #value_4 { background-position: 0 -63px; }
		
		
		
/*###################################################################
###########                     TABS                      ###########
###################################################################*/
	
	ul.tabs { 
		height: 30px;
		margin: 0 !important; 
		padding: 0;
		list-style: none; 
		border: 0;	
		background: #DAE2EF url(images/content_lower_tabs_menu_bg.jpg) top left repeat-x;
	}
	
	ul.tabs li { 
		float: left;	
		margin: 0 !important; 
		padding: 0;
		text-indent: 0;
		list-style-image: none !important;
	}
	
	ul.tabs a { 
		position: relative;
		display: block; 
		left: 0;
		width: 109px;
		height: 22px;
		margin: 0px;
		padding: 0;	
		padding-top: 8px;
		background: url(images/content_lower_tabs_sprite.jpg) no-repeat;
		background-position: 0 -31px;
		border-bottom: 1px solid #C8CCCF;
			font-size: 11px; 
			line-height: 30px;
			text-align: center;	
			text-decoration: none;
			color: #666666;
	}
		ul.tabs a img { margin-top: 8px; }
	
		ul.tabs a:hover, ul.tabs a:active  { height: 22px; border-bottom: 0; background-position: 0 -64px; outline:none; }
		
		ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
			height: 23px;
			background-position: 0 0;	
			border-bottom: 0;	
			cursor: default !important; 
		}
	
	ul.tabs a .tab_titles {
		margin: 0 auto;
		background: url(images/content_lower_tabs_titles_sprite.png) no-repeat top left;	
		cursor: pointer !important;
	}
	ul.tabs a.current .tab_titles { cursor: default !important; }
		#tab_title_1 { width: 63px; height: 16px; background-position: 0 -51px; }
		ul.tabs a:hover #tab_title_1, ul.tabs a:active #tab_title_1 { background-position: 0 -51px; }
		ul.tabs a.current #tab_title_1, ul.tabs a.current:hover #tab_title_1, ul.tabs li.current a #tab_title_1 {
			background-position: 0 0;
		}		
		
		#tab_title_2 { width: 79px; height: 16px; background-position: 0 -68px; }
		ul.tabs a:hover #tab_title_2, ul.tabs a:active #tab_title_2 { background-position: 0 -68px; }
		ul.tabs a.current #tab_title_2, ul.tabs a.current:hover #tab_title_2, ul.tabs li.current a #tab_title_2 {
			background-position: 0 -17px;
		}	
		
		#tab_title_3 { width: 91px; height: 16px; background-position: 0 -85px; }
		ul.tabs a:hover #tab_title_3, ul.tabs a:active #tab_title_3 { background-position: 0 -85px; }
		ul.tabs a.current #tab_title_3, ul.tabs a.current:hover #tab_title_3, ul.tabs li.current a #tab_title_3 {
			background-position: 0 -34px;
		}	

	
	#tabs_menu_shadow {
		float: left;
		position: relative;
		width: 16px;
		height: 30px;
		background: url(images/content_lower_tabs_menu_shadow.gif) top left no-repeat;
	}
	
	div.panes div { 
		display:none; 
		padding: 10px;
	}
	
		#tabs_pane_1 {
			height: 200px; 
			padding: 40px 10px 0 205px; 
		}
			#tabs_pane_1 p { padding: 7px 10px 0 10px; font-size: 0.9em; }
			
		#tabs_pane_2 {
			height: 200px; 
			padding: 40px 10px 0 190px; 
		}
			#tabs_pane_2 p { padding: 7px 10px 0 20px; font-size: 0.9em; }
			
		#tabs_pane_3 {
			height: 200px; 
			padding: 40px 10px 0 205px; 
		}
			#tabs_pane_3 p { padding: 7px 10px 0 10px; font-size: 0.9em; }			
			#tabs_pane_3 ul { margin: 10px 0 5px 0; list-style: disc; }		
			#tabs_pane_3 li { margin: 0 0 0 40px; }
	
	
/*###################################################################
###########                     STACK                     ###########
###################################################################*/
	
	#stack {
		margin-top: 35px;
	}
	
	#stack .tab {
		margin: 0;
		padding: 10px 20px;
		font-size: 14px;
		font-weight: normal;
		cursor: pointer;		
	}
		#stack .tab .stack_icon { float: left; }
		#stack .tab .stack_title { float: left; margin: 7px 0 0 10px; border: 0; }
		
		#stack .tab #stack_title_calculator { 
			width: 137px; 
			height: 19px; 
			background: url(images/stack_title_1_d.gif) top left no-repeat; 
		}
		#stack .tab #stack_title_checklist { 
			width: 78px;  
			height: 19px; 
			background: url(images/stack_title_2_d.gif) top left no-repeat; 
		}
		#stack .tab #stack_title_faq { 
			width: 190px;  
			height: 19px; 
			background: url(images/stack_title_3_d.gif) top left no-repeat; 
		}

	
	
/*###################################################################
###########                   OVERLAYS                    ###########
###################################################################*/
	
	.overlay { 
		display: none; 
		z-index: 9000; 
		position: relative;    
		width: 550px;     
		height: 500px;  
		padding: 30px;
		background: url(images/overlay_bg.png);     
	} 
	
	.overlay_contact { 
		display: none; 
		z-index: 9000; 
		position: relative;    
		width: 550px;     
		height: 200px;  
		padding: 30px;
		background: url(images/overlay_contact_bg.png); 
	}
		.overlay_inner { z-index: 10000; }
	
		.overlay .close, .overlay_contact .close {  
			position: absolute;
			right: 26px; 
			top: 26px; 
			height: 21px; 
			width: 21px;
			background: url(images/overlay_close.gif) no-repeat top left;
			background-position: 0 0;
			cursor: pointer;  
		}
		.overlay_contact .close {  
			right: 30px; 
			top: 22px;
		}
		.overlay .close:hover, .overlay_contact .close:hover { background-position: 0 -22px; }

	#overlay_calculator {  } 
	#overlay_calculator a, #container_checklist a { color: #0379bf; font-weight: normal; text-decoration: underline; }
	#overlay_calculator a:hover, #container_checklist a:hover  { text-decoration: none; }
	
	#overlay_calculator p { margin: 2px 25px 10px 5px; } 
	#overlay_calculator #overlay_calc_small { font-size: 0.7em; }
	#container_calculator { float: left; margin: 0 0 10px 5px; }
		#container_calculator table { border-collapse: collapse; } 
		#container_calculator table td { height: 10px; vertical-align: middle; font-weight: bold; } 
	#container_calculator_button { float: left; margin:0 0 0 10px; }
		#container_calculator_button img { cursor: pointer !important; }
	
	#overlay_calculator #overlay_calc_total_text { float: left; margin: 20px 25px 10px 5px; font-weight: bold; color: #0379bf; }
	#overlay_calculator #overlay_calc_total { 
		float: left; 
		margin: 20px 25px 10px 50px; 
		font-size: 1.5em;
		font-weight: bold; 
		font-style: italic;
		color: #0379bf;
		border-bottom: 1px solid #CCC;
	}
		
	#overlay_calculator .seperator { margin: 15px 20px; }
	
	
	#overlay_faq { font-size: 0.9em; }
	#overlay_faq .faq_headings { color: #0379bf; font-size: 1.0em; font-weight: bold; }
	
	#overlay_faq p { margin: 7px 10px 0 15px; }			
	#overlay_faq ul { margin: 10px 0 5px 0; list-style: disc; }		
	#overlay_faq li { margin: 0 20px 0 40px; }
	
	#container_checklist { margin: 20px 20px 20px 20px; }
	#container_checklist table { margin: 20px 20px 20px 20px; border-collapse: collapse; }
	#container_checklist table td { padding-bottom: 10px; vertical-align: middle; font-weight: bold; }
	
	.checklist_box { 
		width: 19px; 
		height: 19px; 
		
		background: url(images/checkbox.png) no-repeat top left; 
		background-position: 0 -20px;
		cursor: pointer !important;
	}
		.checklist_box_checked { background-position: 0 0px; }
		
		
	#overlay_contact {  }
	.overlay_contact_inner { margin: 20px 10px 10px 130px; font-size: 1.1em; font-weight: bold; }
		.overlay_contact_inner p { margin: 7px 10px 0 15px; }			
		.overlay_contact_inner ul { margin: 20px 0 5px 0; list-style-image: url(images/icon_magnify.png); }		
		.overlay_contact_inner li { margin: 0 20px 15px 100px; }
		
		.overlay_contact_inner a { color: #000000; font-weight: bold; text-decoration: none; }

	#container_checklist .overlay_contact_inner { margin: 20px 0 10px 0; }

				

/*###################################################################
###################################################################*/