/* Layout Stylesheet */ 

#Header {
background-image:url(images/background_top.gif);
padding:0px;
width:100%;
}

.quote{
position:absolute;
top:55px;
font-style:italic;
color:#ffffff;
font-weight:200;
font-size:16px;
}
.vacuum_test_gif {
position:relative;
padding:20px;
float:left;
}
.bbb{
border:0px;
padding-left:7px;
padding-right:32px;
}
.recommendation_gif{
position:relative;
padding:15px;
float:right;
}

.logo {
padding-right:40px;
}
.callin{
font-size:18px;
font-weight:bold;
}


.topnav_class {
border-left:1px solid #ff6600;
text-align:right;
height:20px;
top:118px;
width:100%;
position:absolute;
list-style:none;
background-color:#ff9900;
z-index:1;
}

.topnav_class ul{
list-style:none;
text-align:right;
padding-top:0px;
margin:0px;
}

.topnav_class li {
display:inline;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
text-transform:uppercase;
}
.topnav_class li a{
list-style:none;
text-decoration:none;
border-color:#FFFFFF;
color:#FFFFFF;
border-left:1px solid #ffffff;
padding-left:10px;
padding-right:10px;
}

.topnav_class li a:hover{
color:#993300;
background-color:#ffffff;
font-weight:600;
border-bottom:3px solid #ffffff;
}

/*  the left navigationnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnnn   */



.vacuum_cleaner_ratings {
background-color:#ffffff;
padding:2px;
font-size:14px;
}

.ratings_checks {
padding-left: 0; 
margin: 0;
}
.ratings_checks ul {
width: 150px; height: 25em; /* Required for it to work in IE, but check anyways. Height was found through trial and error */ 
position: relative; 
line-height:30px;
list-style-type: none;
}

.specs ul {
padding-left:0px;
line-height:20px;
list-style-type:none;
}

.specs li {	
border-bottom:1px solid #ff6600;
display:block;
background:#ff9900;
}
.spec_name  {
color:white;
font-weight:bold;
}
.spec_value {
padding-left:5px;
color:#003366;
right:0px;
}

.ratings_checks li {
border-bottom:1px solid #ff6600;
}

.checkboxes {
position: inherit;

}

.leftnavhead {
display:block;
background-color:#ff6600;
font-weight:bold;
border: 1px solid #ff9900;
height:100%;
font-size:15px;
padding:3px;
text-align:center;
}

.body  {
background: #ccc url(images/left_nav_faux_column.gif) repeat-y 0% 0;
}

.body ul {
color:#003366;
font-style:italic;
font-family:arial, verdana;
font-size:14px;
}

#leftnav {
padding-top:5px;
float:left;
background-color:#003366;
position:absolute;
margin-top:14px;
width:203px;
font-family:Arial, Helvetica, sans-serif;
}

#leftnav ul {
background-color:#ff6600;
font-family:Verdana, Arial, Helvetica, sans-serif;
list-style:none;
font-weight:bold;
margin:0;
padding:0;
color:#FFFFFF;
text-transform:uppercase;
text-align:center;
}


#leftnav li {
display:block;
background-color:#003366;
border-bottom:1px dotted #ffffff;
padding-top:5px;
padding-bottom:5px;
padding-left:2px;
font-weight:600;
font-size:13px;
text-align:left;
text-transform:uppercase;
}

#leftnav li a {
display:block;
padding: 5px 5px 5px .5em;
border-left:5px solid #ffffff;
margin-left:0px;
border-right:0;
background-color:#003366;
color:#FFFFCC;
text-decoration:none;
}

#leftnav li a:hover {
background-color: #ffffff;
color:#003366;
font-weight:600;
border-left:10px solid #ffffff;
}

ol {

color:#003366;
}

.body {
background-color: white;
padding-left:220px;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:90%;
padding-right:60px;
word-spacing:normal;
}

.body h1{
font-size:20px;
font-family:"Times New Roman", Times, serif;
display:block;
width:110%;
background-color:#ff9900;
color:#ffffff;
border:2px solid #ff6600;
}
.cart{
text-align:right;
padding-top:8px;
font-weight:bold;
padding-right:35px;
color:#ff6600;
}
.cart a:hover{
color:#993300;
}

.box{
font-family:Arial, Helvetica, sans-serif;
position:absolute;
right:10px;
border:2px solid #003366;
background-color:#cccccc;
padding-top:0px;
margin-top:50px;
padding-left:0px;
padding-right:0px;
font-size:12px;
}

.form{
text-align:center;
}
select{
border:0px;
}

.box ul{
list-style:none;
margin-left:0px;
width:100%;
padding:5px;
color:#ffffff;
}

.box li{
padding-top:4px;
padding-bottom:4px;
color:#ff9900;
}

.box li a{
color:#993300;
font-weight:bold;
padding-top:0px;
padding-bottom:5px;
}

.box li a:hover {
color:#ffffff;
}

h4 {
font-weight:bold;
color:#ff9900;
}

h3{
margin-top:0px;
font-size:13px;
width:100%;
text-align:center;
font-family:"Times New Roman", Times, serif;
background-color:#003366;
color:#ffffff;
border-bottom:1px dotted #993300;
padding:0px;
}

h2{
margin-top:0px;
font-size:15px;
width:100%;
padding-left:5px;
text-align:left;
background-color:#ff6600;
color:#ffffff;
border:2px solid #ff9900;
padding:0px;
}

h5 {
margin-top:0px;
font-size:15px;
width:100%;
padding-left:5px;
text-align:left;
background-color:#ff6600;
color:#ffffff;
border:1px solid #ff6600;
padding:0px;
}

.product_box{
text-align:center;
background-color:#ffffff;
border: 2px solid #ff6600;
width:100%;
padding-left:0px;
}
.product_pic{

}

.cart_buttons{
display:block;
background-color:#ff9900;
color:#ffffff;
width:101%;
text-align:center;
}

.vacuum_cleaner_ratings ul {

font-family:Arial, Helvetica, sans-serif;
background-color:#ffffff;
width:200px;
padding-top:0px;
padding-left:0px;
padding-right:0px;
float:left;
font-size:14px;

}

.product_box ul{
padding-left:0px;
padding-right:0px;
margin-left:0px;
width:100%;
text-align:left;
background-color:#993300;
font-size:11px;
font-weight:bold;
list-style:none;
color:#ffffff;
text-transform:uppercase;
}
.product_box li{
padding-top:4px;

}
/*
.check{
position:relative;
float:right;
text-align:right;

}
*/
body{
width:100%;

} 

.checkout{
color:#333333;	
font-family:arial, verdana;
}
.checkout h1{
padding-left:0px;
}

.checkout form{
font-weight:bold;
color:#333333;
}
.checkout_billing{
font-weight:bold;
color:#333333;

}

.price {
font-weight:bold;
font-family:arial, verdana;
color:#003366;
}

.cat_price {
font-weight:bold;
}

.cat_summary {
color:#333333;
}