body {background: #fff url(../images/bg-home-body.gif) repeat-x; color: #000;}
#wrap {width: 960px; margin: 0 auto; padding: 0; position: relative; font-size: 1em;}

/**************************************************header**************************************************/
#header {background: url(../images/bg-home-header.gif); color: #fff; height: 192px; position: relative; z-index: 9999;}
#header ul#headerUtilNav {width: 410px; height: 12px; top: 13px; left: 547px; position: absolute;}
#header ul#headerUtilNav li {list-style: none; display: inline;}
#header ul#headerUtilNav li a {height: 12px; position: absolute; display: block;}
#header ul#headerUtilNav li a:hover {background-position: 0 -12px;}
#header ul#headerUtilNav li form {background: url(../images/bg-search.gif) no-repeat; width: 150px; height: 23px; top: -4px; left: 150px; position: absolute;}
#header ul#headerUtilNav li form input {color: #665; width: 120px; padding:  0; top: 2px; left: 21px; position: absolute; font-size: 1em; border: 1px solid #fff;}
#header ul#headerUtilNav li form button {width: 14px; height: 19px; top: 0px; left: 0px; position: absolute;}
#header ul#headerUtilNav li #google_translate_element {background: url(../images/button-translate.png) no-repeat; color: #fff; width: 106px; height: 21px; position: absolute; top: -2px; left: 307px; display: block; float: left; overflow: hidden;}
#header ul#headerUtilNav li span#select.select {display: none;}
#header ul#headerUtilNav li  .goog-te-combo {background: transparent; cursor: pointer; border: none; text-indent: -9999em;}

#header ul#headerNav {width: 714px; height: 46px; bottom: 0; left: 17px; position: absolute; z-index: 999;}
#header ul#headerNav li {height: 46px; top: 0px; list-style: none; display: inline; position: absolute;}
#header ul#headerNav li a {height: 46px; left: 0; position: absolute; display: block; background: transparent;}
#header ul#headerNav li#ps {background: url(../images/headerNav-pslnk.gif) no-repeat; width: 85px; left: 0px;}
#header ul#headerNav li#ps:hover, #header ul#headerNav li#ps.hdrhover, .products #header ul#headerNav li#ps {background-position: 0 -46px;}
#header ul#headerNav li#ps a#pslnk {width: 85px;}
#header ul#headerNav li#bs {background: url(../images/headerNav-bslnk.gif) no-repeat; width: 91px; left: 85px;}
#header ul#headerNav li#bs:hover, #header ul#headerNav li#bs.hdrhover {background-position: 0 -46px;}
#header ul#headerNav li#bs a#bslnk {width: 91px;}
#header ul#headerNav li#ss {background: url(../images/headerNav-sslnk.gif) no-repeat; width: 145px; left: 176px;}
#header ul#headerNav li#ss:hover, #header ul#headerNav li#ss.hdrhover, .servicesupport #header ul#headerNav li#ss {background-position: 0 -46px;}
#header ul#headerNav li#ss a#sslnk {width: 145px;}
#header ul#headerNav li#br {background: url(../images/headerNav-brlnk.gif) no-repeat; width: 113px; left: 321px;}
#header ul#headerNav li#br:hover, #header ul#headerNav li#br.hdrhover, .batteryroom #header ul#headerNav li#br {background-position: 0 -46px;}
#header ul#headerNav li#br a#brlnk {width: 113px;}
#header ul#headerNav li#ml {background: url(../images/headerNav-mllnk.gif) no-repeat; width: 114px; left: 434px;}
#header ul#headerNav li#ml:hover, #header ul#headerNav li#ml.hdrhover, .medialibrary #header ul#headerNav li#ml {background-position: 0 -46px;}
#header ul#headerNav li#ml a#mllnk {width: 114px;}
#header ul#headerNav li#ab {background: url(../images/headerNav-ablnk.gif) no-repeat; width: 89px; left: 548px;}
#header ul#headerNav li#ab:hover, #header ul#headerNav li#ab.hdrhover, .aboutbhs #header ul#headerNav li#ab {background-position: 0 -46px;}
#header ul#headerNav li#ab a#ablnk {width: 89px;}
#header ul#headerNav li#cb {background: url(../images/headerNav-cblnk.gif) no-repeat; width: 77px; left: 637px;}
#header ul#headerNav li#cb:hover, #header ul#headerNav li#cb.hdrhover, .contactbhs #header ul#headerNav li#cb {background-position: 0 -46px;}
#header ul#headerNav li#cb a#cblnk {width: 77px;}
/*1st level dropdown*/
#header ul#headerNav li ul {background: #36a; color: #bdf; width: 15em; height: auto; margin: 46px 0 0 0; padding: 0 0 10px 0; left: -9999px; position: absolute; z-index: 99; border: 1px solid #fff; border-top: none;}
#header ul#headerNav li ul li {height: auto; top: auto; display: inline; position: relative;}
#header ul#headerNav li ul li a {background: #36a url(../images/headerNav-bullet01.gif) no-repeat 13px 10px; color: #bdf; height: auto; padding: 5px 10px 5px 22px; left: auto; font-size: 1em; position: relative;}
#header ul#headerNav li ul li a:hover {background: #36a url(../images/headerNav-bullet02.gif) no-repeat 13px 10px; color: #fff; display: block; text-decoration: none;}
#header ul#headerNav li:hover ul, #header ul#headerNav li.hdrhover ul {left: 0;}

/**************************************************content area********************************************/
#content {height: 414px; overflow: hidden; position: relative;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************main column*********************************************/
#main {background: #fff; width: 490px; height: 414px; margin-left: 250px; float: left; position: relative;}/*see ie.css for fixes*/
#main #flashcontent {width: 490px; height: 414px;}
#main #flashcontent #flash {width: 490px; height: 414px;}
#main .flasherror {background: url(../swf/main-home-flash.png) no-repeat; width: 490px; height: 414px;}
#main .flasherror p {background: #fff; color: red; border: 1px dotted red; width: 400px; text-align: center; margin: 0 auto; padding: 10px; position: relative; top: 100px; display: none;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-home-sidebar.gif) no-repeat; color: #777; width: 184px; height: 352px; margin-left: -740px; padding: 62px 0 0 66px; position: relative; float: left; font-size: 1em;}
#sidebar h2 {background: url(../images/title-welcome-bhs.gif) no-repeat; width: 150px; height: 12px; margin: 0 0 25px 6px;}
#sidebar p {width: 145px; text-align: center; line-height: 2em;}

/**************************************************right column********************************************/
#main_2 {background: #fff url(../images/bg-home-main_2.gif) no-repeat 100% 0; color: #999; width: 220px; height: 414px; position: relative; float: left; overflow: auto;}
#main_2 #copyInner {color: #555; margin: 15px 45px 0 30px; font-size: .9em; line-height: 1.4em; position: relative;}
#main_2 #copyInner h3 {color: #58d; margin: 0 0 5px 0; font-size: 1em; font-weight: bold; font-style: italic; line-height: 1.4em;}
#main_2 #copyInner a {background: url(../images/button-read-more01.gif) no-repeat 0 2px; color: #e62; margin: 0 0 15px 0; padding: 0 0 0 16px; font-style: italic; display: block;}
#main_2 #copyInner a:hover {background: url(../images/button-read-more02.gif) no-repeat 0 2px; color: #c40;}
#main_2 #copyInner a.shopBHS {background: none; margin: 0 0 5px -17px; padding: 0;}
#main_2 #scrollbar {background: url(..//images/bg-scrollbar.gif) no-repeat; width: 8px; height: 15px; top: 16px; right: 17px; position: absolute; display: none;}
#main_2 #scrollbar a#pageup {background: none; width: 8px; height: 7px; top: 0; left: 0; position: absolute; cursor: pointer;}
#main_2 #scrollbar a#pagedown {background: none; width: 8px; height: 7px; bottom: 0; left: 0; position: absolute; cursor: pointer;}

/**************************************************footer**************************************************/
#footer {background: url(../images/bg-home-footer.gif) no-repeat; color: #bbb; min-height: 94px; padding: 0 0 25px; position: relative; clear: both; font-size: .9em;}
#footer ul#footerUtilNav {width: 455px; top: 72px; left: 271px; position: absolute; font-size: 9px;}
#footer ul#footerUtilNav li {list-style: none; display: inline;}
#footer ul#footerUtilNav li#copyright {padding: 0 0 0 15px;}
#footer ul#footerUtilNav li a {color: #bbb; text-decoration: underline;}
#footer ul#footerUtilNav li a:hover {color: #999;}
#footer div#socialMedia {top: 66px; left: 752px; position: absolute;}
#footer div#socialMedia ul li {list-style: none; display: inline;}
#footer div#socialMedia ul li a {background-repeat: no-repeat; width: 28px; height: 28px; margin: 0 3px; display: block; float: left; text-indent: -9999em; overflow: hidden;}
#footer div#socialMedia ul li a#facebookLink {background-image: url(../images/icon-facebook.gif);}
#footer div#socialMedia ul li a#twitterLink {background-image: url(../images/icon-twitter.gif);}
#footer div#socialMedia ul li a#linkedinLink {background-image: url(../images/icon-linkedin.gif);}
#footer div#socialMedia ul li a#youtubeLink {background-image: url(../images/icon-youtube.gif);}
#footer div#socialMedia ul li a#flickrLink {background-image: url(../images/icon-flickr.gif);}
/*Safari needs this - otherwise the ghost overflow, though painted correctly obscures links and form elements that by rights should be above it. An unintended side-effect is that it cause such elements to vanish in IE 5.01 and 5.5, hence the child selector hack*/
* > #footer, * > form {position: relative; z-index: 1000;}