/* HTML Elements */
* {
margin:0;
padding:0;
margin-left: auto;
margin-right: auto;
}

body {
background:#FFF;
}

a img {
border:0px
}

#top {
padding:0;
}

#header {
width:960px;
height:60px;
margin:0px auto;
margin-top:15px;
padding:0px;
text-align:left;
}

.title_div {
WIDTH:320px;
float:left;
padding-bottom: 5px;
border-bottom: 1px solid #CCCCCC;
margin-bottom:10px;
}

#logo {
width:350px;
float:left;
}

#header_ad {
width:468px;
float:right;
}


/* NAV BAR */

.navbar_back {
width:960px;
height:34px;
margin:0 auto;
margin-top:15px;
}

#navbar {
background-image:url('/common/images/layout/navbar.png');
background-repeat: repeat-x;
width:960px;
height:34px;
padding:0px;
}

#page-bar {
width:620px;
float:left;
padding-left:10px;
}

#page-bar ul {
list-style: none;
}

#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid;
}

#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
display:block;
}

#page-bar a:hover {
display:block;
}

#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}

#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}

#page-bar li li a:hover, #page-bar li li a:active {
padding: 5px 10px 5px 18px;
}

#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}

#page-bar li:hover ul {
left: auto;
display: block;
}

#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}


.features {
width:148px;
height:20px;
float:left;
margin:7px 0px 7px 0px;
}

#searchform {
width:156px;
float:right;
text-align:right;
padding-top:8px;
margin-right:10px;
}



/* PAGE STRUCTURE */

.page {
width:960px;
margin-left: auto;
margin-right: auto;
padding:0px;
text-align:left;
}

.column_left {
width:630px;
float:left;
padding-top:10px;
}

.column_right {
width:330px;
float:right;
padding-top:10px;
}

/* LEFT SIDE BLOCK */

.block {
background:#fff;
width:590px;
text-align:left;
padding:10px;
margin:0px 10px 10px 10px;
}



/* WRITER-PRICE ROW */

.writer-price {
display:inline-block;
width:585px;
height:24px;
padding-bottom: 0px;
margin:5px 0px 8px 0px;
}

/* WRITER BLOCK */

.writer {
float:left;
display:inline-block;
width:326px;
height:24px;
border-bottom: 1px solid #ccc;
padding: 0px 0px 0px 0px;
}

.writer_thumb {
margin: 5px 13px 7px 0px;
float:left;
width:66px;
height:66px;
}


/* PRICE UPDATE */

.comparison_div {
height:24px;
display: table-cell;
cursor: pointer;
float:left;
margin-left:7px;
}

.comparison_center {
background-color: #BE0000;
padding:4px 8px 2px 8px;
float:left;
height:18px;
}

.comparison_center:hover {
background-color: #006FB1;
}

.comparison_right {
background-color: #BE0000;
float:left;
width:13px;
height:24px;
}

/* REVIEW MORE */

.review_more_div {
height:24px;
width:320px;
display: table-cell;
cursor: pointer;
float:left;
margin:0px;
}

.review_more_center {
padding:4px 8px 2px 8px;
float:left;
height:18px;
}

.review_more_right {
float:left;
width:13px;
height:24px;
}


/* SPLASH IMAGE FOR OFFBEAT */

.splash {
border:1px solid #ccc;
padding:2px;
margin: 0px 1px 10px 10px;
float:right;
width:300px;
height:240px;
}

/* RATING IMAGE BLOCK*/

.rating_image {
border:1px solid #ccc;
padding:2px;
margin: 0px 1px 10px 10px;
float:right;
width:250px;
background-color: #fff;
}

.rating {
background-image: url('/common/images/layout/rating.gif');
width:250px;
height:70px;
}


/* IMAGES */

.product_image {
text-align:center;
margin-left:auto;
margin-right:auto;
max-width: 250px;
max-height: 250px;
}

.thm_div {
text-align:center;
border:1px solid #ccc;
padding:2px;
margin: 6px 10px 6px 0px;
float:left;
width:70px;
height:70px;
background-color: #fff;
}

.thm_div img{
text-align:center;
max-width: 70px;
max-height: 70px;
margin-left:auto;
margin-right:auto;
}

/*MFR QUOTE */

.mfr_quote {
width:120px;
float:left;
padding: 10px 10px 0px 10px;
margin: 5px 15px 15px 0px;
}

.quote_begin {
float:left;
height:20px;
width:24px;
padding-right:4px;
}

.quote_end {
height:20px;
width:24px;
padding-left:4px;
}

/* CUSTOMER REVIEW */

.review {
border-top:2px solid; 
padding-top:6px;
}


/* ROW RESULT */

.row_result {
width:590px; 
min-height: 70px; 
padding:2px 0px 12px 0px; 
border-bottom: 1px solid #ccc; 
margin-bottom:7px;
}

.row_result_text {
min-height:80px;
float:left;
width:410px;
padding:0px 0px 0px 0px;
}

/* MORE BUTTON */

.more_button {
margin-left:5px;
vertical-align:middle;
border:none;
}


#headline div.meta {
display:block;
margin-top:-5px;
padding-bottom:2px;
}

#headline p {
padding-bottom:15px;
}

#headline a img, #featured a img {
border:1px solid #ccc;
margin-top:5px;
margin-right:10px;
padding:2px;
}

#front-popular h3 {
color:#fff;
}

#cat-1:hover, #cat-3:hover, #cat-5:hover {color:#fff; }
#cat-2:hover, #cat-4:hover {color:#fff; }
#cat-1:hover a, #cat-3:hover a, #cat-5:hover a {color:#fff; }
#cat-2:hover a, #cat-4:hover a {color:#fff; }

#bottom {
width: 940px;
}

/* ARTICLE EXCERPT */

.excerpt {
clear:both;
background:#fff;
width:590px;
HEIGHT:246px;
}


.excerpt_text {
border-top:1px solid #ccc;
width:250px;
HEIGHT:246px;
padding:10px;
float:left;
}

.meta {
font-size:.9em;
color:#333;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}




/* SIDEBAR OVERALL */

.sidebar {
width:300px;
float:left;
background:#fff;
padding:10px;
margin-bottom:10px;
}

/* SIDEBAR SOCIAL */

.sidebar_social {
float:left;
height:16px;
width:310px;
padding:5px;
margin-bottom:10px;
}

/* SIDEBAR EXCERPT */

.sidebar_excerpt_row {
float:left;
width:300px;
border-bottom:1px solid #ccc;
}

.sidebar_excerpt_text {
min-height:74px;
float:left;
width:210px;
padding:6px 0px 6px 0px;
}

/* SIDEBAR ADS */

#sidebar_ads {
width:300px;
float:left;
background:#fff;
padding:10px;
margin-bottom:10px;
}



/* Form Elements */

#searchsubmit {
padding-left:5px;
}


#comment {
width:570px;
background:#fff;
}

/* Footer*/

.footer_area {
display:inline-block;
clear:all;
font-size:0.7em;
color:#fff;
width: 940px;
margin: 0 auto;
padding:10px;
}

#recentpost, #mostcommented {
width:280px;
float:left;
padding:10px;
border:1px solid #fff;
}

#mostcommented {
margin-left:17px;
}

#recent_comments {
width:280px;
float:right;
padding:10px;
border:1px solid #fff;
}

#recentpost a, #mostcommented a, #recent_comments a {
color:#fff;
}

#recentpost ul, #mostcommented ul, #recent_comments ul {
margin-top:5px;
}

#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
list-style:none;
border-top:1px solid #fff;
padding:5px;
display:block;
}

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
color:#fff;
}

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
border-top:0px solid #fff;
}


#footer {
margin: 0 auto;
width: 960px;
font-size:0.6em;
padding-top:10px;
padding-bottom:10px;
}


/* Float Properties*/

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfloat {
display: inline-block;
}


/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}

*+html .clearfloat {
height:1%;
}

.clearfloat {
display:block;
}*

/* RDF DIVS */
.rdf {
float:left;
border-top: 1px solid #CCC;
width:320px;
padding: 5px 0px 5px 0px ;
}



/* SOCIAL DIVS */

.social_btn_wrapper {width:500px; height:36px; margin:5px 0px 5px 0px;}
.social_btn {float:left; height:36px; width:36px; margin:0px 4px 0px 4px;}
.social_btn_link img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
.social_btn_link img:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }
#social_btn_link img {filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#social_btn_link img:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; }