@import url(reset.css);
@import url(tricks.css);

/*
 * Global styles 
 */
body {
	font: normal 12px Arial, sans-serif;
	background-color: #bfbfbf;
	color: #000;
}
#container {
	margin: 0 auto;
	padding: 0 22px 60px 22px;
	width: 980px;
	background-color: #e7e9ea;
}

/*#header { 
    height: 87px;
    position: relative;    
    border-bottom: 1px solid #acacac;
}*/
#header { 
	width: 980px;
    height: 95px;
    padding: 0 22px;
    background: #fff;
    position: relative;    
    margin: 0 auto;
    border-bottom: 1px solid #acacac;
}
#header #headline { 
	font: italic 16px Arial, sans-serif;
	color: #475a62;
	border-top: 1px solid #fff;
	padding: 30px 0;
	float: right;
}

#header #logo {
    position: absolute;
    top: 23px;
    left: 22px;
}

#header #nav {
    position: absolute;
    bottom: 0px;
    left: 22px;
    color: #fff;
    font-weight: bold;

}
#header #nav div {
    height: 20px;
    padding: 10px 0 0 20px;
    margin: 0 2px 0 0;
    float: left;
    cursor: pointer;
}
#header #nav a { color: #fff; }
#header #nav a:hover {  }
#header #nav #best-buys {
	background: url(../img/nav_best_buys_off.png) no-repeat top left;
	width: 90px;
}
#header #nav #best-buys.on {
	background: url(../img/nav_best_buys_on.png) no-repeat top left;
	width: 90px;
}
#header #nav a #best-buys.on, #header #nav a #treadmill-reviews.on, #header #nav a #treadmill-coupons.on, #header #nav a #compare-treadmills.on, #header #nav a #articles.on { color: #13577b; }
#header #nav #treadmill-reviews {
	background: url(../img/nav_treadmill_reviews_off.png) no-repeat top left;
	width: 149px;
}
#header #nav #treadmill-reviews.on {
	background: url(../img/nav_treadmill_reviews_on.png) no-repeat top left;
	width: 149px;
}
#header #nav #treadmill-coupons {
	background: url(../img/nav_treadmill_coupons_off.png) no-repeat top left;
	width: 153px;
}
#header #nav #treadmill-coupons.on {
	background: url(../img/nav_treadmill_coupons_on.png) no-repeat top left;
	width: 153px;
}

#header #nav #compare-treadmills {
	background: url(../img/nav_compare_treadmills_off.png) no-repeat top left;
	width: 161px;
}

#header #nav #compare-treadmills.on {
	background: url(../img/nav_compare_treadmills_on.png) no-repeat top left;
	width: 161px;
}

#header #nav #articles {
	background: url(../img/nav_fitness_articles_off.png) no-repeat top left;
	width: 131px;
}

#header #nav #articles.on {
	background: url(../img/nav_fitness_articles_on.png) no-repeat top left;
	width: 131px;
}
/*
#logo {
    position: absolute;
    bottom: 5px;
    left: 0px;
}*/

/*
 * Top-level nav
 */
/*
#nav {
    position: absolute;
    bottom: 12px;
    right: 0;
}*/
/*#nav li {
    float: left;
    margin-left: 15px;
}
#nav li a {
	font: bold 12px Arial, sans-serif;
	color: #475a62;	
}

#nav li a:hover {
	color: #3399CC;	
}
*/
#search { 
	margin-bottom: 12px;
	background: #fff !important;
	border: 1px solid #c8cacb;
	overflow: auto;
	margin: 5px;
}

.cse .gsc-control-cse, .gsc-control-cse {
	border: 0 !important;
     -moz-border-radius: 5px; /* for Firefox */
    -webkit-border-radius: 5px; /* for Chrome/Safari */
    -khtml-border-radius: 5px; /* for Konquerer */
    border-radius: 5px;
    height: 20px;

}
.cse input.gsc-search-button, input.gsc-search-button { width: 45px; }
/* Rounded Corners using CSS3 */
.rounded_corners {
     -moz-border-radius: 5px; /* for Firefox */
    -webkit-border-radius: 5px; /* for Chrome/Safari */
    -khtml-border-radius: 5px; /* for Konquerer */
    border-radius: 5px;
}
/*
#headline { 
	font: italic 16px Arial, sans-serif;
	color: #475a62;
	border-top: 1px solid #fff;
	padding: 12px 0;
}*/

#subheadline { 
	color: #474844; 
	padding: 23px 40px;
}

#main {
	background-color: #fcfcfc;
	border: 1px solid #c8cacb;
	float: left;
	margin-top: 10px;
}

#main h2 { 
	font: bold 20px Arial, sans-serif;
	color: #4b6068;
	padding: 15px 0 15px 17px;
}
#main .intro {
	font: 12px Arial, sans-serif;
	color: #474844;
	padding: 15px;

}
#main #compare {
	background: url(../img/bg_compare.png) no-repeat top left;
	height: 315px;
	margin-bottom: 14px;
}
#main .compare_wrapper {
	background: url(../img/bg_box_compare.png) no-repeat top left;
	width: 239px;
	height: 239px;
	margin: 18px 23px 0;
	padding: 20px;
	float: left;
}
#main .compare_box {
	height: 180px;
	position: relative;
	overflow: hidden;
}
#main .compare_box .feature_text {
	text-align: left;
	padding-left: 38px;
	margin: 0;
}
#main .btn_wrapper {
	bottom:0;
	left: 33px;
	position:absolute;
}
#main .btn_compare {
	width: 172px;
	height: 28px;
	color: #fff;
	font: bold 12px Myriad, Arial;
	text-transform: uppercase;
	background: url(../img/btn_green.png) no-repeat top left;
	padding-bottom: 3px;
}

#main .compare_wrapper h3 {
	font: bold 20px Arial;
	color: #262822;
	border-bottom: 2px solid #262822;
	margin-bottom: 10px;
}
#main .compare_wrapper p { 	
	margin: 10px 0; 
	text-align: center;
}
#main .compare_wrapper select {
	width: 168px;
	background: #e8e9e9;
	border: 1px solid #7d7d7d;
	font-weight: bold;
	margin: 3px 0;
}
.featured { 
	color: #4b6068;
	border-top: 1px solid #d2d2d2;
	border-bottom:1px solid #D2D2D2;
	width: 490px;
	height: 165px;
	float: left;
}
.featured .right {
	border-right: 1px solid #fff;
	padding: 8px 15px 0 22px;
}
.featured .left {
	border-right: 1px solid #d2d2d2;
	height: 157px;	
	padding: 8px 15px 0 22px;
}
.featured .headline { 
	font-size: 20px;
	font-weight: bold;
	padding: 10px 0;
}
.featured a { 
	color: #4c8c57;
	font-weight: bold;
	text-transform: uppercase;
}
.featured p { line-height: 18px; }

.deal {
	float: left; 
	width: 305px;
}
.deal_img {
	float: right;
}
.hr { 
	border-top: 1px solid #acacac;
	border-bottom: 1px solid #fff;
	margin: 15px 0 10px 0;
}
#footer { 
	color: #475a62;
}
#footer a { color: #4d86c6; font: normal 10px Arial !important;}
#footer .left { float: left; }
#footer .right { float: right; }
#footer li { 
	margin: 0 12px; 
	float: left;

}
.clear { clear: both; }

/* comparison product chart */
#itemsWrapper {
	position: relative;
}

#itemsWrapper div.item {
	display: none;
}

#itemsWrapper div.item.active {
	display: block;
}
#itemsWrapper .hideme {
	display:none;
}
#itemsWrapper .showme {
	display:block;
}

.clearProducts { clear: both; border: 10px solid #fff; }
.compare_products { width: 980px; }
.compare_products .product {
	border-right: 1px solid #969ea3;
	float: left;
	width: 132px;
}

.compare_products .product div { 
	height: 30px;
	text-align: center;
	padding: 10px 0 0 0;
	color: #646464;
	font: bold 11px Arial;
	margin: 0 auto;
}
.comparing p { 
	padding-bottom: 10px;
	color: #fff;
	
}
.product_name h3 { position: relative; bottom: 0px; }
.compare_products .labels div {
	text-align: right;
	font-weight: normal;
}

.compare_products .Name {
/*	height: 23px;*/
	color: #fff;
	font: bold 10px Arial;
	text-decoration: underline;
	background: url(../img/bg_labels.png) repeat-x top left;
/*	padding: 5px;
	margin-top: 10px;*/
	text-decoration: none !important;
}

.comparing { 
	height: 30px !important; 
	padding-right: 40px !important;
	text-transform: uppercase;
	margin: 0px !important; 
	background: url(../img/bg_arrow.png) no-repeat top left #8a8d90 !important;
	color: #fff !important;
	font: bold 12px Myriad, Arial !important;
}
.product a {
	text-decoration: underline !important; 
	font-weight: normal !important;
	color: #177eb3;
}
.product .product_name p a, .product .product_name h3 a {
	text-decoration: underline !important;
	font-weight: bold !important;
	font-size: 12px !important;
}

.product .save {
	padding-top: 3px !important;
}

.compare_products .coupon {
	height:102px !important;
	padding: 3px 2px !important;
}
.labels { 
	width: 177px !important; 
	
}
.labels p { padding-right: 10px; }

.compare_products .Name a { color: #fff; }

.compare_products .product .odd {
	background: #dedfdf;
}
.compare_products .save { height: 42px !important; }
.compare_products .product p { 
	margin: 0 0 0 0 !important; 
	/*color: #646464 !important;*/
	line-height: 21px;
	font: bold 11px Arial !important;
	padding: 0 3px;
	position: relative;
	bottom: 3px;
}
.compare_products .product-image { 
	width: 115px !important; 
	height: 150px !important; 
}

/* end compare products chart */

/* Left Nav */
#left-products {
	background: #e7e9ea;
	width: 170px;
	float: left;
	padding: 5px 5px;
	margin-top: 2px;
}
#left-products h3 { 
	background: url(../img/bg_leftnav_h3.png) no-repeat top left;
	clear: both;
	height: 19px;
	color: #fff;
	font-size: 14px;
	padding: 3px 0 0 12px;
	margin: 7px 0;
	font-weight: bold;
}
#left-products h3 a { color: #fff; }
#left-products ul { margin-left: 8px; }
#left-products #series li a { 
	font-weight: bold; 
	font-size: 14px; 
	font-weight: bold; 
	text-transform: uppercase; 
}
#left-products #sharethis { margin: 20px 0 20px 5px; }

#left-products .nordic-track h3 { background: #e78740; }
	#left-products .nordic-track ul#series li a { color: #e78740; }
#left-products .smooth-fitness h3 { background: #000; }
		#left-products .smooth-fitness ul#series li a { color: #000; }
#left-products .sole h3 { background: #E91C09; }
		#left-products .sole ul#series li a { color: #E91C09; }
#left-products .proform h3 { background: #CC0F33; }
		#left-products .proform ul#series li a { color: #CC0F33; }
#left-products .fuel h3 { background: #EC7023; }
		#left-products .fuel ul#series li a { color: #EC7023; }
#left-products .horizon h3 { background: #80A4BD; }
	#left-products .horizon ul#series li a { color: #80A4BD; }
#left-products .livestrong h3 { background: #FECA0A; }
	#left-products .livestrong ul#series li a { color: #FECA0A; }

#left-products ul#products li a { 
	color: #505050 !important; 
	font-weight: normal; 
	font-size: 11px; 
	text-transform: none; 
}

/* Main Content /treadmill-compare/ & treadmill-reviews/ */
.content {
	width: 797px;
	float: right;
	margin: 13px 0 30px 0;
	background: #fff;
	border:1px solid #C8CACB;
	padding-bottom: 30px;
	min-height: 1200px;
}
.wide { 
	width: 980px;
}
.content p { 
	font-weight:normal; 
	color:#000; 
	clear: both; 
	font-size: 11px; 
}
.content .intro { 
	margin: 20px 20px 10px 20px;
}
.content .compare, #main .compare a { color: green; font-size: 11px; }

.content .block-product div { 
	width: 300px; 
	float: left; 
	margin: 0 10px 20px 0; 
}
.content h1, #main h1 {
	clear: both;
	height: 30px;
	color: #fff;
	font-size: 16px;
	background: url(../img/bg_h1.png) repeat-x top left;
	padding: 10px 30px 0 20px;
	font-weight: bold;
     -moz-border-radius: 5px; /* for Firefox */
    -webkit-border-radius: 5px; /* for Chrome/Safari */
    -khtml-border-radius: 5px; /* for Konquerer */
    border-radius: 5px;
}
.content h1 input { 
	float: right; 
	margin-top: -10px;
}
.content h1 .manufacturer { color: #fff; }
.content .btn_compare { 
	background: url(../img/btn_compare_4.png) no-repeat top left;
	width: 88px;
	height: 40px;
	position: relative;
	right: 10px;
	top: 35px;
	float: right;
}
.content h2 { 
	background: #969ea3;
	height: 25px;
	width: 730px;
	padding: 5px 0 0 12px;
	color: #fff;
	font-weight: bold;
	font-family: Arial;
	font-size: 16px;
}
.content h2 a { 
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
	color: #fff;
	text-decoration: underline;
	
}
.content h2 a:hover { 	text-decoration: underline; }
.content .block h2 span { 
	float: right; 
	padding-right: 20px;
	font: bold 12px Arial;
	color: #fff;
	padding-top: 5px;
}
.content h3 a { 
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	margin-bottom: 6px;
	color: #00275e; 
	text-decoration: underline;
}

.content .required { 
	font-size: 10px;
	color: red;
	font-style: italic;
}
.content .text { margin: 20px; }

.content p a, .content ul li a { 
	font-weight: bold; 
	color: #00275e; 
	font-size: 12px;
}
.content .bold { 
	font-weight: bold; 
	margin: 0;
} 
.content .underline { text-decoration: underline; }
.content #about_text { margin-left: 20px; }
.content #about_text a { 
	font-size: 12px; 	
	color: #000; 
}
.content .read_reviews { 
	float: left; 
	margin-left: 10px; 
}
.content .product_img_div { 
	float: right !important; 
	width: 100px !important; 
	margin: 0 !important; 
	padding: 0; 
}

.content .block {
	padding: 12px 12px 12px 20px;
	margin-bottom: 6px;
	font-family: Verdana, Arial, sans serif;
	clear: both;
	overflow: auto;
}
.content .top-line {
	border-top: 1px solid #808080;
}

.content .block .product {
	padding: 0 0 0 5px;
	margin-bottom: 6px;
	width: 600px;
	font-family: Verdana, Arial, sans serif;
	float: left;
}
.content .block .product .product_img { 	
	float: right; 
	width: 100px; 
	margin: 0; 
	padding: 0;
	margin-top: 10px;
}
.content .block .product .product_img_left { 
	float: left; 	
	width: 100px; 
	margin: 0; 
	padding: 0; 
}
.content .block .coupon_link { 
	margin: 12px 0;
	padding-left: 5px;
}
.content .block .coupon_link a { 
	text-decoration: underline; 
	font-weight: bold; 
	color: #CC0F33; 
	font-size: 16px; 
}

.content .product_wrapper { 
	float: right; 
	width: 425px; 
	margin: 0; 
	padding: 0; 
}
.content .product_wrapper .coupon_instr_link a { 
	font-size: 14px; 
	font-weight: bold; 
	text-decoration: underline; 
	color: #F3B729; 
}
.content .product_name { 
	font-size: 12pt; 
	font-weight: bold; 
	padding-bottom: 5px; 
}
.rating { 
	padding-top: 5px !important; 
	font-weight:bold !important; 
	font-size: 8pt !important; 
}
.rating_info { 
	font-style: italic !important; 
	color: #808080 !important; 
}
.stars { 
	float: left; 
	margin:0; 
	border:0; 
	padding:0; 
}
.review_headline { 
	font-weight: bold !important; 
	font-size: 14px !important;
	color: #00275E !important;
	padding-bottom: 20px;
}

/*
 * for ie6
 */
* html .content .block { 
	height : 120px; 
	overflow : visible; 
}
* html .content .block .product { 	width: 550px; }
* html .content .block .product-descr { width: 350px; }

.content .block .product-descr { 
	float: left; 
	width: 440px; 
	margin: 0; 
	padding: 10px 0 0 0; 

}
.content .block .product-descr p.description { margin: 12px 0; }
.content .block .product-descr .compare_treadmills { 
	float: right;  
	margin: -20px 0;
}
.compare_treadmills a { 
	color: #598527; 
	font: bold 12px Arial, sans-serif; 
	text-decoration: underline;
}
.content .block .sale_price { 
	color: #00275e; 
	font: bold 16px Verdana, Arial, sans-serif; 
}
.content span.strike {	
	color: #000; 
	text-decoration: line-through; 
}
.content span, #left-products span { color: #000; }
.content a.black { color: #000; }

.content .coupon_wrapper { 
	width: 744px;
	height: 167px;
	background: url(../img/bg_coupons.png) no-repeat top left;
	clear: both;
	position: relative;
	margin: 12px 25px;
}
.content .coupon_manuf {
	float:left;
	width: 171px;
	padding: 25px 10px 10px;
	text-align: center;
	line-height: 18px;
}

.content .coupon_manuf div img {
	margin-top: expression(( 150 - this.height ) / 2); 
	}

html>body .content .coupon_manuf div img {    /*hidden from IE 5-6 */
	margin-top: 0; /* to clean up, just in case IE later supports valign! */
	vertical-align: middle;
	}



.content .coupon_guts {
	float: left;
	width: 513px;
	position: absolute;
	top: 30%;
	left: 225px;
}
.content .coupon_url { 

}
.content .coupon_url a {
	color: #00275e;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	text-decoration: underline;
}
.content .coupon_instr { 
	color: #000;
	font-size: 12px;
	font-family: Verdana, Arial;
	font-weight: normal;
}

/* Single Product Display */
.content .crumbtrail {
	font-size: 11px;
	color: #475A62;
	padding:10px 30px 0 20px;
}
.content .crumbtrail a:hover {
	color: #475A62;
}
.content h1 a {
	color: #fff;
}

.productImageWrapper {
	position: relative;
	float: left;
	width: 250px;
}

.productImageWrapper img {
	width: 250px;
	heigth: 250px;
}

.productKeyInfo {
	position: relative;
	float: left;
	width: 500px;
}
.productKeyInfo .coupon_copy a {
	color: #CC0F33;
	font-size: 16px;
	font-weight: bold;
	line-height: 21px;
	text-decoration: underline;
}

/* Form styles */
#form {}

#form label {
	float: left;
	width: 100px;
	font-weight: bold;
	font-size: 8pt;
	text-align: right;
	padding-right: 10px;
}

#form input, textarea, select{
	/*padding: 3px;*/
	border: 1px solid #808080;
	margin-bottom: 15px;
}

.compareDropdown { width: 155px; margin-top: 5px; }
#form .boxes{
	width: 1em;
}

#form #submitbutton{
	margin-left: 110px;
	margin-top: 20px;
}

#form br{
	clear: left;
}

#form div.note {
	float: right;
	width: 100px;
	position: absolute;
	left: 600px;
	font-weight: normal;
	font-size: 7pt;
	color: #808080;
}

#form-errors {
	width: 600;
	padding: 5px;
	margin: 0 0 20px 0;
	background-color: #E14C13;
	clear: both;
	color: #FFF;
}

#form-errors p {
	color: #FFF;
	font-weight: bold;
	font-size: 10pt;
}

#form-errors ul.errors {
	list-style-type: disc;
	list-style-position: inside;
}

#form-errors ul.errors li {
	font-weight: normal;
}

.divider { clear: both; height: 10px; background: #fff; }
