body {background: #fff; color: #000; overflow-x:hidden;}

/**************************************************header**************************************************/
#headerWrap {background: url(../images/bg-headerWrap.gif) repeat-x;}
#header {background: url(../images/bg-header.gif) no-repeat; color: #fff; width: 960px; height: 152px; margin: 0 auto; padding: 0; font-size: 1em; position: relative; z-index: 9999;}
.products #header {background: url(/images/products/bg-header.gif) no-repeat;}
.servicesupport #header {background: url(../servicesupport/images/bg-header.gif) no-repeat;}
.batteryroom #header {background: url(../batteryroom/images/bg-header.gif) no-repeat;}
.medialibrary #header {background: url(../medialibrary/images/bg-header.gif) no-repeat;}
.aboutbhs #header {background: url(../aboutbhs/images/bg-header.gif) no-repeat;}
.contactbhs #header {background: url(../contactbhs/images/bg-header.gif) no-repeat;}
.search #header {background: url(../search/images/bg-header.gif) no-repeat;}
.privacy #header {background: url(../privacy/images/bg-header.gif) no-repeat;}
.legal #header {background: url(../legal/images/bg-header.gif) no-repeat;}
.sitemap #header {background: url(../images/bg-header-sitemap.gif) no-repeat;}
.emailafriend #header {background: url(../images/bg-header-emailafriend.gif) no-repeat;}
#header h1 a {width: 150px; height: 50px; top: 25px; left: 40px; position: absolute;}
#header ul#headerUtilNav {width: 457px; height: 12px; top: 13px; left: 503px; 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 a#hmutlnk {background-image: url(../images/headerUtilNav-hmutlnk.gif); width: 65px; left: 0;}
#header ul#headerUtilNav li a#efutlnk {background-image: url(../images/headerUtilNav-efutlnk.gif); width: 110px; left: 65px;}
#header ul#headerUtilNav li form {background: url(../images/bg-search.gif) no-repeat; width: 150px; height: 23px; top: -4px; left: 194px; 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: 351px; 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; cursor: pointer;
  opacity: 0; 
  filter: alpha(opacity=0); 
}
#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********************************************/
#wrap {background: #e62 url(../images/bg-wrap.gif) repeat-x;}
#content {background: url(../images/bg-content.gif) repeat-y; width: 960px; margin: 0 auto; padding: 0; overflow: hidden;/* This hides the excess padding in non-IE browsers */ position: relative; font-size: 1em;}/*see ie.css for fixes*/
#content:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}

/**************************************************center column*******************************************/
#main {background: url(../images/bg-main.gif) no-repeat; color: #654; width: 740px; position: relative; float: left;}/*see ie.css for fixes*/
#main ul#breadcrumbs {margin: 15px 50px 45px 0; font-size: .9em; text-align: right;}
#main ul#breadcrumbs li {color: #999; margin: 0; font-size: 1em; list-style: none; display: inline; text-transform: none;}
#main ul#breadcrumbs li a {color: #999;}
#main h2 {color: #b22; margin: 0 0 15px 90px; font-size: 2.2em; text-transform: uppercase;}
.batteryroommain #main h2 {background: url(../batteryroom/images/bg-h2.jpg) no-repeat 20px 0; padding: 230px 0 0 0;}
#main #contentContainer {background: url(../images/bg-contentContainer.gif) no-repeat; min-height: 400px; margin: 0 0 0 8px; padding: 25px 25px 0 80px;}
#main #contentContainer a {font-weight: bold;}
#main img.left {float: left; margin: 0 20px 20px 0;}
#main img.right {float: right; margin: 0 0 20px 20px;}
#main div.file {margin: 0 0 20px 0;}
#main h3 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.3em;}
#main h4 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.2em;}
#main h5 {margin: 0 0 20px 0; font-weight: bold; font-size: 1.1em;}
#main p {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1em;}
#main div.articleMetadata {margin: 0 0 20px 0; color: #999; font-size: .95em;}
#main ul {margin: 0 0 20px 20px; line-height: 1.3; font-size: 1.1em;}
#main ol {margin: 0 0 20px 30px; line-height: 1.3; font-size: 1.1em;}
#main ul li {margin: 0 0 10px 0;}
#main ol li {margin: 0 0 10px 0;}
#main ol li ul, #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
#main ol li ol, #main ul li ol {margin: 10px 0 0 30px; font-size: 1em;}
.sitemap #main ul {margin: 0 0 0 20px; line-height: 1.3; font-size: 1.1em;}
.sitemap #main ul li {margin: 0 0 30px 0; list-style: none; font-size: 1.2em; text-transform: uppercase;}
.sitemap #main ul li ul {margin: 10px 0 0 20px; font-size: 1em;}
.sitemap #main ul li ul li {margin: 0 0 10px 0; list-style: disc; font-size: .9em; text-transform: none;}
.sitemap #main ul li ul li ul li {list-style: circle; font-size: 1em;}
.sitemap #main ul li ul li ul li ul li {list-style: square;}
#main ol li ol li, #main ul li ol li {list-style: decimal;}
#main dl {margin: 0 0 20px 0; line-height: 1.3; font-size: 1.1em;}
#main dl dt {margin: 0 0 3px 0;}
#main dl dd {margin: 0 0 20px 0;}
#main address {margin: 0 0 20px 0; font-size: 1.1em; font-style: normal;}
#main address strong {font-weight: bold; font-size: 1.2em;}
#main table {width: 600px; margin: 0 0 20px 0; border: 2px solid #999; border-top: none; display: table; border-collapse: collapse;}
#main table thead {display: table-header-group;}
#main table thead tr {display: table-row;}
#main table thead tr th, #main table tfoot tr td {background: #999; color: #fff; display: table-cell; padding: 8px 10px; text-align: left; vertical-align: bottom; cursor: default;}
#main table thead tr th.sorttable_sorted_reverse, #main table thead tr th.sorttable_sorted {background: #666;}
#main table tbody {display: table-row-group;}
#main table tbody tr {display: table-row;}
#main table tbody tr.row1 {background: #eee;}
#main table tbody tr.row2 {background: #fff;}
#main table tbody tr td {display: table-cell; padding: 2px 10px; border-bottom: none; vertical-align: middle;}
#main table.table2column thead tr th, #main table.table2column tbody tr td {width: 50%;}
#main table.table2column.rightleft tbody tr td.col1 {width: 80%;}
#main table.table2column.rightleft tbody tr td.col2 {width: 20%;}
#main table.table3column thead tr th, #main table.table3column tbody tr td {width: 33%;}
#main table.table4column thead tr th, #main table.table4column tbody tr td {width: 25%;}
#main table.table5column thead tr th, #main table.table5column tbody tr td {width: 20%;}
#main table.documents thead tr th {cursor: pointer;}
#main table.documents thead tr th.rollover {background: #777;}
#main table.documents thead tr th.col1, #main table.documents tbody tr td.col1 {width: 30px; padding: 2px 0; text-align: center; cursor: auto;}
#main table.documents thead tr th.col2, #main table.documents tbody tr td.col2 {width: 200px; border-right: 1px solid #999;}
#main table.documents tbody tr td.col2 a {text-decoration: underline;}
#main table.documents thead tr th.col3, #main table.documents tbody tr td.col3 {width: 100px; border-right: 1px solid #999;}
#main table.documents thead tr th.col4, #main table.documents tbody tr td.col4 {width: 180px;}
iframe {background: transparent; border: 0; clear: none; float: none; list-style-image: none; list-style-position: outside; list-style-type: disc; margin: 25px 0 0 0; padding: 0; text-decoration: none; vertical-align: baseline;}
#main #upcoming-events {background: #987 url(../servicesupport/images/bg-upcoming-events-top.gif) no-repeat; width: 171px; margin: 0 0 20px 40px; float: right;}
#main #upcoming-events ul {background: url(../servicesupport/images/bg-upcoming-events-bottom.gif) no-repeat 0 100%; margin: 0; padding: 75px 0 20px 0;}
#main #upcoming-events ul li {background: url(../servicesupport/images/bg-upcoming-events.gif); color: #fff; margin: 0; padding: 0 0 5px 20px; list-style: none;}
#main #upcoming-events ul li a {background: url(../servicesupport/images/bg-upcoming-events01.gif) no-repeat 0 5px; color: #fff; padding: 0 0 0 15px; font-weight: normal;}
#main #upcoming-events ul li a:hover {background: url(../servicesupport/images/bg-upcoming-events02.gif) no-repeat 0 5px; color: #554;}
/*form elements*/
#main form h3#title-video-cd-rom {background: url(../contactbhs/images/title-video-cd-rom.gif) no-repeat; width: 124px; height: 11px; margin: 0 0 20px 110px;}
#main p.error {background: #359; color: #fff; font-weight: bold; font-size: 1em; padding: 10px; margin: 0 0 20px 0; }
#main form ul#cdRequirements {width: 196px; height: 22px; margin: 0; top: -40px; left: 110px; position: relative; z-index: 999;}
#main form ul#cdRequirements li {list-style: none; display: inline;}
#main form ul#cdRequirements li#cd {background: url(../contactbhs/images/title-video-cd-rom-require.gif) no-repeat; width: 196px; height: 22px; margin: 0; top: 0px; left: 0px; position: absolute;}
#main form ul#cdRequirements li#cd:hover, #main form ul#cdRequirements li#cd.cdhover {background-position: 0 -22px;}
/*1st level dropdown*/
#main form ul#cdRequirements li ul {background: #acf; color: #358; width: 173px; height: auto; margin: 22px 0 0 11px; padding: 0 0 10px 0; left: -9999px; position: absolute; z-index: 99; border-top: none;}
#main form ul#cdRequirements li ul li {background: url(../contactbhs/images/cdRequirements-bullet.gif) no-repeat 10px 5px; height: auto; margin: 0 0 5px 0; padding: 0 0 0 22px; top: auto; font-size: .9em; display: block; position: relative;}
#main form ul#cdRequirements li:hover ul, #main form ul#cdRequirements li.cdhover ul {left: 0;}
#main form h3#title-more-information {background: url(../contactbhs/images/title-more-information.gif) no-repeat; width: 537px; height: 16px;}
#main form h3#title-customer-information {background: url(../contactbhs/images/title-customer-information.gif) no-repeat; width: 537px; height: 13px;}
#main form h3#title-how-hear {background: url(../contactbhs/images/title-how-hear.gif) no-repeat; width: 537px; height: 16px;}
#main form h3#title-step1 {background: url(../batteryroom/images/title-step1.gif) no-repeat; width: 635px; height: 71px; margin: 0 0 20px -10px; text-indent: -9999px;}
#main form h3#title-step2 {background: url(../batteryroom/images/title-step2.gif) no-repeat; width: 568px; height: 21px; text-indent: -9999px;}
#main form h3#title-step3 {background: url(../batteryroom/images/title-step3.gif) no-repeat; width: 568px; height: 21px; text-indent: -9999px;}
#main form h3#title-step4 {background: url(../batteryroom/images/title-step4.gif) no-repeat; width: 568px; height: 21px; text-indent: -9999px;}
#main form h3#title-step5 {background: url(../batteryroom/images/title-step5.gif) no-repeat; width: 568px; height: 21px; text-indent: -9999px;}
#main form h3#title-step6 {background: url(../batteryroom/images/title-step6.gif) no-repeat; width: 568px; height: 21px; text-indent: -9999px;}
#main form label {color: #999; margin: 0 0 10px 0; font-weight: bold; float: left; display: block;}
#main form label.error {color: #359; font-weight: bold;}
#main form input {color: #999; margin: 0 0 10px 0; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form div {background: url(../contactbhs/images/divider-line.gif) no-repeat 0 100%; margin: 0 0 15px 0; padding: 0 0 30px 0; position: relative;}
#main form div.calculator {margin: 0 0 35px 0; padding: 0 0 50px 0;}
#main form .calculator label {width: 265px; margin: 0 20px 10px 0; text-align: right;}
#main form .calculator span {color: #999; width: 265px; margin: 0 0 10px 0; font-weight: bold; float: left; display: block; text-align: right;}
#main form .calculator span.answer {color: #666; width: 265px; margin: 0 0 10px 0; font-size: 1.2em; font-weight: bold; float: left; display: block; text-align: right;}
#main form .calculator input {}
#main form .calculator strong {color: #b22; margin: 0 0 10px 20px; padding: 3px; font-size: 1em;}
#main form .calculator strong.answer {font-size: 1.2em;}
#main form .calculator strong.is {color: #000;}
#main form .calculator em {color: #999; font-weight: normal;}
#main form .calculator strong.answer em {font-size: .9em;}
#main form .calculator hr {margin: 5px 180px 5px 60px; border: 1px solid #ccc; border-bottom: none;}
#main form .text label {width: 125px; margin: 0 15px 10px 0; text-align: right;}
#main form .text label#lblPostalCode4 {float: none; display: inline; position: relative; top: -10px;}
#main form .text input {}
#main form .text input#txtPostalCode4 {}
#main form .checkbox label {width: 275px;}
#main form .checkbox label#lblCdRom {width: auto;}
#main form .checkbox input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .select label {margin: 0 20px 0 0;}
#main form .select select {color: #999; font-size: 1.1em; border: 1px solid #999;}
#main form .radio label {}
#main form .radio input {margin: 0 5px 20px 0; padding: 0; float: left; display: block; border: none;}
#main form .radio input#txtOther {margin: 0 0 20px 10px; padding: 3px; font-size: 1em; border: 1px solid #999;}
#main form br {clear: both;}
#main form input#btnNext, #main form input#btnEdit, #main form input#btnSubmit {margin: 0; padding: 0; border: none;}
#main form input#btnSubscribe {margin: 0 0 50px; padding: 0; border: none;}
#main form p.required {color: #999; font-size: .9em; font-style: italic;}

#main form input.error,#main form select.error,#main form textarea.error {background: #f7cbca; color: #c00; border: 1px solid #c00;}
#main form input.valid.required,#main form select.valid.required,#main form textarea.valid.required {background: #cec; color: #184; border: 1px solid #184;}
#main form span.note {margin: 0 0 0 15px; float: left; display: block; font-style: italic;}
#main form span.error {color: #c00; width: auto; margin: 0; padding-left: .5em; float: none; text-align: left; display: inline;}
#main form span.valid {color: #184; width: auto; margin: 0; padding-left: .5em; float: none; text-align: left; display: inline;}

#main h3#title-forced-ventilation {background: url(../batteryroom/images/title-forced-ventilation.gif) no-repeat; width: 296px; height: 11px; text-indent: -9999px;}
#main h4#title-video-cd-rom {background: url(../contactbhs/images/title-video-cd-rom.gif) no-repeat; width: 124px; height: 11px;}
#main h4#title-more-information {background: url(../contactbhs/images/title-more-information.gif) no-repeat; width: 537px; height: 16px;}
#main h4#title-customer-information {background: url(../contactbhs/images/title-customer-information.gif) no-repeat; width: 537px; height: 13px;}
#main h4#title-how-hear {background: url(../contactbhs/images/title-how-hear.gif) no-repeat; width: 537px; height: 16px;}
#main ul.formVerify {background: url(../contactbhs/images/divider-line.gif) no-repeat 0 100%; margin: 0 0 30px 0; padding: 0 0 50px 0; position: relative;}
#main ul.formVerify li {margin: 0 0 5px 0; list-style: none; display: block; clear: both; border-bottom: 1px dotted #666;}
#main ul.formVerify li:after {clear: both; content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; height: 0; visibility: hidden;}
#main ul.formVerify li strong {background: #fff; margin: 0; top: .2em; font-weight: normal; float: left; display: block; position: relative;}
#main ul.formVerify li em {background: #fff; margin: 0; top: .2em; float: right; display: block; position: relative;}
/*end form elements*/
a.grunt-file-pdf {background: url(/app/images/icon-adobepdf.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-doc {background: url(/app/images/icon-msword.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-ppt {background: url(/app/images/icon-msexcel.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-xls {background: url(/app/images/icon-mspowerpoint.gif) no-repeat; padding: 0 0 10px 23px;}
a.grunt-file-txt {background: url(/app/images/icon-text.gif) no-repeat; padding: 0 0 10px 23px;}
#main p.pageNavigation {margin: 0 30px 10px 0; text-align: right; font-size: 1em;}
#main p.pageNavigation a {margin: 0 3px; text-decoration: underline;}
#main p.pageNavigation a:hover,#main p.pageNavigation a.selected {color: #666; text-decoration: none;}
#main p.pageNavigation a.previousPage, #main p.pageNavigation a.nextPage {text-decoration: none;}

/**************************************************left column*********************************************/
#sidebar {background: url(../images/bg-sidebar.gif) no-repeat 100% 0; color: #fff; width: 220px; position: relative; float: left;}
#sidebar ul#sidebarNav {margin: 13px 0 23px;}
#sidebar ul#sidebarNav li {background: url(../images/sidebarNav-line.gif) no-repeat 0 100%; height: 100%; padding: 10px 0 15px 0; list-style: none;}
#sidebar ul#sidebarNav li a {background: url(../images/sidebarNav-bullet01.gif) no-repeat 0 2px; color: #999; margin: 0 20px 0 15px; padding: 0 0 0 15px; font-weight: bold; text-transform: uppercase; display: block;}
#sidebar ul#sidebarNav li a:hover, #sidebar ul#sidebarNav li a.selected {background: url(../images/sidebarNav-bullet02.gif) no-repeat 0 2px; color: #46a; text-decoration: none;}
#sidebar ul#sidebarNav li ul {margin: 10px 20px 0 30px;}
#sidebar ul#sidebarNav li ul li {background: none; padding: 0 0 5px 0;}
#sidebar ul#sidebarNav li ul li a {background: url(../images/sidebarNav-minus01.gif) no-repeat 0 6px; color: #79e; margin: 0; padding: 0 0 0 10px; font-weight: normal; text-transform: lowercase;}
#sidebar ul#sidebarNav li ul li a:hover, #sidebar ul#sidebarNav li ul li a.selected {background: url(../images/sidebarNav-plus01.gif) no-repeat 0 4px;}
#sidebar ul#sidebarNav li ul li ul {margin: 10px 0 0 10px;}

#sidebar p.shopBHS a {margin: 0 0 0 18px;}

#main, #sidebar {margin-bottom: -32767px !important; padding-bottom: 32767px !important;}

/**************************************************footer**************************************************/
#footerWrap {background: url(../images/bg-footerWrap.gif) repeat-x;}
#footer {background: url(../images/bg-footer.gif) no-repeat; color: #bbb; width: 960px; min-height: 94px; margin: 0 auto; padding: 0 0 25px; position: relative; clear: both; font-size: .9em;}
#footer ul#footerNav {top: 72px; left: 60px; position: absolute;}
#footer ul#footerNav li {color: #999; list-style: none; display: inline;}
#footer ul#footerNav li a {color: #46a; font-weight: bold; text-decoration: underline;}
#footer ul#footerNav li a:hover {color: #79d;}
#footer ul#footerUtilNav {top: 90px; left: 60px; position: absolute;}
#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: 72px; 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;}

/**********************modal***********************/
.modal {display:none;}
#modal-play-area .modal {display:block;}
#modal-0 {width:720px; height:480px;}
object, embed {width:100%; height:100%; border:10px solid #0f0e0e;}
body .pp_nav {display:none !important;}
body div.pp_overlay {z-index:9999; background:url(../images/prettyPhoto/pp-overlay-bg.png) repeat;}
body .pp_close {position:absolute; display:block; text-indent:-9999em; overflow:hidden; width:71px; height:33px; background:url(../images/prettyPhoto/pp-close-btn.png) no-repeat; top:-33px; right:29px;}