html
{
	overflow-y: scroll;
}	
body
{
	background-color: #fffaf5;
	margin: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a
{
	color: #3a4e64;
}
#hdr
{
	display: none;
}
#actions
{
	display: none;
}
#utilitySearch
{
	background: url(/images/utilitySearchBG.gif) no-repeat top left;
	width: 116px;
	height: 24px;
	padding-left: 55px;
	padding-top: 6px;
}
#utilitySearch input.searchBox
{
	border: 1px solid #978f60;
	height: 14px;
	width: 96px;
	padding: 0px;
	margin: 0px;
	font-size: 11px;
}
#utilityLinks
{
	background: url(/images/utilityLinksBG.gif) no-repeat top left;
	width: 243px;
	height: 45px;
	color: #3a4e64;
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	padding-top: 8px;
}
#utilityLinks a
{
	text-decoration: none;
}
#interiorContent
{
	border-bottom: 1px solid #f1ead9;
	padding-bottom: 5px;
}
#interiorHdrContainer
{
	padding-top: 5px;
	display: none;
}
#interiorHdr
{
	background: url(/images/interiorHdrBG.gif) repeat-x top left;
	width: 100%;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	color: #f6f0e2;
	text-align: right;
	padding-right: 10px;
	vertical-align: middle;
}
#pageActions
{
	font-size: 9px;
	height: 22px;
	background-color: #f4f6f4;
	border-bottom: 1px solid #7d8e7e;
	border-right: 1px solid #7d8e7e;
	text-align: right;
	padding-top: 1px;
	padding-right: 20px;
}
#pageActions img
{
	margin-left: 20px;
	position: relative;
	top: 2px;
}
#pageContent
{
	padding-left: 26px;
	padding-top: 25px;
	padding-right: 12px;
	padding-bottom: 17px;
	line-height: 18px;
	width: 715px;
}
#innerContainer 
{	
	width:715px;
}
#pageContent ul
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-left: 10px;
	margin-top: 6px;
	margin-bottom: 6px;
}
#pageContent ul li
{
	background: url(/images/bulletPageContent.gif) no-repeat;
	padding-left: 8px;
	background-position: 0px 8px;
	padding-bottom: 2px;
}
#pageContent h1
{
	font-size: 14px;
	margin: 0px;
	display:inline;
	font-weight: bold;
	color: #000000;
}
#pageContent h2
{
	font-size: 13px;
	margin: 0px;
	display:inline;
	font-weight:bold;
	color: #7d8e7e;
}
#pageContent h3
{
	font-size: 12px;
	margin: 0px;
	display:inline;
	font-weight: bold;
	color: #a14e3e;
}
#pageContent a:hover
{
	color: #706a46;
}
.pageTitle
{
	font-size: 18px;
	font-weight: bold;
	color: #a14e3e;
	display: block;
	padding-bottom: 2px;
}
#detailsContainer
{
	overflow: auto;
	width: 854px;
	margin-left: 45px;
	margin-top: 45px;
	margin-right: 58px;
	margin-bottom: 45px;
}
#detailsLeftColumn
{
	width: 558px;
	float: left;
	font-size: 12px;
	color: #32312f;
	line-height: 18px;
}
#detailsLeftColumn ul
{
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 18px;
	margin-bottom: 0px;
}
#detailsLeftColumn a
{
	color: #3a4e64;
}
#detailsRightColumn
{
	width: 243px;
	margin-left: 53px;
	float: left;
	padding-top: 60px;
}
#detailsBox
{
	background-color: #ede6d5;
	border: 1px solid #dfd0bf;
	padding: 9px;
	padding-bottom: 30px;
}
#detailsBox div
{
	clear: both;
	overflow: hidden;
}
#factSheet
{
	padding-top: 5px;
}
#factSheet a
{
	font-size: 12px;
	color: #3a4e64;
	line-height: 16px;
}
#quickFacts
{
	padding-top: 15px;
	font-size: 11px;
	padding-bottom: 10px;
}
#quickFacts ul
{
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	padding-left: 3px;
	padding-top: 12px;
}
#quickFacts ul li
{
	background: url(images/bulletQuickFacts.jpg) no-repeat 0px 6px;
	padding-left: 10px;
	padding-bottom: 5px;
}	
.detailLabel
{
	float: left;
	font-size: 11px;
	font-weight: bold;
	color: #506a52;
	clear: none !important; 
	width: 95px;
	text-align: right;
}
.detailValue
{
	float: left;
	width: 115px;
	font-size: 11px;
	clear: none !important;
	margin-left: 10px;
}
#cost, #effectiveness, #howToGetIt, #timing, #pros, #cons
{
	padding-bottom: 8px;
	padding-top: 8px;
}
#effectiveness .detailLabel
{
	width: 95px;
}
#effectiveness .detailValue
{
	width: 115px;
}
.selectedProduct{
	width:118px;
	height:77px;
	clear:both;
	position:relative;
	margin-top: 12px;
}
#selectedProduct1{
	background:url(images/selectedBak1.png);
}
#selectedProduct2{
	background:url(images/selectedBak2.png);
}
#selectedProduct3 {
	background:url(images/selectedBak3.gif);
}
#selectedProduct4{
	background:url(images/selectedBak4.gif);
}	
.productDiv {
	width:118px;
	height:125px;
	background:#dfd4b9;
	color: #556d56;
}	
.productDivSelected {
	width:118px;
	height:125px;
	background:#a14e3e;
	color: #ffffff;
}	
.productCopy {
	width:90px;
	margin-left:5px;
	margin-right:5px;
	font-size:10px;
	font-family:verdana;
	float:left;
	line-height: 11px;
	margin-top: 2px;
	
}	
.productDiv .productCopy a{
	color:#556d56;
}
.productDivSelected .productCopy a{
	color:#ffffff;
}	
.removeProductDiv {
	position:absolute;
	top:5px;
	left:100px;
}	
.addProductDiv {
	padding-top:26px;
	float:left;
}
#leftPanel
{
	background: url(images/leftPanelBG.jpg) no-repeat top left;
	width: 143px;		
	padding-top: 37px;
	padding-left: 15px;
	padding-right: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#leftPanel td
{
	font-size:10px; 
	color: #ffffff;
	padding-bottom: 8px;
}
#leftPanel input
{
	position: relative;
	bottom: 2px;
}
#rightPanel
{
	background: url(images/rightPanelBG.jpg) no-repeat top left;
	width: 137px;
	padding-top: 39px;
	padding-left: 24px;
	font-size: 17px;
	font-weight: bold;
	color: #5c6c5d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-bottom: 179px;
}
#sort
{
	background: url(images/topGradientBlock.jpg) no-repeat top left;
	height: 21px;
	padding-top: 7px;
	width: 366px;
	padding-left: 252px;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#sort a
{
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	outline: none;
}
#btnCompare
{
	padding-left: 23px;
	padding-top: 15px;
}
.effectivenessRow
{
	font-size: 16px;
	font-weight: bold;
	color: #7e7439;
	vertical-align: middle;
	background-color: #faf7ef;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left: 17px;
	padding-top: 7px;
	padding-bottom: 7px;
}
#compareContainer
{
	width: 878px;
	overflow: auto;
}
.compareItem
{
	background: url(images/compareEmptyBox.jpg) no-repeat;
	width: 173px;
	height: 226px;
	float: left;
	margin-right: 7px;
}
.selectedItem
{
	width: 100%;
	height: 100%;
	background-color: #dfd4b9;
	font-size: 13px;
	color: #556d56;
}
.selectedItem a
{
	font-weight: bold;
	color: #556d56;
}
.selectedItemText
{
	padding-left: 6px;
	padding-right: 6px;
	padding-top: 4px;
	height: 53px;
	text-align: center;
}
.addAnotherMethodBtn
{
	margin-top: 134px;
	margin-left: 11px;
}
#compareShadowRow
{
	overflow: hidden;
	clear: both;
	height: 10px;
}
#compareShadowRow div
{
	float: left;
	margin-right: 7px;
}
#compareBtmRow
{
	overflow: hidden;
}
#compareCriteria
{	
	width: 164px;
	font-weight: bold;
	font-size: 11px;
	color: #c2e4c4;
	float: left;
}
.compareLabel, .compareLabelAlt
{
	text-align: right;
	background-color: #7f9180;
	clear: both;
	overflow: auto;
	padding-top: 3px;
	padding-bottom: 2px;
}
.compareLabelAlt
{
	background-color: #90a592;
}
.compareArrow
{
	float: right; 
	margin-right: 3px; 
	margin-top: 2px;
	cursor: pointer;
}
.compareLabelText
{
	float: right; 
	margin-right: 14px; 
	padding-top: 3px;
	width: 120px;
	padding-bottom: 4px;
	line-height: normal;
	font-size: 11px;
}
#compareItem1, #compareItem2, #compareItem3, #compareItem4
{
	width: 173px;
	margin-right: 7px;
	float: left;
	font-size: 11px;
	color: #32312f;
}
#compareCostLabel
{
	height: 35px;
}
#compareSuccessRateLabel
{
	height: 38px;
}
#compareTimingLabel
{
	height: 38px;
	overflow: hidden;
}
#compareQuicklyReversibleLabel
{
	height: 33px;
	overflow: hidden;
}
#compareClinicVisitLabel
{
	height: 46px;
	overflow: hidden;
}
#compareSTDProtectionLabel
{
	height: 33px;
	overflow: hidden;
}
#comparePrivateNotDetectableLabel
{
	overflow: hidden;
	height: 46px;
}
.costRow
{
	text-align: center;
	min-height: 34px;
	padding-top: 6px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #e7dcc5;
	overflow: hidden;
	line-height: normal;
}
.clinicVisitRow
{
	min-height: 42px;
	padding-top: 9px;
	background-color: #e7dcc5;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.STDProtectionRow
{
	min-height: 29px;
	padding-top: 9px;
	background-color: #e7dcc5;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.privateNotDetectableRow
{
	min-height: 42px;
	padding-top: 9px;
	background-color: #e7dcc5;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.commonSideEffectsRow
{
	min-height: 29px;
	padding-top: 9px;
	background-color: #f9f1e0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.timingRow
{
	min-height: 34px;
	padding-top: 9px;
	background-color: #f9f1e0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.successRateRow
{
	min-height: 34px;
	padding-top: 9px;
	background-color: #f9f1e0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
.quicklyReversibleRow
{
	min-height: 29px;
	padding-top: 9px;
	background-color: #f9f1e0;
	padding-left: 5px;
	padding-right: 5px;
	overflow: hidden;
	line-height: normal;
	text-align: center;
}
#footer
{
	display: none;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #121210;
	padding-left: 23px;
	padding-right: 14px;
	padding-top: 8px;
	padding-bottom: 20px;
}
#footer a
{
	text-decoration: none;
}
#footer a:hover
{
	text-decoration: underline;
}