/* CSS Rules for product.jsp - INTEGRATED PRODUCT PAGE */
div#healthpricerTemplateRight { float:right; width:160px; margin:10px 0 10px 10px; overflow:hidden; clear:right; }
div#healthpricerTemplateCenter { float:left; width:780px; margin:10px 0; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Product Summary */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.overview {
	margin:9px 0 0;
    text-align:left;
    border:1px solid #D6D6D6;
    padding:12px;
    width:614px;
	min-height:224px;
	float:left;
	}

div.isVariations {
	border:1px solid #fff;
	}

.hasReviews div.productInfoBlock {
	float:left;
	width:556px;
    border-right:1px solid #D6D6D6;
    padding-right:30px;
	}

h1#productName { color:#666666; font-size:12px; font-weight:normal; line-height:16px; }
h1#productName strong { color:#333333; font-size:16px; font-weight:bold; line-height:20px; }
#avgProductRating { margin:0; padding:0 0 7px 0; line-height:16px; }
#avgProductRating img { margin-right:1em; margin-bottom:-5px; }

div.thumbnailHolder { float:left; width:150px; text-align:right; margin-right:-170px; position:relative; }
.thumbnailHolder img { width:150px; height:150px; border:0; }

div.summary { float:left; margin:0px 0px 0px 170px; display:inline; /* inline required to fix IE6 double margin bug */ }
div.isVariations div.summary { margin:0; }
div.productInfoBlockVariations div.summary { margin:0px; }

p#variants label { font-weight:bold; color:#333333; }
p#variants select { width:300px; }

p#utils {
	margin:2.5em 0 0 0;
	}

p#utils a {
	display:block;
	float:left;
	margin-right:2em;
	font-size:10px;
	}

p#utils a img {
	float:left;
	margin-right:0.5em;
	}
	
#topReview {
	float:left;
	width:257px;
	margin-left:-1px;
	border-left:1px solid #D6D6D6;
	padding:0 0 0 30px;
	}

#topReview h2 {
	color:#666666;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	}

#topReview h3 {
	font-size:11px;
	font-weight:bold;
	line-height:20px;
	}

#topReview .rating {
	margin-bottom:14px;
	}

#topReview blockquote {
	padding:0;
	margin:0;
	text-indent:0;
	}

#topReview cite {
	display:block;
	margin-top:1em;
	font-size:9px;
	font-style:normal;
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Product Tabs */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#productTabs {
	list-style-type:none;
	margin:0;
	padding:0px;
	background:transparent url(/images/product/simpleLine.gif) repeat-x bottom left;
	height:30px;
	clear:left;
	}

#productTabs li {
	height:30px;
	margin:0px -1px 0 0;
	padding:0px;
	float:left;
	font-size:14px;
	background:#ffffff url(/images/product/tabBg.gif) no-repeat top left;
	}

#productTabs li.on {
	background-color:#dfe4ec;
	}

#productTabs h2, #productTabs a {
	display:block;
	line-height:29px;
	padding:0 24px;
	font-weight:normal;
    background:transparent url(/images/product/tabCap.gif) no-repeat top right;
	}

#productTabs span {
	border-bottom:1px solid #dfe4ec;
	}
	
#productTabs a {
    border-bottom:1px solid #d6d6d6;
	}

#productTabs a:link, #productTabs a:visited {
	color:#66b30f;
	}

#productTabs a:hover, #productTabs a:active {
	color:#ff4e00;
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Variations */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.variations {
	border:solid 1px #cccccc;
	border-top:none;
	padding:5px 5px 25px;
    text-align:left;
	min-height:539px;
	}

.variationIntro {
	font-weight:bold;
	padding:20px 20px 0;
	margin:0;
	}

div.productBox {
	display:inline; /* IE 6 double margin bug fix */
	float:left;
	border:1px solid #BFBFBF;
	margin:20px 0px 0px 20px;
	width:160px;
	text-align:center;
	padding:0px;
	overflow:hidden;
	}

.productBoxName {
	display:block;
	height:190px;
	padding:5px 4px 0 4px;
	position:relative;
	}

.productBoxName img.thumbnail {
	display:block;
	height:90px;
	width:90px;
	border:0;
	margin:0 auto;
	margin-bottom:8px;
	}

.productBoxName em {
	display:block;
	line-height:20px;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	margin:0px 0px 6px;
	}

.productBoxName span {
	display:block;
	text-align:center;
	position:absolute;
	bottom:30px;
	left:0px;
	width:160px;
	color:#333333;
	}

.productBoxName strong {
	display:block;
	text-align:center;
	color:#333333;
	font-size:18px;
	font-weight:bold;
	font-family:"Arial", serif;
	position:absolute;
	bottom:12px;
	left:0px;
	width:160px;
	}

.productBoxAction {
	display:block;
	margin:0 10px;
	height:65px;
	font-size:10px;
	border-top:1px solid #BFBFBF;
	padding-top:12px;
	}

.productBoxAction img.bestValueSeal {
	display:block;
	margin:0 auto 4px auto;
	}

.productBoxAction img.merchantLogo {
	display:block;
	margin:0 auto;
	}

.productBoxAction span.actionText {
	padding-left:7px;
	background:url(/images/elements/3x5_arrowRightGrey.gif) no-repeat 0px 4px;
	}

.productBoxAction img.arrow {
	height:5px;
	width:3px;
	border:0;
	margin:0px 3px 1px 0px;
	}

a.productBoxName:hover, a.productBoxName:active {
	/* hover color must be different color than default link color */
	/* in order to force ie to update child elements on hover */
	color:#006698;
	text-decoration:none;
	}

a.productBoxName:hover em, a.productBoxName:active em {
	text-decoration:underline;
	}

a.productBoxAction:hover, a.productBoxAction:active {
	/* hover color must be different color than default link color */
	/* in order to force ie to update child elements on hover */
	color:#ffa916;
	text-decoration:none;
	}

a.productBoxAction:hover .actionText, a.productBoxAction:active .actionText {
	text-decoration:underline;
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Best Value Offer Table */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

table#bestValueOffer {
    border:1px solid #d6d6d6;
    margin:0 0 18px;
    width:100%;
    }

table#bestValueOffer .mainhead th {
	line-height:36px;
	font-size:12px;
	color:#666666;
	text-align:center;
	}

table#bestValueOffer tr.tcd td {
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	background-image:none;
	padding:0px;
	}

table#bestValueOffer tr.tcd td td {
	border-right:none;
	border-left:none;
	text-align:right;
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Price Comparison Table */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

#priceComparisonContainer {
    padding-bottom:2px;
    border-bottom:1px solid #d6d6d6;
	}

table#priceComparison {
    width:100%;
    }

table#priceComparison .mainhead th {
	font-size:12px;
	line-height:1.5em;
	color:#666666;
	text-align:center;
	font-weight:normal;
	padding:1.5em 16px;
	border-right:1px dotted #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    background:#dfe4ec;
    vertical-align:top;
	}

table#priceComparison .mainhead th.firstCell {
    border-left:1px solid #d6d6d6;
	}
	
table#priceComparison .mainhead th.lastCell {
    border-right:1px solid #d6d6d6;
	}

#thStore_priceComparison select {
	width:100px;
	}

table#priceComparison .mainhead a {
	color:#66b30f;
	text-decoration:underline;
	}

table#priceComparison .mainhead a:hover {
	color:#ff4e00;
	}

table#priceComparison .mainhead .sorted {
	background:#f4f4f4;
	}

.mainhead .sorted a {
	padding:0 11px;
	background:transparent url(/images/product/tableSortArrowUp.gif) no-repeat top right;
	}

.sortRev .mainhead .sorted a {
	background:transparent url(/images/product/tableSortArrowDown.gif) no-repeat top right;
	}

table#priceComparison td {
	background:#ffffff url(/images/product/tableBorderLine.gif) no-repeat top left;
	}

table#priceComparison.qSorted tr.qGTop td {
    background-image:url(/images/product/tableGroupSeparator.gif);
    padding:38px 0px 16px;
	}

table#priceComparison .st {
	background-position:18px 0%;
	border-left:1px solid #d6d6d6;
	}

table#priceComparison .b {
	background-position:right top;
	border-right:1px solid #d6d6d6;
	}
.b img { background:url(/images/product/goToStore.gif) no-repeat; width:103px; height:25px; border:0; }

table#priceComparison .firstRow td {
	background:#ffffff url(/images/product/tableBorderLine.gif) no-repeat 0px -2px;
	}

table#priceComparison tr td.sorted {
	background-color:#f4f4f4;
	}

table#priceComparison tr.tableHeadSeparator td {
	height:9px;
	line-height:9px;
	padding:0px;
	background:none;
	}

table#priceComparison tr.tcd td {
	border-right:1px solid #d9d9d9;
	border-left:1px solid #d9d9d9;
	background-image:none;
	padding:0px;
	}

table#priceComparison tr.tcd td td {
	border-right:none;
	border-left:none;
	text-align:right;
	}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Generic Offer Row Styles */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

col.cgStore { width:18.25%;  }
col.cgRating { width:19.02%; min-width:98px; }
col.cgQuantity { width:18.12%; }
col.cgPrice { width:16.58%; min-width:112px; }
col.cgBrandOrGeneric { width:10.41%; }
col.cgGoToStore { width:17.62%; }
/* ^- Make sure these percentages add up to 100 */

.priceTable td {
	padding:20px 8px 16px;
	font-size:10px;
	line-height:18px;
	text-align:center;
	vertical-align:middle;
	}

table .hackerSafe {
	margin-bottom:6px;
	}

table .storeRating {
	margin-bottom:3px;
	}

table .q {
	font-size:9px;
	}

table .q strong {
	font-size:10px;
	}

table .q strong span {
	font-family:Georgia;
	font-size:18px;
	}

table .tC strong {
	font-family:Georgia;
	font-size:18px;
	color:#7a7a7a;
	}
	
table .tC strong.bestPrice {
	font-size:24px;
	color:#97b432;
	line-height:36px;
	}

table.hideBp .tC strong.bestPrice {
	font-size:18px;
	line-height:18px;
	color:#7a7a7a;
	}

table .tC a {
    color:#666;
	}

table .tC a img {
	height:13px;
	width:13px;
	background-image:url(/images/product/13x13_showdetails.gif);
	margin:0 0 -3px 4px;
	}
	
table .tC a img.hide {
	background-image:url(/images/product/13x13_hidedetails.gif);
	}

table .tC img.bP, table .tC img.bV {
	display:block;
	margin:0 auto;
	}

table .brnd em, table .gnr em {
	display:block;
	width:5.3em;
	margin:2px auto 1px;
	line-height:14px;
	font-style:normal;
	background:#ffffff;
	}

em.brand, em.generic {
	font-style:normal;
	background:#ffffff;
	padding:1px 2px;
	}

table .brnd em, em.brand {
	color:#fcaa16;
	border:1px solid #fcaa16;
	}
	
table .gnr em, em.generic {
	color:#97b432;
	border:1px solid #97b432;
	}

.i {
	cursor:pointer;
	cursor:hand;
	}
	


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Total Cost Details */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

tr.on {
	display:table-row;
	}

tr.off {
	display:none;
	}

div.tcdBox  {
	border:1px solid #d6d6d6;
	text-align:left;
	padding:9px;
	margin:2px 18px 18px;
	}

div.left {
	float:left;
	width:55%;
	}

div.right {
	float:right;
	width:45%;
	}

p.savings {
	float:left;
	margin:0 15px 0 0;
	color:#333333;
	}

p.savings em {
	float:left;
	width:62px;
	height:62px;
	padding-top:8px;
	margin:0 15px 15px 0;
	background:url("/images/product/youSaveBg.gif") no-repeat;
	font-family:arial,helvetica,sans-serif;
	font-size:9px;
	color:#ffff99;
	text-align:center;
	font-style:normal;
	text-transform:uppercase;
	}

p.savings em strong {
    font-family:verdana,helvetica,sans-serif;
	font-size:26px;
	line-height:26px;
	}

p.certs {
	font-weight:bold;
	color:#000000;
	margin:0;
	}
	
p.certs img {
	margin:4px 0px 0px 18px;
	}

a.buynow {
	display:block;
	clear:both;
	float:right;
	width:149px;
	padding-top:40px;
	background:url(/images/buttons/goToStoreTCD.gif) no-repeat center top;
	text-align:center;
	}

a:hover.buynow, a:active.buynow {
	background-position:50% -102px;
	}

/* Price Breakdown Table */

tr.tcd table {
    margin:0px 0px 16px 0px;
    float:right;
    }

tr.tcd table th {
	padding:0 32px 0 0;
    font-weight:normal;
    background:none;
    text-align:right;
    }

tr.tcd table td.discount {
    color:#359512;
    font-weight:bold;
    }

tr.tcd table th, tr.tcd table td {
    text-align:right;
    vertical-align:top;
    }

tr.tcd tr.priceMod th, tr.tcd tr.priceMod td {
    font-style:italic;
    }

tr.tcd table .lastItem th, tr.tcd table .lastItem td {
    padding-bottom:2px;
    border-bottom:1px solid #666666;
    }

tr.tcd table .totals th {
    font-weight:bold;
    }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Price Filters */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

.domSlider {
	margin:18px 0 -4px;
	position:relative;
	background:#ffffff;
	padding:0 52px 0 2px;
	text-align:left;
	height:22px;
	}

.sliderScale {
	height:22px;
	background:#ffffff url(/images/product/domSlider/scaleBg.gif) repeat-x center left;
	position:relative;
	cursor:pointer;
	cursor:hand;
	}

.sliderScale .highlight {
    height:18px;
    margin:0;
    position:absolute;
    top:2px;
    left:0px;
    width:100%;
	}
	
.sliderScale .highlight div {
    background:transparent url(/images/product/domSlider/highlightBg.gif) repeat 0px -2px;
    height:16px;
    border:1px solid #b3d248;
	}

.domSlider .arrow {
	position:absolute;
	bottom:-9px;
	left:0px;
	cursor:pointer;
	cursor:hand;
	margin-left:-7px;
	}

.domSlider input {
	position:absolute;
	top:2px;
	right:2px;
	width:42px;
	height:14px;
	padding:2px 2px 0 2px;
	font-family:verdana,helvetica,sans-serif;
	font-size:10px;
	text-align:center;
	border:1px solid #B3D248;
	}

#totalCostSlider {
    padding:0 70px 0 2px;
	}

#totalCostSlider input {
	width:60px;
	}

thead select {
	margin:18px 0 -1px;
	background:#ffffff;
	font-size:10px;
	}

thead select option {
	line-height:18px;
	padding-right:6px;
	}

thead label {
    font-family:verdana,helvetica,sans-serif;
    font-size:10px;
	display:block;
	text-align:left;
	white-space:nowrap;
	}

label.disabled { color:#999999; }
input.rdo { margin:0 4px -3px 0; }
input.cb { margin:-2px 4px -1px 0; }
thead.hideFilters .domSlider, thead.hideFilters select, thead.hideFilters label, thead.hideFilters .filterReset { display:none; }
thead.hideFilters label.evervis { display:block; }

.inputGroup {
	padding-top:1.5em;
	}

.buyFilterContainer {
	position:relative;
	text-align:center;
	width:100%;
	margin:-1.5em -16px 0 0;
	padding:1.5em 16px 0 0;
	}

.filterToggle {
	display:inline;
	position:absolute;
	right:0px;
	top:0px;
	}

.filterReset img {
	margin:2.5em auto 0;
	}

table#priceComparison tr.emptyMsg td {
	background-image:none;
	border-top:1px solid #d6d6d6;
	color:#aaaaaa;
	}

tr.emptyMsg strong {
	display:block;
	font-size:20px;
	line-height:36px;
	}


/* Misc */
div.articleDivider { padding-top:20px; margin-bottom:20px; border-bottom:dotted 1px #dddddd; }
img.icon_article { width:14px; height:16px; border:0; float:left; margin: 0px 10px 40px 0px; }
div.articleBody { float:left; width:700px; cursor:pointer; cursor:hand; }
div.articleBody b { font-size:14px; }
div.articleBody .date { color:#999999; font-size:9px; margin-bottom:5px; }


/* Product Details */
.productFlagTitle { font-weight:bold; padding:3px 0px; }
.productFlagValue { padding:3px 20px; }

.ingredientsHeader
{
	border-top: solid 3px #666666;
	border-bottom: solid 1px #666666;
	font-weight: bold;
	padding-top:2px;
	padding-bottom:2px;
}
.ingredient
{
	border-top: solid 1px #efefef;
	padding-top:2px;
	padding-bottom:2px;
}

/* Price Alerts */
#priceAlertLayer
{
	position:absolute;
	z-index:20;
	top:0px;
	left:0px;
	width:386px;
	height:386px;
	background:url("/images/backgrounds/priceAlert_background.gif") no-repeat center center;
	padding:10px;
	display:none;
	text-align:center;
}
#priceAlertLayer #close { float:right; width:14px; height:14px; border:0; margin: 5px 5px 0px 0px; }
#priceAlertLayer img.close { float:right; width:14px; height:14px; border:0; margin: 5px 5px 0px 0px; }
#priceAlertLayer iframe { width:362px; height:376px; border:0; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* Product Details Tab */
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */

div.productDetails
{
	border:solid 1px #cccccc;
	border-top:none;
	padding: 25px;
	font-family:arial,helvetica,sans-serif;
	font-size:12px;
    margin:0 auto;
    text-align:left;
}

div.productDetails hr {
    margin:0.5em 0;
    }

div.productDetails h1, div.productDetails h2, div.productDetails h3, div.productDetails h4, div.productDetails h5, div.productDetails h6 {
    color:#666666;
    margin-bottom:0.75em;
    }

div.productDetails h1 {
    font-size:24px;
    font-weight:normal;
    }

div.productDetails h2 {
    font-size:16px;
    }

div.productDetails h3 {
    font-size:14px;
    }

div.productDetails ul {
    margin-top:1em;
    }

div.productDetails li {
    margin-left:3em;
    }

p.tags {
    font-family:verdana,helvetica,sans-serif;
    font-size:9px;
    clear:both;
    }

.productDetailsTable {
	border-collapse:collapse;
	border:1px solid #cccccc;
	margin:1em 0 2em;
	}

.productDetailsTable th, .productDetailsTable td {
	border:1px solid #cccccc;
	padding:4px 8px;
	}

.productDetailsTable nobr {
	color:#666666;
	}