/******************************************
FONTS relative font sizing: 
Scale up with ems (1.5em etc)
Scale down with keywords (x-small and xx-small)
Do not scale down with 0.7em or 70% as this will 
result in unreadable sizes on some 
browsers.
*******************************************/

html { font-size: xx-small; }
body {  font-family: Verdana, Arial, sans-serif; color:#666666; background:#ECEDE1; font-size: 1.2em; margin:5px 0px 9px 0; text-align:center; }
h1 {  font-family: Helvetica Neue, Arial, sans-serif; color:#B54721; font-size: 1.8em; font-weight:normal; }
h2 {  font-family: Helvetica Neue, Arial, sans-serif; color:#61514C; font-size: 1.5em; font-weight:bold; }
h3 {  font-family: Helvetica Neue, Arial, sans-serif; color: #FFFFFF; font-size: 11px; margin:0px 4px 0px 4px }


body td {  font-family: Verdana, Arial, sans-serif; font-size:11px; margin:4px 4px 4px 4px }
table p {  font-family: Verdana, Arial, sans-serif; font-size:11px; margin:4px 4px 4px 4px }


a img {
	border:none;
	}
a:link {
	color:#0C65B1;
	text-decoration:none;
	}	
p {
	line-height:1.3em; }
	
p.breadcrumb a { color:#61514C; font-size: x-small; }

p.message a { color:red; }

.productList {
	clear:both;
	}

.productList dt {
	font-weight:bold;
	float:left;
	margin:0px 5px 0px 0px;
	width:180px;
	padding:0px 0px 0px 0px;
}


.colorbk {
	background-color:#E9E9E4;
}

#installation {
	border:1px solid #E7E3DF; 
	background-color:#FDFDFB;
	padding:10px;
	margin-right:45px;
}

.faq {
	font-weight:bold;
}
 
 /******************************************

 	CONTAINER

*******************************************/

#top {
	text-align:left;
	width:776px;
	height:4px;
	font-size:1px;
	margin:auto;
	background:url(/images/template/container-top.gif);
	}
#container {
	text-align:left;
	width:752px;
	padding:8px 12px 0 12px;
	margin:auto;
	background:url(/images/template/container-bg.gif);
	}
html>body #container {
	}
	
/******************************************

 	BRAND

*******************************************/

#brand {
	background:#0060AC url(/images/template/micronair-logo-bg.gif);
	height:125px;
	margin:0 0 5px 0;
	}
#brand .left {
	background:url(/images/template/micronair-logo.gif) top left no-repeat;
	height:125px;
	}
#brand .right {
	background:url(/images/template/micronair-logo-clouds.gif) top right no-repeat;
	height:125px;
	}
	
/******************************************

 	LINKS LOGIN

*******************************************/

#micronair-logo {
	margin:27px 0 0 23px;
	width:155px;
	height:49px;
	float:left;
	}


.links-login h6 {
	text-align:center;
	list-style:none;
	height:89px;
	width:444px;
	background:url(/images/template/give-yourself.gif) 30px 48px no-repeat;
	text-indent:-5555px;
	margin:0;
	float:left;
	}	
.links-login ul {
	clear:left;
	text-align:center;
	list-style:none;
	padding:15px 50px 0 0;
	margin:0;
	}
	
.links-login ul li {
	display:inline;
	padding: 6px;
	}
.links-login ul li a, 
.links-login ul li a:visited {
	color:#B9D3E8;
	text-decoration:none;
	background-color:#3E85BF;
	}
.links-login ul li a:hover {
	color:#FFF;
	text-decoration:underline;
	}

/******************************************

 	CONTENT

*******************************************/

#content {
	background:url(/images/template/container-mid-bg.gif);
	}
.mid-top { 
	background:url(/images/template/container-mid-top.gif);
	height:4px;
	font-size:1px;
	}
#main { width:545px;
	float:left;
	padding:0px 21px 0px 10px;
	}
.clear {
	clear:both;
	}
	
.box-lighter {
	padding:12px 14px 0 14px;
	border:1px solid #E4E1DF;
	background:#FDFDFB;
	line-height:1.3em;
	-moz-border-radius:4px;
	}
.box-lighter p {
	width:180px;
	float:left;
	}
.box-lighter div.finder {
	width:290px;
	float:left;
	padding-left:25px;
	}
	
.tribox	{
	float:left;
	margin:0px 8px 0 8px;
	width:26%;
	padding-right:3%;
	background:url(/images/template/tribox-bg.gif) right top repeat-y;
	}
	
.tribox	h2, .tribox p {
	padding:0;
	margin:0 0 5px 0;
	}
	
	
/******************************************

 	NAVIGATION

*******************************************/

#navigation {
	width:176px;
	float:left;
	padding:0px 0 0 0;
	}
#navigation h2, #navigation form, #navigation p {
	padding: 5px 0 0 17px;
	margin:0; 
	}
.searchfield {
	width:140px;
	}
.searchbutton {
	margin:3px 0 10px 70px;
	width:73px;
	}
#links-navigation {
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	border-bottom:1px solid #D1D1C7;
	}
#links-navigation li {
	padding:0;
	margin:0;
	display:inline;
	}
#links-navigation li a {
	padding:3px 0 3px 15px;
	display:block;
	margin:0;
	border-top:1px solid #D1D1C7;
	color:#575B3D;
	text-decoration:none;
	clear:both;
	background:url(/images/template/navigation-hover.gif) -9900px -9999px no-repeat;
	}
#links-navigation li a:hover {
	background:#EBEBE6 url(/images/template/navigation-hover.gif) 0px 0px repeat-y;
	color:#0C65B1;
	}
#links-navigation li a span {
	display:none;
	/*background:url(/images/template/navigation-visited.png) -500px 2px no-repeat;*/
	}
#links-navigation li a:visited span {
	/*background:url(/images/template/navigation-visited.png) 0px 2px no-repeat;*/
	}
#links-navigation .current a {
	color:#B54721;
	font-weight:bold;
	}
html>body #links-navigation li a span {
	display:none;
	/*background:url(/images/template/navigation-visited.png) -500px 2px no-repeat;*/
	}

/******************************************

 	BASE

*******************************************/

#base {
	background:url(/images/template/container-base.gif);
	height:80px;
	width:776px;
	margin:0;
	text-align:left;
	margin:auto;
	}

#base .freudenberg a, base .freudenberg a:visited {
	display:block;
	text-indent:-5555px;
	height:52px;
	margin-left:600px;
	}

#base .links {
	padding:0px 0 0 40px;	
	color:white;
	font-size:x-small;
	}

#base .links a, #base .links a:visited {
	color:white;
	font-size:x-small;
	text-decoration:none;
	}
	
	
/******************************************

 	FORMS

*******************************************/

form.form-class fieldset {
	border:1px solid #E4E1DF;
	/*background:#FDFDFB;*/
	padding:8px;
	margin:8px 0;
	}

form.form-class fieldset legend {
	font-size:1.2em;
	font-weight:bold;
	color:#62802F;
	}

form.form-class fieldset label {
	float:left;
	width:150px;
	margin-right:3px;
	display:block;
	height:1.7em;
	line-height:1.7em;
	}

form.form-class fieldset label:hover {
	background:white;
	border-bottom:1px dotted #E4E1DF;
	}

form.form-class fieldset div.required, form.form-class fieldset div.optional {
	padding-bottom:3px;
	margin-bottom:7px;
	}

form.form-class div.submit {
	padding:7px;
	}

form.form-class div.submit input {
	margin-left:150px;
	}

form.form-class div.submit input:hover {
	background:white;
	}

form.form-class .textfield {
	width:200px;
	}

form.form-class span.extra {
	font-size:xx-small;
	}

form.form-class span.margin-extra {
	font-size:xx-small;
	clear:both;
	margin-left:153px;
	}

form.purchase {
	width:170px;
	}
	
/* NONE - removes all above styles from any form element */

form.form-class .none, form.form-class .none:hover {
	font-size:normal;
	clear:none;
	margin:auto;
	width:auto;
	height:auto;
	float:none;
	display:inline;
	background:none;
	}

fieldset {
	padding:10px;
}
	
.createAccount .required {
	margin:5px 0px 5px 0px;
}	


.createAccount .required label {
	float:left;
	width:140px;
}


/******************************************

 	IMAGES

*******************************************/

.image-bg {
	border:1px solid #E4E1DF;
	background:#FDFDFB;
	padding:8px;
	margin:8px 0px;
	}	
/******************************************

 	PRODUCT IMAGE - large

*******************************************/
	
/* medium */
.product-image-medium {
	width:275px;
	text-align:right;
	float:right;
	margin:0 -4px 0 0;
	}
.product-image-large a, 
.product-image-large a:visited {
	text-decoration:none;
	}
.product-image-medium .background {
	width:265px;
	background:url(/images/template/product-bg.png) top left repeat-y;
	padding:0px;
	margin:0 0 0 10px;
	}
.product-image-medium a.base {
	display:block;
	width:250px;
	background:url(/images/template/product-bg-base.png) bottom left no-repeat;
	padding:7px;
	}
.product-image-medium a.base-enlarge {
	display:block;
	width:250px;
	background:url(/images/template/product-bg-base-enlarge.png) bottom left no-repeat;
	padding:7px 7px 25px 7px;
	}
	
/* large */
.product-image-large {
	width:470px;
	text-align:right;
	margin:0 -4px 0 0;
	}
.product-image-large .background {
	width:470px;
	background:url(/images/template/product-bg-large.png) top left repeat-y;
	padding:0px;
	margin:0 0 0 10px;
	}
	
.product-image-large a.base-enlarge {
	display:block;
	width:450px;
	background:url(/images/template/product-bg-large-base.png) bottom left no-repeat;
	padding:7px 7px 25px 7px;
	}
/******************************************

 	MOZILLA ONLY EXTRAS (png24 transparency)

*******************************************/ 

html>body { 
	background:#ECEDE1 url(/images/template/background-clouds.jpg) top left fixed; 
}
html>body #container {
	background:url(/images/template/container-bg.png) ;
	}