/* 	
	=================================================
			Basic Text formatting, element 
			width, height and general styling.
			
			!! More specific Element alignment,  
			placement and styling found at 
			main.css
			Remove this before Launch
	=================================================
*/	
/*	-------------------------------------------------------------
	Heatwell Ltd
	
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	Description:	Base setup styles
	Filename:		base.css
	Version:		1.0
	Date:			Feb 15, 2006
	-------------------------------------------------------------	*/


/*	-------------------------------------------------------------
	Base Body Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	html{
		font-size:62.5%;
		line-height: 0.1;
	/* 
	Above rules make all sizes close to 
	10px in all browsers. Resize using
	EM's from here.
	Sets line-height to smallest size for consistancy.
	*/	
		}
	
	body{
		color:#000;
		text-align:left;
		font:normal normal 1em/1.4em Verdana,Geneva,Arial,Helvetica,sans-serif;
		}
	
	
	/*	Links
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/			
	a,
		a:link{
			color: #FF8300;
			text-decoration:underline;
			background:transparent;
		}
		a:visited{
				color: #CE6328;
			}
		a:hover{
				color: #3C3C3C;
				text-decoration:none;
			}
		a:active{
				color: #000;
				background:transparent;
				outline:0;
			}
		a img{
				border:none;
			}
		
		/*	Skip to content
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		#skipper a{
				color:#000000;
				font-size:0.9em;
			}
		#skipper a:visited{
			color:#000000;
			}
		#skipper a:hover{
				color:#FFFFFF;
			}
			
		/*	Continue Reading & More Links
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		a.more{
				display:inline-block;
				background:url(../../_img/icons/more.gif) no-repeat 100% 50%;
				padding-right:10px;
			}
		a.more:visited{
				background-image:url(../../_img/icons/more_visited.gif);
			}
		a.more:hover{
				background-image:url(../../_img/icons/more_hover.gif);
			}
			
		
		/*	To Top Links
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
		a.top:link,a.top:visited{
				display:block;
				text-align:right;
				text-decoration:none;
				background:url(../../_img/icons/top.gif) no-repeat 100% 0;
				color:#FF8300;
				width:2em;
				float:right;
        clear:both;
				margin:1.5em 0;
			}
		a.top:hover{
				color:#000000;
				background:url(../../_img/icons/top_hover.gif) no-repeat 100% 0;
			}

/*	-------------------------------------------------------------
	Headings Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	h1,h2,h3,h4,h5,h6{
			font-weight:bold;
			font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
			color:#000000;
			text-transform:capitalize;
			line-height:normal;
			padding: 0;
			clear: both;
		}
	h1{
			font-size:2.5em;
			line-height:1.5em;
			margin:0 0 0.5em 0;
		}
	h2{
			font-size:2em;
			margin:1em 0 0.5em 0;
			color:#000;
		}
	h3{
			font-size:1.8em;
			line-height:1.5em;
			margin:1em 0 0.5em 0;
			color: #FF8300;
		}
	h4{
			font-size:1.6em;
			line-height:1.3em;
			margin:0 0 0.4em 0;
			color: #3C3C3C;
			}
	h5{
			font-size:1.5em;
			line-height:1.3em;
			margin:0 0 0.25em 0;
			}
	h6{
			font-size:1.3em;
			line-height:1.3em;
			margin:0 0 0.25em 0;
			}
			
			/*	Linked Headings
				- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
				h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
						text-decoration:underline;
						}
				h1 a:link,h1 a:visited,h2 a:link,h2 a:visited{
						color: #FF8300;
						text-decoration:none;
						}
				h2 a:link,h2 a:visited{
						color: #FFF;
						}
				h3 a:link,h3 a:visited{
						color: #FF8300;
						}
				h1 a:hover,h2 a:hover{
						color: #000;
						}
				h3 a:hover{
						color:#FF8300;
						}
			
     h3 span { font-size:0.8em; font-weight:normal; color:#000; }
/*	-------------------------------------------------------------
	Main Text Element Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	p,ul,ol,dl{
			margin:0 0 1.5em 0;
			line-height:1.4em;
			font-size:1.1em; /*11px*/
			}
	em{
			font-style:italic;
			}
	strong{
			font-weight:bolder;
			}
	blockquote{
			background:#E7E5E5;
			padding:0;
			margin:0.8em;
			color:#717171;
			font-size:1.2em;
			font-style:italic;
			}
	blockquote p{
			margin:0;
			padding:1em;
			}
	abbr,acronym{
			color:#717171;
			border-bottom-width:1px;
			border-bottom-style:dotted;
			border-bottom-color:#717171;/* for IE 5,same color as color */
			}
			
/*	-------------------------------------------------------------
	List Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	/*	Unordered Lists
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		ul{
				list-style:none;
				margin:0 0 1.5em 0;
				}
				ul li{
						margin:0 0 0.25em 30px;
						padding:0 0 0 20px;
						background:url(../../_img/icons/bullet.gif) no-repeat 0 0.3em;
						}
				li p{
						font-size:inherit;
						}
						ul ul{
								font-size:1em;
								}
	/*	Ordered Lists
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		ol{
				margin:0 0 1.5em 3em;
				}
				ol li{
						font-size:1.0em;
						margin:0 0 0.25em 30px;
						padding:0;
						background:none;
						}
						ol ul{
								font-size:1em;
								}
								ol ul li{
										background:url(../../_img/icons/bullet.gif) no-repeat 0 0.5em;
										margin:0 0 0.25em 30px;
										padding:0 0 0 10px;
										}

		/*	Definition Lists
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			dl{
					margin:0 0 1.5em 0;
					padding:0;
					}
					dl dt{
							font-weight:bold;
							font-size: 1.2em;
							margin:1em 0 0.25em 0;
							padding:0;
							}
					dl dd{
							margin:0 0 0 30px;
							padding:0;
							}
							dl dd ul{
									font-size:inherit;
									}
							dl dd p{
									font-size:inherit;
									}
									

/*	-------------------------------------------------------------
	Image Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	img{
			padding:4px;
			border: 1px solid #ECEBE3;
			}
			#content img{
					float:left;
					margin:0 1em 1em 0;
					}
					#content img.right{
							float: right;
							margin: 0 0 1em 1em;
              clear:left;
							}	
           #content img.mid { 
              float:none;
              margin:0 auto;
              border:0;
              display:block;
            }								
									
/*	-------------------------------------------------------------
	Layout Styles
	
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	#page{
		width:770px;
		margin:0;
		height:100%;
		}
	#main {
		position:relative;
	}
	

/*	-------------------------------------------------------------
	Navigation Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	/*	Utility Menu
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		#utility-nav{
				text-align:right;
				font-size:1em;
				color:#000;
				margin:0 0 0.5em 230px;
				padding-bottom:2em;
				font-weight:bolder;
				border: solid #E7E7E7;
				border-width:0 0 1px 0;
				
				}
				#utility-nav li{
						display:inline;
						margin:0;
						padding:0 0.5em;
						border-left:1px solid #CE6328;
						background-image:none;
						}

		/* 
		================================
		More styles for navigation can be 
		found in main.css
		================================
		*/



/*	-------------------------------------------------------------
	Global Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	.odd,.even{
			background:#F4F4F4;
			}
	#page .last,#page .first{
			border:0;
			}
	.highlight {
			border: 1px solid #B8B8B8;
			padding: 1em;
		}

		
	/*	Notices to draw attention
		- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
		.warning,.info,.attention,.note{
				padding:0.5em 0.5em 1em 40px;
				border:1px solid;
				}
		.warning{
				background:url(../../_img/icons/icon_warning.png) #FFE6E6 no-repeat 10px 0.2em;
				border-color:#FFCCCC;
				}
		.info{
				background:url(../../_img/icons/icon_info.png) #E0F4F9 no-repeat 10px 0.2em;
				border-color:#CFDEE6;
				}
		.attention,.note{
				background:url(../../_img//icons/icon_attention.png) #FAEDBC no-repeat 10px 0.2em;
				border-color:#FDCD5B;
				}
		.note{
				}
		.note em{
				font-weight:bolder;
				}
		.warning li,.info li,.attention li,.note li{
				list-style:square;
				background:none;
				}

    /*  Site specific
       - - - - - - - - - - - - - - - - - - - - - - - -  */
    div.guarantee { background:url(../../_img/guarantee.gif) no-repeat 0 0; padding: 40px 20px 30px 100px; text-align:center; clear:both; height:60px;}
    .guarantee p { font-size:1.7em; font-weight:bold; color:#FF8300; margin:0; padding:0; }
    .guarantee p span.conditions { font-size:0.5em; color: #666666; display:block; line-height:1em;padding:0;}
    .section { padding-top:1em; border-top: 1px solid #E7E7E7; }
/*	-------------------------------------------------------------
	Table Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
												
table{
		border:solid #C1C1C1;
		border-width:0 0 0 1px;
		padding:0 0 0 0;
		margin:0.2em 1em 2em 1em;
		width:auto;
		}
		table caption{
				color:#000000;
				text-align:left;
				font:normal bold 2em "Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
				margin:0.5em 0 1em 1em;
				}
		
		/*	Table Header
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			thead th{
					font: bold 1.1em/1.2 "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
					color:#FFF;
					text-align:center;
					vertical-align:bottom; 
					border:solid #C1C1C1;
					border-width:1px 1px 1px 0;
					padding-bottom:0.2em;
					background: #FF6400 url(../../_img/table/tab_bg_header_orange.jpg) no-repeat;
					}
	
					thead th.nobg { /* Remove background */
							color:#666;
							border:solid #C1C1C1;
							border-width: 0 1px 1px 0;
							background: none;
							}
		/*	Table Body
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			tbody { }
			
					td,th{
							text-align:right;
							padding:0.5em 0.5em;
							border: solid #C1C1C1;
							border-width: 0 1px 1px 0;
              margin:0;
							}
				
				/*	Tbody Table headers
					- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				
					tbody th{
							color:#000000;
							font-weight:bold;
							text-align:right;
							font: bold 1.1em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
							border: solid #C1C1C1;
							border-width: 0 1px 1px 1px;
							}
						
						/*	Tbody Table header Odd and even rules
							- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
						
							.odd th{
									background: #fff;
									}
							.even th{
									background: #f5fafa url(../../_img/table/tab_bg_td_grey.jpg) no-repeat;
									}
						
						
						/*	Tbody Table header Odd and even special rules
							- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
							.even th.spec {
									background: #f5fafa url(../../_img/table/tab_bg_td_grey.jpg) no-repeat;
									border-bottom: 0;
									}
							.odd th.spec {
									background: #f5fafa url(../../_img/table/tab_bg_td_grey2.jpg) no-repeat;
									}		

			/*	Tbody table cells
					- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/	
				td{
						font:1em Verdana,"Andale Mono",Courier,"Courier New",monospace;
						vertical-align:top;
						padding-right: 1em;
						background: #fff;
						}
						
				/*	Tbody Table cell Odd and even rules
					- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
				
					.even td {
							background: #E4E4E4 url(../../_img/table/tab_bg_td_grey.jpg) no-repeat;
							}
				/*	Tbody Table cell Odd and even special rules
					- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
					.even td.spec {
							border-top: 0;
							border-bottom: 0;
							background: #E4E4E4 url(../../_img/table/tab_bg_td_grey.jpg) no-repeat;
							}
					.odd td.spec {
							background: #E4E4E4 url(../../_img/table/tab_bg_td_grey2.jpg) no-repeat;
							}

							
/*	-------------------------------------------------------------
		Masthead Styles
		
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 	
	#masthead{
		border:solid #000;
		border-width:0 0 1px 0;
		}
		
		/*	Tagline (Slogan)
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			.tagline{
				color:#000;
				margin:0 10px;
				font-size:1em;
				font-weight:bolder;
				}
	
/*	-------------------------------------------------------------
	Main Content Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 
	
	#content {
		
		}
		
		/*	Vcard
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			.street-address,.extended-address,.country-name,.postal-code,.fn{
					display:block;
					}
			div.adr span.type,div.type .fn{
					font-weight:bold;
					text-transform:capitalize;
					}
			.fn{
					font-size:1.1em;
					margin:0;
					font-weight:bold;
					border:solid #E7E5E5;
					border-width:1px 0 0;
					padding:1em;
					}
			.adr{
					padding:0 1em;
					}
			.vcard h3{
					padding:0.5em;
					margin:0;
					border:solid #E7E5E5;
					border-width:1px 1px 0 1px;
					font-weight:normal;
					color:#FF8300;
					}
			.vcard{
					margin-top:2.5em;
					}
			.fn a:link,.fn a:visited{
					color:#000000;
					}
					

/*	-------------------------------------------------------------
	Sidebar Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	#sidebar{
		}
		
/*	-------------------------------------------------------------
	Footer Styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/ 

	#footer{
			font-size:0.9em;/*Equivilent to 9px*/
			color: #000;
			padding:4em 0.5em 2em;
			text-align:center;
			border:solid #E7E7E7;
			border-width:1px 0 0 0;
			background: url(../../_img/logo_wash.jpg) no-repeat 170px 50%;
		}

		/*	Footer Menu
			- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		
			#footer ul li{
					display:inline;
					padding:0 0.5em;
					margin:0.5em 0;
					border-left: 1px solid #CE6328;
					background:none;
					}
					#footer ul li a:link,#footer ul li a:visited{
							color: #CE6328;
							}
					#footer ul li a:hover,#footer ul li a:active{
							color:#000000;
							}