﻿/* global reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,
pre,a,abbr,acronym,address,big,cite,code,del,dfn,img,ins,kbd,
q,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,
form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* end of global reset */


/* ----- CSS ----- */

body{
font-family:Arial, Helvetica, sans-serif;
background-color:#FFFFFF;
}

.titleBarLiveLines td {padding:4px 0;}

/* ----- ID'S & CLASSES----- */

#wrapper { 
width:100%; 
margin: 0 auto;
}

#container {
width:100%;
}

#header {
width:100%;
height:140px;
background-image:url(../images/header-bcg.png);
background-repeat:repeat-x;
}
#header #headercon {
width:1015px;
height:140px;
margin:auto;
}
#header #headercon .top {
width:1015px;
height:88px;
}
#header #headercon .top .logo {
float:left;
padding-top:10px;
}
#header #headercon .top .right {
float:right;
width:500px;
text-align:right;
padding-top:35px;
}
#header #headercon .top .right h1 {
font-style:italic;
font-size:14px;
color:#8D8D8D;
}
#header #headercon .navigation {
width:1015px;
height:52px;
}
#header #headercon .navigation ul {
padding-top:12px;
margin-left:50px;
}
#header #headercon .navigation ul li {
font-size:15px;
font-weight:bold;
float:left;
line-height:31px;
margin:0 10px;
padding-left:18px;
text-align:center;
}

#header #headercon .navigation ul li a {
text-decoration:none;
display:block;
padding:0 18px 0 0;
line-height:31px;
color:#A9BDDD;
}
#header #headercon .navigation ul li:hover { background:url(../images/hover-state-nav-li.png) left no-repeat;}
#header #headercon .navigation ul li:hover a {
color:#FFFFFF;
background:url(../images/hover-state-nav.png) right center no-repeat;
background-repeat:no-repeat;
}
#header #headercon .navigation ul li.selected { background:url(../images/hover-state-nav-li.png) left no-repeat;}
#header #headercon .navigation ul li.selected a {
color:#FFFFFF;
background:url(../images/hover-state-nav.png) right center no-repeat;
background-repeat:no-repeat;
}
#intro {
width:100%;
background-image:url(../images/bg2.gif);
background-repeat:repeat-x;
}
#intro .introcon {
width:1015px;
margin:auto;
background-repeat:no-repeat;
position:relative;
}
#intro .introcon .button {
width:159px;
height:34px;
background-image:url(../images/button.png);
background-repeat:no-repeat;
position:absolute;
z-index:2;
text-align:center;
text-transform:uppercase;
line-height:34px;
font-size:12px;
font-weight:bold;
top:136px;
left:404px;
}
#intro .introcon .button a {
text-decoration:none;
color:#FFFFFF;
display:block;
width:159px;
height:34px;
}
#content {
width:100%;
background-image:url(../images/content-bcg.png);
background-repeat:repeat-x;
background-color:#FFFFFF;
padding-top:20px;
}

#content #contentcon {
width:1015px;
margin:auto;
padding-bottom:35px;
}
#content #sidebar {
width:301px;
float:left;
}	
#content #sidebar .navbox {
padding-bottom:15px;
}
#content #sidebar .navbox h4 {
padding-left:20px;
font-size:14px;
font-weight:bold;
width:281px;
line-height:30px;
color:#FFFFFF;
background-image:url(../images/h4-navbox1.png);
background-repeat:no-repeat;
}
#content #sidebar .navbox ul li {
text-indent:20px;
line-height:30px;
border-bottom:1px solid #F1F1F1;
font-size:14px;
}
#content #sidebar .navbox ul li a {
text-decoration:none;
color:#656565;
display:block;
width:auto;
height:30px;
}
#content #sidebar .navbox ul li a:hover {
background-color:#0090FF;
color:#FFFFFF;
}
#content #main {
width:630px;
float:left;
margin-left:50px;
}
#content #main .topproduct {
padding-bottom:15px;
}
#content #main .topproduct h4 {
font-size:20px;
font-weight:bold;
padding-bottom:10px;
color:#0C3E8F;
}
#content #main .topproduct p a { color:#0066FF;}
#content #main p {
font-size:12px;
color:#666666;
padding-bottom:15px;
}
#content #main .review {
padding-bottom:20px;
}
#content #main .review p a { color:#0066FF;}
#content #main .review ul li a { color:#0066FF;}
#content #main .review ul li {
padding: 0 10px 5px 10px;
font-size:12px;
color:#666;
}
#content #main .review h4 {
padding-left:15px;
width:612px;
height:32px;
line-height:32px;
font-size:14px;
font-weight:bold;
background-image:url(../images/h4-bcg-main.png);
background-repeat:no-repeat;
margin-bottom:15px;
color:#0C3E8F;
}
#content #main .review h4 a { color:#000; text-decoration:none;}
#content #main .review h3 {
padding-left:15px;
width:612px;
height:32px;
line-height:32px;
font-size:14px;
font-weight:bold;
background-image:url(../images/h4-bcg-main.png);
background-repeat:no-repeat;
margin-bottom:15px;
}
#content #main .review h3 a { color:#000; text-decoration:none;}
#content #main .productbox {
width:627px;
padding:10px 0;
border-bottom:1px solid #F1F1F1;
}
#content #main .productbox .leftside {
float:left;
width:200px;
text-align:center;
}
#content #main .productbox .leftside img {
padding-bottom:15px;
}
#content #main .productbox .rightside {
width:410px;
float:right;
}
#content #main .productbox .rightside .logo {
width:425px;
float:left;
}
#content #main .productbox .rightside .rating {
width:150px;
float:right;
}
#content #main .productbox .rightside .rating ul {
padding:13px 0 35px 0;
}
#content #main .productbox .rightside .rating ul li {
float:left;
text-align:right;
margin:0 3px;
padding:0 !important;
}
#content #main .productbox .rightside .about .button a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
background-image:url(../images/a-bcg-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #main .productbox .rightside .about .button a:hover {
background-image:url(../images/hover-review.png);
background-repeat:no-repeat;
}
#content #main .productbox .rightside .about .revbutton a:hover {
color:#0090FF;
}
#content #main .productbox .rightside .about .revbutton a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#0C3E8F;
font-size:13px;
font-weight:bold;
background-image:url(../images/button-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #main .productbox .rightside .about .revbutton {
float:right;
}
#content #main .productbox .rightside .about .button {
float:left;
margin-left:75px;
margin-top:1px;
}
#content #main .box {
width:208px;
float:left;
text-align:center;
margin-top:20px;
}
#content #main .box ul {
padding-left:40px;
margin-bottom:10px;
float:left;
}
#content #main .box ul li {
float:left;
margin:0 3px;
}
#content #main .box .button {
padding-bottom:5px;
}
#content #main .box .button a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
background-image:url(../images/a-bcg-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
margin-left:25px;
}
#content #main .box .button a:hover {
background-image:url(../images/hover-review.png);
background-repeat:no-repeat;
}
#content #main .box .revbutton a:hover {
color:#0090FF;
}
#content #main .box .revbutton a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#0C3E8F;
font-size:12px;
font-weight:bold;
background-image:url(../images/button-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
margin-left:25px;
}
#content #main .box .boxcon {
width:200px;
padding-right:7px;
border-right:1px solid #F1F1F1;
}
#content #main .review .box ul li { padding:0;}
#content #main .banner {
width:626px;
height:154px;
position:relative;
background-image:url(../images/banner-bcg.jpg);
background-repeat:no-repeat;
}
#content #main .banner .button {
width:159px;
height:34px;
background-image:url(../images/button.png);
background-repeat:no-repeat;
position:absolute;
z-index:2;
text-align:center;
text-transform:uppercase;
line-height:34px;
font-size:12px;
font-weight:bold;
top:102px;
left:13px;
}
#content #main .banner .button a {
text-decoration:none;
color:#FFFFFF;
display:block;
width:159px;
height:34px;
}

#footer {
width:100%;
background-image:url(../images/foter-bcg.png);
background-repeat:repeat-x;
}
#footer .footercon {
width:1015px;
height:100px;
margin:auto;
}
#footer .footercon .top {
padding:20px 20px 0px 20px;;
}
#footer .footercon .top .logo {
float:left;
}
#footer .footercon .top .footernav {
width:635px;
float:right;
}
#footer .footercon .top .footernav ul {
padding-top:7px;
}
#footer .footercon .top .footernav ul li {
float:left;
text-transform:uppercase;
padding:0 15px;
font-size:13px;
font-weight:bold;
}
#footer .footercon .top .footernav ul li a {
text-decoration:none;
color:#999999;
}
#footer .footercon .top .footernav ul li a:hover {
color:#0D3F90;
}
#footer .footercon .bottom {
padding:0 20px;
}
#footer .footercon .bottom .copyright {
width:400px;
float:left;
font-size:12px;
color:#8D8D8D;
}
#footer .footercon .bottom .rightnav {
width:500px;
float:right;
}
#footer .footercon .bottom .rightnav ul {
float:right;
margin-right:45px;
margin-top:15px;
}
#footer .footercon .bottom .rightnav ul li {
font-size:10px;
float:left;
text-align:right;
padding:0 8px;
text-transform:uppercase;
}
#footer .footercon .bottom .rightnav ul li a {
text-decoration:none;
color:#8D8D8D;
}
#footer p { font-size:12px; color:#666; text-align:center; padding:15px;}
/* ----- review page2 ----- */

#content #product {
padding-bottom:20px;
}
#content #product h4 {
width:283px;
padding-left:20px;
line-height:40px;
font-size:16px;
font-weight:bold;
color:#000000;
background-image:url(../images/h4-bcg-sidebar.png);
background-repeat:no-repeat;
}
#content #product .buy {
width:303px;
}
#content #product .buy .toppart {
padding:10px 10px;
}
#content #product .buy .toppart .logo {
float:left;
}
#content #product .buy .toppart .ratings {
float:right;
width:105px;
}
#content #product .buy .toppart .ratings ul {
padding-top:10px;
}
#content #product .buy .toppart .ratings ul li {
float:left;
margin:0 2px;
}
#content #product .buy .bottompart .button {
float:left;
padding-bottom:10px;
margin-top:1px;
}
#content #product .buy .bottompart .button a {
display:block;
width:145px;
height:32px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:12px;
font-weight:bold;
background-image:url(../images/buy-button-sb.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #product .buy .bottompart .button a:hover {
background-image:url(../images/buy-hover.png);
background-repeat:no-repeat;
}
#content #product .buy .bottompart .revbutton {
float:right;
padding-bottom:10px;
}
#content #product .buy .bottompart .revbutton a {
display:block;
width:147px;
height:32px;
text-align:center;
text-decoration:none;
color:#0C3E8F;
font-size:12px;
font-weight:bold;
background-image:url(../images/rev-buttonsb-bcg.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #product .buy .bottompart .revbutton a:hover {
color:#0090FF;
}
#content #product .buy {
border-bottom:1px solid #EDEDED;
}
#content #main .productbox .leftside .button a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
background-image:url(../images/a-bcg-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #main .productbox .leftside .button a:hover {
background-image:url(../images/hover-review.png);
background-repeat:no-repeat;
}
#content #main .productbox .leftside .revbutton a:hover {
color:#0090FF;
}
#content #main .productbox .leftside .revbutton a {
display:block;
width:157px;
height:32px;
text-align:center;
text-decoration:none;
color:#0C3E8F;
font-size:13px;
font-weight:bold;
background-image:url(../images/button-review.png);
background-repeat:no-repeat;
line-height:32px;
text-transform:uppercase;
}
#content #main .productbox .leftside .button {
padding-bottom:5px;
margin-left:25px;
}
#content #main .productbox .leftside .revbutton {
margin-left:25px;
}
#content #main .productbox .rightside .about ul {
padding-left:15px;
width:360px;
}
#content #main .productbox .rightside .about ul li {
padding-left:25px;
font-size:12px;
color:#666666;
padding-bottom:8px;
background-image:url(../images/li-bcg-reviewbox.png);
background-repeat:no-repeat;
background-position:left top;
}
/* ----- inner page2 ----- */

#content #main .productbox .rightside .about .compare {
padding-top:10px;
padding-bottom:25px;
}
#content #main .productbox .rightside .about .compare h5 {
font-size:12px;
color:#999999;
padding-bottom:10px;
border-bottom:1px solid #EDEDED;
padding-left:25px;
text-transform:uppercase;
font-weight:bold;
}
#content #main .productbox .rightside .about .compare p {
padding-bottom:none;
}
#content #main .productbox .rightside .about .compare .pricebox {
padding-top:10px;
border-bottom:1px solid #EDEDED;
}
#content #main .productbox .rightside .about .compare .pricebox .box1 {
width:180px;
float:left;
padding-left:25px;
}
#content #main .productbox .rightside .about .compare .pricebox .box1 .pack {
width:100px;
float:left;
font-size:10px;
padding:none;
}
#content #main .productbox .rightside .about .compare .pricebox .box1 .pack span {
font-size:16px;
color:#000000;
}
#content #main .productbox .rightside .about .compare .pricebox .box1 .price {
font-size:18px;
color:#0C3E8F;
margin-top:5px;
float:right;
padding:none;
}
#content #main .productreview {
margin-top:-1px;
padding-bottom:25px;
}
#content #main .productreview h4 {
padding-bottom:15px;
font-size:16px;
text-transform:uppercase;
}
#content #main .productreview p {
padding:0 13px 18px 13px;
}
#content #main .productreview ul {
width:295px;
border-top:1px solid #EDEDED;
float:left;
padding-bottom:15px;
margin-left:15px;
}
#content #main .productreview ul li {
border-bottom:1px solid #EDEDED;
padding-left:25px;
font-size:12px;
color:#666666;
line-height:30px;
background-image:url(../images/li-bcg.png);
background-repeat:no-repeat;
background-position:left center;
background-position:10px 12px;
}

#main .crumbnav {
padding-bottom:15px;
}
#main .crumbnav p {
font-size:12px;
}
#main .crumbnav p a {
text-decoration:none;
color:#666666;
margin:0 8px;
background-image:url(../images/li-bcg.png);
background-repeat:no-repeat;
background-position:right center;
padding-right:15px;
}
#main .crumbnav p a:hover {
text-decoration:underline;
}
#main .review table {
margin-bottom:15px;
border:1px solid #666666;
font-size:11px;
color:#666666;
width:628px;
}
#main .review table tr {
width:100%;
height:26px;
vertical-align:middle;
border-top:1px solid #666666;
}
#main .review tr td {
padding-left:4px;
line-height:26px;
}
#main .review table .top {
font-weight:bold;
background-color:#0C3E8F!important;
color:#FFFFFF;
border-bottom:none;
}
/*----banner css--content---*/

#content .banner1 {
width:630px;
margin:15px auto;
padding-bottom:15px;
background-image:url(../images/banner-bcg1.jpg);
background-repeat:repeat-x;
background-color:#D2D2D2;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid #CCCCCC;
}
#content .banner1 .headline {
text-align:center;
padding:15px 0;
}
#content .banner1 .bet {
width:600px;
margin:0 auto;
background-image:url(../images/list1.png);
background-repeat:repeat-y;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#content .banner1 .bet ul {
text-align:center;
}
#content .banner1 .bet ul li {
float:left;
line-height:53px;
height:53px;
display:block;
padding:none!important;
background-image:none;
padding:0!important;
}
#content .banner1 .bet ul .first {
font-size:18px!important;
color:#333333;
width:44px;
}
#content .banner1 .bet ul .second {
width:151px;
}
#content .banner1 .bet ul .second img {
margin-top:8px;
}
*+html #content1 .banner1 .bet ul .second img {
margin-top:5px;
}
#content .banner1 .bet ul .third {
width:74px;
}
#content .banner1 .bet ul .third img {
margin-top:6px;
}
#content .banner1 .bet ul .fourth {
width:206px;
font-size:18px!important;
text-transform:uppercase;
color:#333333;
font-family:Arial, Helvetica, sans-serif;
letter-spacing:-1px;
line-height:53px;
}
#content .banner1 .bet ul .fifth {
width:123px;
}
#content .banner1 .bet ul .fifth img {
margin-top:12px;
}
*+html #content .banner1 .bet ul .fifth img {
margin-top:5px;
}

#content .odds1 {
	font-size: 100%;
	text-align: center;
}

/* ----- SPECIAL CLASSES ----- */

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}