/*	style sheet for healthwarehouse cart.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: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;
	}

/******************** shopping cart *********************/

div#cart-header h2{
	float:left;
	margin:0;
	padding:0 0 0 25px;
	color:#423b39;
	font-size:20px;
	}
div#cart-header h1{
	float:left;
	margin:0;
	padding:0 0 0 25px;
	color:#423b39;
	font-size:28px;
	}
	
table#cart-table{
	width:917px;
	margin:auto;
	border:1px solid #e4ebda;
	border-collapse:collapse;
	border-spacing:0;
	}
table#cart-table th{ 
	background:#e4ebda;
	font-size:14px;
	font-weight:bold;
	color:#423b39;
	height:33px;
	padding:0;
	text-align:left;
	}
table#cart-table td{
	padding:10px 0;
	border-top:1px solid #e4ebda;
	}
table#cart-table th.price,
table#cart-table th.qty{
	text-align:center; 
	}
table#cart-table th.product{
	width:130px;
	}
table#cart-table th.price{
	width:130px;
	}
table#cart-table th.qty{
	width:70px;
	}	
table#cart-table td p{
	margin:0;
	padding:0;
	font-size:12px;
	color:#423b39;
	}
table#cart-table td.select{
	text-align:center;
	padding:0 40px 0 10px; 
	width:60px;
	}
table#cart-table td.select a{
	font-size:14px;
	vertical-align:top;	
	}
table#cart-table td.product-image{ 
	padding:0 20px 0 0; 
	width:70px;
	}
table#cart-table td.description{ 
	vertical-align:top; 
	}
table#cart-table td.description h3{ 
	color:#1B6498;
	font-size:14px;
	margin:0pt;
	padding:0pt;
	}
table#cart-table td.description .disclaimer{ 
	color:#f4531a;
	font-size:12px;
	}
table#cart-table td.description div.prices{ 
	margin:15px 0;
	}
	
table#cart-table td.description div.prices p sup{
	font-size:9px;
}
table#cart-table td.description div.insurance p{ 
	display:inline;
	padding-right:10px;
	}
table#cart-table td.description div.insurance a{ 
	font-size:12px;
	}
table#cart-table td.quantity{
	vertical-align:top;
	text-align:right;
	padding-right:20px;
	}
table#cart-table td.price{
	vertical-align:top;
	text-align:right;
	padding-right:35px;
	}
table#cart-table td.price .old-price{
	text-decoration:line-through;
	}
table#cart-table td.price .current-price{ 
	color:#f4531a; 
	font-weight:bold;
	font-size:14px;
	}
table#cart-table td input.quantity{ 
	height:18px;
	width:38px; 
	border:1px solid #c3c3c3;
	}

table#cart-table tr.totals { 
	background:#e4ebda;
	}

table#cart-table tr.totals td{ 
	text-align:right;
	border-top:1px solid #ffffff;
	}
table#cart-table tr.totals td.currency{ 
	padding-right:30px;
	font-weight:bold;
	}
	
table#cart-table tr.totals td div.busse-currency{ 
	float:right;
	padding:10px 30px 10px 20px;
	}

table#cart-table tr.handling td{ 
	border-top:0;
	margin:0;
	}
table#cart-table tr.signature td{ 
	border-top:0;
	padding:0;
	}

/******************** buttons and checkout area ********************/	
a.remove,
a.saveforlater{
	display:block;
	float:left;
	height: 29px;
	font-size: 12px;
	font-weight:normal;
	line-height:29px;
	text-align:center;
	margin-right:10px;
	}
a.remove {
	width: 68px;
	background: url(../images/buttons/button-remove.png) no-repeat;
	}
a.saveforlater {
	width: 96px;
	background: url(../images/buttons/button-saveforlater.png) no-repeat;
	}		
a:hover.remove,
a:hover.saveforlater{
	background-position: 0 -29px;
	text-decoration:underline;
}	

/******************** input promotion code ********************/

form#enter-promo-code{
	float:left;
	}
form#enter-promo-code label{
	font-size:12px;
	float:left;
	margin:8px 10px 0 10px;
	}
form#enter-promo-code input.inputbox{
	width:175px;
	font-size:12px;
	float:left;
	margin:3px 10px 0 5px;
	}
form#enter-promo-code input#update-cart{
	height:29px;
	width:114px;
	border:0;
	float:left;
	font-size:12px;
	font-weight:bold;
	background: url(../images/buttons/button-updatecart.png) no-repeat;
	padding-left:30px;
	color:#1b6498;
	margin-left:80px;
	}
form#enter-promo-code input#update-cart:hover{
	background-position: 0 -29px;
	color:#ff0000;
	}
table#cart-table tr.totals td div.right p{
	margin-top:8px;
	}
div.cart-shipping{
	float:right;
	}
div.cart-shipping select{
	float:right;
	}
table#cart-table tr.totals div.cart-shipping p{
	float:right;
	padding-right:10px;
	}
table#cart-table tr.totals p.red{
	color:red;
	}
table#cart-table tr.totals.signature p{
	float:right;
	margin:3px 0 10px 0;
	}
table#cart-table tr.totals.signature input{
	float:right;
	}
table#cart-table tr.totals td.you-save{
	border-right:1px solid #ffffff;
	padding-right:20px;
	}
	
table#cart-table div.busse-you-save{
	float:right;
	border-right:1px solid #FFFFFF;
	padding:10px 20px 10px 10px;
	font-weight:bold;
	}
	
table#cart-table tr.totals td.you-save p#savings{
	font-weight:bold;
	font-size:22px;
	}
	
/******************** checkout tableat bottom ********************/
table#cart-table-checkout{
	width:917px;
	margin:auto;
	border-collapse:collapse;
	border-spacing:0;
	}
table#cart-table-checkout tr td#checkout-buttons{
	text-align:center;
	vertical-align:top;
	padding-top:10px;
	}
table#cart-table-checkout tr#checkout td div.continue-wrap {
	width:100%;
	border-bottom:1px solid #cccccc;
	border-right:1px solid #cccccc;
	line-height:30px;
	}
table#cart-table-checkout tr#checkout td div.logos-wrap {
	width:100%;
	border-right:1px solid #cccccc;
	margin-bottom:10px;
	padding-top:10px;
	}
table#cart-table-checkout tr#checkout td{
	padding:10px 0;
	}
	
/******************** 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{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
	width:275px;
	border:1px solid #5b984f;
	color:#1b6498;
	background: transparent url(../images/backgrounds/menulogin_bckgrnd_1px.png);
	visibility:hidden;
	padding:10px;
	}
div#morePatientsWrap ul.patient-list li.current{
	font-weight:bold;
	margin-bottom:5px;
	}
div#morePatientsWrap ul.patient-list li.last{
	font-weight:bold;
	margin-top:5px;
	}	
a span.normal{
	font-weight:normal;
	}
div#current-patient{
	position:absolute;
	top:6px;
	left:60px;
	z-index:3;
	font-size:12px;
	}
div#account-manager ul.patient-list,
ul.patient-list{
	list-style: none;
	font-size:12px;
	margin:0 0 0 50px;;
	padding:0;
	}
div#account-manager ul.patient-list{
	margin-left:20px;
}	
div#current-patient img{
	position:absolute;
	top:3px;
	left:200px;
	z-index:3;
	}
	
/******************** continue shopping buttons ********************/	
table#cart-table a.continue-shopping, div#cart-header a.continue-shopping {
	display:block;
	height:53px;
	width:240px;
	font-size:18px;
	line-height:53px;
	text-align:center;
	font-weight:bold;
	background: url(../images/buttons/continue-shopping-button.png) no-repeat;
	border:none;
	margin:10px 10px;
	}
div#cart-header a.continue-shopping {
	float:right;
	margin-top:0px;
	}
table#cart-table a.continue-shopping {
	float:right;
	margin:0 154px 0;
	}
table#cart-table a.continue-shopping:hover, div#cart-header a.continue-shopping:hover {
	color:#f4531a;
	background-position:0 -53px;
}
table#cart-table-checkout tr td#checkout-buttons a.continue-shopping {
	float:none;
	margin:0 auto 10px;
	}
table#cart-table-checkout tr td#checkout-buttons a.continue-shopping:hover {
	color:#f4531a;
	background-position:0 -53px;
	}





/******************** Update Qty. buttons ********************/	
table#cart-table a.update-qty {
	display:block;
	float:right;
	height:53px;
	width:134px;
	font-size:18px;
	line-height:53px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background: url(../images/buttons/continue-button.png) no-repeat;
	border:none;
	margin:10px 154px 0 0;
	}
table#cart-table a.update-qty:hover{
	background-position:0 -53px;
	text-decoration:none;
}

table#cart-table div.updateCart {
	float:right;
	margin:10px 154px 0 0;
}

/******************** checkout buttons ********************/	
		
div#cart-header a.checkout,
table#cart-table-checkout tr td#checkout-buttons a.checkout{
	display:block;
	float:right;
	height:53px;
	width:134px;
	font-size:18px;
	line-height:53px;
	text-align:center;
	font-weight:bold;
	color:#ffffff;
	background: url(../images/buttons/continue-button.png) no-repeat;
	border:none;
	margin:10px 10px;
	}
div#cart-header a.checkout{
	margin-right:25px;
	margin-top:0px;
	}
div#cart-header a.checkout:hover{
	background-position:0 -53px;
	text-decoration:none;
}
table#cart-table-checkout tr td#checkout-buttons a.checkout{
	float:none;
	margin:0 auto 10px;
	}
table#cart-table-checkout tr td#checkout-buttons a.checkout:hover{
	background-position:0 -53px;
	text-decoration:none;
	}
table#cart-table-checkout tr td#checkout-buttons a.google-checkout{
	display:block;
	background: url(../images/logo_googlecheckout.gif) no-repeat;
	width:172px;
	height:42px;
	margin:0 auto;
	padding:0;
	}
table#cart-table-checkout tr td#checkout-buttons a:hover.google-checkout{
	background-position: 0 -42px;
	text-decoration:none;
	}

/******************** related products ********************/

div#related-products {
	background:url("../images/backgrounds/related-products.gif") bottom no-repeat;
	margin:0 0 20px 0 ;
	}
div#related-products #related-products-head{
	background:url("../images/backgrounds/related-products-head.gif") top no-repeat;
	padding:0 0 0 25px;
	}
div#related-products h2{
	font-size:20px;
	color:#423b39;
	padding-top:20px;
	}
div#related-products table{
	background:#e4ebda;
	width:916px;
	}
div#related-products td{
	background:#ffffff;
	padding:20px 0 0 0;
	}
div#related-products div.product {
	height:180px;
	}
div#related-products div.product .picture{
	height:160px;
	}	

/******************** product box ********************/
div.product{
	height:180px;
	width:280px;
	float:left;
	}
div.product .picture{
	height:175px;
	width:145px;
	float:left
	}
div.product .description{
	height:175px;
	width:135px;
	float:left
	}
div.product .description h3{
	margin:0;
	padding:0;
	font-size:14px;
	color:#1b6498;
	line-height:16px;
	}
div.product .description a:hover{
	text-decoration:underline;
	}
div.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;
	}
	
/***** noitems *****/
#sub-main-head .noitems {
	
	color:#423b39;
	font-size:20px;
	padding:0px 10px 20px 25px;
	
	}


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

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

.content-err-busse{
	margin-left:25px;
	font-weight:bold;
	}
*/



/********** more patents drop down **********/
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;
	}
	
input#coupon_code {
	width:175px;
	#width:165px;
	padding-left:10px;
	}
div.updateCart{
	float:left; 
	margin-left:4px;
	#margin-left:3px;
	}
button.applyCoupon {
	#margin-left:5px;
	}
div.cartTotal{
	float:right;
	padding:5px 20px 0px 0px !important;
	}	
div.cartGrandTotal{
	font-weight:bold;
	font-size:22px !important; 
	color:#f4531a !important;
	float:right;
	width:auto;
	}	
div.defCartTotal{
	float:right;
	margin:0px;
	padding:0px;
}