@charset "UTF-8";
/* CSS Document */
html, body {background: url(../images/design-images/background.jpg) repeat-x #ffffff }/* Hides scrollbar in IE */
body, table, td, h3 {font-size: 11px; line-height: 20px}
body, table, td, h2, h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color:#252525;
}
h1 {color: #333333; font: 20px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-top: 30px; margin-bottom:-40px; line-height: 16px;}
h2{color: #006699; font: 16px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-top: 0px; margin-bottom:-20px;}
h3 {color: #333333; font: 14px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-bottom:-20px; margin-top: -40px;}
h4 {color: #252525; text-align:center; font: bold 18px helvetica, arial, sans-serif; margin: 18px;}
h5 {color: #333333; font: 14px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-bottom: 5px; margin-top: 5px;}
h6 {color: #333333; font: 14px helvetica, arial, sans-serif; font-weight: bold; text-align:left; margin-bottom: -30px; margin-top: -30px;margin-left: 40px;}
h7 {color: #333333; font: 14px helvetica, arial, sans-serif; font-weight: bold; text-align:center;}
h8 {color: #333333; font: 16px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-top: 30px; margin-bottom: 20px;}
a:link, a:visited {color: #014668; font-weight:bold; text-decoration: none}
a:hover, a:active {color:#f67e13; text-decoration: underline;}
a.subnav:link, a.subnav:hover, a.subnav:visited, a.subnav:active {font-weight: bold; color:#eff4ff}
a.topnav:link, a.topnav:hover, a.topnav:visited, a.topnav:active {font-weight: bold; color:#eff4ff}
.active {cursor: pointer}
a img {
	border: 0;
}


#container {
	position:absolute;
	margin-left:-500px;
	left: 50%;
	top: 40px;
	width: 1000px;
	text-color: #333333;
	}
#cw_top {
    margin-top: -30px;
	.margin-top: -45px;
	_margin-top: -10px;
	width: 991px;
	}
#content_wrapper {
    margin-top: 120px;
	.margin-top: 140px;
	_margin-top: 100px;
	background: url(../images/design-images/content-tile.png) 50% 0;
	_position: absolute;
	.position: absolute;
	width: 983px;
}
#content_wrapper p {
	margin-left: 40px;
	margin-right: 40px;
	margin-top: 40px;
	margin-bottom: 40px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 20px;
}

#cw-nav a:hover {color: #333333;}

#logo {
	position:absolute;
	top: -70px;
	_top: -30px;
	.top: -40px;
	left: 0px;
	width: 338px;
	height: 85px;
	}

h1#logo {width: 338px; overflow: hidden; margin: 0px auto; padding: 0;}
#logo a {display: block; width: 338px; height: 85px; background: url(../images/design-images/logo.gif) no-repeat;}
	
/* Begin Top Navigation */

#TopNav {
	position:absolute;
	left:-1x;
	top: 30px;
	_top: 9px;
	.top: 50px;
	width:990px;
	height:65px;
	text-align:center;
	line-height: 15px;
	padding-top: 4px;
	font-size: 16px;
	z-index:3;
}
.TopNav_column {
	float:left;
	height: 65px;
}

p#all {width: 205px; overflow: hidden; margin: 10px auto; padding: 0;}
#all a {display: block; width: 205px; height: 65px; background: url(../images/design-images/mainnav-sprite.jpg); background-position:0px 0px;}
#all a:hover, #all .active { background-position:0px -65px; height: 65px; width: 205px;}

p#guide {width: 164px; overflow: hidden; margin: 10px auto; padding: 0;}
#guide a {display: block; width: 164px; height: 65px; background: url(../images/design-images/mainnav-sprite.jpg); background-position: -205px 0px;}
#guide a:hover, #guide .active { background-position: -205px -65px; height: 65px; width: 164px;}

p#expert {width: 232px; overflow: hidden; margin: 10px auto; padding: 0;}
#expert a {display: block; width: 232px; height: 65px; background: url(../images/design-images/mainnav-sprite.jpg); background-position:-369px 0px;}
#expert a:hover, #expert .active { background-position:-369px -65px; height: 65px; width: 232px;}

p#customer {width: 184px; overflow: hidden; margin: 10px auto; padding: 0;}
#customer a {display: block; width: 184px; height: 65px; background: url(../images/design-images/mainnav-sprite.jpg); background-position:-601px 0px;}
#customer a:hover, #customer .active { background-position:-601px -65px; height: 65px; width: 184px;}

p#chart-compare {width: 201px; overflow: hidden; margin: 10px auto; padding: 0;}
#chart-compare a {display: block; width: 201px; height: 65px; background: url(../images/design-images/mainnav-sprite.jpg); background-position:-785px 0px;}
#chart-compare a:hover, #chart-compare .active { background-position:-785px -65px; height: 65px; width: 201px;}


#TopNav_extra {
	position: absolute;
	top: -53px;
	_top: -10px;
	.top: -40px;
	margin-left: 30px;
	width:880px;
	left: 300px;
	color:#333333;
	}
	
.TopNav_extracolumn {
	float:left;
	height: 65px;
}

p#blog {width: 173px; overflow: hidden; margin: 10px auto; padding: 0;}
#blog a {display: block; width: 173px; height: 41px; background: url(../images/design-images/topnav-sprite.jpg); background-position:0px 0px;}
#blog a:hover, #blog .active { background-position:0px -41px; height: 41px; width: 173px;}

p#review-request {width: 159px; overflow: hidden; margin: 10px auto; padding: 0;}
#review-request a {display: block; width: 159px; height: 41px; background: url(../images/design-images/topnav-sprite.jpg); background-position:-173px 0px;}
#review-request a:hover, #review-request .active { background-position:-173px -41px; height: 41px; width: 159px;}


.subnav_internal {
	position:absolute;
	top: 102px;
	.top: 105px;
	_top: 105px;
	margin-left: -1px; .margin-left: 0px;
	background: url(../images/design-images/sub-nav.jpg) no-repeat;
	height: 38px;
	width: 983px;
	}
.subnav_internal p{
	text-align: center;
	font-size: 16px;
	color: #333333;
	margin-top: 15px;
	}
.subnav_internal a{
	font-size: 13px;
	color: #ffffff;
	font-weight:bold;
	}
.subnav_internal a:hover{
	font-size: 13px;
	color: #f67e13;
	font-weight: bold;
	text-decoration: underline;
	}
.Top-Nav-search {
    position: absolute;
	top: 12px;
	_top: 0px;
	.top: 0px;
	/*right: 85px;*/
	right: 250px;
	color:#333333;	}
	
/* End Top Navigation */
p#find-ecommerce {width: 275px; overflow: hidden; margin: 10px auto; padding: 0;}
#find-ecommerce a {display: block; width: 275px; height: 80px}
#find-ecommerce a {background: url(../images/find-ecommerce.gif) no-repeat;}
#find-ecommerce a:hover {background: url(../images/find-ecommerce-hover.gif) no-repeat;}


#customer-review {margin-top: -50px; margin-bottom: -20px; margin-left: 150px;}
p#customer-review {width: 240px; overflow: hidden; margin: 10px auto; padding: 0;}
#customer-review a {display: block; width: 240px; height: 70px}
#customer-review a {background: url(../images/design-images/customer-reviews.gif) no-repeat;}
#customer-review a:hover {background: url(../images/design-images/customer-reviews-hover.gif) no-repeat;}

#expert-review {margin-top: -50px; margin-bottom: -20px; margin-left: 150px;}
p#expert-review {width: 240px; overflow: hidden; margin: 10px auto; padding: 0;}
#expert-review a {display: block; width: 240px; height: 70px}
#expert-review a {background: url(../images/design-images/expert-review.gif) no-repeat;}
#expert-review a:hover {background: url(../images/design-images/expert-review-hover.gif) no-repeat;}

#ecommerce-features {margin-top: -50px; margin-bottom: -20px; margin-left: 150px;}
p#ecommerce-features {width: 240px; overflow: hidden; margin: 10px auto; padding: 0;}
#ecommerce-features a {display: block; width: 240px; height: 70px}
#ecommerce-features a {background: url(../images/design-images/ecommerce-features.gif) no-repeat;}
#ecommerce-features a:hover {background: url(../images/design-images/ecommerce-features-hover.gif) no-repeat;}


/* Begin Attributes Boxes */
p#expert-reviews-box {width: 268px; overflow: hidden; margin: 10px auto; padding: 0;}
#expert-reviews-box a {display: block; width: 268px; height: 237px; background: url(../images/design-images/boxes-sprite.jpg); background-position:0px 0px;}
#expert-reviews-box a:hover { background-position:0px -237px;}

p#charts-box {width: 274px; overflow: hidden; margin: 10px auto; padding: 0;}
#charts-box a {display: block; width: 274px; height: 237px; background: url(../images/design-images/boxes-sprite.jpg); background-position:-268px 0px;}
#charts-box a:hover { background-position:-268px -237px;}

p#customer-reviews-box {width: 265px; overflow: hidden; margin: 10px auto; padding: 0;}
#customer-reviews-box a {display: block; width: 265px; height: 237px; background: url(../images/design-images/boxes-sprite.jpg); background-position:-542px 0px;}
#customer-reviews-box a:hover { background-position:-542px -237px;}

#expert-reviews-news {float: left; height: 173px;}
p#expert-reviews-news {width: 190px; overflow: hidden; margin: 10px auto; padding: 0;}
#expert-reviews-news a {display: block; width: 190px; height: 173px; background: url(../images/design-images/newsboxes2.jpg); background-position:0px 0px;}
#expert-reviews-news a:hover { background-position:0px -173px;}

#charts-news {float: left; height: 173px;}
p#charts-news {width: 197px; overflow: hidden; margin: 10px auto; padding: 0;}
#charts-news a {display: block; width: 197px; height: 173px; background: url(../images/design-images/newsboxes2.jpg); background-position:-190px 0px;}
#charts-news a:hover { background-position:-190px -173px;}

#customer-reviews-news {float: left; height: 173px;}
p#customer-reviews-news {width: 191px; overflow: hidden; margin: 10px auto; padding: 0;}
#customer-reviews-news a {display: block; width: 191px; height: 173px; background: url(../images/design-images/newsboxes2.jpg); background-position:-387px 0px;}
#customer-reviews-news a:hover { background-position:-387px -173px;}

#news-boxes {
	margin-left: 30px; margin-bottom: 100px;}



.replace { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

/*End Attributes Boxes */

/* Begin Internal Page Content Styles */
.clear:after, .content_internal:after {
    content: ".";
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clear, .content_internal {   /* IE bug fix */
    _zoom: 1;
    *zoom: 1;
}
.clears {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
}
.content_internal {
    font-family: "Lucida Grande", Arial, Helvetica, Geneva, sans-serif;
    font-size: 12px;
	margin-left: 25px;
	_margin-left: 10px;
	margin-top: 100px;
	width: 980px;
}
.content_internal h2{color: #006699; font: 16px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-top: 0px; margin-bottom:-20px;}
.content_internal h3 {
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
	text-align:center;
	margin-bottom: 10px;
}
.content_internal h4 {
	padding: 0 0 5px 0;
	margin-top: -30px;
	border: 5px solid #006699;
	color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
	text-align:left;
	width: 590px;
	background-color:#006699;
}


.content_internal h5 {
	margin-top: 10px;
	border-bottom: 5px solid #0f9ce6;
	color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
	text-align:left;
}
.content_internal .article p, .content_internal .featured p {
    padding: 0 0 25px 0;
    line-height: 18px;
}
.content_internal ol, .content_internal ol li {
	margin-top: -10px;
	font-weight: bold;
    font-size: 12px;
	margin-left: 10px;
}
 .articl_ul {
	margin-top: -10px;
	}
 #article_ul {
	 position: absolute;
	float: right;
	top: 170px;
	left: 200px;
	margin-right: 20px;
	margin-left: 100px;
	}
.content_internal .article ul {
	margin-left: 30px;
	line-height: 20px;
	margin-bottom: 10px;
	margin-top: -50px;
	
}
.content_internal .article li {
	margin-left: 10px;
	line-height: 20px;
}

.content_internal .hub ul {
	margin-left: 10px;
	line-height: 20px;
	margin-top: -30px;
}
.content_internal .hub li {
	margin-left: 10px;
	line-height: 20px;
}

.content_internal ol li p {font-weight: normal; font-size: 12px;}
.content_internal .article.top {
    padding: 20px 20px 0 20px;
}
.content_internal .article.top h2 {
    font-size: 22px;
}
.content_internal .article.top p {
    font-size: 16px;
    line-height: 25px;
}
.content_internal .article.content_internalPg {
    _position: relative;
    padding: 15px 15px 0 15px;
    background-color: #fff;
}
.content_internal .article.content_internalPg ul.site-map, 
.content_internal .article.content_internalPg ul.site-map li, 
.content_internal .article.content_internalPg ul.site-map li a {font-size: 14px; font-weight: bold; margin-left: 0;}
.content_internal .article.content_internalPg ul.site-map ul, 
.content_internal .article.content_internalPg ul.site-map ul li {margin-left: 20px;}
.content_internal .article.content_internalPg ul.site-map ul li a {font-size: 12px; font-weight: normal;}
.content_internal .hub .conten_internaltPg p {
    padding: 10px 0 20px;
	line-height: 22px;
	margin-right: 25px;
}
.content_internal .img-left {
    float: left;
	clear: left;
	margin: 5px 15px 0 0;
	padding: 2px;
	border: 1px solid #cccccc;
}

.content_internal .img-left-hub {
    float: left;
	clear: left;
	margin: -5px 15px 0 0;
	padding: 2px;
	border: 1px solid #cccccc;
}

.content_internal .img-right {
    float: right;
	clear: right;
	margin: 5px 0 0 15px;
	padding: 2px;
	border: 1px solid #cccccc;
}
.content_internal .img-center {
	margin: 10px auto 0;
	text-align: center;/* for IE6 */
	padding: 2px;
	border: 1px solid #666666;
}
.content_internal .articleColumns {
	padding-top: 60px;
}
.content_internal .articleColumns .col1 {
    float: left;
    width: 650px;
}
.content_internal .articleColumns .col2 {
    float: left;
    width: 300px;
    margin: 0 0 0 -5px;
}
.content_internal .articleColumns, .content_internal .col1, .content_internal .col2 {
	min-height: 400px;
    _height: 400px;
}
.report_card {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	text-align: center;}
	
/* End Internal Content Article Styles */

.reccomendation {
	position:relative;
	border-bottom: 5px solid #c4ff45;
	width: 935px;
	text-align: left;
	font-size: 12px;
	color: #333333;
	}
.reccomendation h1 {
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
	border-bottom: 5px solid #c4ff45;
}

/* Begin FX.Slide */
.divToggle
{
	color: #ffffff;
	background-color:#78d2ff;
	height: 84px;
	width: 90px;
	padding-top: 5px;
	border: 2px solid #666666;
}
.moreInfoWrapper
{
	float: left;
	_position: relative;
	text-align: center;
	width: 92px;
	border-right: 2px solid #666666;
	padding: 0px;
}
.moreInfo
{
	padding-top: 0px;
}

.divToggle-reviews
{
	color: #333333;
	background-color:#78d2ff;
	height: 25px;
	width: 350px;
	padding-top: 5px;
	border: 2px solid #666666;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer;
}
.moreInfoWrapper-reviews
{
	float: left;
	_position: relative;
	text-align: center;
	padding: 0px;
	margin-top: -20px;
}


/* End Slide */

/* BEGIN FOOTER */
.footer_internal {
	position:relative;
	top: 10px;
	background: url(../images/design-images/footer.jpg) no-repeat;
	height: 227px;
	width: 983px;
	margin-left: -21px;
	.margin-left: -20px;
	text-align: center;
	}
.footer_internal a{
	text-align: center;
	font-size: 12px;
	color: #333333;
	font-weight:bold;
	}
.footer_internal a:hover{
    text-align: center;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
	text-decoration: underline;
	}	
/* END Footer */

/* Begin Image Styles */
.photo-center {
	align: center;
	margin-top: 30px;
	margin-left: 180px;
	margin-bottom: -40px;
	}
.photo-right {
    align: right;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
.photo-right2 {
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 30px;
	margin-top: 20px;
	}
.photo-right3 {
	align: right;
	margin-left: 20px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 40px;
	}
.photo-right4 {
	margin-bottom: 30px;
	margin-left: 20px;
	border: 2px solid #bcd138;
	}
.photo-left {
	margin-right: 20px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
	}
.photo-left2 {
	margin-left: 50px;
	margin-top: 0px;
	margin-bottom: 10px;
	.margin-bottom: 50px;
	_margin-bottom: 45px;
	border: 1px solid #cccccc;
	}
	
.photo-left3 {
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 15px;
	}

.photo-ratings {
	margin-right: 20px;
	margin-bottom: 20px;
	}
	
.sitemap{
	font-size: 16px;
	line-height: 30px;
	}
.sitemap2{
	font-size: 14px;
	line-height: 25px;
	}

.newslink a{
	color:#ffffff;}
	
.newslink a:hover {
	color:#FF3300; }
	


#cart-nav {
	margin-left: 18px;
	.margin-left: 19px;
	margin-top: 10px;

	background: url(../images/design-images/cartnav.jpg);
	width: 300px;
	height: 475px;
}

#cart-nav a{
	font-size: 12px;
	font-weight: bold;
	color: #014668;

	text-decoration: none;
	}
#cart-nav a:hover {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
	}

#cart-nav a.active {
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	}
#cart-nav h2 {color: #333333; font: 14px helvetica, arial, sans-serif; font-weight: bold; text-align:center; margin-left: 20px; margin-right: 20px; margin-top: -15px;}
#cart-nav p {margin-left: 40px; margin-right: 20px; margin-top: 30px;}

#checklist-form {
	
	margin-left: 17px;
	.margin-left: 18px;
	background: url(../images/design-images/content-form-bg.png) no-repeat;
	width: 300px;
	height: 290px;
	
}
#checklist-form h2{margin-left: 30px; margin-right: 10px; font-size: 18px; text-align:center; color: #ffffff; text-shadow: black 0.1em 0.1em 0.2em;}

#checklist-form p{margin-left: 30px; margin-right: 10px; font-family:Helvetica; margin-top: 30px; .margin-top: 20px; line-height: 16px; font-size: 14px;}

#checklist-form .form {font-size: 14px; font-family: Helvetica; line-height: 20px; .margin-top: -20px; margin-left: 40px; margin-top: -25px;}

#checklist-next {margin-top: -20px; margin-left: -15px; .margin-top: 10px;}	
p#checklist-next {width: 202px; overflow: hidden; margin: 10px auto; padding: 0;}
#checklist-next a {display: block; width: 202px; height: 59px; background: url(../images/design-images/next-step-internal-sprite.png); .background: url(../images/design-images/next-step-ie-sprite.png); background-position: 0px 0px;}
#checklist-next a:hover {background-position: 0px -59px;}

#iframe {height: 510px; width: 606px; margin-left: 23px; .margin-left: 24px;}

#free-options {margin-top: -20px; margin-left: 0px; .margin-top: 10px;}	
p#checklist-free {width: 202px; overflow: hidden; margin: 10px auto; padding: 0;}
#checklist-free a {display: block; width: 202px; height: 59px; background: url(../images/design-images/free-cart-button.png); background-position: 0px 0px;}
#checklist-free a:hover {background-position: 0px -59px;}

p#checklist-paid {width: 202px; overflow: hidden; margin: 10px auto; padding: 0;}
#checklist-paid a {display: block; width: 202px; height: 59px; background: url(../images/design-images/paid-solution-button.png); background-position: 0px 0px;}
#checklist-paid a:hover {background-position: 0px -59px;}




ul.arrow {margin-left: 50px;}

#logo-chart {margin-top: -20px; border: 1px solid #333333;}
.compare-logo {
	border: 2px solid #666666;
	background-color: #ffffff;
	font-weight: bold;
	color:#333333;
	text-align: center;
	}

.pro-con {background:url(../images/design-images/pro-con.png) no-repeat; height: 400px; width: 271px; color:#FFFFFF; margin-left: 15px;}

.pro-con .pros ul {
	margin-left: 40px;
	line-height: 20px;
	margin-right: 45px;
	margin-bottom: 10px;
	
}
.pro-con .pros li {
	list-style-image: url(../images/design-images/pro.png);
	margin-left: 10px;
	line-height: 20px;
	font-size: 16px;
	margin-right: 20px;
}

.pro-con .cons ul {
	margin-left: 40px;
	line-height: 20px;
	margin-right: 45px;
	margin-bottom: 10px;
	
}
.pro-con .cons li {
    list-style-image: url(../images/design-images/con.png);
	margin-left: 10px;
	line-height: 20px;
	font-size: 16px;
	margin-right: 20px;
}

.pro-con h2 {font-size: 20px; color:#FFFFFF; font-weight: bold; margin-left: 15px; margin-right: 15px;}
.pro-con a{color:#FFFFFF; font-style: italic; text-decoration: underline;}
.pro-con a:hover{color:#bcd138; font-style: italic; text-decoration: underline;}