/*
''<summary>
''	<page>01content.css</page>
''	<description>Generic styles for default elements and some useful styles</description>
''	<notes/>
''	<version>
''		2006/07/05	Gregory Brine	Initial creation of file
''		2006/07/06	Gregory Brine	Test Edit
''	</version>
''</summary>
*/
html { font-size:11px; }
body { font-family: Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; color: #666666; }
h1 { margin: 0 0 10px 0; padding: 0; font-size: 110%; }
h2 { margin: 0 0 0 0; padding-bottom: 5px; font-size: 100%; color:#299b07;}
h1.swappedPage { margin: 0 0 0 0; font-size: 100%; }
h2.swappedPage { font-size: 110%; }
h3 { margin: 0 0 10px 0; padding: 0; font-size: 100%; color:#299b07; }
h4 { margin: 0 0 10px 0; padding: 0; font-size: 100%; color:#299b07; }
p { margin: 0 0 16px 0; padding: 0; color: inherit; background-color: inherit; }

/* style for bloglistframe */
h2.blogListFrameH2 { color:#003399; font-size:12px; }
h1.blogListFrameSwappedPage { margin: 0 0 0 0; font-size: 100%; color:#003399; font-size:12px; }

/* style for takeactionformframe */
h2.tackActionFormFrameH2 { color:#003399; font-size:12px; }

/* style for blogformframe */
h3.blogFormFrameH3 { color:#003399; font-size:12px; }

/* tag styles */
form { padding: 0; margin: 0; }
input, select { font-size: 100%;}
textarea {font-family: Arial, Helvetica, sans-serif;border:1px solid #cccccc; font-size: 12px;}
img { border: 0px; }
.intro {font-weight:bold;}

/* generic link styles */
a:link, a:visited { color: #666666; background-color: inherit; text-decoration: none; }
a:hover, a:focus { color: #666666; background-color: inherit; text-decoration: underline; }


/* useful styles */
.fl {float: left; }
.fr {float: right; }
.hid { display: none; visibility: hidden; }
.nobg { background: none; }
.po { display: none; visibility: hidden; } /* This is overidden in the print.css stylesheet */
.printonly {display:none;position:absolute;}



input.button {background: #ff9900; border: 1px solid #cc6600 !important; padding: 2px 2px; color: #ffffff !important; font-weight:bold;}
a.button {float:right; background: #ff9900; border: 1px solid #cc6600; padding: 2px 3px; color: #ffffff !important; font-weight:bold; margin: 0 0 5px 0;}

/* Colour codes */
.greenTitle {background: #57bd03 url(/images/backgrounds/greenTitle.gif) top left repeat-x;color:#ffffff;padding: 4px 15px; margin: 0;}
.takeActionListGreenTitle {background: #5fcc07; color:#ffffff; padding: 4px 15px; margin: 0;}
.takeActionListDeepBlueTitle {background: #003399; color:#ffffff; padding: 4px 15px; margin: 0;}
.orange {color:#ff9900 !important; font-weight: bold;}
.new {color:#ff0000 !important; font-weight: bold;}
.bg_orange {background-color:#ff9900;}
a.orange {font-weight:bold;}

.green {color:#299b07;}
.bg_green {background-color:#299b07;}
.sand {color:#cc6600; padding-bottom:15px;}
.bg_sand {background-color:#cc6600;}
.blue { color:#00CCCC; }
.deepBlue { color:#003399; }
.bg_deepBlueButton { background:#003399 none repeat scroll 0% !important; border: 1px solid #003399 !important; padding:2px 5px 2px 5px; font-weight:bold; color:#FFFFFF !important; cursor:pointer; }
.hidden { display:none; }

.size12 { font-size:12px; }


.compare {float:left; padding-bottom:25px; width:425px;}

/* product comparison */

.comparison {width:924px; background:#ffffff; color:#000000; float:left; }
	.title {background:url(/images/backgrounds/popupTitle.gif) repeat-x left top; width:839px; height:26px; padding:20px 50px 0 35px; color:#ffffff; float:left;}
	.title h2 {color:#ffffff; float:left;}
	.title a {color:#ffffff;}
	.title .sort{float:right; padding-right:30px;}
	.title .close {float:right;}
	
	.body {width:884px; padding:45px 20px 20px 20px; float:left;}
		table.comparetable {width:884px; border:0; border-collapse:collapse; }
		table.comparetable tr th {background:#ffffff; color:#000000; text-align:center; width:884px}
		table.comparetable tr th.prod-title {text-align:right;}
		table.comparetable tr td {background:#ecf8e4; border-left: 1px solid #ecf8e4; border-bottom:1px solid #ffffff; height:42px; text-align:center; width:884px}
		table.comparetable tr td.prod-title {text-align:right;}
		table.comparetable tr td img {vertical-align:middle; padding-left:5px;}
		table.comparetable tr.current td {background:#d0edbb; border-left: 1px solid #d0edbb;}
		table.comparetable .review {color:#ff9900; text-decoration:none; font-weight:bold;}
		/*table.comparetable tr.review-text td {display:none; background:#ffffff !important; border:1px solid #ecf8e4;width:882px !important; padding:10px 20px; line-height:17px; text-align:left; color:#666666;  }*/
		table.comparetable tr.review-text-show td {background:#ffffff !important; border:1px solid #ecf8e4;width:882px !important; padding:10px 20px; line-height:17px; text-align:left; color:#666666;  }
		table.comparetable tr.review-text-show td .close-review {float:right; color:#ff9900; text-decoration:none; font-weight:bold;}
		table.comparetable .qicon {padding-left:53px; text-align:right;}
		table.comparetable .nvalue {width:53px; text-align:right; float:left; line-height:23px;}
		table.comparetable .nicon {width:53px; text-align:left; float:left;}
		
		.legend {width:869px; padding:20px 0 0 13px; border:1px solid #d8d8d8;  margin-top:15px; background:#f2f2f2; float:left;}
		.legend .legendItem {float:left; padding:0 10px; text-align:center; }
		.legend .legendItem  h3 {float:left; color:#000000;}
		.legend .large {width:53px;}
		.legend .icon {height:30px;}
		.legend .icon img{vertical-align:bottom;}
		
		.printbuttons {float:right;padding-top:15px;}