/*Begin buttons and icons*/

/*For tabs*/
.icon
{
	display: block;

	background-image: url(../img/sprite.icons.gif);
	background-repeat: no-repeat;
	
	overflow: hidden;
	
	width: 20px;
	height: 20px;

	position: absolute;
	margin-left: -25px;
}
.icon.noMargin
{
	position: static;
	margin: 0px 5px 0px 5px;
}

/*For buttons*/
img.icon
{
	display: inline;
	position: static;
	margin: 0px;
	
	background-image: url(../img/sprite.icons.gif);
	background-repeat: no-repeat;
	
	width: 20px;
	height: 20px;
}

img.icon.noIcon
{
	background-position: 30px 30px;
	width: 0px;
}

button, a.button
{
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	text-align: left;
	text-transform: uppercase;
	width: auto;
	overflow: visible;
}
button .content
{
	width:100%;	
}

a.button .maskWhite, a.button .maskGrey
{
	display: -moz-inline-stack;
	display: inline-block;
}

button .content, a.button .content, .content button .content, .content a.button .content
{
	padding: 4px 4px 2px 4px;
}

button .text, a.button .text
{
	padding: 0px 4px 0px 4px;
	position: relative;
	top: -5px;
	
	font-size: small;
	line-height: 100%;
}

button.reset .maskWhite.solidGrey
{
	background-color: #808284;
}

a:hover.button .maskWhite.solidBrightBlue
{
	background-color: #808284;
}

a:hover.button .off, a.button .over, button:hover .off, button .over
{
	display: none;
}

a:hover.button .over, a.button .off, button:hover .over, button .off
{
	display: inline;
}

.content button .tl, .content a.button .tl
{
	margin: 0px;
	padding: 0px;
}

/*End buttons and icons*/


.article .articleHead h2,
.article .articleHead h1
{
	font-size: 200%;
	line-height: 110%;
	margin: 0px 0px 0px 0px;
	padding-top: 6px;
}
.article h3.subGrey
{
	font-size: 160%;
	line-height: 110%;
	color: #808284;
	margin: 4px 0px 6px 0px;
	background-image: none;
	padding-bottom: 0px;
	text-transform: none;
}

.article h3
{
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	padding:0px 0px 7px 0px;
	margin: 20px 0px 7px 0px;
	font-size: 160%;
}
.article h3.noPad
{
	margin-top: 0px;
}
.article h3.extraPad
{
	padding-top: 20px;
	margin-top: 0px;
}

.article h4+p
{
	margin-top: 0px;
}

.articleHead
{
	display: block;
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 10px 0px;
}
.articleHead.review
{
	background: none;
	padding: 0px;
	margin-bottom: 10px;
}
.articleHead .score
{
	color: #808284;
	float: left;
	padding-top: 6px;
}
.articleHead .score.unrated
{
	display: block;
	padding: 6px 10px 0px 10px;
}
.articleHead .score a
{
	color: #3393C8;
}
.articleHead .star.big
{
	margin: 0px 10px 0px 5px;
}
.articleHead .awardImage
{
	display: block;
	float: right;
	padding-top: 20px;
	width: 32px;
	height: 32px;
}
.articleHead p.tiny.lastReviewed
{
	display: block;
	float: right;
	padding-top: 4px;
}

.article .articleHead h2.massive
{
	font-size: 400%;
	padding-top: 0px;
}
.article .articleHead h2 .highlight
{
	color: #FF00B3;
}

.articleUtils, .socialBookmark
{
	display: block;
	clear: both;
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.articleUtils li, .socialBookmark li
{
	float: left;
}

.article h4, .articleBody h3, .articleBody h2, .articleBody h1
{
	font-size: 14px;
	color: #000000;
	margin: 5px 0px 4px 0px;
	background:none;
}
.article h5
{
	font-size: 110%;
	color: #808284;
	margin: 5px 0px 0px 0px;
}
.article p
{
	margin-bottom: 10px;
}
.article.noSpace p
{
	margin: 10px;
}

.article .articleBody p
{
	line-height: 1.4em;
}

.articleBody .inline_img_hldr {}
.articleBody .inline_img_hldr .inline_img_caption {margin-bottom:20px;display:block;}

.articleAuthor
{
	margin-bottom:8px;	
	float:left;
	display:block;
	font-style:italic;
}
.articleAuthor .review_src_logo
{
	width:80px;
	vertical-align:middle;
}
.articlePriceComparison 
{
	width: 190px;	
	float:right;
	text-align:right;
}

.articleCommentMsg 
{
	font-weight:bold;
	margin-bottom:15px;
}

.pageBreak {
	display:none;	
}

.articleList
{
	clear: both;
}
.articleList h3.withUnderline
{
	display: block;
	font-size: 160%;
	
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	padding-bottom: 7px;
	margin: 20px 0px 10px 0px;
	
	text-transform: none;
}

.articleList.noPad h3.withUnderline
{
	margin-top: 10px;
}

.articleList .resultsStats
{
	display: block;
	float: right;
	margin: -32px 0px 0px 0px;
	font-weight: normal;
}

.articleList p
{
	margin: 0px;
}

.articleList p.dateDiv
{
	text-transform: uppercase;
	font-weight: bold;
	color: #FF00B3;
	margin: 10px 0px 5px 0px;
	
	display: block;
	clear: both;
}

.articleList ul
{
	display: block;
	
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.articleList  li
{	
	width: 66%;
	padding: 0px 0px 11px 0px;
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	margin: 0px 0px 10px 0px;
}

.articleList  ul.noBorder li
{	
	background: none;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}
.articleList  ul.greyBorder li
{	
	background: none;
	border-bottom: 1px solid #DBDBDB;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
}

.articleList ul.fullWidth li
{
	width: 100%;
}

.articleList img
{
	display: block;
	float: left;
	width: 78px;
	height: 58px;
	border: 1px solid #808284;
	margin: 0px 5px 0px 0px;
	
	background-color: #808284;
}

.articleList.ourWriters img
{
	width: 80px;
	height: 80px;
}

.articleList li p, .articleList li h4
{
	/*display: block;*/
	clear: none;
	margin: 0px;
}
.articleList li h4
{
	font-size: 130%;
}

.homeOnDarkBlue
{
	background-position: -5px -5px;
}
.homeOnDarkGrey
{
	background-position: -245px -65px;
}
.homeOnGrey
{
	background-position: -185px -95px;
}
.searchOnDarkBlue
{
	background-position: -35px -5px;
}
.searchOnLightGrey
{
	background-position: -215px -35px;
}
.searchOnGrey
{
	background-position: -245px -5px
}
.userOnBlue
{
	background-position: -65px -5px;
}
.userOnMagenta
{
	background-position: -215px -65px;
}
.mouseOnBlue
{
	background-position: -95px -5px;
}
.tickOnBlue
{
	background-position: -65px -35px;
}
.tickOnGrey
{
	background-position: -275px -5px;
}
.questionMarkOnBlue
{
	background-position: -65px -65px;
}
.questionMarkOnGrey
{
	background-position: -275px -65px;
}
.newsFeedOnLightGrey
{
	background-position: -185px -35px;
}
.emailOnLightGrey
{
	background-position: -185px -65px;
}
.poundSignOnBlue
{
	background-position: -95px -35px;
}
.poundSignOnGrey
{
	background-position: -275px -35px;
}
.magnifyOnWhite
{
	background-position: -75px -200px;
}

.flameOnMagenta
{
	background-position: -245px -245px;
}

.mouseWhiteOnDarkGrey
{
	background-position: -245px -35px;
}
.searchBlueOnWhite
{
	background-position: -75px -260px;
}

.mouseBlueOnWhite
{
	background-position: -75px -230px;
}
.mouseGreyOnWhite
{
	background-position: -215px -200px;
}
.commentBlueOnWhite
{
	background-position: -105px -200px;
}
.commentGreyOnWhite
{
	background-position: -245px -200px;
}
.printBlueOnWhite
{
	background-position: -105px -230px;
}
.printGreyOnWhite
{
	background-position: -275px -200px;
}





/*Search caps*/
.searchCapOnDarkBlue
{
	background-position: -35px -5px;
	width: 4px;
}
.searchCapOnDarkBlueRight
{
	background-position: -51px -5px;
	width: 4px;
}
.searchCapOnGrey
{
	background-position: -275px -35px;
	width: 4px;
}
.searchCapOnGreyRight
{
	background-position: -291px -35px;
	width: 4px;
}


/*Arrows*/

.arrowLightBlueOnDarkBlue, .arrowLightBlueOnBlue, .arrowLightBlueLightGrey, .arrowLightBlueOnGrey, .arrowLightBlueOnMagenta, .arrowLightBlueOnWhite, .arrowBlueOnDarkBlue, .arrowBlueOnLightBlue, .arrowBlueOnLightGrey, .arrowBlueOnGrey, .arrowBlueOnMagenta, .arrowBlueOnWhite, .arrowLightGreyOnDarkBlue, .arrowLightGreyOnBlue, .arrowLightGreyOnLightBlue, .arrowLightGreyOnGrey, .arrowLightGreyOnMagenta, .arrowLightGreyOnWhite, .arrowGreyOnDarkBlue, .arrowGreyOnBlue, .arrowGreyOnLightBlue, .arrowGreyOnLightGrey, .arrowGreyOnWhite, .arrowMagentaOnLightGrey, .arrowWhiteOnDarkBlue, .arrowWhiteOnBlue, .arrowWhiteOnLightBlue, .arrowWhiteOnLightGrey, .arrowWhiteOnGrey, .arrowWhiteOnMagenta
{
	width: 5px;
	height: 20px;
}
.arrowLightBlueOnDarkBlue
{
	background-position: -40px -123px;
}
.arrowLightBlueOnBlue
{
	background-position: -100px -123px;
}
.arrowLightBlueLightGrey
{
	background-position: -220px -123px;
}
.arrowLightBlueOnGrey
{
	background-position: -290px -123px;
}
.arrowLightBlueOnMagenta
{
	background-position: -290px -273px;
}
.arrowLightBlueOnWhite
{
	background-position: -40px -213px;
}
.arrowBlueOnDarkBlue
{
	background-position: -10px -123px;
}
.arrowBlueOnLightBlue
{
	background-position: -130px -123px;
}
.arrowBlueOnLightGrey
{
	background-position: -190px -123px;
}
.arrowBlueOnGrey
{
	background-position: -260px -123px;
}
.arrowBlueOnMagenta
{
	background-position: -260px -273px;
}
.arrowBlueOnWhite
{
	background-position: -10px -213px;
}
.arrowLightGreyOnDarkBlue
{
	background-position: -30px -123px;
}
.arrowLightGreyOnBlue
{
	background-position: -90px -123px;
}
.arrowLightGreyOnLightBlue
{
	background-position: -150px -123px;
}
.arrowLightGreyOnGrey
{
	background-position: -280px -123px;
}
.arrowLightGreyOnMagenta
{
	background-position: -280px -123px;
}
.arrowLightGreyOnWhite
{
	background-position: -280px -213px;
}
.arrowGreyOnDarkBlue
{
	background-position: -50px -123px;
}
.arrowGreyOnBlue
{
	background-position: -110px -123px;
}
.arrowGreyOnLightBlue
{
	background-position: -170px -123px;
}
.arrowGreyOnLightGrey
{
	background-position: -230px -123px;
}
.arrowGreyOnWhite
{
	background-position: -50px -213px;
}
.arrowMagentaOnLightGrey
{
	background-position: -210px -123px;
}
.arrowWhiteOnDarkBlue
{
	background-position: -20px -123px;
}
.arrowWhiteOnBlue
{
	background-position: -80px -123px;
}
.arrowWhiteOnLightBlue
{
	background-position: -140px -123px;;
}
.arrowWhiteOnLightGrey
{
	background-position: -200px -123px;
}
.arrowWhiteOnGrey
{
	background-position: -270px -123px;
}
.arrowWhiteOnMagenta
{
	background-position: -270px -273px;
}
.arrowLargeWhiteOnDarkBlue
{
	width: 6px;
	height: 13px;
	background-position: -5px -35px;
}

.tinyClose
{
	display: block;
	width: 9px;
	height: 9px;
	background-image: url(../img/icon.cross.gif);
	background-repeat: no-repeat;
	float: left;
	margin: 0px 3px 0px 0px;
}
.imageGallery
{
	display: block;
	float: right;
	width: 220px;
	margin: 0px 0px 10px 0px;
}
#galleryZoomed .imageGallery.large 
{
	width:730px;
}
.imageGallery.large
{
	width: 100%;
	margin: 0px 0px 0px 0px;
	float:left;
}
.imageGallery .imageHolder
{
	border: 1px solid #808284;
	border-bottom: none;
	overflow: auto;
	height: 100%;
	clear: both;
}
.imageGallery .imageHolder a {outline: 0;}
    
.imageGallery .imageHolder img
{
	display: block;
	float: none;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

.imageInfo
{
	display: block;
	margin-bottom: 10px;
}
.imageInfo .black
{
	color: #000000;
}

.imageCaption
{
	text-align: left;
}
.imageCopyright
{
	text-align: right;
}

.imageGallery .content
{
	padding: 10px;
}
.imageGallery .keyGrey .tr, .imageGallery .keyGrey .tl
{
	background: none;
}
.imageGallery a.smallButton
{
	display: block;
	margin: 5px 0px 0px 0px;
}
.imageGallery a:hover.smallButton
{
	text-decoration: none;
}

.imageGallery a.smallButton .icon
{
	margin: 0px 5px 0px 0px;
}
.imageGallery a.smallButton .tiny
{
	position: relative;
	top: -8px;
}

.imagePagination
{
	display: none;
	padding-top: 6px;
	/*float: right;*/
}
.imagePagination a
{
	color: #000000;
	text-decoration: underline;
	padding: 0px 1px 0px 1px;
}
.imagePagination a.active, .imagePagination .ends
{
	color: #3393C8;
	text-decoration: none;
}
.imagePagination .ends.dead
{
	color: #DBDBDB;
}
.imagePagination .hidden
{
	display: none;
}

/*Fix content overflow issue when no linewrap is availale*/
.linkList .content
{
	overflow: hidden;
}
.linkList h3, .itemList h3, #houseAd h3, #post_to_links h3
{
	display: block;
	font-weight: bold;
	
	/*NB Only 7px is used on bottom margin to alow text baseline to be 10px away accounting for descenders.*/
	padding: 0px 0px 8px 0px;
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	margin: 0px 0px 7px 0px;
	
	
	text-transform: uppercase;
}
.keyMagenta.linkList h3
{
	background: url(../img/line.hor.magenta.gif) bottom repeat-x;
}
.linkList ul, .itemList ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.linkList ul li a
{
	padding-left:10px;
	background: url(../img/arrow.right.blue.gif) left 2px no-repeat;
	line-height: 152%;
	color: #666;
}
/*.linkList ul li a:hover
{
	color: #3393C8;
}*/
.linkList ul li.more a
{
	color: #3393C8;
	background: none;
}

.linkList ul li.highlight
{
	/*TEMP HIGHLIGHT STYLE*/
	/*background-color: #FF00B3;*/
	font-weight: bold;
}
.linkList .content
{
	padding-bottom: 8px;
}
.solidBlue .content ul li a
{
	background-image: url(../img/arrow.right.magenta.darkBlue.gif);
}
.solidBlue .content h3
{
	background: url(../img/line.hor.white.gif) bottom repeat-x;
}
.solidGrey .content h3, #houseAd h3
{
	background: url(../img/line.hor.blackOnGrey.gif) bottom repeat-x;
	color: #000000;
}

.keyBlue, .keyMagenta, .keyGrey, .maskWhite, .maskBlue, .maskGrey, .maskWhiteOnGrey, .maskMagenta
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
}

.keyBlue
{
	border: 1px solid #2F6E91;
	background-color: #ffffff;
}
.keyMagenta
{
	border: 1px solid #FF00B3;
	background-color: #ffffff;
}
.keyGrey
{
	border: 1px solid #808284;
	background-color: #ffffff;
}

.maskBlue
{
	background-color: #3393C8;
	color: #ffffff;
}
.maskGrey
{
	background-color: #808284;
	color: #ffffff;
}
.maskMagenta
{
	background-color: #FF00B3;
	color:#FFF;
}

.solidBlue
{
	color: #FFFFFF;
}
.solidBlue a, .solidBlue a:hover, .solidBlue ul li a
{
	color: #FFFFFF;
}
.solidGrey
{
	background-color: #DBDBDB;
}
.solidMagenta
{
	background-color: #ec008c;
	color: #FFF;
}
.solidWhite a, .keyBlue a, .keyMagenta a
{
	color: #666;
}
.solidWhite a:hover, .keyBlue a:hover, .keyMagenta a:hover, .solidWhite h4 a, .keyBlue h4 a, .keyMagenta h4 a, .keyBlue h3 a
{
	color: #3393C8;
}
.solidWhite .content
{
	padding: 0px;
}
.solidBrightBlue
{
	background-color: #3393C8;
	color: #FFFFFF;
}

.tl, .tr, .br, .bl
{
	display: block;
	/*Relative positioning required to coax IE into layering in the correct order*/
	position: relative;
	background-repeat: no-repeat;
}

.tl
{
	background-position: top left;
}
.tr
{
	background-position: top right;
}
.br
{
	background-position: bottom right;
}
.bl
{
	background-position: bottom left;
}

/*Keyline corner image setup*/
.keyBlue .tl
{
	background-image: url(../img/cnr.key.blue.tl.png);
	/*Negative margin to obscure the border on all 4 sides, only required for keylines*/
	margin: -1px;
}
.keyBlue .tr
{
	background-image: url(../img/cnr.key.blue.tr.png);
}
.keyBlue .br
{
	background-image: url(../img/cnr.key.blue.br.png);
}
.keyBlue .bl
{
	background-image: url(../img/cnr.key.blue.bl.png);
}

.keyMagenta .tl
{
	background-image: url(../img/cnr.key.magenta.tl.png);
	margin: -1px;
}
.keyMagenta .tr
{
	background-image: url(../img/cnr.key.magenta.tr.png);
}
.keyMagenta .br
{
	background-image: url(../img/cnr.key.magenta.br.png);
}
.keyMagenta .bl
{
	background-image: url(../img/cnr.key.magenta.bl.png);
}

.keyGrey .tl
{
	background-image: url(../img/cnr.key.grey.tl.png);
	margin: -1px;
}
.keyGrey .tr
{
	background-image: url(../img/cnr.key.grey.tr.png);
}
.keyGrey .br
{
	background-image: url(../img/cnr.key.grey.br.png);
}
.keyGrey .bl
{
	background-image: url(../img/cnr.key.grey.bl.png);
}
/*End keyline corner image setup*/

/*Mask corner image setup*/
.maskWhite .tl, .maskWhiteOnGrey .tl
{
	background-image: url(../img/cnr.mask.white.tl.png);
}
.maskWhite .tr, .maskWhiteOnGrey .tr
{
	background-image: url(../img/cnr.mask.white.tr.png);
}
.maskWhite .br, .maskWhiteOnGrey .br
{
	background-image: url(../img/cnr.mask.white.br.png);
}
.maskWhite .bl, .maskWhiteOnGrey .bl
{
	background-image: url(../img/cnr.mask.white.bl.png);
}

.maskBlue .tl
{
	background-image: url(../img/cnr.mask.blue.tl.png);
}
.maskBlue .tr
{
	background-image: url(../img/cnr.mask.blue.tr.png);
}
.maskBlue .br
{
	background-image: url(../img/cnr.mask.blue.br.png);
}
.maskBlue .bl
{
	background-image: url(../img/cnr.mask.blue.bl.png);
}

.maskGrey .tl
{
	background-image: url(../img/cnr.mask.grey.tl.png);
}
.maskGrey .tr
{
	background-image: url(../img/cnr.mask.grey.tr.png);
}
.maskGrey .br
{
	background-image: url(../img/cnr.mask.grey.br.png);
}
.maskGrey .bl
{
	background-image: url(../img/cnr.mask.grey.bl.png);
}

.maskMagenta .tl
{
	background-image: url(../img/cnr.mask.magenta.tl.png);
}
.maskMagenta .tr
{
	background-image: url(../img/cnr.mask.magenta.tr.png);
}
.maskMagenta .br
{
	background-image: url(../img/cnr.mask.magenta.br.png);
}
.maskMagenta .bl
{
	background-image: url(../img/cnr.mask.magenta.bl.png);
}

/*End mask corner image setup*/

.content
{
	display: block;
	position: relative;
	padding: 10px;
	min-height: 10px;
}

.content p
{
	margin: 0px;
}

.content h3
{
	/*Shrink the heading font to make IE match other browsers*/
	font-size: 100%;
}

/*Classes for splitting the page in two/three*/

.fiftyFifty
{
	display: block;
	width: 50%;
	float: left;
}
.padLeft
{
	padding-left: 5px;
}
.padRight
{
	padding-right: 5px;
}


.post
{
	display: block;
	padding: 11px 0px 0px 0px;
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	margin: 10px 0px 0px 0px;
}
.postDetails
{
	display: block;
	float: left;
	width: 26%;
}

.postDetails img
{
	display: block;
	background-color: #808284;
	margin: 10px 0px 10px 0px;
}

.postContent
{
	display: block;
	float: left;
	width: 74%;
}

.postContent p
{
	margin: 0px 0px 10px 0px;
	line-height: 1.4em;
}
.postContent p.tiny
{
	margin: 0px;
}
.post p.tiny.alert
{
	float: right;
}

.productSearch label
{
	font-size: 140%;
	
	display: block;
	float: left;
	font-weight:bold;
	margin-right: 10px;
}
.productSearch input.searchField
{
	border: none;
	background-color: #ffffff;
	
	height: 18px;
	width: 180px;
	
	margin: 0px;
	padding: 2px 0px 0px 0px;
	
	color: #2F6E91;
	
	text-align: left;
	
	display: block;
	float: left;
	position: relative;
}
#productSearch input.searchField
{
	width: 140px;
}
.productSearch input.icon
{
	margin: 0px 0px 0px 5px;
	float: right;
	display: block;
}
.productSearch span.icon, .productSearch div.icon
{
	float: left;
	margin: 0px;
}
/*Small*/
.star
{
	display: block;
	width: 55px;
	height: 10px;
	float: left;
	background: url(../img/star.grey.gif) repeat-x;
	margin: 0px 1px 0px 1px;
}
.star span
{
	display: block;
	height: 10px;
}
.star .our
{
	background: url(../img/star.magenta.gif) repeat-x;
}
.star .user
{
	background: url(../img/star.gold.gif) repeat-x;
}
.star .r0
{
	width: 0px;
}
.star .r1
{
	width: 11px;
}
.star .r2
{
	width: 22px;
}
.star .r3
{
	width: 33px;
}
.star .r4
{
	width: 44px;
}
.star .r5
{
	width: 55px;
}

.star .r0Half
{
	width: 7px;
}
.star .r1Half
{
	width: 17px;
}
.star .r2Half
{
	width: 28px;
}
.star .r3Half
{
	width: 39px;
}
.star .r4Half
{
	width: 50px;
}

/*Medium*/
.star.med
{
	display: block;
	width: 75px;
	height: 14px;
	float: left;
	background: url(../img/star.med.grey.gif) repeat-x;
	margin: 0px 3px 0px 1px;
}
.star.med span
{
	display: block;
	height: 14px;
}
.star.med .our
{
	background: url(../images/star.med.magenta.gif) repeat-x;
}
.star.med .user
{
	background: url(../img/star.med.gold.gif) repeat-x;
}
.star.med .r0
{
	width: 0px;
}
.star.med .r1
{
	width: 15px;
}
.star.med .r2
{
	width: 30px;
}
.star.med .r3
{
	width: 45px;
}
.star.med .r4
{
	width: 60px;
}
.star.med .r5
{
	width: 75px;
}

.star.med .r0Half
{
	width: 7px;
}
.star.med .r1Half
{
	width: 22px;
}
.star.med .r2Half
{
	width: 37px;
}
.star.med .r3Half
{
	width: 52px;
}
.star.med .r4Half
{
	width: 67px;
}


/*Large*/
.star.big
{
	display: block;
	width: 95px;
	height: 18px;
	float: left;
	background: url(../img/star.big.grey.gif) repeat-x;
	margin: 0px 3px 0px 1px;
}
.star.big span
{
	display: block;
	height: 18px;
}
.star.big .our
{
	background: url(../img/star.big.magenta.gif) repeat-x;
}
.star.big .user
{
	background: url(../img/star.big.gold.gif) repeat-x;
}
.star.big .r0
{
	width: 0px;
}
.star.big .r1
{
	width: 19px;
}
.star.big .r2
{
	width: 38px;
}
.star.big .r3
{
	width: 57px;
}
.star.big .r4
{
	width: 76px;
}
.star.big .r5
{
	width: 95px;
}

.star.big .r0Half
{
	width: 10px;
}
.star.big .r1Half
{
	width: 29px;
}
.star.big .r2Half
{
	width: 48px;
}
.star.big .r3Half
{
	width: 67px;
}
.star.big .r4Half
{
	width: 86px;
}

/*TABS*/

.articleTabs
{
	border-bottom: 1px solid #2F6E91;
	margin: 0px 0px 10px 0px;
	padding-top: 10px;
}

ul.tabs
{
	display: table;
	list-style: none;
	margin: 25px 22px 0 0;
	padding: 0 0 0 131px;
	width: 302px;
	border-bottom: 1px #c2c2c2 solid;
}

.tabs li
{
	float: left;
	height: 43px;
	line-height:53px;
	padding-left:13px;
	margin: 0px;
}
.tabs li li {
	line-height: normal;
	color: #4fa5d4;
	padding:0;
	width:433px;
	text-align:right;
}

.tabs li a
{
	color: #333333;
	font-size: 14px;	
	display: block;
}
	
/* To remove margin of 3rd tab */

.tabs li#d015_3_tab a {
	margin-right: 0;

	min-width: 134px;
}
.tabs li#d030_3_tab a {
	margin-right: 0;

	min-width: 134px;
}

.tabs li a:hover
{
	color: #4799ca;
	background-image: url(../styleImages/bullet-nav-on.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.tabs li.active a
{
	color: #4799ca;
	background-image: url(../styleImages/bullet-nav-on.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.tabs li.active li a {
	background-image: none;
}
.tabs li.active li a.active {
	text-decoration: underline;
}
.tabs li.grey a
{
	color: #808284;
}
.tabs li.grey a:hover
{
	color: #808284;
	background-color: #DBDBDB;
}

.tabs li a .tr
{
	/*Set the borders arround the tab*/
	padding: 8px 5px 8px 6px;
}

.tabs .content
{
	padding: 0px;
	margin: 0px;
}

.tabs .icon
{
	float: left;
	position: static;
	
	/*-3px bottom margin for IE7*/
	margin: -2px 4px -3px -2px;
}


.tabs a .off, .tabs a:hover .over, .tabs .active a .on
{
	display: block;
}

.tabs a:hover .off, .tabs a .over, .tabs a .on, .tabs .active a .off, .tabs .active a .over
{
	display: none;
}

a .off, a:hover .over, .active a .on
{
	display: block;
}

a:hover .off, a .over, a .on, .active a .off, .active a .over
{
	display: none;
}

/*Tabbed box showing and hiding*/
.fold
{
	display: none;
}
.unfold
{
	display: block;
}

/*Set the top left corner of the box*/
.tabbedBox .keyBlue .tl, .tabbedBox .keyBlue .tr
{
	/*This would have to change coloer as the leftmost tab is rolled over. Too time consuming now, so have removed...*/
	/*background-image: url(../img/cnr.key.blueOnGrey.tl.png);*/
	background-image: none;
}

/*D030*/
.tabbedBox .content li
{
	float: none;
	clear: both;
}
.tabbedBox .content li p.tiny
{
	padding-left: 10px;
}
.tabbedBox .content li p.tiny span
{
	display: block;
	float: left;
}
.tabbedBox .content li p.tiny .floatRight
{
	float: right;
}
.tabbedBox .content li p.tiny .category a 
{
	padding-left: 0px;
	background: none;
	line-height: 100%;
}
.tabbedBox .content li p.tiny span.score
{
	display: block;
	float: left;	
}




body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#pageHolder
{
	/*Most, if not all fonts appear to be 90% of small*/
	/*font-size: 100%;*/
}

a
{
	text-decoration: none;
	color: #3393C8;
}
a:hover
{
	text-decoration: underline;
}
a:visited
{
	color: #88ccf3;
}
#carousel a:visited {
	color: #fff;	
}

a img
{
	border: 0px;
}

.tiny
{
	color: #666;
	font-size: 85%;
	margin: 0px;
}

.tiny.black
{
	color: #000000;
}

h3.withUnderline
{
	background: url(../img/line.hor.blue.gif) bottom repeat-x;
	padding:0px 0px 7px 0px;
	margin: 20px 0px 7px 0px;
	font-size: 160%;
}