/*####################
##### HTML, BODY #####
#####################*/ 


body {
	font-family				: Arial, Helvetica, sans-serif;
	font-size				: 77%;
	color					: #999;
	text-align				: center;
	margin					: 0px;
	padding 				: 0px;
	margin-bottom			: 10px;
}


/*###################
##### CONTAINER #####
###################*/ 


#container{
	width					: 800px;
	height					: 650px;
	margin-right			: auto;
	margin-left				: auto;
	text-align				: left;
	display					: block;
	
	
	
}



/*###############
##### FONTS #####
###############*/ 


p{
	padding					: 5px 10px 5px 10px;
	margin					: 0px;
	font-size 				: 100%;
}



h1{
	padding		 			: 5px 10px 5px 10px;
	margin					: 0px;
	line-height				: 1.0em;	
	font-size 				: 115%;
	color					: #EE7D11;
}

h2{
	padding		 			: 5px 10px 5px 10px;
	margin					: 0px;
	line-height				: 1.0em;	
	font-size 				: 220%;
	color					: #EE7D11;
	font-weight				: normal;
}

h3{ /*homepage teaser main header*/
	padding		 			: 0px 0px 0px 5px;
	margin		 			: 0px 0px 0px 0px;
	line-height				: 2.6em;	
	font-size 				: 105%;
	color					: #FFF;
	background-color		: #EE7D11;
}

h4{ /*homepage teaser sub-headings*/
	padding		 			: 0px 0px 2px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.0em;	
	font-size 				: 120%;
	font-weight				: normal;
	color					: #999;
}

h5{
	padding		 			: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 10px;
	line-height				: 1.0em;	
	font-size 				: 105%;
	font-weight				: bold;
	color					: #999;
}

h6{ /*product pages*/
	padding		 			: 20px 0px 20px 8px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.4em;	
	font-size 				: 280%;
	font-weight				: normal;
	color					: #999;
}

h7{ /*product pages*/
	padding		 			: 5px 10px 5px 10px;
	margin					: 0px;
	line-height				: 1.4em;	
	font-size 				: 130%;
	font-weight				: bold;
	color					: #EE7D11;
}



a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color					: #EE7D11;
	text-decoration			: none;
}

a:hover {
	color					: #EE7D11;
	text-decoration			: underline;
}



.generalLink a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 15px 0px 0px;
	color					: #EE7D11;
	text-decoration			: none;
	background-image		: url(../images/linkArrow.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}

.generalLink a:hover {
	color					: #EE7D11;
	text-decoration			: underline;
	background-image		: url(../images/linkArrowOver.gif);
	background-position		: right;
	background-repeat		: no-repeat;
}


h3 a{
	color					: #FFF;
}

h3 a:hover{
	color					: #FFF;
	text-decoration			: underline;
}

/*################
##### HEADER #####
################*/ 


#header{
	padding					: 0px 0px 0px 0px;
	margin					: 5px 0px 0px 0px;
	width					: 750px;
	height 					: 130px;
	background-color		: #EE7D11;
	
}

.logo{
	margin					: 23px 0px 0px 20px;
	border					: none;
	float					: left;
}

.headerImg{
	margin					: 0px 40px 0px 0px;
	border					: none;
	float					: right;
}



/*###############
#### CONTENT ####
###############*/ 
	
	
	
#content{
	padding					: 10px;
	margin					: 10px;
	width 					: 750px;
	height					: auto;
	display 				: block;
	line-height 			: 175%;
	border					: 1px solid #CCC;
	
}


/*----- homepage content layout ------*/


#homeContent{
	padding					: 0px 0px 0px 0px;
	margin					: 15px 0px 0px 0px;
	width 					: 570px;
	display 				: block;
	float 					: left;
	min-height				: 300px;
}

*html #homeContent{
	height					: 300px;
}	

#homeLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 288px;
	float					: left;
	border 					: 1px solid #EE7D11;
	
}


#homeRight{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 280px;
	float					: right;
}



/*----- other pages content layout ------*/

#mainContent{
	padding					: 0px 0px 0px 0px;
	margin					: 15px 0px 0px 0px;
	width 					: 750px;
	display 				: block;
	float 					: left;
	min-height				: 300px;
}

*html #mainContent{
	height					: 300px;
}		


#mainLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 470px;
	float					: left;
	
}

#mainRight{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 280px;
	float					: right;
}



/*----- for product/accessories pages : see products.css ------*/



/*################
### NAVIGATION ###
################*/ 


ul#navTop, ul#navBottom{
	margin 					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
	width					: 750px;
	background-color		: #9BA1A4;
	height					: 22px;
	

}

ul#navTop li, ul#navBottom li{
	display 				: inline;
}


ul#navTop li a, ul#navBottom li a{	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 6px 0px 6px;
	text-transform			: uppercase;
	display 				: block;
	float 					: right;
	font-weight				: bold;
	color					: #FFF;
	text-decoration 		: none;
	font-size 				: 85%;
	height 					: 22px;
	
}

ul#navBottom li a{	
	float 					: left;
}

ul#navBottom span li a{
	color					: #000000;
	
}


ul#navTop li a:hover, ul#navBottom li a:hover{
	background-color		: #888;
	color					: #FFF;
}

ul#navBottom span li a:hover{
	background-color		: #9BA1A4;
	cursor					: default;
	color					: #000000;
}


ul#navTop li a.selected, ul#navBottom li a.selected{
	background-color		: #666;
	color					: #FFF;
}

ul#navBottom span li a.selected{
	background-color		: #9BA1A4;
	cursor					: default;
	color					: #000000;
}


/*################
##### TEASER #####
################*/ 


#mainTeaser{
	padding					: 0px 0px 0px 0px;
	margin					: 15px 0px 0px 0px;
	width 					: 180px;
	float					: left;
	background-color		: #ECECED;
	
}

.teaser{
	padding					: 0px 0px 5px 0px;
	margin					: 2px 0px 0px 0px;
	width 					: 180px;
	
}

.teaserLeft{
	padding					: 5px 0px 5px 8px;
	margin					: 0px 0px 0px 0px;
	width 					: 50px;
	float					: left;
	
}

.teaserRight{
	padding					: 0px 2px 0px 5px;
	margin					: 0px 0px 10px 0px;
	width 					: 113px;
	float					: right;
	font-size				: 80%;
	line-height				: 1.2em;
	
}
.teaserBottom{
	border-top				: 1px dotted #EE7D11;
	clear					: both;
	
}


/*################
##### FOOTER #####
################*/ 


#footer{
	height					: 40px;
	width					: 780px;
	line-height				: 1.2em;
	font-size				: 80%;
	color					: #666;
	clear					: both;
	
	
}

.footerStrapline{
	color					: #999;
	margin		 			: 0px 0px 8px 10px;
	padding					: 0px 0px 8px 0px;
	border-bottom			: 1px dashed #CCC;
}

#sitemap a{
	padding		 			: 0px 0px 0px 10px;
	float					: left;
	font-size				: 110%;
	font-weight				: bold;
	text-decoration			: none;
	color					: #EE7D11;	
}

#sitemap a:hover{
	color					: #EE7D11;
	text-decoration			: underline;	
}

#copyright{
	padding		 			: 0px 0px 0px 0px;
	float					: right;
	text-align				: right;
	
}


#copyright a {
	text-decoration			: none;
	color					: #333;
}


#copyright a:hover {
	color					: #EE7D11;
	text-decoration			: underline;
}




/*#################
#### NEWS PAGE ####
#################*/ 



#newsList{
	margin					: 0px;
	padding					: 0px;
}

#newsList ul{
	margin					: 25px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}


#newsList li{
	display 				: inline;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 5px 0px 0px;
}

#newsBack {
	width					: 130px;
	float	 				: right;	
}

#newsBack ul{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;	
	list-style 				: none;
}


#newsBack li{
	display 				: inline;	
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}

#newsBack li a{
	text-decoration			: none;
	margin					: 0px 0px 0px 0px;
	padding					: 2px 5px 2px 5px;	
	background-color		: #9BA1A4;
	color					: #fff;
}


#newsBack li a:hover{
	margin					: 0px 0px 0px 0px;
	padding					: 2px 5px 2px 5px;
	background-color		: #666;
}





/*################
##### TABLES #####
################*/ 

.tblLayout{
	width					: 460px;
	margin					: 0px 0px 0px 10px;
	padding					: 5px;	
}

.tblField, .tblTextArea{
	width					: 260px;
	margin					: 0px 0px 5px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 18px;
	border					: 1px solid #CCC;	
}

.tblTextArea
{
    height                  :100px
}

*html .tblField{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}



/*#################
#### BROCHURES ####
#################*/ 


#brochureList{
	margin					: 0px;
	padding					: 0px;
}

#brochureList ul{
	margin					: 10px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	display 				: block;
	list-style 				: none;
}


#brochureList li{
	display 				: inline;
	width					: 160px;
	margin					: 0px 60px 8px 0px;
	padding					: 5px 5px 0px 7px;
	float					: left;
	border					: 1px solid #FFF;
}

#brochureList li:hover{
	border					: 1px solid #333;
	background-color		: #DDD;
	color					: #000;
}



/*###############
##### MISC. #####
###############*/ 

#calltoactionHome{
	display					: block;
	height					: 72px;
	/*border					: 1px solid #CCC;*/
	margin					: 0px 15px 20px 0px;
	padding					: 0px 0px 0px 0px;
}

#calltoaction{
	display					: block;
	height					: 72px;
	/*border					: 1px solid #CCC;*/
	margin					: 0px 15px 0px 5px;
	padding					: 0px 0px 0px 0px;
}




.clear{
	clear					: both;
	padding					: 0px;
	margin					: 0px;
	height					: 1px;
}


ul#siteMap{
	margin					: 10px 0px 0px 30px;
	padding					: 0px 0px 0px 0px;
}

ul#siteMap li a{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color					: #EE7D11;
	text-decoration			: none;
}

ul#siteMap li a:hover{
	text-decoration			: underline;
}


ul.teaser li{
	padding 				: 0px 0px 10px 0px;
}


.teaser a{
	color					: #999;
	text-decoration			: none;
}

.teaser a:hover {
	color					: #666;
	text-decoration			: underline;
}



.hr{
	margin					: 5px 10px 5px 10px;
	border					: 1px solid #DDD;
}

.contentImg{
	border 					: 1px solid #EE7D11;
}

.imgRight{
	border 					: none;
	float					: right;
}

.newsImg{
	border 					: 1px solid #CCC;
	float					: right;
	margin-left				: 20px;
}

.teaserImg{
	border 					: 1px solid #666;
}
/* SELECTOR */
.hidden{
	display 				: none;
}


.tblFieldSelect{
	/*width					: 160px;*/
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 18px;
	font-size				: 95%;
	border					: 1px solid #CCC;	
}

*html .tblField{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
}


.submit {
	border					: 1px solid #000;
	background-color		: #CCCCCC;
	width					: 300px;
}

.submitNarrow {
	border					: 1px solid #000;
	background-color		: #CCCCCC;
	width					: 200px;
	margin					: 10px 0px 0px 10px;
	padding					: 0px 0px 0px 0px;
}

*html .submitNarrow {
	margin					: 0px 0px 0px 10px;
}