/*CONTENT MODULE CSS CLASSES*/
div.ratingOuter {
	float: right;
	padding: 0;
	margin: 0;
background: #dddde9;
	}
.contentLeft {float:left; width: 85%;}
div.whiteContentClear {clear: both;}
div.ratingLeft {
	float: left;
	background: url(/desktopmodules/content/default/ratingLeft.gif) left top no-repeat;
	padding: 0 0 0 12px;
	height: 70px;
	}
div.ratingRight {
	float: left;
	background: url(/desktopmodules/content/default/ratingRight.gif) right top no-repeat;
	padding: 6px 12px 0 0;
	height: 70px;
	min-width: 50px;
	text-align: center;
	}
div.ratingRight p.rating {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	}
div.ratingRight p.rating a:link, div.ratingRight p.rating a:visited, div.ratingRight p.rating a:hover, div.ratingRight p.rating a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	margin: 0 0 1px 0;
	padding: 0 0 0 0;
	text-decoration: none;
	}
div.ratingRight p.ratingNumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 0;
	margin: 0;
	text-decoration: none;
	}
div.ratingRight p.ratingNumber a:link, div.ratingRight p.ratingNumber a:visited, div.ratingRight p.ratingNumber a:hover, div.ratingRight p.ratingNumber a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	padding: 0 0 0 0;
	margin: 0;
	text-decoration: none;
	}
div.ratingRight p.review {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 8px;
	margin: 1px 0 0 0;
	padding: 0 0 0 0;
	white-space: nowrap;
	text-decoration: none;
	}
div.ratingRight p.review a:link, div.ratingRight p.review a:visited, div.ratingRight p.review a:active, div.ratingRight p.review a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 8px;
	margin: 1px 0 0 0;
	padding: 0 0 0 0;
	white-space: nowrap;
	text-decoration: none;
	}
div.ratingOuter div.rateIt {
	clear: both;
	color: #D87C20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	}
div.ratingOuter div.rateIt a:link, div.ratingOuter div.rateIt a:visited {
	clear: both;
	color: #D87C20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: underline;
	text-align: center;
	}
div.ratingOuter div.rateIt a:hover {
	color: #D87C20;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	}
	
	
/*---+++=== ARTICLE COMMENTS ===+++---*/
div.commentWrap {
border: 1px solid #CCC;
padding: 5px;
margin: 0 10px;
}
div.commentWrap div.right a.logoSmall {
background: url(/desktopmodules/content/default/logoSmall.gif) no-repeat top left;
display: block;
height: 41px;
width: 71px;
padding-top: 41px;
}
/*---+++ COMMENT HEADER +++---*/
div.commentWrap div.header {
border-bottom: 1px dotted #CCC;
padding: 0 0 10px;
margin-bottom: 5px;
}
/*--- LEFT SIDE ---*/
div.commentWrap div.header div.left {
float: left;
width: 310px;
}
div.commentWrap div.header div.left div.quantity {
font-size: 18px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
margin-bottom: 5px;
}
div.commentWrap div.header div.left span {
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #069;
}
/*--- RIGHT SIDE ---*/
div.commentWrap div.header div.right {
float: left;
width: 80px;
height: 41px;
overflow: hidden;
}
/*---+++ COMMENT LIST +++---*/
div.commentWrap ul.commentList {
margin: 0;
padding: 0;
list-style: none;
}
div.commentWrap ul.commentList li {
margin: 0;
padding: 5px 0;
list-style: none;
border-bottom: 1px dotted #CCC;
}
/*--- LEFT SIDE ---*/
div.commentWrap ul.commentList li div.left {
float: left;
width: 140px;
}
div.commentWrap ul.commentList li div.left p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #999;
margin: 0;
padding-bottom: 0;
}
div.commentWrap ul.commentList li div.left span.user {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #069;
margin: 0;
text-decoration: none;
}
/*--- RIGHT SIDE---*/
div.commentWrap ul.commentList li div.right {
float: left;
width: 400px;
}
div.commentWrap ul.commentList li div.right, div.commentWrap ul.commentList li div.right p {
padding: 0;
margin: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000;
}
/*---+++ RATE IT +++---*/
div.commentWrap div.rateIt {
margin-bottom: 10px;
}
div.commentWrap div.rateIt p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
margin: 5px 0;
padding-bottom: 0;
}
/*--- RATING LIST SETUP ---*/
div.commentWrap div.rateIt .rating {
width:115px;
height:20px;
margin:0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(/desktopmodules/content/default/rateItStars.jpg) no-repeat 0 0;
}
div.commentWrap div.rateIt ul.rating li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated but ie6 does\*/
float:left;
/* end hide*/
list-style:none;
text-indent:-999em;/* hide text*/
}
div.commentWrap div.rateIt ul.rating li a {
position:absolute;
left:0;
top:0;
width:20px;
height:20px;
text-decoration:none;
z-index: 200;
}
/*--- LINK SETUP ---*/
div.commentWrap div.rateIt ul.rating li.one a {
left:0
}
div.commentWrap div.rateIt ul.rating li.two a {
left:20px;
}
div.commentWrap div.rateIt ul.rating li.three a {
left:40px;
}
div.commentWrap div.rateIt ul.rating li.four a {
left:60px;
}
div.commentWrap div.rateIt ul.rating li.five a {
left:80px;
}
div.commentWrap div.rateIt ul.rating li a:hover {
z-index:2;
width:115px;
height:20px;
overflow:hidden;
left:0;
background: url(/desktopmodules/content/default/rateItStars.jpg) no-repeat 0 0
}
div.commentWrap div.rateIt ul.rating li.one a:hover {
background-position:0 -20px;
}
div.commentWrap div.rateIt ul.rating li.two a:hover {
background-position:0 -40px;
}
div.commentWrap div.rateIt ul.rating li.three a:hover {
background-position:0 -60px
}
div.commentWrap div.rateIt ul.rating li.four a:hover {
background-position:0 -80px
}
div.commentWrap div.rateIt ul.rating li.five a:hover {
background-position:0 -100px
}
div.commentWrap div.rateIt .nostar {
background-position:0 0
}
div.commentWrap div.rateIt .onestar {
background-position:0 -20px
}
div.commentWrap div.rateIt .twostar {
background-position:0 -40px
}
div.commentWrap div.rateIt .threestar {
background-position:0 -60px
}
div.commentWrap div.rateIt .fourstar {
background-position:0 -80px
}
div.commentWrap div.rateIt .fivestar {
background-position:0 -100px
}
div.commentWrap div.rateIt .onestar_final {
background-position:0 -140px;
}
div.commentWrap div.rateIt .twostar_final {
background-position:0 -160px;
}
div.commentWrap div.rateIt .threestar_final {
background-position:0 -180px
}
div.commentWrap div.rateIt .fourstar_final {
background-position:0 -200px
}
div.commentWrap div.rateIt .fivestar_final {
background-position:0 -220px
}
/*---+++ MAKE COMMENTS +++---*/
div.commentWrap div.makeComment {
margin: 10px 0 0;
}
div.commentWrap div.makeComment h2 {
font-size: 17px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #666;
padding-bottom: 5px;
border-bottom: 1px solid #CCC;
margin-bottom: 1px;
}
div.commentWrap div.makeComment div.loginRegisterWrap {
padding: 7px;
background: #EEE;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
div.commentWrap div.makeComment div.loginRegisterWrap a:link, div.commentWrap div.makeComment div.loginRegisterWrap a:active, div.commentWrap div.makeComment div.loginRegisterWrap a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #069;
text-decoration: none;
}
div.commentWrap div.makeComment div.loginRegisterWrap a:hover {
text-decoration: none;
}
div.commentWrap div.makeComment div.commentArea p {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
margin: 5px 0;
padding-bottom: 0;
}
div.commentWrap div.makeComment div.commentArea textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333;
border 1px;
width: 100%;
height: 60px;
margin-bottom: 5px;
}	

/*---=== BACKGROUND IMAGES REPEATED ===---*/
a.addComment:link, a.addComment:visited, a.addComment:active {
float: left;
}
a.addComment:hover {
text-decoration: none;
}
a.addComment:link, a.addComment:visited, a.addComment:active { 
background-image: url(/desktopmodules/content/default/buttonBackground.gif);
background-repeat: repeat-x;
background-position: 0 50%;
padding: 0px 5px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #FFF;
text-transform: uppercase;
text-decoration: none;
text-align: center;
}

/*---+++ ARTICLE HEADER +++---*/
div.articleWrap div#articleHeaderContent {
height: 1px;
padding-top: 10px;
overflow: hidden;
}
div.articleWrap div.articleHeader h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 26px;
font-weight: bold;
color: #000;
line-height: 32px;
text-align: left;
text-decoration: none;
text-transform: none;
padding: 0 5px;
margin: 0;
border-bottom: none;
width: 435px;
float: left;
}
div.articleWrap div.articleHeader h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #666;
line-height: 18px;
text-align: left;
text-decoration: none;
text-transform: none;
padding: 0 5px;
margin: 10px 0 0;
}
div.articleWrap div.articleHeader div.highlights {
width: 345px;
float: right;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #333;
}
div.articleWrap div.articleHeader div.highlights h3.highlightsHeading {
font-size: 13px;
font-weight: bold;
color: #999;
margin: 0 0 5px;
}
div.articleContentWrap {
margin: 0 10px;
}
/*---+++ INFORMATION WRAP +++---*/
/*--- AUTHOR/DATE WRAP ---*/
div.informationWrap div.authorDateWrap {
width: 180px;
margin: 12px 0 15px;
float: left;
}
div.informationWrap div.authorDateWrap h3, div.informationWrap div.authorDateWrap p {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #666;
line-height: 15px;
padding: 0;
padding-bottom: 0;
margin: 0;
}
/*--- SOCIAL CONTROLS WRAP ---*/
div.informationWrap div.socialControlsWrap {
width: 210px;
margin: 10px 10px 10px 0;
float: right;
}
div.informationWrap div.socialControlsWrap a:link, div.informationWrap div.socialControlsWrap a:active, div.informationWrap div.socialControlsWrap a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
font-weight: normal;
color: #333;
text-decoration: none;
float: left;
display: block;
width: 42px;
height: 13px;
line-height: 13px;
margin-right: 10px;
margin-bottom: 5px;
padding-left: 18px;
text-transform: uppercase;
}
div.informationWrap div.socialControlsWrap a:hover {
text-decoration: underline;
}
/* SOCIAL CONTROLS LINKS */
div.informationWrap div.socialControlsWrap a.comment {
background: url(/desktopmodules/content/default/socialControlsComment.gif) no-repeat;
}
div.informationWrap div.socialControlsWrap a.email {
background: url(/desktopmodules/content/default/socialControlsEmail.gif) no-repeat;
}
div.informationWrap div.socialControlsWrap a.print {
background: url(/desktopmodules/content/default/socialControlsPrint.gif) no-repeat;
}
div.informationWrap div.socialControlsWrap a.reprints {
background: url(/desktopmodules/content/default/socialControlsReprints.gif) no-repeat;
}
div.informationWrap div.socialControlsWrap a.save {
background: url(/desktopmodules/content/default/socialControlsSave.gif) no-repeat;
}
div.informationWrap div.socialControlsWrap a.share {
background: url(/desktopmodules/content/default/socialControlsShare.gif) no-repeat;
}
div.pagers {text-align:center;}