/*	style sheet for healthwarehouse detail.html
 * 	8/9/2009 werner glinka
 * 
 *	color codes
 *	color green: #5b984f;
 * 	color blue: #1b6498
 * 	color dark green:#423b39
 */

/******************** background ********************/
div#sub-main {
	background:url("../images/backgrounds/sub-main.gif") bottom no-repeat;
	width:965px;
	margin:15px 0 0 0;
	}
div#sub-main #sub-main-head{
	background:url("../images/backgrounds/sub-main-head.gif") top no-repeat;
	width:965px;
	padding-top:30px;
	}
div#sub-main-middle{
	background:url("../images/backgrounds/sub-main-middle.gif") 0px 50px repeat-y;
	width:965px;
	}

/********************* right column **********************/
div#detail-middle-right{
	float:right;
	width:234px;
	margin:0;
	}	
div#detail-middle-right div#online-prescription {
	float:left;
	clear:both;
	width:231px;
	margin-top:3px;
	}      
div#detail-middle-right div#online-prescription h3 {
	padding:10px 0 10px 10px;
	margin:0;
	background:url("../images/backgrounds/online-scrip-header-sub.gif");
	color:#ffffff;
	font-size:15px;
	}
div#detail-middle-right div#online-prescription ul {
	margin:0;
	padding:0;
	}
div#detail-middle-right div#online-prescription li {
	display:block;
	float:left;
	text-align:center;
	color:#3c8340;
	font-size:12px;
	}
div#detail-middle-right div#online-prescription li a{
	text-decoration:none;
	background:inherit;
	}
div#detail-middle-right div#online-prescription li#refill{
	height:91px;
	width:73px;
	background:url("../images/backgrounds/scrip-left-refill-off.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#refill:hover {
	background:url("../images/backgrounds/scrip-left-refill-on.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#refill a{
	display:block;
	height:31px;
	width:73px;
	color:#3C8340;
	font-weight:bold;
	font-size:16px;
	padding-top:60px;
	}
div#detail-middle-right div#online-prescription li#refill a:hover{
	text-decoration:underline;
}
div#detail-middle-right div#online-prescription li#transfer {
	height:91px;
	width:86px;
	background:url("../images/backgrounds/scrip-left-transfer-off.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#transfer:hover {
	background:url("../images/backgrounds/scrip-left-transfer-on.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#transfer a{
	display:block;
	height:91px;
	width:86px;
	color:#3C8340;
	font-weight:bold;
	font-size:16px;
	padding-top:60px;
	}
div#detail-middle-right div#online-prescription li#transfer a:hover{
	text-decoration:underline;
}
div#detail-middle-right div#online-prescription li#new {
	height:91px;
	width:72px;
	background:url("../images/backgrounds/scrip-left-new-off.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#new:hover {
	background:url("../images/backgrounds/scrip-left-new-on.gif") no-repeat;
	}
div#detail-middle-right div#online-prescription li#new a{
	display:block;
	height:91px;
	width:72px;
	color:#3C8340;
	font-weight:bold;
	font-size:16px;
	padding-top:60px;
	}
div#detail-middle-right div#online-prescription li#new a:hover{
	text-decoration:underline;
	}
/********************* product details *********************/
/********************* pictures *********************/
div#pictures{
	float:left;
	margin:0;
	width:255px;
	}
div#pictures #current-picture-wrapper{
	width:228px;
	height:262px;
	border:1px solid #e4ebda;
	background:#ffffff;
	text-align:center;
	padding:5px 0 0 0;
	}
div#pictures table.thumbnails{
	width:230px;
	height:47px;
	background:#e4ebda;
	}
div#pictures table.thumbnails td{
	background:#ffffff;
	width:45px;
	text-align:center;
	padding-top:2px;
	}
div#pictures table.thumbnails td img{
	cursor:pointer;
	}

	
/********************* product descriptions *********************/
div#description{
	float:left;
	width:370px;
	margin:0 0 10px 0;
	}
div#description h2{
	margin:0;
	padding:0 0 10px 0;
	font-size:20px;
	font-weight:bold;
	}
div#description div#brand-name-equivalent {
	margin: -5px 0 11px;
	padding:0 0 0 0;
	font-size:16px;
	font-style:italic;	
	color:#423b39;
	}
div#description div#brand-name-equivalent span#title {
	font-weight:bold;
	}
div.product div#brand-name-equivalent-small {
	margin: 15px 0 5px;
	padding:0 0 0 0;
	font-size:12px;
	font-style:italic;	
	color:#423b39;
	width:310px;
	}
div.product div#brand-name-equivalent-small span#title {
	font-weight:bold;
	}
	
div.product p#product-subs {
	margin: 15px 0 5px;
	padding:0 0 0 0;
	font-size:12px;
	font-style:italic;	
	color:#423b39;
	width:160px;
	}
	
div.product p#product-subs span#title {
	font-weight:bold;
	}

div#description div.callout{
	background: transparent url(../images/availability.png) no-repeat;
	margin:0;
	width:310px;
	height:50px;
	padding:0 0 0 50px;
}
div#description div.callout p{
	margin:0;
	font-size:14px;
	line-height: 18px;
	font-weight:bold;
}
div#description div.callout p.red_free_shipping{
	color:#ff0000;
}	
div#description h4{
	margin:0;
	padding:0 0 0 0;
	font-size:14px;
	font-weight:bold;
	}
div#description ul{
	margin:0  0 0 0;
	padding:0 0 0 15px;
	font-size:12px;
	list-style-type: disc;
	}
div#description li{
	margin:0;
	padding:1px 0 ;
	}
div#description #prices{
	position:relative;
	width:370px;
	height:124px;
	background:url("../images/backgrounds/prices_large.gif") no-repeat;
	margin:5px 0 0 0;
	font-size:12px;
	}
div#description #prices #other-stores{
	float:left;
	width:85px;
	height:88px;
	text-align:center;
	color:#1b6498;
	}
div#description #prices p{
	margin:5px 0 0 15px;
	}
div#description #prices #other-stores p.price{
	color:#1b6498;
	text-decoration:line-through;
	color:#000000;
	font-weight:bold;
	font-size:18px;
	}
div#description #prices #sale-price{
	float:left;
	width:135px;
	height:88px;
	text-align:center;
	}
div#description #prices #sale-price p.price{
	color:#f4531a;
	font-weight:bold;
	font-size:24px;
	}
div#description #prices #sale-price p.out_of_stock{
	color:#f4531a;
	font-weight:bold;
	font-size:20px;
	width:150px;
	margin: 30px 0 0 0;
	}

div#description #prices #quantity{
	float:left;
	width:215px;
	height:103px;
	text-align:right;
	padding-top:10px;
	margin-left:10px;
	}
div#description #prices #quantity fieldset{
	padding-top:10px;
	}
div#description #prices #quantity #qty{
	height:18px;
	width:25px;
	border:1px solid #c3c3c3;
	}
div#description #reviews{
	margin:10px 0 0 0;
	height:60px;
	z-index:1;
	}
div#description #prices dd {
	margin-left: 10px;
}
div#description #prices ul li {
	line-height: 2em;
}
div#description #prices .last ul{
	list-style-type: none;
}
/********************* add to order *********************/	
	div#description div#prices div#quantity input#add-to-cart-detail{
	height:39px;
	width:125px;
	border:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin-top:7px;
	padding:0 35px 3px 0;
	background: transparent url(../images/buttons/button-add-to-cart.png) no-repeat;
	}
div#description div#prices div#quantity input#add-to-cart-detail:hover{
	background-position: 0 -39px;
	}	

div.item a:hover{
	text-decoration:underline;
}
/********************* popup box for social links *********************/
/********************* share button from http://addthis.com/ *********************/
div#socialLinks{
}
/********************* popup with social links *********************/
div#showSocialLinks{
	position:absolute;
	top:0;
	left:0;
	height:60px;
	padding:15px;
	visibility:hidden;
	z-index:2;
	border:1px solid #5b984f;
	color:#1b6498;
	background: url(../images/backgrounds/menulogin_bckgrnd_1px.png);
	}
div#showSocialLinks img{
	float:left;
	}
div#description #reviews img{
	float:left;
	z-index:1;
	}
div#reviews a{
	font-size:11px;
	float:left;
	padding-right:10px;
	z-index:1;
	margin-top:5px;
	}
	
/********************** Rating */
div#reviews .ratings {
    margin:7px 0;
    line-height:1em;
    }
div#reviews .rating-box {
    float:left;
    position:relative;
    width:89px;
    height:18px;
    margin-right:20px;
    background:url(../images/icons/no-star.gif) repeat-x;
    }
div#reviews .rating-box .rating {
    position:absolute;
    top:0;
    left:0;
    height:18px;
    background:url(../images/icons/star.gif) repeat-x;
    }
div#reviews .ratings-list {
    margin:4px 0;
    }
div#reviews .ratings-list td {
    padding:3px 0;
    }
div#reviews .ratings-list td.label {
    padding-right:8px;
    font-size:.95em;
    font-weight:bold;
    line-height:1em;
    }

/******************** tabs for the detail.html ********************/
	
/******************* background for tabs ******************/
div#detailTabsBg,
div#detailTabsBgBottom,
div#detailTabsBgTop{
	width:724px;
	margin:0;
	padding:0;	
	}
div#detailTabsBg{
	background: url(../images/backgrounds/tabs.gif) repeat-y; 
	float:left;
	}
div#detailTabsBgTop{
	background: url(../images/backgrounds/tabs-head.gif) left top no-repeat;
	}
div#detailTabsBgBottom{
	background: url(../images/backgrounds/tabs-bottom.gif) left bottom no-repeat;
	}

div#detail-middle div#tabsContainer{
	width:724px;
	}
	
/******************** sliding door tabs ********************/
div#detail-middle div#tabsContainer div.tabs-head{
	width:709px;
	height:50px;
	float:left;
	padding-left:15px;
    background:url(../images/buttons/tab-bg50.png) repeat-x;
	font-size:14px;
    line-height:26px;   /* takes into account padding */
	}

div#detail-middle div#tabsContainer div.tabs-head ul {
    margin:0 0 0 0;
    padding:15px 0 0 10px;
    list-style:none;
    }
div#detail-middle div#tabsContainer div.tabs-head li {
    display:inline;
    margin:0; 
    padding:0;
    }
div#detail-middle div#tabsContainer div.tabs-head a {
	float:left;

	margin: 0 0 0 -4px;        /* margin allows for transparent corner background */
	background:url(../images/buttons/tab-off-left.png) no-repeat left top;
	color:#ffffff;
	text-decoration:none;
	padding:0 0 0 4px;
    }
div#detail-middle div#tabsContainer div.tabs-head a span{

	display:block;
	background:url(../images/buttons/tab-off-right.png) no-repeat right top;
	padding:5px 15px 4px 6px;
	margin-right:8px;
	}
div#detail-middle div#tabsContainer div.tabs-head li.current a{
	background-position: 0 -36px;
}
div#detail-middle div#tabsContainer div.tabs-head li.current a span{
	background-position: 100% -36px;
	color:#000000;
}
div#detail-middle div#tabsContainer div.tabs-head a:hover{
	background-position: 0 -36px;
}
div#detail-middle div#tabsContainer div.tabs-head a:hover span{
	background-position: 100% -36px;
	color:#000000;
}

/******************** tab content ********************/
.tab-content{
	float:left;
	margin: 0 25px;
	font-size:12px;
	padding:10px 0 0 0;
	}
.tab-content p{
	margin:0 0 15px 0;
	padding:0;
	}
.tab-content h4{
	margin:0;
	padding:0;
	font-size:12px;
	}
.tab-content table{
	margin:10px 0 10px 0;
	padding:0;
	font-size:12px;
	background:#ffffff;
	width:100%;
	}
.tab-content table td{
	background:#edf5da;
	padding:5px 10px;
	}
.tab-content table tr.odd td{
	background:#edf0e5;
	}
.tab-content table td.label{
	font-weight:bold;
	}
.tab-content form{
		}
.tab-content input#add-tags{
	width:350px;
	border:1px solid #c3c3c3;
	padding:3px 0 4px 0;
	}


/******************** recently-viewed ********************/
div#recently-viewed{
	background:url("../images/backgrounds/recently-viewed.gif") top no-repeat;
	width:235px;
	}
div#recently-viewed h3{
	margin:0;
	padding:15px 0 20px 20px;
	}
div#recently-viewed .item{
	margin:10px 0 0 20px;
	clear:left;
	padding-right:20px
	}
div#recently-viewed .item .thumb{
	float:left;
	height:90px;
	width:65px;
	}
div.item-description{
	float:left;
	width:130px;
}	
div.item-description p.price{
	margin:7px 0 0 0;
	text-align:left;
	}
.strike{
	text-decoration:line-through;
	font-size:15px;
	}
.sale{
	color:#f4531a;
	font-weight:bold;
	font-size:18px;
	}		
div#recently-viewed .item a{
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	}
div#recently-viewed .item a:hover{
	text-decoration:underline;
	}

/******************** 360 days savings /********************
/******************** button ********************/
a#showSavings{
	display:inline-block;
	height: 24px;
	background: transparent url(../images/buttons/button-360.png) no-repeat;
	font-size: 10px;
	font-weight:bold;
	width: 115px;
	line-height:24px;
	text-align:center;
	padding-right:10px;
	text-decoration:none;
	/*
	margin-left:5px;
	margin-top:-5px;
	*/
	}

a:hover#showSavings{
	background-position: 0 -24px;
	text-decoration:none;
	color:#ff0000;
	}
/******************** overlay ********************/
div.days360Overlay{
	position:absolute;
	top:10px;
	left:235px;
	width:278px;
	background:transparent url(../images/buttons/button-360-Overlay.png) no-repeat;
	z-index:999;
	visibility:hidden;
	height: 155px;
	}
div.days360Overlay span.red{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	}
div.days360Overlay span.red sup{
	font-size:10px;
	}

div.days360Overlay h4{
	font-size:10px !important;
	font-weight:bold !important;
	margin:6px 0 0 15px !important;
	}
div.days360Overlay h3{
	margin:15px 0 0 15px;
	}
div.days360Overlay table{
	margin:5px 0 0 5px;
	}
/*********************** overlay2 ****************************/
div.days360Overlay2{
	position:absolute;
	top:10px;
	left:235px;
	width:278px;
	background:transparent url(../images/buttons/button-360-Overlay2.png) no-repeat;
	z-index:999;
	visibility:hidden;
	height: 210px;
	}
div.days360Overlay2 span.red{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	}
div.days360Overlay2 span.red sup{
	font-size:10px;
	}

div.days360Overlay2 h4{
	font-size:10px !important;
	font-weight:bold !important;
	margin:6px 0 0 15px !important;
	}
div.days360Overlay2 h3{
	margin:15px 0 0 15px;
	}
div.days360Overlay2 table{
	margin:5px 0 0 5px;
	}
/**************************** overlay3 *******************************/
div.days360Overlay3{
	position:absolute;
	top:10px;
	left:235px;
	width:278px;
	background:transparent url(../images/buttons/button-360-Overlay3.png) no-repeat;
	z-index:999;
	visibility:hidden;
	height: 260px;
	}
div.days360Overlay3 span.red{
	font-size:16px;
	font-weight:bold;
	color:#ff0000;
	}
div.days360Overlay3 span.red sup{
	font-size:10px;
	}

div.days360Overlay3 h4{
	font-size:10px !important;
	font-weight:bold !important;
	margin:6px 0 0 15px !important;
	}
div.days360Overlay3 h3{
	margin:15px 0 0 15px;
	}
div.days360Overlay3 table{
	margin:5px 0 0 5px;
	}

/******************** button in "more ways to save" ********************/	
a.comp-stores	{
	display:block;
	float:left;
	height: 39px;
	width: 258px;
	margin:10px;
	background: transparent url(../images/buttons/button-comp-stores.png) no-repeat;
	font-size: 12px;
	font-weight:normal;
	line-height:39px;
	text-align:center;
	}
a:hover.comp-stores	{
	background-position: 0 -39px;
	text-decoration:underline;
	}

a.comp-products	{
	display:block;
	float:left;
	height: 29px;
	width: 153px;
	background: transparent url(../images/buttons/button-comp-prices.png) no-repeat;
	font-size: 12px;
	font-weight:normal;
	line-height:29px;
	text-align:center;
	}
a:hover.comp-products	{
	background-position: 0 -29px;
	text-decoration:underline;
	}

div#get-generic-content p{
	 padding:15px 25px 0 0;
	 margin:0;
	 color:#3c8340;
	}
div#get-generic-content img{
	float:left;
	margin:15px;
	}
input.button{
	border: none;
	display: block;
	float:right;
	height: 29px;
	width:62px;
	padding:0;
	margin: 5px 8px;
	color:#ffffff;
	font-size:12px; 
	}
input.button:hover { 
	background-position: 0 -29px; 
	}
	
	
/********************* gun hacks::add-to-cart-detail2 *********************/	
div #quantity fieldset input.add-to-cart-detail2{
	height:39px;
	width:125px;
	border:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin-top:7px;
	padding:0 35px 3px 0;
	background: transparent url(../images/buttons/button-add-to-cart.png) no-repeat;
	}

div #quantity fieldset	input.add-to-cart-detail2:hover{
	background-position: 0 -39px;
	}	

#rp-add-button{
	height:39px;
	width:125px;
	border:0;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	margin-top:7px;
	padding:0 35px 3px 0;
	background: transparent url(../images/buttons/button-add-to-cart.png) no-repeat;
	}

#rp-add-button:hover{
	background-position: 0 -39px;
	}	



/******************** continue shopping button ********************/
button#continue-button{
	float:left;
	height:53px;
	width:134px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
	background: transparent url(../images/buttons/continue-button.png) no-repeat;
	border:none;
	margin:0px;
	line-height:22px !important;
	}
button#continue-button:hover{
	background-position: 0 -53px;
	}

/********************* karim hacks::detail options *********************/
#days360Overlay fieldset {
	border-left:0px solid #3C8340;
	border-right:0px solid #3C8340;
	border-bottom:0px solid #3C8340;
	}	


/**** adjust shadow box css *****/
#sb-title-note {
	display: none !important;
}
#sb-title-inner {
	font-size: 13px !important;
}


.product-custom-option {
	margin-left:15px;
}

/******************* page 2columns-right ******************/
div.noRoutePage-top {
	padding-top:15px;
	}
	
div.noRoutePage {
	margin: 0pt 25px;
	padding:10px 20px;
	}

/********** more patents drop down **********/
a.select-patient{
	display:block;
	float:left;
	height: 26px;
	background: transparent url(../images/buttons/button-generic-wide-small.png) no-repeat;
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	width: 142px;
	line-height:26px;
	margin-right:5px;
	padding-left:10px;
	}
a:hover.select-patient{
	background-position: 0 -26px;
	color:red;
	}
div#morePatientsWrap,
div#amMorePatientsWrap{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:215px;
	border:1px solid #5b984f;
	color:#1b6498;
	background: transparent url(../images/backgrounds/menulogin_bckgrnd_1px.png);
	visibility:hidden;
	padding:10px;
	}
div#amMorePatientsWrap{
	width:172px;
	}
div#morePatientsWrap ul.patient-list,
div#amMorePatientsWrap ul.patient-list{
	margin:0;
	list-style:none;
}
div#morePatientsWrap ul.patient-list li,
div#amMorePatientsWrap ul.patient-list li{
	margin:0 0 0 10px;;
	padding:0;
	}
div#morePatientsWrap ul.patient-list li a,
div#amMorePatientsWrap ul.patient-list li a{
	color:#1b6498;
	font-size:12px;
	}	
div#morePatientsWrap ul.patient-list li.current,
div#amMorePatientsWrap ul.patient-list li.current{
	font-weight:bold;
	margin-bottom:5px;
	}
div#morePatientsWrap ul.patient-list li.last,
div#amMorePatientsWrap ul.patient-list li.last{
	font-weight:bold;
	margin-top:5px;
	}	
a span.normal{
	font-weight:normal;
	}	
div#morePatientsWrap p {
	font: bold 12px  arial;
	margin:0px;
	}
div#current-patient{
	position:absolute;
	top:6px;
	left:60px;
	z-index:3;
	font-size:12px;
	}
div#current-patient img{
	position:absolute;
	top:3px;
	left:200px;
	z-index:3;
	}

div.price-box {
	margin-left:0px;
	margin-top:0px;
}

p.old-price {
	font-size: 12px;
	font-weight:bold;
}

p.old-price .price {
	text-decoration:line-through;
}

p.special-price {
	font-size:18px;
	color:#F4531A;
	font-weight: bold;
}

/** narrow module **/
.narrow-module {
	background: transparent url(../images/backgrounds/narrow-module-top.gif) no-repeat scroll center top;
	width: 235px;
}

/** customer stories on product detail **/
div#customer-stories {
	margin: 0 10px 10px 10px !important;
}
div#customer-stories h2 {
	font-size: 16px !important;
	padding: 15px 0 20px 20px !important;
}

div#customer-stories h3 {
	font-size: 12px !important;
}

div#customer-stories p {
	font-size: 12px !important;
	color: #666666;
}

/******************* form & guides **********************/	
div#forms-guides{
	background:url("../images/backgrounds/recently-viewed.gif") top no-repeat;
	width:235px;
	}
	
div#forms-guides h3{
	margin:0;
	padding:15px 0 20px 20px;
	}
	
ul.pdf-form{
	background: transparent url(../images/icons/pdf.png) 0 0 no-repeat;
	list-style: none;
	margin:0px 0px 20px 25px;
	padding-left:40px;
	}

ul.pdf-form li:first-child{
	color:#1B6498;
	font-size:12px;
	font-weight:bold;
	}
ul.pdf-form li{
	color:#000000;
	font-size:12px;
	}
ul.pdf-form li a:link,
ul.pdf-form li a:visited{
	color:#1B6498;
	font-size:12px;
	text-decoration:none;
	}
ul.pdf-form li a:hover{
	text-decoration:underline;
	}