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

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


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

#container{
	width					: 770px;
	text-align				: left;
	display					: block;
	margin					: 10px 0px 10px 0px;
	margin-right			: auto;
	margin-left				: auto;
	border					: 1px solid #008EC7;
	background-color		: #FFF;

}


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

p{
	padding					: 5px 10px 10px 10px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 90%;
	line-height				: 1.6em;
}

h1{
	padding		 			: 5px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.0em;
	font-size 				: 250%;
	color					: #428CC6;
}

h2{
	padding		 			: 0px 10px 5px 10px;
	margin					: 5px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 180%;
	font-weight				: normal;
	color					: #428CC6;
}

h3{
	padding		 			: 0px 0px 0px 0px;
	margin		 			: 0px 0px 0px 8px;
	line-height				: 1.2em;	
	font-size 				: 140%;
	font-size 				: bold;
	color					: #428CC6;
}

h4{
	padding		 			: 0px 8px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.1em;
	font-style				: italic;	
	font-size 				: 180%;
	font-size 				: bold;
	color					: #428CC6;
}

h5{
	padding		 			: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	line-height				: 1.2em;	
	font-size 				: 100%;
	font-weight				: bold;
	color					: #000;
}

a{
	color					: #428CC6;
	text-decoration			: none;
}

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

ul.bullet {
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 15px 0px 35px;
}

ul.bullet li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 90%;
	line-height				: 1.2em;
}

ol.bullet {
	padding 				: 0px 0px 0px 0px;
	margin					: 0px 15px 0px 35px;
}

ol.bullet li{
	padding 				: 0px 0px 5px 5px;
	margin					: 0px 0px 0px 0px;
	font-size 				: 90%;
	line-height				: 1.2em;

}

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

#header{
	width					: 756px;
	margin					: 6px 6px 0px 6px;
	padding					: 0px;
	border					: 1px solid #428CC6;
	position				: relative;
}

.headerTop{
	position				: absolute;
	margin					: 0px 0px 0px 0px;
	border					: none;
	left					: -1px;
	top						: -1px;
}

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

.link{
	margin					: 5px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	height					: 19px;
}

.linkField{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color					: #428CC6;
}

.phoneNumber{
	float					: right;
	clear					: both;
	margin					: -23px 2px 0px 0px;
	padding					: 0px 0px 0px 0px;
	color					: #428CC6;
	text-align				: right;
}

*html .phoneNumber{
	margin					: 10px 2px 0px 8px;
}

.phoneNumberSml{
	font-size				: 130%;
	font-weight				: bold;
}

.phoneNumberLrg{
	font-size				: 200%;	
	font-weight				: bold;
}


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

### NAVIGATION ###

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


/*---------  SEE NAVIGATION.CSS  ---------------*/


/*###############
#### CONTENT ####
###############*/ 

#content{
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 0px 0px;
	width 					: 770px;
	min-height				: 450px;
	display 				: block;
}

*html #content{
	height					: 450px;
}

#pageTitle{
	margin					: 0px 0px 0px 0px;
	padding					: 5px 0px 0px 185px;
	height					: 50px;
	display 				: block;
}

#left{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 8px;
	width 					: 160px;
	display 				: block;
	float 					: left;
}

*html #left{
	margin					: 0px 0px 0px 5px;
}

#main{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 8px 0px 0px;
	width 					: 585px;
	display 				: block;
	float					: right;
}

*html #main{
	margin					: 0px 5px 0px 0px;
}


#mainLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 395px;
	display 				: block;
	float					: left;
}


*html #mainLeft{
	margin					: 0px 0px 0px 0px;
}


#mainRight{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 180px;
	display 				: block;
	float					: right;
}


#mainInfoFixed{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 0px 20px 0px;
	min-height				: 350px;

}

*html #Fixed{
	height					: 336px;
}



#mainInfo{
	display 				: block;
	margin					: 0px 0px 0px 0px;
	padding					: 0px 0px 10px 0px;
	width					: 394px;
	background-color		: #81BBE5;
	background-image		: url(../images/table/bottom_White.gif);
	background-position		: bottom left;
	background-repeat		: no-repeat;
}


#innerInfo{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 10px 10px 13px;
}



#innerTbl{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 10px 10px 13px;
	width 					: 370px;	
}

#contactLeft{
	padding					: 0px 0px 0px 0px;
	margin					: 0px 0px 0px 0px;
	width 					: 210px;
	float					: left;
}

#contactRight{
	padding					: 0px 0px 0px 0px;
	margin					: 10px 10px 20px 10px;
	width 					: 150px;
	background-color		: #E7B7F2;
	float					: right;
}


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


#footer{
	margin 					: 8px 8px 0px 8px;
	padding					: 0px;
	clear					: both;
	display 				: block;
	list-style 				: none;
	float					: left;
	background-color		: #E5ECEF;
	width					: 754px;
	height					: 22px;
	line-height				: 1.2em;
	font-size				: 80%;
}

*html #footer{
	width					: 751px;
	margin 					: 8px 5px 8px 5px;
}

#copyright{
	padding		 			: 5px 20px 0px 0px;
	text-align				: center;
}

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

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


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

#headerForm{

	width					: 210px;

	float					: right;

	margin					: 15px 6px 0px 0px;

	padding					: 5px 0px 0px 0px;

	color					: #428CC6;

	

}



*html #headerForm{

	margin					: 10px 1px 0px 0px;

	padding					: 5px 0px 0px 0px;

	

}



.search{

	margin					: 0px;

	padding					: 0px;

}



.searchField{

	padding					: 1px 0px 0px 5px;

	margin					: 0px 0px 0px 13px;

	width					: 140px;

	height					: 15px;

	font-size				: 85%;

	color					: #428CC6;

	

}



.curveDiv .searchField{

	padding					: 1px 0px 0px 5px;

	margin					: 0px 0px 0px 13px;

	width					: 150px;

	height					: 15px;

	font-size				: 85%;

	color					: #428CC6;

	

}



*html .searchField{

	padding					: 1px 0px 0px 4px;

	

}





.linkField {

	padding					: 1px;

	margin					: 0px 0px 4px 13px;

	width					: 195px;

	height					: 20px;

	font-size				: 85%;

	color					: #428CC6; 

}



.searchButton{

	margin					: 0px 0px 0px 0px;

	padding					: 0px 0px 0px 0px;

	width					: 25px;

	height					: 20px;

	font-size				: 85%;

	background-color		: #E6EBEE;

	color					: #428CC6;

	font-weight				: bold;

	border					: 1px solid #428CC6;

}







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

### CALL BACK FORM ###

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





#callBack{

	padding					: 0px 0px 0px 0px;

	margin					: 10px 0px 20px 0px;

	background-color		: #D3DFE8;

}





#callBackForm{

	padding					: 0px 0px 0px 0px;

	margin					: 10px 0px 20px 12px;

	width 					: 157px;

	background-color		: #EEE;

}





.callBack{

	padding					: 0px 0px 0px 0px;

	margin					: 0px 0px 0px 0px;

}



.callField{

	padding					: 1px 1px 1px 5px;

	margin					: 0px 0px 4px 13px;

	width					: 120px;

	height					: 15px;

	font-size				: 85%;

	color					: #428CC6;

	 

}



.callDrop{

	padding					: 1px;

	margin					: 0px 0px 4px 13px;

	width					: 130px;

	height					: 20px;

	font-size				: 85%;

	color					: #428CC6;

	 

}



.callSubmit{

	padding					: 1px;

	margin					: 0px 0px 4px 93px;

	width					: 50px;

	height					: 20px;

	font-size				: 85%;

	color					: #FFF;

	background-color		: #428CC6;

	font-weight				: bold;

	border-top				: 1px solid #FFF;

	border-left				: 1px solid #FFF;

	border-right			: 1px solid #000;

	border-bottom			: 1px solid #000;

	 

}









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

### FEEDBACK FORM ###

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





#feedbackForm{

	padding					: 0px 0px 0px 0px;

	margin					: 10px 10px 20px 10px;

	width 					: 375px;

	background-color		: #EEE;

}



.feedback{

	padding					: 0px 0px 0px 0px;

	margin					: 0px 0px 0px 20px;

	font-size				: 90%;

}



.feedbackFieldShort{

	padding					: 1px 1px 1px 0px;

	margin					: 0px 0px 4px 0px;

	width					: 20px;

	height					: 15px;

	font-size				: 100%;

	color					: #428CC6;

	 

}





.feedbackField{

	padding					: 1px 1px 1px 0px;

	margin					: 0px 0px 4px 0px;

	width					: 140px;

	height					: 15px;

	font-size				: 100%;

	color					: #428CC6;

	 

}



.feedbackFieldLong{

	padding					: 1px 1px 1px 0px;

	margin					: 0px 0px 4px 0px;

	width					: 330px;

	height					: 15px;

	font-size				: 100%;

	color					: #428CC6;

	 

}



.feedbackTextArea{

	padding					: 1px 1px 1px 0px;

	margin					: 0px 0px 4px 0px;

	width					: 330px;

	height					: 45px;

	font-size				: 130%;

	color					: #428CC6;

}

	 



.feedbackFieldArea{

	padding					: 1px 1px 1px 0px;

	margin					: 0px 0px 4px 0px;

	width					: 330px;

	font					: Arial, Helvetica, sans-serif;

	font-size				: 130%;

	color					: #428CC6;

	 

}



*html .feedbackFieldArea{

	font-size				: 110%;

	 

}





.feedbackDrop{

	padding					: 1px;

	margin					: 0px 0px 4px 0px;

	width					: 330px;

	height					: 20px;

	font-size				: 85%;

	color					: #428CC6;

	 

}



.feedbackDropShort{

	padding					: 1px;

	margin					: 0px 0px 4px 0px;

	width					: 100px;

	float					: right;

	height					: 20px;

	font-size				: 85%;

	color					: #428CC6;

	 

}



.feedbackSubmit{

	padding					: 1px;

	margin					: 0px 0px 4px 93px;

	width					: 50px;

	height					: 20px;

	font-size				: 85%;

	color					: #FFF;

	background-color		: #428CC6;

	font-weight				: bold;

	border-top				: 1px solid #FFF;

	border-left				: 1px solid #FFF;

	border-right			: 1px solid #000;

	border-bottom			: 1px solid #000;

	 

}





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

##### MISC. #####

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





.contactusTbl{

	padding					: 0px 0px 0px 0px;

	margin					: 0px 0px 0px 10px;

	width					: 370px;

	font-size				: 90%;

	

}



.contactusTbl td{

	padding					: 0px 0px 5px 0px;

	vertical-align			: top;

} 





.downloadCentre{

	padding					: 0px 0px 0px 0px;

	margin					: 0px 0px 0px 10px;

	width					: 150px;

	font-size				: 90%;

	

}



.downloadCentre td{

	padding					: 0px 0px 5px 0px;

	vertical-align			: top;

} 







.clear{

	clear					: both;

	padding					: 0px;

	margin					: 0px;

}





.imageBorder{

	padding					: 0px 3px 3px 3px;

}



.imgLeft{
	border					: 1px solid #000;
	float 					: left;
	margin					: 5px 10px 5px 10px;	
}



.imgRight{
	border					: 1px solid #000;
	float 					: right;
	margin					: 0px 5px 0px 5px;	
}

.imgFull {
	border					: 1px solid #000;
	width					: 370px;
	margin					: 5px 10px;
}



.imgMap{

	border					: 3px solid #428CC6;

	//float 					: left;

	margin					: 5px 10px 5px 10px;

}





.teaserImg{

	border 					: 1px solid #666;

}





#quote{

	padding					: 40px 0px 0px 0px;

	margin					: 0px;

	background-image		: url(../images/quoteTop.gif);

	background-position		: top left;

	background-repeat		: no-repeat;

}



.consultantTbl{

	width					: 355px;

	padding					: 0px;

	margin					: 0px 0px 0px 10px;

	color					: #00498C;

	

}





.consultantTbl td{

	border-bottom			: 1px solid #CCC;

	height					: 25px;

	vertical-align			: top;

	padding					: 4px 0px 4px 0px;

	

}



.clear{
	clear					: both;
	height					: 1px;
}


/**
 * Store sales table
 */
.storeSalesTable {
	border-spacing			: 1px;
	margin					: 5px 10px;
}

.storeSalesTable td {
	border-top				: 1px dotted #808080;
	padding					: 5px;
}

.storeSalesTable p {
	padding					: 0px;
	marign					: 0px;
}

.storeSalesTable .title {
	font-weight				: bold;
}

.storeSalesTable img {
	height					: 70px;
}