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


/****************** background ********************/
div#main {
	background:transparent url("../images/backgrounds/main.gif") bottom no-repeat;
	margin:1em 0;
	}
div#main #main-head{
	background:transparent url("../images/backgrounds/main-head.gif") top no-repeat;
	padding-top:30px;
	}
	
/******************* flash wrapper ********************/
div#flash-wrap{
	float:left;
	width:600px;
	height:255px;
	margin:0 0 0 4px;
	padding-right:10px;
}

/**************** home online prescription module ********************/
div#promo-area-items-left {
	float:left;
	margin:0 0 0 20px;
	}


div#online-prescription {
	width:315px;
	margin:0 0 0 0;
	}
div#online-prescription h3 {
	padding:12px 0 8px 19px;
	margin:0;
	background:url("../images/backgrounds/online-prescription-header.png");
	color:#ffffff;
	font-size:20px;
	}
div#online-prescription ul {
	margin:0;
	padding:0;
	}
div#online-prescription li {
	list-style:none;
	float:left;
	}
div#online-prescription li a span {
	font-weight:bold;
	font-size:16px;
	}
div#online-prescription li a#refill {
	display:block;
	height:64px;
	width:105px;
	background: transparent url("../images/backgrounds/online-prescription-refill.png") no-repeat;
	float:left;
	text-align:center;
	color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#refill {
	background-position: 0 -124px;
	}	
div#online-prescription li a#transfer {
	display:block;
	height:64px;
	width:105px;
	background:url("../images/backgrounds/online-prescription-transfe.png") no-repeat;
	float:left;
	text-align:center;
	color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#transfer {
	background-position: 0 -124px;
	}
div#online-prescription li a#new {
	display:block;
	height:64px;
	width:105px;
	background:url("../images/backgrounds/online-prescription-new.png") no-repeat;
	float:left;
	text-align:center;
	color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#new {
	background-position: 0 -124px;
	}

/* small version */
div#online-prescription li a#refill-s {
	display:block;
	height:51px;
	width:105px;
	background: transparent url("../images/backgrounds/online-prescription-refill-s.png") no-repeat;
	float:left;
	text-align:center;
	//color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#refill-s {
	background-position: 0 -111px;
	}	
div#online-prescription li a#transfer-s {
	display:block;
	height:51px;
	width:105px;
	background:url("../images/backgrounds/online-prescription-transfer-s.png") no-repeat;
	float:left;
	text-align:center;
	//color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#transfer-s {
	background-position: 0 -111px;
	}
div#online-prescription li a#new-s {
	display:block;
	height:51px;
	width:105px;
	background:url("../images/backgrounds/online-prescription-new-s.png") no-repeat;
	float:left;
	text-align:center;
	//color:#3c8340;
	font-size:12px;
	padding-top:60px;
	}
div#online-prescription li a:hover#new-s {
	background-position: 0 -111px;
	}

/******************** our pharmacy ********************/
div#our-pharmacy {
	float:right;

	width:315px;height:93px;
	margin:10px 10px 0 0;
	background:url("../images/backgrounds/our-pharmacy.jpg");
	}
div#our-pharmacy h3{
	padding:10px 0 8px 20px;
	margin:0;
	color:#ffffff;
	font-size:20px;
	}
div#our-pharmacy-content {
	height:28px;
	margin:7px 0 0 20px;
	color: #444444;	
	font-size:13px;
}
div#our-pharmacy-content a {
	font-weight: 600;
}

div#our-pharmacy-content p {
	margin-top: 5px;
}

/******************** ask our pharmacist ********************/
div#ask-our-pharmacist{
	//clear:right;
	//float:right;
	width:315px;height:80px;
	margin:2px 0 0 0;
	background:url("../images/backgrounds/ask-our-pharmacist_sm.jpg");
	}
div#ask-our-pharmacist h3{
	padding:12px 0 8px 100px;
	margin:0;
	color:#ffffff;
	font-size:18px;
	}
a.ask-now{
	display:block;
	width:98px;
	height:28px;
	background: transparent url(../images/buttons/button-ask.png) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	line-height:28px;
	float:left;
	}
a:hover.ask-now {
	background-position: 0 -28px;
	text-decoration:none;
	}
a.ask-now-faq,
p.ask-now-faq{
	float:left;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	line-height:28px;
	margin:0 0 0 10px;
	padding:0;
	}
a.ask-now-faq{
	margin:0;
}	
div#ask-our-pharmacist div#button-wrap{
	width:190px;
	height:28px;
	margin-top:5px;
}
div#ask-our-pharmacist{
	margin-top:4px;
}


/******************** call outs home ********************/
div#callout{
	height:56px;
	width:929px;
	background:url("../images/backgrounds/callout.gif") no-repeat;
	margin:5px auto;
	}
div#callout p.callout-free-order{
	display:block;
	width:210px;
	float:left;
	line-height:56px;
	padding-left:65px;
	color:#ffffff;
	font-size: 15px;
	}
div#callout p.callout-free-shipping,
div#callout p.callout-major-insurance{
	display:block;
	width:240px;
	float:left;
	line-height:56px;
	padding-left:50px;
	color:#ffffff;
	font-size: 15px;
	}
div#callout p.callout-free-order{
	background: url("../images/callout-free-order-home.png") 0 10px no-repeat;
	margin:0 0 0 20px;
	}
div#callout p.callout-free-shipping{
	background: url("../images/callout-free-shipping-home.png") 0 10px no-repeat;
	margin:0 0 0 20px;
	}
div#callout p.callout-major-insurance{
	background: url("../images/callout-insurance-plans-hom.png") 0 10px no-repeat;
	margin:0 0 0 10px;
	}	
div#callout a{
	color:#ffffff;
}	
/******************** top sellers ********************/
div#top-sellers{
	width:929px;
	background:url("../images/backgrounds/top-sellers.gif") bottom no-repeat;
	margin:0 auto;
	}
div#top-sellers-head{
	width:929px;
	background:url("../images/backgrounds/top-sellers-head.gif") top no-repeat;
	padding-bottom:15px;
	}
div#top-sellers-head h2{
	padding:25px 0 10px 25px;
	margin:0;
	}
a.add-to-cart{
	display:block;
	width:115px;
	height:39px;
	background: transparent url(../images/buttons/button-add-to-cart.png) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	line-height:39px;
	}
div.busse-home-product .description a:hover.add-to-cart,
a:hover.add-to-cart {
	background-position: 0 -39px;
	text-decoration:none;
	}
a.select-size{
	display:block;
	width:115px;
	height:39px;
	background: transparent url(../images/buttons/select-size-button.png) no-repeat;
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-left:10px;
	line-height:39px;
	}
div.busse-home-product .description a:hover.select-size,
a:hover.select-size {
	background-position: 0 -39px;
	text-decoration:none;
	}
    
/******************** product box ********************/
.first{
	margin:0 0 0 25px;
	}
div.busse-home-product{
	height:180px;
	width:280px;
	float:left;
	}
div.busse-home-product .picture{
	height:175px;
	width:145px;
	float:left;
	}
div.busse-home-product .description{
	height:175px;
	width:135px;float:left;
	}
div.busse-home-product .description h3{
	margin:0;
	padding:0;
	font-size:14px;
	color:#1b6498;
	line-height:16px;
	}
div.busse-home-product p.action{
	color:#1b6498;
	font-size:12px;
	margin:7px 0;
	}
div.busse-home-product .description a:hover{
	text-decoration:underline;
	}
div.busse-home-product p.price{
	margin:7px 0 0 0;
	text-align:left;
	}
.strike{
	text-decoration:line-through;
	}
.sale{
	color:#f4531a;
	font-weight:bold;
	font-size:20px;
	}

/****************** left lower column ********************/
div#main-left{ 
	margin-top:10px;
	border-right:1px dotted #cfcfcf;
	width:586px;
	float:left;
	}    
div#main-left h2{
	/*font-weight:normal;*/
	margin:0 0 20px 0;
	}    
div#main-left h3{ 
	color:#1b6498;
	font-size:13px;
	margin:0;
	padding:0;
	} 
div#main-left div#customer-stories h3{
	color:#1B6498;
	}   
div#main-left p{
	color:#423b39;
	font-size:12px;
	margin:0;
	padding:0;
	}    
div#main-left a{ 
	color:#1b6498;
	font-size:12px;
	margin:0;
	padding:0;
	text-decoration:none;
	font-weight:bold
	}    
div#main-left a:hover{
	text-decoration:underline;
	}
/******************** today's health stories ********************/  
div#health-topics{
	border-bottom:1px dotted #cfcfcf;
	margin:0 30px 0 40px;
	padding-bottom:20px;
	}
div#health-topics .topic{
	margin:0 0 10px 0;
	}
div#health-topics img{
	float:left;
	margin:0 25px 25px 0;
	}
/******************** customer stories ********************/ 
div#customer-stories{
	margin:0 30px 20px 40px;
	}
div#customer-stories h2{
	margin: 0 0 10px 0;
	}
div#customer-stories h3 {
	color: #1B6498;
}

div#customer-stories p {
	padding: 0 0 10px;
}

div#best-value{
	margin:10px 0 0 25px;
	float:left;
	width:330px;
	}
div#best-value .busse-home-product{
	clear:left;
	height:150px;
	}
div#best-value h2 { 
	margin:0 0 20px 0;
	}
	
/**** add to cart button ********/

input#add-to-cart-detail, button#add-to-cart-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;	
	line-height:38px;
	}
	
input#add-to-cart-detail:hover, button#add-to-cart-button:hover{
	background-position: 0 -39px;
	}	
	
input#add-to-cart-detail, button#select-size-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/select-size-button.png) no-repeat;	
	line-height:38px;
	}
	
input#add-to-cart-detail:hover, button#select-size-button:hover{
	background-position: 0 -39px;
	}	




/******************* karim hack : error-message  **********************/
.main-err-busse {
	background:url("../images/backgrounds/sub-main-middle.gif") 0px 50px repeat-y;
	width:960px;
}

.sub-err-busse{
	background:url("../images/backgrounds/sub-main.gif") bottom no-repeat;
	margin:5px 0 0 0;
	}
.head-err-busse{
	background:url("../images/backgrounds/sub-main-head.gif") top no-repeat;
	padding:25px 0;
	}

.content-err-busse{
	margin-left:auto;
	margin-right:auto;
	width:96%;
	font-weight:bold;
	}