@import "typography.css";
@import "layout.css";
@import "extras.css";
@import "wireframe.css"; /* ### DO NOT INCLUDE INTO LIVE SITE ### */

/* !Generals */
html{
background: url(../images/layout/body_bg.png) 0 0 repeat;
}
body{
background: url(../images/layout/header_bg.png) 0 0 repeat-x;
font: normal normal 1em/150% Tahoma, Verdana, Arial, sans-serif;
}
#footer{
background: url(../images/layout/footer_bg.png) 0 0 repeat-x;
margin: 0;
padding-bottom: 200px;
}
#content{
width: 980px;
margin: 0 auto;
overflow: hidden;
}
#mainContent{
overflow: hidden;
}
#branding{
margin: .5em 0 0 0;
height: 113px;
}
#branding h1{
color: #fff;
font-size: 4em;
font-weight: normal;
margin: 0;
line-height: 130%;
}

#branding a{
text-decoration: none;
color: #fff;
font-weight: normal;
margin: 0;
line-height: 130%;

}

#branding h4{
color: #fff;
font-size: 2em;
font-weight: normal;
margin: 0;
line-height: 120%;
}

#branding span{
color: #fff;
font-size: 1.4em;
text-transform: uppercase;
}
.productsReviewed{
margin: 0;
overflow: hidden;
height: 53px;
}
.productsReviewed p{
margin: .7em 0 0 0;
color: #fff;
line-height: 150%;
}
.fullWidth{
background: #ecf2f4;
padding: 20px;
overflow: hidden;
border: 1px solid #01699b;
margin: .5em 0;
}
.fullWidth h2, .oneHalf h3{
margin: 0 0 .5em 0;
font-size: 2em;
font-weight: normal;
color: #ff6600;
}
.fullWidth p{
margin: 0;
}
.oneHalf{
width: 483px;
background: #d2e0e5;
border: 1px solid #01699b;
margin: 0 0 .5em 0 !important;
}
.oneHalf h3{
color: #004b7e;
font-size: 1.4em;
background: #e7eef1;
padding: .5em 1em;
}
.oneHalf.left, .oneHalf.right{
margin: 0;
}
.oneHalf p{
margin: 1em;
font-size: .9em;
line-height: 140%;
}
.footer{
width: 980px;
margin: 0 auto;
}
.footer h3{
color: #ccc;
width: auto;
float: left;
font-weight: normal;
font-size: 1.8em;
margin: .7em 0 0 0;
}
.footer ul{
width: auto;
float: right;
}
#footer ul li{
color: #ccc;
display: inline;
font-size: .9em;
}
#footer ul li a{
color: #ccc;
text-decoration: none;
}
#default h2{
color: #006699;
}
#product h2{
border-bottom: 1px solid #01699b;
padding-bottom: 10px;
}
#product h3{
text-transform: uppercase;
}
.product{
overflow: hidden;
border-bottom: 1px dotted #7da5b5;
padding-bottom: 15px;
}
.product img{
float: left;
display: block;
width: auto;
}
.productInfo{
width: 600px;
float: left;
margin: 0 0 0 1em;
}
.productInfo p{
margin: 0 0 1em 0;
}
.productInfo p a{
font-weight: bold;
color: #000;
text-decoration: none;
}
#writeReview{
width:662px;
}
.ctrlHolder{
width: 330px;
float: left;
margin: 0 0 1em 0;
}
.ctrlHolder label, .textHolder label{
display: block;
margin: 0 0 .3em 0;
}
.ctrlHolder input{
width: 310px;
float: left;
}
.small{
width: 100px !important;
margin: 0 10px 0 0;
}
.note{
font-size: .8em;
}
.textHolder{
overflow: hidden;
clear: both;
margin: 0 0 1em 0;
}
.textHolder textarea{
width: 658px;
}
.captchaHolder{
width: 450px;
float: left;
overflow: hidden;
}
.captchaHolder img{
float: left;
}
.captchaHolder .ctrlHolder{
float: left;
width: 110px;
margin: 0 0 0 1em;
}
.captchaHolder .ctrlHolder label{
margin: 0 0 .2em 0;
line-height: 100%;
}
.buttonHolder{
width: auto;
float: right;
overflow: hidden;
}
.buttonHolder button{
display: block;
border: none;
width: 200px;
height: 43px;
text-indent: -9999px;
background: url(../images/layout/submit_button.png) 0 0 no-repeat;
}
#listing .fullWidth ul{
overflow: hidden;
widows: 100%;
display: block;
margin: 0;
}

#listing .fullWidth ul li {
display:block;
float:left;
font-size:11px;
overflow:hidden;
padding:0.3em 0;
width:310px;
line-height:15px;
}
/*
#listing .fullWidth ul li{
overflow: hidden;
display: block;
border-bottom: 1px dotted #7da5b5;
padding: .3em 0;
}
*/
.title{
border-bottom: 1px solid #01699b !important;
}
.siteName, .rkScore{
float: left;
width: 90% !important;
color: #ff6600;
font-weight: bold;
text-transform: uppercase;
font-size: 18px;
}
.rkScore{
width: 10% !important;
float: left;
}
#listing .fullWidth ul li a{
float: left;
width: 90%;
font-weight: normal;
color: #444;
text-decoration: none;
text-transform: none;
}
#listing .fullWidth ul li a:hover{
text-decoration: underline;
}
#listing .fullWidth ul li span{
float: left;
width: 10%;
}
.productDesc { float:left }
.productDesc p{ margin-top:15px; }