@charset "iso-8859-1";
@import url(reset.css);
@import url(typography.css);

/* Class and ID Library */
a:focus, a:hover	{color:#000;}

a:focus, a:hover	{color:#000;}

a	{color:#009;
	text-decoration:underline;}
	
a:link	{text-decoration:none;
		color:#333333;}

a:visited	{text-decoration:none;		
			color:#333333;}
			
a:active	{text-decoration:underline;
			color:#454545;}
			
a:hover	{text-decoration:underline;
		color:#96C93E;}
		
a:focus	{text-decoration:underline;
		color:#454545;
		outline:none;}

img	{border:none;}

p img	{float:left;
		margin:10px 10px 10px 0;
		padding:0;}
		
p img.right	{float:right;
			margin:5px 0 5px 5px;}
			
.float_left	{float:left;}

.float_right	{float:right;}

.clear	{clear:both;}

.border	{border:1px solid #000;}

strong, .bold	{font-weight:bold;}

em	{font-style:italic;}
ul	{list-style:none;}

ol	{list-style-type:decimal;}

dl	{margin:0 0 1.5em 0;}

dl dt	{font-weight:bold;}

dd	{margin-left:1.5em;}

table	{margin-bottom:1.4em;
		width:90%;
		font-size:0.8em;
		margin-left:10px;
		color:#666666;}
		
th	{font-weight:bold;
	border-left:1px solid #666;
	text-align:center;}

th.no_border	{border-left:none;}
	
th, td	{padding:4px 10px 4px 5px;
		border-right:1px solid #666;
		border-top:1px solid #666;}

table .bottom	{border-bottom:1px solid #666;}

tr.even td	{background:#E5ECF9;}

.center	{text-align:center;}
						
hr	{background:#ddd;
	color:#ddd;
	clear:both;
	float:none;
	width:100%;
	height:.1em;
	margin:0 0 1.45em;
	border:none;}
	
hr.space	{background:#fff;
			color:#fff;}

/* Container */
#container	{width:980px;
			margin:auto;
			font-size:1.2em;
			position:relative;}

/* Header */
#branding	{padding:0px 10px;
			height:100px;} /* Change accordingly menu height */
			
#logo	{width:200px;
		height:50px;
		float:left;}

#banner	{width:729px;
		height:281px;
		margin-top:47px;
		float:left;
		background:url(../images/main_banner.jpg) no-repeat;} /* depend on design */	

#banner h1	{text-indent:-999em;
			height:0px;
			overflow:hidden;}

#banner a	{position:relative;	
			color:#fff;
			float:right;
			padding:100px 30px 0px 0px;
			font-weight:bold;}		

.ie #banner a	{padding:100px 30px 0px 0px;}

.sub_banner	{float:right;
			width:250px;
			margin-top:47px;
			height:140px;}

.sub_banner img	{display:block;
				padding:0px 0px 1px 1px;}					


/* Menu */
.menu	{height:50px;
		width:980px;
		top:100px;
		left:0;
		font-size:1.1em;
		position:absolute;
		font-family:tahoma;}
	
.menu li	{float:left;
			display:block;}
			
.menu li a	{display:block; padding:0 25px; text-decoration:none;}
			
.menu li a:hover	{background-color:#96C93E; color:#ffffff;}
			
.menu li.separator	{background:url(../images/separator.jpg) no-repeat;
					width:1px;
					height:0px;
					padding:0;
					padding-top:25px;
					overflow:hidden;}	

.menu li:hover ul	{display:block;}
.menu ul .mouse_over	{background-color:#00aef3; color:#ffffff;}

		
/* menu status */
#page_home #menu_home, #page_about_us #menu_about_us, #home_how_it_work #menu_how_it_work, #page_hydrocarbon_refrigerant #menu_hydrocarbon_refrigerant, #page_safety_insurance #menu_safety_insurance, #page_faq #menu_faq, #page_tbc #menu_tbc, #page_contact_us #menu_contact_us, #appointment #menu_appointment 	{background-color:#00aef3; color:#ffffff;}

/* 2 col layout */	

#supportingText	{margin-top:20px;}

.ie #supportingText	{margin-top:40px;}
			
#content_sub	{position:relative;
				width:300px;
				padding:10px 0;
				float:left;
				min-height:400px;
				height:auto !important;
				height:400px;}

#content_sub p	{margin:0; 
				padding:0; 
				font-size:0.9em; 
				font-weight:bold;}

#content_sub img,
.annotation			{border:1px solid #ccc;
					padding:1px;}

#content_sub ul, #content_sub ol, #content_main ul, #content_main ol	{margin:10px 10px 10px 30px;}

#content_sub ul li	{background:url(../images/bullet.gif) 0px 5px no-repeat;
					padding-left:20px;}
	
.ie6 #content_sub ul li	{height:1%;}

#content_main	{float:right;
				padding:10px 0;
				width:680px;
				position:relative;
				font-size:1.1em;}

#content_main a	{color:#00AEF3;}

#content_main a:hover	{color:#97CA3C;}

#content_main ul, #content_main ol	{margin:10px 0px 0px 30px;}

#content_main ul li	{color:#ffffff;
					font-size:1em;
					list-style:none;}

/* Tables */					
#content_main table td,
#content_main .heading .bold	{text-align:center;}

#content_main .network	{width:100%; margin-left:0; font-size:1em;}
#content_main .network td	{text-align:left; border:none; vertical-align:top; padding-left:5px;}
#content_main .network td p	{margin:0 0.5em 1.2em 0.5em;}
/* 3 col layout */

.content_sub	{width:33%;
				float:left;}

/* site_info */ 		
#site_info	{clear:both;
			padding-top:10px;
			text-align:right;
			height:30px;
			border-top:1px dotted #a5a5a5;
			font-size:0.9em;
			font-family:tahoma;}

#site_info p	{float:left;
				position:relative;}

#site_info a	{color:#666;}				

#error_msg	{padding:0.5em 0em 0.5em; 
			border-bottom:1px solid #FF0000;
			background:url(../images/error.jpg) center no-repeat; 
			background-position: 15px 50%;
			padding-left:45px;
			font-size:0.9em;}

.success	{background:#E6EFC2;
			color:#264409;
			padding:10px;
			border:2px solid #A1BF5F;
			border-color:#C6D880;}
			

#error_msg	{height:30px;
			width:435px;
			margin-bottom:20px;}

.none	{display:none;
		height:0;}
		
		
/* Form CSS */
label	{font-weight:bold; 
		width:160px; 
		margin-right:10px; 
		position:relative; 
		float:left; 
		text-align:right;}	
		
fieldset	{padding:1em; 
			margin: 0 0 1.5em 0; 
			border: 1px solid #ccc;}
			
legend	{font-weight:bold; 
		font-size:1.1em;}

input.text, input.title,
textarea, select {
  margin:0.3em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 400px; height: 150px; padding:5px; }

input#submit	{margin-left:170px;}

.red	{color:#FF0000;}

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em;}

.error      { background: #FBE3E4; color: #8a1f11; border-top: 2px solid #FBC2C4; border-bottom: 2px solid #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-top: 2px solid #C6D880; border-bottom:2px solid #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }