body {
	margin: 0; padding: 0;
	background: #FFF url("../images/pageback4.gif") repeat-x;
	text-align: center;
	color: #43433D;
	font-family: "Trebuchet MS", "Tw Cen MT", verdana;
	font-size: 11px;
	line-height: 16px;
}

img { border: 0; }

* { margin: 0; padding: 0; }



/* global interface elements
-------------------------------------------------------- */
#wrapper {
	background: #FFF;
	border-left: 1px solid #31496A;
	border-right: 1px solid #31496A;
		border-bottom: 1px solid #31496A;
	position: relative;
	width: 700px;
	margin: 0 auto;
	text-align: left;
	padding-bottom: 10px; 
}
.quote{
background: url("../images/quote1.gif") 6px 0 no-repeat;
height: 140px;
}
.quotetext{padding: 6px 10px 0 60px; font-style:italic}
.endorsee{float: right;padding-right: 70px;}
#replacelogo {
	margin: 0; padding: 0; border: 0;
	height: 110px; width: 700px;
	background: url("../images/header.gif") left top no-repeat;
}

#replacelogo a, #replacelogo h1 {
	margin: 0; padding: 0; border: 0;
	display: block;
	height: 74px; width: 700px;
	text-indent: -9999px;
	background: none;
}

.maincontent, #footer { background: url("../images/contentback688.gif") 6px 0 no-repeat; padding-top: 10px; }
.maincontent div, #footer div { background: url("../images/contentbottom688.gif") 6px 0 no-repeat; height: 10px; }

.maincontent div {
	text-align: right;
	padding-right: 18px;
}
#genleft{text-align: center; float: left; width: 380px;}
#genright{text-align: center; width: 100%; font-size: 20px }
#clevaircontent a{ color: #FF0000; text-decoration: none; border-bottom: 1px dotted silver; font-weight: bold; }
#clevaircontent{text-align: left; padding: 6px 24px 8px;}
#clevaircontent p{ margin-bottom: 14px;}
#compressorcontent{
text-align:center}
.defaultcontent .genlist{ margin-top: -30px;}
#aboutcontent{text-align: left; padding: 6px 24px 16px; }
#partgencontent{text-align: left; padding: 6px 24px 16px;font-size: 13px}
#footer { margin-top: 35px; padding-top: 5px; text-align: right; }
#content { padding-top: 15px; text-align: center;}
.defaultcontent{text-align: left; padding: 6px 24px;}
.defaultcontent ul{padding-left: 48px;}
.genlist li{
line-height: 18px;
margin-left: 35px;
list-style-type: none;
list-style-image:url("../images/checkmark.png");

}
/* textual element stylin'
-------------------------------------------------------- */
p, h2 { margin: 0 20px; padding: 0;}
p { margin-bottom: 30px; }

.maincontent p { margin-bottom: 10px; font-size: 13px; line-height: 22px; }
.maincontent h2 { font-size: 15px; line-height: 22px; }

#footer p { margin-bottom: 0 }
h2 { font-size: 13px; }
h3 { font-size: 9px; margin: 0 20px 20px 0; padding: 0; text-align: right; font-weight: normal; color: #900; }

p a { color: #FF0000; text-decoration: none; border-bottom: 1px dotted silver; font-weight: bold; }
p a:hover { border-bottom: 1px dotted #000; }

.clearall{
clear: both;
}

/* CSS Tabs */
.menucontainer {
	   text-align: center;
        width: 700px;
        padding: 5px;
}

/* pyramid */

#navPyra {
        margin: 0;
        padding: 0 0 20px 0;
		display: inline;
}

#navPyra li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyra a:link, #navPyra a:visited {
        font-size: 13px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
        color: #000;
        background: url(../images/pyramid.gif) no-repeat bottom center;
}
/* submenus */
#navPyraSub {
        margin: 0;
        padding: 0 0 20px 145px;
		display: inline;
}

#navPyraSub li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyraSub a:link, #navPyraSub a:visited {
        font-size: 13px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyraSub a:link.active, #navPyraSub a:visited.active, #navPyraSub a:hover {
        color: #000;
       /* background: url(../images/pyramid.gif) no-repeat bottom center;*/
}
/*-----clevair products --*/

#navPyraSubClevair {
        margin: 0;
        padding: 0 0 20px 375px;
		display: inline;
}

#navPyraSubClevair li {
        margin: 0;
        padding: 0;
        display: inline;
        list-style-type: none;
}

#navPyraSubClevair a:link, #navPyraSubClevair a:visited {
        font-size: 13px;
        line-height: 14px;
        font-weight: bold;
        padding: 0 12px 6px 12px;
        text-decoration: none;
        color: #708491;
}

#navPyraSubClevair a:link.active, #navPyraSubClevair a:visited.active, #navPyraSubClevair a:hover {
        color: #000;
       /* background: url(../images/pyramid.gif) no-repeat bottom center;*/
}

/* form styling */
 form, label, input, textarea { font-size : 1em; }
 form{ margin-left: 22px;}
 label{padding: 4px 2px 4px 2px; line-height: 22px}
 textarea{ width: 400px;}
fieldset { width : 600px; padding-left: 22px; border: none; line-height: 18px;}
input.radio{ margin-right: 16px; vertical-align: middle}
input{ margin-right: 16px; margin-left: 8px}
/* end form */
#contactwrap{width: 660px}
#contacthome{
display: block;
width: 180px;
margin-left: 30px;
float: left;
}
#contactbranch{
width: 170px;
display: block;
float: left;
margin-left: 20px;
}
#contactemail{
display: block;
}
#contactwrap h2 {
font-size: 13px;
margin-left: 0;
}
/********* products ***************/
#productmenu{
float: left;
width: 80px;
padding-left: 6px;
}
#productmenu ul{ margin-left: 20px;}
#productmenu li a{ color: #ff0000; font-weight: bold}
#productmenu li a:hover{ color: #000; font-weight: bold; text-decoration:underline}
#productmenu #activesubmenu{ color: #000;}
#productheader{background: url(../images/ClevAir-Logo-small.gif) no-repeat top left; width: 100%; height: 53px; text-align: right; font-size: 18px; font-weight: bold; color: #000; padding-top: 8px;letter-spacing: -1.5px}
#productheader span { font-weight: bolder }
#productphotos{
float: left;
width: 140px;
padding: 0 4px;
}
#photo{text-align:center; height: 170px;}
/*#photo img { border: 3px solid Silver; }*/
#photonav{  width: 100%; text-align: center}
#photonav a{  float: left; padding: 6px 0 0 10px; }
#productdetails{
width: 468px;
margin-right: 12px;
}
* html #productdetails{
float: left;
width: 464px;
margin: 0;
}

.featuretable{

}

 .featuretable td{border-bottom: 1px dotted Silver;}
.titles{
color: #333;
font-size: 16px;
font-weight: bold;
text-align: right;
padding-right: 4px;
}
.redtitles{
color: #f00;
font-size: 16px;
font-weight: bold;
text-align: left;
padding-left: 4px;
}
.descriptions{

}
.relateditems{
border: 1px dotted #000;
margin: 10px 0 0 30px;
padding-top: 6px;
width: 645px;
clear: both;
background-color: #CCCCCC;
}
.relateddescription{padding: 0 6px 6px 10px;font-size: 15px}
.relatedbuynow{text-align:right; }
input#buynow{
border: 3px double #999999;
border-top-color: #CCCCCC;
border-left-color: #CCCCCC;
padding: 0.25em;
background-color: #FFFFFF;
background-repeat: repeat-x;
color: #333333;
font-size: 75%;
font-weight: bold;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
 div#catalog {
	width: 580px;
	float: left;
	padding-left: 20px;
}

 .catalogitems{
border: 1px dotted #000;
margin: 10px 0 0 0;
padding-top: 6px;
width: 98%;
background-color: #CCCCCC;
}
#asktheexperts{
float: right;
width: 131px;
height: 45px;
margin: 0 0 10px 10px;
}