/* ------------------------------------
Designed by: Revolution 9 Design 
Contact: winston@revolution9design.com
For: DH Medical

CSS overrides to yahoo store defaults
---------------------------------------*/

html {
	position: absolute;
	margin: 0;
	border: none;
	padding: 0 0 0 0;
	top: 0;
	left: 0;
	margin-left: 0px;
	text-align: left;
	width: 100%;
}

* {
	padding:0; 
	margin: 0;
}

* html body {
	margin-left: 0px;
	padding-left: 0px;
	border-left: 0px;
	position: absolute;
}

body {
	background-color: #f3f3f3;  
	font:normal 11px Arial, Helvetica, sans-serif; 
	text-align:left; 
	position: relative;
	width:100%;
	margin:0;
	color:#000000; 
	border: none;
	padding: 0 0 0 0;
	top: 0;
	left: 0;
	margin-left: 0px;
}

body#maintype {
	background-color: #f3f3f3;  
	font:normal 11px Arial, Helvetica, sans-serif; 
	text-align:center; 
	position: relative;
	width:100%;
	margin:0;
	color:#000000; 
	border: none;
	padding: 0 0 0 0;
	top: 0;
	left: 0;
	margin-left: 0px;
}

#container {
	background: none;
	margin:0 auto;
	text-align:left; 
	width:100%;
	position: relative; 
	border: none;
	z-index: 3;
	padding: 0 0 0 0;
	top: 0px;
	left: 0px;
} /* This "container" is needed as IE produces resize induced rendering errors when using the BODY element for a container. */ 

body>#container {
	margin-left: 0px;
}

/* Banner Elements!!! */

#header {
	background: transparent url(/lib/yhst-40090181939270/header-sans-logo.jpg) bottom no-repeat;
	position: relative;
	margin-left: auto;
	margin-right: auto;	
	width: 910px; 
	height: 209px;
	border: none;
	z-index: 5;
	padding: 0 0 0 0;
}


/* Main navigation bar --------------------*/
#nav-general {
	background: transparent url(/lib/yhst-40090181939270/navbar.jpg) top repeat-x;
	-moz-border-radius-topleft: 5px; /* Firefox rounded corners */
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px; /* Webkit (safari/chrome) */
	-webkit-border-top-right-radius: 5px;
	border-radius: 5px;
	clear:both; 
	float: none;
	position: relative;
	top: 178px; 
	left: 15px;
	height: 31px;
	width: 390px;
	display:block; 
	list-style:none; 
	margin:0 5px 0 0;
	border: none;
	z-index: 3;
}

#container #header ul#nav-general {
	*background: transparent url(/lib/yhst-40090181939270/navbarie.png) no-repeat;/* IE workaround to display image */
	_top: 182px; /*IE6 positioning fix*/
}

#nav-general li {
	border:none;
	border-top:0; 
	float:left; 
	margin:0 -1px;	
	border: none;
} /* General Link Colors */

#nav-general li a {
	background: transparent url(/lib/yhst-40090181939270/separator.png) right no-repeat;
	color:#ffffff; 
	display:block; 
	font-size:18px; 
	font-family: trebuchet ms;	
	font-weight: 400; 
	text-transform: capitalize;
	padding: 5px 10px;
	text-align:center; 
	text-decoration:none; 
	white-space:nowrap;
	cursor: pointer;
}

* #container #nav-general li a {
	_background: transparent url(/lib/yhst-40090181939270/separator-ie6.png) right no-repeat;/* IE6 Image workaround */
}

#nav-general li a#cart {
	background: transparent url(/lib/yhst-40090181939270/shoppingcart.png) right no-repeat;
	padding: 5px 40px 5px 10px
}

* #container #nav-general li a#cart {
	_background: transparent url(/lib/yhst-40090181939270/shoppingcart-ie6.png) right no-repeat;/* IE6 Workaround */
}

#nav-general li a:hover { 
	background: transparent url(/lib/yhst-40090181939270/separator.png) right no-repeat;
	color: #000000;
	border: none;
	text-decoration: none;
}


/* Logo ----------------*/
#brandmark {
	background: none;
	left: 15px;
	top: -25px;
	position: relative;
	display: block;
	float: none;
	margin: 0 0 0 0;
	font:normal 36px Tahoma, Geneva, Verdana, sans-serif; 
	width: auto; 
	height: auto;
	border: none;
	padding: 0 0 0 0;
} /* 510 + 250 = 760 */

#brandmark a {
	color:#ffffff; 
	display:block; 
	padding:0 0 0 0; 
	text-decoration:none;
	position: relative;
	margin: 0 0 0 0;
	border: none;
}

#brandmark a img {
	display: block;
}


/* Search ---------------*/
#searcharea {
	background:none;
     display:block; 
	position: relative;
	float: right;
	padding: 0 0 0 0;
	top: 22px;
	right: 30px;
	border: none;
	text-align: right;
	text-transform: uppercase;
	font-family: Trebuchet MS;	
	font-weight: 400;
	font-size: 18px; 
	z-index: 1;
	vertical-align: top;
	line-height: 21px;
}

/* Targets Safari to fix positioning in Safari -------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {    

#searcharea { 
	top: 11px; 
}

#brandmark {
	top: -37px;
}

}

/* IE 6 workaround */
/** #container #searcharea {
	/right: 20px;
	r/ight: 20px;
	/top: 135px;
	t/op: 135px;
}*/

* html #searcharea {
	padding: 0 0 20px 0;
}

input#query {
	font-family: Trebuchet MS;	
	font-weight: 400;
	font-size: 12px; 
    margin-left:4px;
    padding:2px;
	width: 150px;
	height: 14px;
    background-color:#FFFFFF;
    color:#000;
}

#searchsubmit{
	border:solid 1px #fff;
    margin:0px 0px 1px 5px;
    padding:0 1px;
    background:#333333;
    color:#fff;
    font:bold 14px Trebuchet MS, Arial,verdana,sans-serif;
    text-align:center;
    cursor:pointer;
	vertical-align: top;
	height: 24px;
	width: 29px;
}


/* Page/Content Region!!! ------------------ */

#bodyshell {
	background: transparent url(/lib/yhst-40090181939270/pagebottombg.png) bottom no-repeat;
	position: relative;
	width: 910px !important; 
	top: 0px;	 
	margin: 0 auto;
	float: none;
	border: none;
	display: block;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	z-index: -1;
	padding: 0 0 24px 0;
	min-height: 954px;
	height: auto;
} /*Left Column Color*/ /* Background color is needed to counter an IE rendering bug that erases the left column bgcolor */ /* float:left is needed in Moz to handle extra wide cntent that breaks the width */ /* Left/Right Margin was removed due to expanded content errors in Moz, this was used to push the nav/content area in to */

#page {
	padding: 0 0 0 0;
	border: none;
	margin: 0 0 0 0;
	width: 100%;
	height: auto;
	background: white url(/lib/yhst-40090181939270/pagebg.png) top repeat-y;
	position: relative;
	float: left;
}


/* Left Sidebar -----------------------*/
#container #bodyshell #nav-product {
	background: white url(/lib/yhst-40090181939270/pageleftbg.png) left repeat-y;
	padding: 0 0 0 15px;
	display:block;
    float:left;
	margin: 0 0 0 0;
    overflow:hidden;
    position:relative;
    width: 245px; 
	z-index:2;          
	border: none;
	height: 100% !important; 
	min-height: 964px;
}

* html #nav-product {
	/width: 260px; /* for IE5 and IE6 in quirks mode */
	w/idth: 245px; /* for IE6 in standards mode */
}

 /* IE Experiences the pixel doubling bug here. "display: inline;" fixes this. Position Relative and Z-Index are needed for IE in order to display the background colors */

#nav-product ul {
	list-style-type: none;
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	background: #999999;
	width: 100%;
	overflow: visible;
}

#nav-product li {
	margin:0;
	background: url(/lib/yhst-40090181939270/sidebaritem-charcoal.png) 0% 0% no-repeat;
	width: 100%;
	height: 36px;
	overflow: visible;
}

#nav-product li:hover {
	background: url(/lib/yhst-40090181939270/sidebaritem-charcoal.png) 100% 0% no-repeat;
}

#nav-product ul li a {
      font-family: Trebuchet MS;
	  background: transparent; 
      border-bottom: none;       
	  color:#FFFFFF;
      display:block;
      font-weight: 400;       
	  font-size:14px;
	  line-height: 36px;
      height:36px;
      margin-right:0px;
      min-height:18px;
      padding: 0px 0px 0px 10px;
      text-decoration:none;
      width: 100%;
	  overflow: visible;
}

#container #nav-product ul li a {
	 _width: 260px; /* IE 6 fix */
}

#nav-product ul li a:hover {
     background: none;
     color:#FFFFFF;
}

#container #nav-product ul li a:hover {
	 _background: #FA0032; /* IE6 fix */
}

#htmltop, #htmlbottom{
	padding: 0 0 10px 0;
	margin: 0 0;
	width: 245px;
	-moz-border-radius-bottomleft: 15px;
	-moz-border-radius-bottomright: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	/*behavior:url(/lib/yhst-40090181939270/border-radius.htc);*/
	background: #999999 url(/lib/yhst-40090181939270/sidebarbottom-charcoal.png) bottom no-repeat;
	float: left;
}

/*Main Content (right side of page) ----------------*/
#bodycontent {
	float:right;
	display: block; 
	width:635px;
	background: white url(/lib/yhst-40090181939270/pagerightbg.png) right repeat-y;
	border: none;
	padding: 0 15px 0 0;
	margin: 0px 0 0 0;
	height: 100%;
	min-height: 926px;
} /* 150 + 610 = 760 */ /* The Min-width is needed for Moz to stretch the bodycontent that is shrinkwrapping content due to floats. This is only necessary on pages without Tables in the contents. Min-width breaks Opera's layout so Width:100% is used instead of Min-width. */

* html #bodycontent {
	/width: 620px; /* for IE5 and IE6 in quirks mode */
	w/idth: 635px; /* for IE6 in standards mode */
}

/* Footer Elements !!! ----------------------------*/

#footer {
	background:transparent url(/lib/yhst-40090181939270/footerbg-1.png) 0 0 repeat-x; 
	height: 67px;
	width: 900px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius-topleft: 15px;
	-moz-border-radius-topright: 15px;
	-webkit-border-top-left-radius: 15px;
	-webkit-border-top-right-radius: 15px;
}

#container #footer {
	*background: transparent url(/lib/yhst-40090181939270/footer-bg-ie.png) no-repeat;/* IE workaround to display image */
}

#footer-links {
	background:transparent;
	color:#ffffff; 
	display:block; 
	font-weight: 400; 
	font-size:14px;
	padding: 15px 0 0px 0; 
	font-family: Trebuchet MS;
	text-align:center;
}

#footer-links a {
	background:transparent;
	color:#ffffff; 
	text-decoration:none; 
	text-transform: capitalize;
}

#footer-links a:hover {
	background:transparent;
	text-decoration:none;
	color: #333;
}

#copyright {
	background:transparent;
	color:#333; 
	display:block; 
	font:normal xx-small/1.2 verdana, sans-serif; 
	padding:15px 15px 0px; 
	text-align:right;
}


/* Additional Misc. Fixes ---------------------*/
#messagearea {
	margin:10px 15px 9px;
	background:#ffffff;
	border-bottom:1px #fff solid;
} /* 1px is used to prevent Margin Folding */

.breadcrumbs {
	margin:18px 0 15px 15px;
}