/* SOS Specific Styles */ h3 { font-size: 11px; padding: 0; margin: 0; } a.ButtonLink { background: #e6e6e6; border: 1px solid #666; padding: 3px 8px; width: auto !important; color: #666; display: inline; } a.ButtonLink:hover { text-decoration: none; outline: none; color: #f05a25; } div#blogContainer { width: 940px; background: #FFFFFF; margin: 20px auto; margin-top: 0px; text-align: left; } div#blogContent { clear: both; position: relative; width: 940px; margin: 40px 0 0 0; } #contentoff{ margin-right: 200px; /*Set right margin to RightColumnWidth*/ } #sidebaroff{ float: left; width: 200px; /*Width of right column in pixels*/ margin-left: -200px; /*Set left margin to -(RightColumnWidth) */ } /* Header styles */ div#header { position: relative; width: 940px; height: 89px; } h1#sosLogo { position: absolute; left: 140px; top: 0px; background: url(/images/h1_logo.jpg) top no-repeat; width: 90px; height: 89px; margin: 0 0 0 0; padding: 0 0 0 0; text-indent: -9999px; cursor: pointer; } ul#topNav { float: right; margin: 32px 0 0 0; padding: 0 32px 0 0; } ul#topNav li { float: left; text-indent: 0px; list-style: none; height: 34px; margin: 0 14px 33px 14px; padding: 0; text-indent: -9999px; overflow: hidden; } ul#topNav li a { display: block; } ul#topNav li#navProducts a { background: url(/skins/default/en/images/header_nav/SoS_button_products.jpg) bottom left no-repeat; width: 55px; height: 34px; cursor: pointer; } ul#topNav li#navProducts a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_products.jpg) bottom right no-repeat; } ul#topNav li#navProductsOn a { background: url(/skins/default/en/images/header_nav/SoS_button_products_on.jpg) bottom left no-repeat; width: 55px; height: 34px; cursor: pointer; } ul#topNav li#navProductsOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_products_on.jpg) bottom right no-repeat; } ul#topNav li#navAbout a{ background: url(/skins/default/en/images/header_nav/SoS_button_about.jpg) bottom left no-repeat; width: 39px; height: 34px; cursor: pointer; } ul#topNav li#navAbout a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_about.jpg) bottom right no-repeat; } ul#topNav li#navAboutOn a{ background: url(/skins/default/en/images/header_nav/SoS_button_about_on.jpg) bottom left no-repeat; width: 39px; height: 34px; cursor: pointer; } ul#topNav li#navAboutOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_about_on.jpg) bottom right no-repeat; } ul#topNav li#navStores a{ background: url(/skins/default/en/images/header_nav/SoS_button_stores.jpg) bottom left no-repeat; width: 36px; height: 34px; cursor: pointer; } ul#topNav li#navStores a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_stores.jpg) bottom right no-repeat; } ul#topNav li#navStoresOn a{ background: url(/skins/default/en/images/header_nav/SoS_button_stores_on.jpg) bottom left no-repeat; width: 36px; height: 34px; cursor: pointer; } ul#topNav li#navStoresOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_stores_on.jpg) bottom right no-repeat; } ul#topNav li#navContact a{ background: url(/skins/default/en/images/header_nav/SoS_button_contact.jpg) bottom left no-repeat; width: 51px; height: 34px; cursor: pointer; } ul#topNav li#navContact a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_contact.jpg) bottom right no-repeat; } ul#topNav li#navContactOn a{ background: url(/skins/default/en/images/header_nav/SoS_button_contact_on.jpg) bottom left no-repeat; width: 51px; height: 34px; cursor: pointer; } ul#topNav li#navContactOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_contact_on.jpg) bottom right no-repeat; } ul#topNav li#navNews a { background: url(/skins/default/en/images/header_nav/SoS_button_news.jpg) bottom left no-repeat; width: 33px; height: 34px; cursor: pointer; } ul#topNav li#navNews a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_news.jpg) bottom right no-repeat; } ul#topNav li#navNewsOn a { background: url(/skins/default/en/images/header_nav/SoS_button_news_on.jpg) bottom left no-repeat; width: 33px; height: 34px; cursor: pointer; } ul#topNav li#navNewsOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_news_on.jpg) bottom right no-repeat; } ul#topNav li#navPress a { background: url(/skins/default/en/images/header_nav/SoS_button_press.jpg) bottom left no-repeat; width: 31px; height: 34px; cursor: pointer; } ul#topNav li#navPress a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_press.jpg) bottom right no-repeat; } ul#topNav li#navPressOn a { background: url(/skins/default/en/images/header_nav/SoS_button_press_on.jpg) bottom left no-repeat; width: 31px; height: 34px; cursor: pointer; } ul#topNav li#navPressOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_press_on.jpg) bottom right no-repeat; } ul#topNav li#navBlog a { background: url(/skins/default/en/images/header_nav/SoS_button_blog.jpg) bottom left no-repeat; width: 29px; height: 34px; cursor: pointer; } ul#topNav li#navBlog a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_blog.jpg) bottom right no-repeat; } ul#topNav li#navBlogOn a { background: url(/skins/default/en/images/header_nav/SoS_button_blog_on.jpg) bottom left no-repeat; width: 29px; height: 34px; cursor: pointer; } ul#topNav li#navBlogOn a:hover { background: url(//skins/default/en/images/header_nav/SoS_button_blog_on.jpg) bottom right no-repeat; } ul#topNav li#navAccount a { background: url(/skins/default/en/images/header_nav/SoS_button_myaccount.jpg) bottom left no-repeat; width: 76px; height: 34px; cursor: pointer; } ul#topNav li#navAccount a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_myaccount.jpg) bottom right no-repeat; } ul#topNav li#navAccountOn a { background: url(/skins/default/en/images/header_nav/SoS_button_myaccount_on.jpg) bottom left no-repeat; width: 76px; height: 34px; cursor: pointer; } ul#topNav li#navAccountOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_myaccount_on.jpg) bottom right no-repeat; } ul#topNav li#navLogin a { background: url(/skins/default/en/images/header_nav/SoS_button_login.jpg) bottom left no-repeat; width: 80px; height: 34px; cursor: pointer; } ul#topNav li#navLogin a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_login.jpg) bottom right no-repeat; } ul#topNav li#navLoginOn a { background: url(/skins/default/en/images/header_nav/SoS_button_login_on.jpg) bottom left no-repeat; width: 80px; height: 34px; cursor: pointer; } ul#topNav li#navLoginOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_login_on.jpg) bottom right no-repeat; } ul#topNav li#navLogout a { background: url(/skins/default/en/images/header_nav/SoS_button_logout.jpg) bottom left no-repeat; width: 41px; height: 34px; cursor: pointer; } ul#topNav li#navLogout a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_logout.jpg) bottom right no-repeat; } ul#topNav li#navLogoutOn a { background: url(/skins/default/en/images/header_nav/SoS_button_logout_on.jpg) bottom left no-repeat; width: 41px; height: 34px; cursor: pointer; } ul#topNav li#navLogoutOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_logout_on.jpg) bottom right no-repeat; } ul#topNav li#navCart a { background: url(/skins/default/en/images/header_nav/SoS_button_cart.jpg) bottom left no-repeat; width: 25px; height: 34px; cursor: pointer; } ul#topNav li#navCart a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_cart.jpg) bottom right no-repeat; } ul#topNav li#navCartOn a { background: url(/skins/default/en/images/header_nav/SoS_button_cart_on.jpg) bottom left no-repeat; width: 25px; height: 34px; cursor: pointer; } ul#topNav li#navCartOn a:hover { background: url(/skins/default/en/images/header_nav/SoS_button_cart_on.jpg) bottom right no-repeat; } ul#topNav li#navDivider { background: url(/images/vr_34tall.jpg) bottom left no-repeat; width: 4px; } /* Main content styles */ div#mainContent { clear: both; position: relative; width: 940px; _height: 500px; min-height: 500px; margin: 40px 0 0 0; } div#leftHeading { float: left; margin: 0 0 0 20px; } div#soloColumn { float:left; width:760px; } div#leftColumn { float: left; background: url(/images/vr_bg_long.jpg) top right repeat-y; padding: 0 10px 0 0; margin: 0 30px 0 0; width: 360px; border: 0px solid red; } div#rightColumn { position: relative; float: left; width: 310px; height: 100%; border: 0px solid blue;} div#leftHeading h2 { float: left; width: 115px; height: 24px; margin: 85px 0 0 0; padding: 0; } h2#leftH2_TheGoods { float: left; background: url(/images/h2_thegoods.gif) top left no-repeat; width: 115px; height: 24px; margin: 85px 0 0 0; padding: 0; text-indent: -9999px; } h2#leftH2_HiyaDresser { float: left; background: url(/images/h2_hiyadresser.gif) top left no-repeat; width: 134px; height: 24px; margin: 85px 0 0 0; padding: 0; text-indent: -9999px; } h2#storeLocator { background: url(/skins/default/en/images/h2_storelocator.gif) top left no-repeat; width: 200px; height: 24px; margin: 0; padding: 0; text-indent: -9999px; } h2#buyOnline { background: url(/skins/default/en/images/h2_buyonline.gif) top left no-repeat; width: 200px; height: 24px; margin: 0; padding: 0; text-indent: -9999px; } ul#productList { width: 380px; position: relative; margin-top: -26px; } ul#productList li { position: relative; width: 190px; height: 166px; float: left; list-style: none; text-align: center; } ul#productList li a { position: absolute; bottom: 0px; left: 0px; width: 190px; text-align: center; } div#productDetail { width: 380px; position: relative; margin-top: -26px; text-align: center; } div#productDetail ul#thumbBrowseLink { list-style: none; } div#productDetail ul#thumbBrowseLink li { display: inline; font-size: 120%; font-weight: bold; padding: 0 8px 0 8px; } div#productDetail ul#thumbBrowser { list-style: none; padding-right:10px;} div#productDetail ul#thumbBrowser li { display: inline; padding: 0 16px 0 16px; } div#productOptions { margin: 0 0 40px 0; } div#productOptions form { margin: 40px 0 24px 0; } div#productOptions form label { text-transform: uppercase; } div#productOptions form select { display: block; margin: 0 0 10px 0; width: 200px; text-transform: none; color: #808080; } div#productOptions a { font-size: 110%; font-weight: bold; } div#rightColumn p { margin: 0 0 1.5em 0; } img#productLine_FlavorPhoto { margin: 70px 0 0 0; } /* Footer styles */ div#footer { clear: both; position: relative; width: 940px; height: 50px; background: #FFFFFF; margin: 0; padding: 33px 0 0 0; } div#footer ul { float: right; margin: 0; padding: 0; } div#footer ul li { float: left; text-indent: -9999px; list-style: none; height: 29px; margin: 0 3px 0 3px; padding: 0; overflow: hidden; } div#footer ul li a { display: block; height: 29px; } div#footer ul li.generic { text-indent: 0px; } div#footer ul li#footerPhone { background: url(/images/SoS_phone_number.jpg) bottom left no-repeat; width: 78px; } div#footer ul li#footerShipping a { background: url(/images/SoS_button_shipping.jpg) bottom left no-repeat; width: 46px; cursor: pointer; } div#footer ul li#footerShipping a:hover { background: url(/images/SoS_button_shipping.jpg) bottom right no-repeat; } div#footer ul li#footerFAQ a { background: url(/images/SoS_button_faq.jpg) bottom left no-repeat; width: 20px; cursor: pointer; } div#footer ul li#footerFAQ a:hover { background: url(/images/SoS_button_faq.jpg) bottom right no-repeat; } div#footer ul li#footerDealer a { background: url( /skins/default/en/images/footer_nav/SoS_button_dealers.jpg) bottom left no-repeat; width: 41px; cursor: pointer; } div#footer ul li#footerDealer a:hover { background: url(/skins/default/en/images/footer_nav/SoS_button_dealers.jpg) bottom right no-repeat; } div#footer ul li#footerTerms a { background: url(/images/SoS_button_terms.jpg) bottom left no-repeat; width: 31px; cursor: pointer; } div#footer ul li#footerTerms a:hover { background: url(/images/SoS_button_terms.jpg) bottom right no-repeat; } div#footer ul li#footerRegister a { background: url(/images/SoS_button_register_product.jpg) bottom left no-repeat; width: 88px; cursor: pointer; } div#footer ul li#footerRegister a:hover { background: url(/images/SoS_button_register_product.jpg) bottom right no-repeat; } div#footer ul li.footerDivider { background: url(/images/vr_29tall.jpg) bottom left no-repeat; width: 4px; } div#footer form { float: right; margin: 0; padding: 0 0 0 46px; position: relative; } div#footer form input { margin: 0 0 8px 0; } div#footer form div { display: inline; } div#footer form img { margin: 0 34px 0 0; padding: 0; } div#footer #jpma { float:left; padding-left: 15px; margin-top:-15px; } div#footer #jpma table tr #jpma_text { font-size:9px; padding-left: 5px; } #welcome { position: absolute; top: 65px; left: 300px; } div#splashfooter { clear: both; position: relative; width: 940px; height: 150px; background: #FFFFFF; margin: 0; padding: 33px 0 0 0; } div#splashfooter #enterStore { font-size:14px; padding: 0px 0px 0px 300px; } table.two_col { width:100%; } table.two_col tr td.left_col { border-right: 2px #cccccc solid; padding: 0px 30px 30px 30px; vertical-align: top; width: 50%; } table.two_col tr td.right_col { text-align: left; padding: 0px 30px 30px 30px; vertical-align:top; width: 50%; } table.two_col tr td.right_col ul#store_locator_list li { margin-bottom: 1.5em; } ul#store_locator_list li { margin-bottom: 1.5em; } table.two_col_large_left { width:100%; } table.two_col_large_left tr td.left_col { border-right: 2px #cccccc solid; padding: 0px 20px 30px 20px; vertical-align:top; width: 75%; } table.two_col_large_left tr td.left_col ul { list-style-type: none; } table.two_col_large_left tr td.left_col ul li { display: inline; width: 100px; height: 127px; } table.two_col_large_left tr td.left_col ul li img { border: 0; } table.two_col_large_left tr td.right_col { padding: 0px 30px 30px 30px; vertical-align:top; width: 25%; } table.two_col_large_left tr td.right_col ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; } table.two_col_large_left tr td.right_col ul li#press_link_online { width: 134px; height: 24px; text-indent: -9999px; } table.two_col_large_left tr td.right_col ul li#press_link_online a { width: 56px; height: 24px; display: block; background: url(/images/press_online.gif); outline: none; } table.two_col_large_left tr td.right_col ul li#press_link_online a:hover { width: 56px; height: 24px; display: block; background: url(/images/press_online_on.gif); outline: none; } table.two_col_large_left tr td.right_col ul li#press_link_online_on { width: 134px; height: 24px; text-indent: -9999px; } table.two_col_large_left tr td.right_col ul li#press_link_online_on a { width: 56px; height: 24px; display: block; background: url(/images/press_online_on.gif); outline: none; } table.two_col_large_left tr td.right_col ul li#press_link_print { width: 134px; height: 24px; text-indent: -9999px; } table.two_col_large_left tr td.right_col ul li#press_link_print a { width: 42px; height: 24px; display: block; background: url(/images/press_print.gif); outline: none; } table.two_col_large_left tr td.right_col ul li#press_link_print a:hover { width: 42px; height: 24px; display: block; background: url(/images/press_print_on.gif); outline: none; } table.two_col_large_left tr td.right_col ul li#press_link_print_on { width: 134px; height: 24px; text-indent: -9999px; } table.two_col_large_left tr td.right_col ul li#press_link_print_on a { width: 42px; height: 24px; display: block; background: url(/images/press_print_on.gif); outline: none; } // FAQ div.faq_section { clear: all; margin-bottom: 15px; } ul.faq { list-style:none; padding-left:0px; margin-left:0px; } ul.faq li { list-style:none; height:18px; padding-left:0px; margin-left:0px; } div.faq_group { margin-bottom:15px; } div.faq_q { font-weight: bold; margin-bottom:3px; } div.faq_a { margin-bottom: 15px; } /* END SOS Specific Styles */ /** START lightbox styles */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(/images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /** END lightbox styles */