/*
 *	header style sheet for healthwarehouse
 *	
 * 	8/9/2009 werner glinka
 * 
 *	color codes
 *	color green: #5b984f;
 * 	color blue: #1b6498
 * 	color dark green ??? #423b39
 */
/******************** header ********************/
div#header{
	width:959px;
	margin-left:2px;
	}
div#logo{
	margin:8px 0 0 0;float:left;
	}
div#logo img{
	/*height:59px;width:308px;*/
	}
	
/******************** top utility area ********************/
/* needs position relative as this is the parent element for the login and patient select popups. 
 * Z-index is needed so drop down is not coverred by menu in IE7
**/
div#utility{ 
	float:right; 
	width:543px; 
	margin:0 10px 5px 0;
	position:relative; 
	z-index:2;
	}
		
/***************** button definitions *******************/
a.utilButton {
	display:block;
	float:left;
	height: 26px;	
	text-decoration:none;
	}
a:hover.utilButton {
	background-position: 0 -26px;
	color:red;
	}	
/* individual button definitions */
a.Register,
a.Login,
a.Logout,
a.Reorder{
	display:block;
	background: url(../images/buttons/button-generic.png) no-repeat;
	font-size: 12px;
	width: 76px;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	}	
a.Register{
	margin-right:5px;
}
a.Cart {
	background: url(../images/buttons/button-cart.png) no-repeat;
	width: 43px;
	font-size: 12px;
	font-weight:bold;
	line-height:26px;
	padding-left:35px;
	margin-right:5px;
	}
a.CartCheckout {
	background: url(../images/buttons/button-cart-checkout.png) no-repeat;
	width: 105px;
	font-size: 12px;
	font-weight:bold;
	line-height:26px;
	padding-left:35px;
	margin-right:5px;
	}
a.Help {
	background: url(../images/buttons/button-help.png) no-repeat;
	width: 43px;
	font-size: 12px;
	font-weight:bold;
	line-height:26px;
	padding-left:35px;
	}
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; 
	}
	
/******************** general login box  ********************/
#login-box{
	position:absolute;
	top:0;
	left:81px;
	z-index:2;
	width:170px;
/*	height:130px;  */
	padding:10px 20px;
	border:1px solid #5b984f;
	color:#1b6498;
	background: transparent url(../images/backgrounds/menulogin_bckgrnd_1px.png);
	visibility:hidden;
	}
#login-box p {
	font: normal 12px  arial;
	margin:0px;
	}	
label.remember {
	margin:3px 0 0 4px;
	font-size:9px;
	color:#3c8340;
	float:left;
	}
#login-box input.inputbox{
	width:165px;
	border:1px solid #c3c3c3;
	padding:4px 2px; 
	margin:2px 0;
	}
#login-box input.checkbox{
	margin:3px 0 0 0;
	float:left;
	}
.login-submit{
	float:right;
	margin-top:4px;
	}
#login-box a {
	display:block;
	float:right;
	text-decoration:none;
	font-size:12px;
	line-height:20px;
	}
#login-box a:hover{
	text-decoration:underline;
	}	
input.button, input.button-wide{
	border: none;
	display: block;
	float:right;
	height: 29px;
	width:62px;
	padding:0;
	margin: 5px 0;
	color:#ffffff;
	font-size:12px; 
	}
input.button {
	width: 62px;
}
input.button-wide{
	width: 105px;
	background: transparent url(../images/buttons/button-wide.png) no-repeat;
	text-align: center;
}
input.button:hover, input.button-wide:hover { 
	background-position: 0 -29px; 
	}
input.login-submit { 
	background: transparent url(../images/buttons/button-loginbox.png) no-repeat;
	}

		
/******************** search bar ********************/
div#search-bar{ 
	height:49px; 
	width:604px; 
	float:right; 
	background: transparent url("../images/backgrounds/search-bar.gif");
	position: relative;
	}
div#search-bar #shipping-location{
	float:left;
	font-size:11px;
	margin:12px 0 0 60px;
	padding:0
	}
div#search-bar #shipping-location p{
	padding:0;
	margin:0
	}
div#search-bar #shipping-location p a{
	font-weight:bold;
	text-decoration:none;
	}
div#search-bar #shipping-location p a:hover{
	text-decoration:underline;
	}
div#search-bar #search{
	float:right; 
	text-align:right; 
	width:297px; 
	margin:10px 10px 0 0;
	}
div#search input{
	width:160px;
	font-size: 14px;	
	border:1px solid #c3c3c3;
	}
/* Remove after July 2010
div#search-bar #search .left{
	padding-top:4px;
}	
*/
div#search form input#search-term{
	padding:4px 5px;
	font-weight: 500;
	color: #5c5c5c;
	}
div#search input#search-button{
	height:31px;
	width:89px;
	border:0;
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background: transparent url(../images/buttons/button-search-complete-left.png) no-repeat;
	padding:0 0 3px 35px;
	text-align:left;
	}
div#search input#search-button:hover{
	background-position: 0 -31px;
	}
a#pre-search{
	display:block;
	width:27px;
	height:31px;
	background: url(../images/buttons/button-search-complete-right.png) no-repeat;
	float:left;
	}
a#pre-search span{
	visibility:hidden;
	}	
a:hover#pre-search {
	background-position: 0 -31px;
	text-decoration:none;
	}
	
/******************** changes to search box ********************/
div#search-bar #search input{
	width:160px;
	font-size: 14px;	
	border:1px solid #c3c3c3;
	}
/* Remove after July 2010
div#search-bar #search .left{
	padding-top:4px;
}	
*/
div#search form input#search-term{
	padding:4px 5px;
	}
div#search input#search-button{
	height:31px;
	width:89px;
	border:0;
	float:left;
	font-size:12px;
	color:#ffffff;
	font-weight:bold;
	background: transparent url(../images/buttons/button-search-complete-left.png) no-repeat;
	padding:0 0 3px 35px;
	text-align:left;
	}
div#search input#search-button:hover{
	background-position: 0 -31px;
	}
a#pre-search{
	display:block;
	width:27px;
	height:31px;
	background: url(../images/buttons/button-search-complete-right.png) no-repeat;
	float:left;
	}
a#pre-search span{
	visibility:hidden;
	}	
a:hover#pre-search {
	background-position: 0 -31px;
	text-decoration:none;
	}	
	
/******************** main menu ********************/		
div#menu{
	clear:both;
	height:39px;
	width:959px;
	background: transparent url("../images/backgrounds/menu.gif");
	}
div#menu #buttons{
	position:relative;
	top:1px;
	margin:0 0 0 10px;
	float:left;
	z-index:1;
	}
div#menu #reorder-button{
	float:right;
	margin:.4em 10px 0 0;
	}
div#menu #buttons a{
	background:url("../images/backgrounds/menu-off.gif") right no-repeat;
	color:#ffffff;
	font-family:arial;
	display:block;
	float:left;
	padding:.50em 0.835em  .6em 1em;
	text-decoration:none;
	font-weight:bold;
	}
div#menu #buttons a#header-menu-main-link {
	height: 21px;	
	padding-right: 11px;	
	padding-left: 11px;	
	}
div#menu #buttons a:hover {
	background:transparent url("../images/backgrounds/menu-on.gif") right no-repeat;
	}
div#menu #buttons a.last{
	background:transparent url("../images/backgrounds/menu-off.gif")  no-repeat;
	}
div#menu #buttons a.last:hover {
	background:transparent url("../images/backgrounds/menu-on.gif")  no-repeat;
	}
div#menu #buttons a.active{
	background:transparent url("../images/backgrounds/menu-on.gif") right no-repeat;
	}
	
/********************* breadcrumbs ********************/
div#breadcrumbs{
	width:965px;
	font-size:12px;
	color:#3c8340;
	padding:10px 0 10px 20px;
	} 
div#breadcrumbs a{
	color:#3c8340;
}   
div#breadcrumbs p{
	margin:0;
	padding:0;
	}    
div#breadcrumbs .current{
	font-weight:bold;
	color:#423b39;
	}    
/* breadcrumbs */


/********************* karim hack :: additional main-menu css ********************/
	
#header-menu {
	width: 100%;
	float: left;
	}

#header-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;	
	float: left;
	}

#header-menu a:hover {
	color: #a00;
	background: #fff;
	}

#header-menu li {
	position: relative;
	}

#header-menu-main {
	font-size: 15px;	
	padding-bottom: 5px;	
	}

#header-menu ul ul {
	position: absolute;
	z-index: 500;
	margin:38px 0 0 0;
	}

div#header-menu ul ul, div#header-menu ul li:hover ul ul, div#header-menu ul ul li:hover ul ul {
	display: none;
	}

div#header-menu ul li:hover ul, div#header-menu ul ul li:hover ul, div#header-menu ul ul ul li:hover ul{
	display: block;
	}

#header-menu ul li {
	float: left;
	/*width: 100%;*/
	}

#header-menu ul li #header-menu-child {
	left: 0px;
	}

#header-menu ul li #header-menu-child li  {
	background:transparent url("../images/backgrounds/menu-off.gif")  no-repeat;
	}
	
#header-menu ul li #header-menu-child li a {
	width:185px;	
	}

#header-menu ul li #header-menu-child li a:hover {
	background:transparent url("../images/backgrounds/menu-on.gif") repeat;	
	width:185px;
	/*color: #a00;
	background: #fff;*/
	}

/** shipping locations box **/
#shipping-locations-box {
	background:transparent url(../images/backgrounds/menulogin_bckgrnd_1px.png) repeat scroll 0 0;
	border:1px solid #5B984F;
	color:#1B6498;
	left:60px;
	padding:10px 20px;
	position:absolute;
	top:40px;
	visibility:hidden;
	width:215px;
	z-index:2;
}
#shipping-locations-box p {
	font-size: 12px;
}

#header-regionId{
	width: 210px;
}