/* ---------------------------------------------------- -----------------------GENERIC---------------------- ---------------------------------------------------- */ html, body { height: 100%; padding: 0; margin: 0; background: url(../images/layout/bg_body.jpg) #905A2E repeat-x; font: 12px Verdana, Tahoma, Geneva, sans-serif; color: #B1A598; text-align: center; } img { border: 0; } .divider { width: 100%; border-top: dashed 1px #50453A; margin-top: 15px; float: left; clear: both; font-weight: bold; color: #50453A; text-align: left; } h1 { width: 523px; margin: 12px 0px 12px 0px; clear: both; float: left; font-size: 22px; font-weight: normal; color: white; text-align: left; } h2 { margin: 0px; padding-bottom: 10px; font-size: 14px; font-weight: normal; color: #E2992D; } h3 { margin: 15px 0px 3px 0px; padding: 0px; font-size: 13px; font-weight: normal; color: #FFFFFF; } .txtMedWhite { font-size: 13px; color: #FFF; float: left; display: inline; } .txtSmall { font-size: 13px; color: #B1A598; float: left; display: inline; } .glossaryAlphabet { width: 100%; margin: 5px 0px 5px 0px; clear: both; float: left; font-size: 22px; font-weight: normal; font-style: italic; color: #E2992D; text-align: left; } #container .right .content .ti { width: 100%; border-bottom: solid 1px #E2992D; margin: 0px 0px 10px 0px; float: left; clear: both; font-size: 16px; color: #C6BBB0; text-align: left; } #container .left .coffeeHouse a, #container .left .coffeeHouse a:hover { behavior: url(../css/iepngfix.htc); } /* ---------------------------------------------------- -----------------------LAYOUT----------------------- ---------------------------------------------------- */ /* CONTAINER */ #container { width: 970px; padding: 0px; margin-left: auto; margin-right: auto; overflow: hidden; clear: both; } #container .url { min-height: 267px; width: 37px; min-height: 480px; background: url(../images/layout/url.png) no-repeat bottom left; float: left; display: inline; } #container .outer { width: 933px; background: url(../images/layout/bg_border.jpg) #FFF repeat-x; float: left; display: inline; } #container .inner { width: 913px; min-height: 440px; margin: 0px 10px 10px 10px; padding-bottom: 30px; background: #171411 url(../images/layout/bg_inner.jpg) no-repeat; overflow: hidden; } #container .FeedbackTab { width: 33px; height: 98px; background-image: url(/images/icons/feedback_off.png); background-repeat: no-repeat; cursor: pointer; position: absolute; left: 50%; margin-left: 485px; margin-top: 26px; } #container .FeedbackTab:hover { background-image: url(/images/icons/feedback_on.png); } /* LEFT COL */ #container .left { width: 187px; padding: 0px; float: left; display: inline; } #container .left .logo { width: 145px; height: 107px; margin: 18px 0px 12px 21px; float: left; display: inline; } #container .left #social { width: 145px; height: 42px; margin: 25px 0px 12px 21px; float: left; display: inline; } /* LEFT WEATHER */ #container .left .weather { width: 129px; border: solid 1px #50453A; padding: 10px; margin: 15px 0px 15px 18px; background-color: #0F0D0B; float: left; display: inline; } #container .left .weather .top { width: 129px; border-bottom: solid 1px #E2992D; overflow: hidden; text-align: left; } #container .left .weather .top .left { width: auto; float: left; display: inline; display: block; font-size: 14px; color: #CBC1B8; text-align: left; } #container .left .weather .top .right { width: auto; padding-top: 3px; float: right; display: inline; display: block; font-size: 11px; color: #E45D01; text-align: right; } #container .left .weather .bot { margin-top: 3px; } /* LEFT JOB VACANCIES */ #container .left .jobVacancies { width: 149px; height: 90px; margin: 5px 0px 0px 18px; border: #50453A solid 1px; float: left; clear: both; display: inline; overflow: hidden; } #container .left .jobVacancies a { width: 149px; height: 90px; background: url(../images/nav/left_job_vacancies.jpg); float: left; clear: both; overflow: hidden; } #container .left .jobVacancies a:hover { width: 149px; height: 90px; background: url(../images/nav/left_job_vacancies.jpg) 0px 90px; } /* LEFT SPECIAL */ #container .left .specialOffer { width: 149px; height: 105px; margin: 5px 0px 0px 18px; border: #50453A solid 1px; float: left; clear: both; display: inline; overflow: hidden; } #container .left .specialOffer a { width: 149px; height: 105px; background: url(../images/nav/left_coffee_month.jpg); float: left; clear: both; overflow: hidden; } #container .left .specialOffer a:hover { width: 149px; height: 105px; background: url(../images/nav/left_coffee_month.jpg) 0px 105px; } /* LEFT COFFEE HOUSE */ #container .left .coffeeHouse { width: 149px; height: 197px; margin: 5px 0px 0px 18px; float: left; clear: both; display: inline; overflow: hidden; } #container .left .coffeeHouse a { width: 149px; height: 197px; background: url(../images/nav/left_coffee_house.jpg); float: left; clear: both; overflow: hidden; } #container .left .coffeeHouse a:hover { background: url(../images/nav/left_coffee_house.jpg) 0px 197px; } /* LEFT BUY NOW */ #container .left .buyNow { width: 149px; height: 90px; margin: 5px 0px 0px 18px; border: #50453A solid 1px; float: left; clear: both; display: inline; overflow: hidden; } #container .left .buyNow a { width: 149px; height: 90px; background: url(../images/nav/left_buy_now.jpg); float: left; clear: both; overflow: hidden; } #container .left .buyNow a:hover { width: 149px; height: 90px; background: url(../images/nav/left_buy_now.jpg) 0px 90px; } /* LEFT NAV */ #container .left .leftNav { width: 149px; margin: 20px 0px 0px 18px; padding-bottom: 0px; border: dashed 1px #50453A; float: left; display: inline; clear: both; text-align: left; } #container .left .leftNav .tit { background-color: #0F0D0B; font-size: 14px; font-weight: normal; color: #E2992D; } #container .left .leftNav .tit a { width: 144px; height: 15px; padding: 5px 0px 7px 5px; background-color: #0F0D0B; font-size: 14px; font-weight: normal; color: #E2992D; text-decoration: none; display: block; } #container .left .leftNav .tit a:hover { background-color: #0F0D0B; font-size: 14px; font-weight: normal; color: #FFF; text-decoration: none; } .leftNav ul { padding: 0; margin: 0; clear: both; list-style: none; } .leftNav li { width: 149px; border-top: dashed 1px #50453A; float: left; display: block; overflow: hidden; text-align: left; } .leftNav li a { height: 15px; padding: 7px 0px 5px 5px; display: block; font-size: 10px; color: white; text-decoration: none; } .leftNav li a:hover { background-color: #695E41; font-size: 10px; } #shopInfo { width: 139px; padding: 5px; margin: 15px 0px 0px 18px; border: dashed 1px #50453A; float: left; display: inline; overflow: hidden; clear: both; text-align: left; } #shopInfo #tit { clear: both; overflow: hidden; color: #EE940D; font-size: 12px; font-weight: bold; } #shopInfo p { clear: both; overflow: hidden; margin: 7px 0px 7px 0px; color: #B1A598; font-size: 11px; } #shopInfo #tit2 { clear: both; overflow: hidden; color: #B1A598; font-size: 11px; } #shopInfo #img { clear: both; overflow: hidden; padding-top: 25px; } /* LEFT GALLERY VIDEO */ #container .left .misc { width: 129px; border: solid 1px #50453A; padding: 10px; margin: 20px 0px 0px 18px; background-color: #0F0D0B; float: left; display: inline; } #container .left .misc .img { width: 129px; margin-top: 3px; text-align: left; } #container .left .misc .top { width: 129px; border-bottom: solid 1px #E2992D; text-align: left; } #container .left .misc .top .left { width: auto; float: left; display: inline; display: block; font-size: 14px; color: #CBC1B8; text-align: left; } #container .left .misc .top .right { width: auto; padding-top: 3px; float: right; display: inline; display: block; font-size: 11px; color: #E45D01; text-align: right; } /* RIGHT COL */ #container .right { width: 707px; float: left; display: inline; } /* ----------------------------------------------------HEADER START */ /* HEADER HOME */ #container .right .headerHome { width: 707px; height: 339px; background: url(../images/layout/bg_header_home.png) no-repeat 0px 26px; float: left; display: inline; } /* SIGN UP */ #container .right .headerHome .signUp { width: 677px; height: 22px; margin: 1px 0px 0px 11px; padding: 4px; background: url(../images/layout/bg_signup.jpg) repeat-x; float: left; clear: both; font-size: 11px; color: #FFFFFF; } #container .right .headerHome .signUp .submit a { height: 16px; border: solid 1px white; padding: 2px 4px 0px 4px; margin: 1px 0px 0px 4px; background-color: #282015; display: inline-block; font-size: 9px; color: #FFFFFF; text-decoration: none; } #container .right .headerHome .signUp .submit a:hover { height: 16px; border: solid 1px white; padding: 2px 4px 0px 4px; background-color: #685337; display: inline-block; font-size: 9px; color: #FFFFFF; text-decoration: none; } /* HOME FLASH */ #gal { width: 685px; height: 175px; margin: 0px 0px 0px 11px; padding: 0px 0px 0px 0px; float: left; clear: both; background: url(../images/home_flash/01.jpg) no-repeat; } /* HEADER MAIN */ #container .right .headerMain { width: 707px; height: 124px; background: url(../images/layout/bg_header_main.png) no-repeat 0px 26px; float: left; display: inline; } /* HEADER CART */ #container .right .headerCart { width: 155px; height: 115px; margin: 7px 11px 0px 0px; float: right; display: inline; text-align: left; } #container .right .headerCart .logRegAcc a { border: solid 1px #50453A; padding: 3px; background-color: #282015; float: left; font-size: 9px; color: #917C68; text-align: left; text-decoration: none; } #container .right .headerCart .logRegAcc a:hover { border: solid 1px #50453A; padding: 3px; background-color: #504029; float: left; font-size: 9px; color: #BBAD9F; text-align: left; text-decoration: none; } #container .right .headerCart .top { width: 145px; border-bottom: solid 1px #E2992D; margin: 8px 0px 5px 10px; background: url(../images/layout/cart_icon.gif) no-repeat right; float: left; clear: both; font-size: 16px; color: #C6BBB0; text-align: left; text-decoration: none !important; } #container .right .headerCart .top a:hover { text-decoration: none !important; } #container .right .headerCart .details { width: 146px; margin: 0px 0px 10px 10px; float: left; clear: both; font-size: 9px; color: #CBC1B8; text-align: left; } #container .right .headerCart .details .in { clear: both; } #container .right .headerCart .details .in .txt { padding-top: 12px; float: left; display: inline; display: block; clear: none; overflow: hidden; font-size: 10px; color: #7E6D61; text-align: left; } #container .right .headerCart .details .in .checkout a { border: solid 1px #CDCAC5; padding: 3px 6px 3px 6px; margin: 9px 0px 0px 0px; background-color: #E45D01; display: block; clear: none; float: right; display: inline; color: white; text-decoration: none; } #container .right .headerCart .details .in .checkout a:hover { border: solid 1px #CDCAC5; padding: 3px 6px 3px 6px; background-color: #FE7A23; float: right; display: block; clear: none; display: inline; color: white; text-decoration: none; } /* COUNTRY SELECT */ #countrySelect { height: 30px; width: 525px; padding: 10px 0px 0px 11px; float: left; clear: both; overflow: hidden; text-align: left; } #countrySelect .flag { width: 30px; margin-right: 8px; float: left; display: inline; text-align: left; } #countrySelect .description { margin-top: 4px; float: left; display: inline; font-size: 9px; color: #8E7C6A; text-align: left; } /* ----------------------------------------------------HEADER END */ /* ----------------------------------------------------CONTENT START */ /* CONTENT */ #container .right .content { width: 707px; padding: 18px 0px 0px 0px; float: left; overflow: hidden; display: inline; text-align: left; } /* TIP */ #container .right .content .tip { padding: 10px 10px 10px 10px; margin: 15px 0px 15px 0px; border: dashed 1px #50453A; background: #0F0D0B url(../images/icons/info.png) no-repeat 10px 10px; clear: both; overflow: hidden; } #container .right .content .tip .txt { margin: 8px 0px 0px 40px; font-style: italic; } /* LI */ #container .right .content li { margin: 10px 0px 0px 0px; } #container .right .content .flow { width: 707px; border-top: dashed 1px #50453A; padding-top: 12px; float: left; overflow: hidden; display: inline; text-align: left; } #container .right .content .flow a { color: white; } #container .right .content .flow a:hover { color: white; } /* LEFT CONTENT */ #container .right .content .lc { width: 523px; overflow: hidden; float: left; display: inline; } #container .right .content .lcHome { width: 400px; overflow: hidden; float: left; display: inline; } #container .right .content .lc .topImage { width: 523px; float: left; clear: both; } #container .right .content .lc .topImage .topImage1 { border: solid 1px #50453A; float: left; display: inline; } #container .right .content .lc .topImage .topImage2 { border: solid 1px #50453A; margin-left: 18px; float: left; display: inline; } #container .right .content .lc .intro { width: 523px; float: left; clear: both; } #container .right .content .lc .contentBody { width: 523px; border-top: dashed 1px #50453A; padding-top: 12px; float: left; clear: both; } #container .right .content .lc .contentBody .linker a { margin: 0px 0px 5px 0px; padding: 6px 6px 6px 6px; background-color: #5F5447; display: block; float: left; clear: both; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; } #container .right .content .lc .contentBody .linker a:hover { background-color: #845026; } #container .right .content .lc .contentBodyHome { width: 400px; border-top: dashed 1px #50453A; padding-top: 12px; float: left; clear: both; } /* RIGHT CONTENT */ #container .right .content .rc { width: 166px; float: right; display: inline; } #container .right .content .rcHome { width: 292px; float: right; display: inline; } #container .right .content .rc .boxOuter { width: 144px; border: solid 1px #50453A; margin-bottom: 18px; padding: 10px; background-color: #0F0D0B; float: right; display: inline; } #container .right .content .rc .topImage3 { border: solid 1px #50453A; margin-bottom: 18px; float: left; display: inline; } /* FEATURED PRODUCT */ #container .right .content .rcHome .boxOuter { width: 288px; border: solid 1px #50453A; margin-bottom: 18px; background-color: #0F0D0B; float: right; display: inline; } #container .right .content .rcHome .boxOuter .pad { width: 258; padding: 10px; } #container .right .content .rcHome .boxOuter .featuredTitle { width: 266px; border-bottom: solid 1px #E2992D; margin: 0px 0px 5px 0px; padding: 0px; float: left; clear: both; font-size: 16px; color: #C6BBB0; text-align: left; } #container .right .content .rcHome .boxOuter .featuredSub { width: 266px; margin: 0px 0px 5px 0px; float: left; clear: both; font-size: 11px; color: #C6BBB0; text-align: left; } #container .right .content .rcHome .boxOuter .featuredImg { padding: 5px 5px 10px 5px; overflow: hidden; clear: both; text-align: center; } #container .right .content .rcHome .boxOuter .featuredName { width: 100%; } #container .right .content .rcHome .boxOuter .featuredPrice { padding-top: 4px; float: left; font-size: 11px; font-weight: bold; color: #CBC1B8; } #container .right .content .rcHome .boxOuter .featuredHr { height: 1px; color: #E2992D; } #container .right .content .rcHome .boxOuter .featuredBottom { width: 258px; padding: 5px; background-color: #50453A; clear: both; overflow: hidden; font-size: 11px; font-family: Verdana; } #container .right .content .rcHome .boxOuter .featuredBottom a { border: solid 1px #CDCAC5; padding: 3px 6px 3px 6px; background-color: #E45D01; display: block; clear: none; float: right; display: inline; color: white; text-decoration: none; } #container .right .content .rcHome .boxOuter .featuredBottom a:hover { border: solid 1px #CDCAC5; padding: 3px 6px 3px 6px; background-color: #FE7A23; float: right; display: block; clear: none; display: inline; color: white; text-decoration: none; } #container .right .content .rcHome .boxOuter .featuredBottom .soldOut:hover { border: none 0px; padding: 0px 0px 0px 0px; float: right; display: block; clear: none; display: inline; color: white; text-decoration: none; } #container .right .content .rcHome .boxOuter .featuredBottom .soldOut { border: none 0px; padding: 0px 0px 0px 0px; float: right; display: block; clear: none; display: inline; color: white; text-decoration: none; } #container .right .content .Strength { background:url(/images/layout/StrengthBanner.jpg) no-repeat; width:707px; height:39px; } #container .right .content .Strength .Number { width:28px; height:32px; background-repeat:no-repeat; display:block; float:left; margin-left:44px; margin-right:45px; } .tooltip { display: none; background: transparent url(/images/layout/StrengthBalloon.png) no-repeat; font-size: 14px; height: 58px; width: 180px; margin-left:58px; padding:8px; padding-left:12px; color:#000000; } .tooltip .Number { vertical-align:middle; float:left;} .tooltip .Text { padding-top:5px;padding-left:5px; float:left;} /* ----------------------------------------------------CONTENT END */ /* ----------------------------------------------------FOOTER START */ /* FOOTER LEVEL 1*/ #containerFooter { padding: 0px; margin-left: auto; margin-right: auto; background: #171411 url(../images/layout/bg_footer.jpg) repeat-x; overflow: hidden; } #containerFooter .inner { width: 933px; padding: 140px 0px 20px 37px; margin-left: auto; margin-right: auto; overflow: hidden; } #containerFooter .nav { float: left; clear: both; overflow: hidden; text-align: left; } #containerFooter .blocks { margin-right: 30px; float: left; display: inline-block; overflow: hidden; text-align: left; } #containerFooter .inner .logos { float: right; display: inline; overflow: hidden; } #containerFooter .inner .logos .block { padding-left: 0px 0px 0px 30px; display: inline; overflow: hidden; } /* FOOTER LEVEL 2*/ #containerFooter2 { min-height: 103px; padding: 0px; margin-left: auto; margin-right: auto; background: #090706 url(../images/layout/bg_footer2.gif) repeat-x bottom; overflow: hidden; } #containerFooter2 .inner { width: 933px; padding: 15px 0px 0px 37px; margin-left: auto; margin-right: auto; } #containerFooter2 .inner .social { float: right; display: inline; } #containerFooter2 .inner .social .block { padding: 8px 0px 0px 20px; display: inline; } #containerFooter2 .inner .address { float: left; display: inline; font-size: 9px; color: #3F3932; text-align: left; } #containerFooter2 .inner .katatomic { padding-top: 25px; float: right; display: inline; } /* ----------------------------------------------------FOOTER END */ /* ---------------------------------------------------- -----------------------NAVIGATION------------------- ---------------------------------------------------- */ /* HEADER NAV */ #headerNav { height: 81px; float: left; clear: both; overflow: hidden; } #headerNav ul { padding: 0; margin: 0; list-style: none; } #headerNav li { float: left; overflow: hidden; text-align: left; } #headerNav li .tnDivider { height: 53px; width: 2px; padding-top: 14px; float: left; overflow: hidden; text-align: left; } #headerNav li a .sub { letter-spacing: -0.5px; padding: 0px 0px 0px 0px; display: block; font-size: 9px; color: #8E7C6A; text-decoration: none; line-height: 12px; } #headerNav li a:hover .sub { letter-spacing: -0.5px; padding: 0px 0px 0px 0px; display: block; font-size: 9px; color: #E2992D; line-height: 12px; text-decoration: none; } #headerNav li a { height: 53px; padding: 26px 10px 0px 10px; display: block; font-size: 16px; color: #C6BBB0; text-decoration: none; } #headerNav li a:hover { font-size: 16px; color: white; } /* CONTENT NAV */ #container .right .content .contentNav ul { padding: 0; margin: 0px; list-style: none; } #container .right .content .contentNav li a { margin: 0px 0px 5px 0px; padding: 6px 6px 6px 6px; background-color: #845026; display: block; float: left; clear: both; font-size: 10px; font-weight: bold; color: #FFF; text-decoration: none; } #container .right .content .contentNav li a:hover { background-color: #5F5447; color: #FFF; } /* SHOP STICKER */ .shopSticker { width: 166px; float: left; clear: both; display: inline; overflow: hidden; } .shopSticker a { width: 159px; height: 154px; background: url(../images/nav/shop_sticker.png); float: right; clear: both; display: inline; } .shopSticker a:hover { background: url(../images/nav/shop_sticker.png) 0px 154px; } /* FOOTER NAV */ #containerFooter .blocks a { font-size: 9px; font-weight: bold; color: #A09183; text-decoration: none; } #containerFooter .blocks a:hover { font-size: 9px; font-weight: bold; color: #E2992D; text-decoration: none; } #containerFooter .blocks ul { border-top: dashed 1px #5E5648; margin: 5px 0px 0px 0px; padding: 0; list-style: none; } #containerFooter .blocks li { float: left; clear: both; overflow: hidden; text-align: left; } #containerFooter .blocks li a { font-size: 9px; font-style: normal; font-weight: normal; color: #5E5648; text-decoration: none; } #containerFooter .blocks li a:hover { font-size: 9px; font-style: normal; font-weight: normal; color: #C26423; text-decoration: none; } /* EA 01/03/2010 Added this to override nested ul tag */ #containerFooter .blocks li ul { padding-bottom: 0px; padding-top: 0px; margin-top: 0px; margin-bottom: 0px; border-top: none; border-bottom: none; font-size: 9px; font-style: normal; font-weight: normal; color: #5E5648; text-decoration: none; } /* EA 01/03/2010 To Here */ #containerFooter2 a { font-size: 9px; color: #3F3932; text-decoration: none; } #containerFooter2 a:hover { font-size: 9px; color: #6A5133; } #content .cartNav a { font-size: 11px; color: #902E35; text-decoration: none; } #content .cartNav a:hover { font-size: 11px; color: black; text-decoration: none; } /* Content Buttons */ .buttonWrapper { margin-right: 10px; overflow: hidden; float: left; display: inline; } /* Content Buttons 1 */ a.button1 { height: 29px; margin-top: 3px; padding-left: 12px; background: transparent url('../images/nav/oval_1_left.gif') no-repeat top left; display: block; float: left; font: normal 11px; line-height: 16px; text-decoration: none; } a:link.button1, a:visited.orange, a:active.button1 { color: #fff; font-weight: normal; } a.button1 span { padding: 5px 14px 8px 0; background: transparent url('../images/nav/oval_1_right.gif') no-repeat top right; display: block; } a.button1:hover { background-position: bottom left; } a.button1:hover span { background-position: bottom right; color: #fff; } /* Content Buttons 2 */ a.button2 { height: 29px; margin-top: 3px; padding-left: 12px; background: transparent url('../images/nav/oval_2_left.gif') no-repeat top left; display: block; float: left; font: normal 11px; line-height: 16px; text-decoration: none; } a:link.button2, a:visited.button2, a:active.button2 { color: #fff; font-weight: normal; } a.button2 span { padding: 5px 14px 8px 0; background: transparent url('../images/nav/oval_2_right.gif') no-repeat top right; display: block; } a.button2:hover { background-position: bottom left; } a.button2:hover span { background-position: bottom right; color: #fff; } /* Content Buttons 3 */ a.button3 { height: 29px; margin-top: 3px; padding-left: 12px; background: transparent url('../images/nav/oval_3_left.gif') no-repeat top left; display: block; float: left; font: normal 11px; line-height: 16px; text-decoration: none; } a:link.button3, a:visited.button3, a:active.button3 { color: #fff; font-weight: normal; } a.button3 span { padding: 5px 14px 8px 0; background: transparent url('../images/nav/oval_3_right.gif') no-repeat top right; display: block; } a.button3:hover { background-position: bottom left; } a.button3:hover span { background-position: bottom right; color: #fff; } /* ---------------------------------------------------- -----------------------LOGIN------------------------ ---------------------------------------------------- */ .loginHolder { padding: 5px 10px; clear: both; } .loginTitle { width: 100px; float: left; } .floatLeft { float: left; } .loginBtn { padding: 10px 10px 10px 110px; clear: both; } .loginValidation { clear: both; float: left; } .loginWrapper { padding: 10px 0px 10px 10px; clear: both; } .failure-text { margin-top: 10px; clear: both; } /* ---------------------------------------------------- -----------------------LIGHTBOX--------------------- ---------------------------------------------------- */ #lightbox { width: 100%; position: absolute; z-index: 100; left: 0; line-height: 0; text-align: center; } #lightbox a img { border: none; } #outerImageContainer { height: 320px; width: 460px; margin: 0 auto; background-color: #fff; position: relative; } #imageContainer { padding: 10px; } #loading { height: 25%; width: 100%; position: absolute; top: 40%; left: 0%; text-align: center; line-height: 0; } #hoverNav { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; } #imageContainer > #hoverNav { left: 0; } #hoverNav a { outline: none; } #prevLink, #nextLink { height: 100%; width: 49%; 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 { width: 100%; margin: 0 auto; background-color: #fff; overflow: auto; font: 10px Verdana, Helvetica, sans-serif; line-height: 1.4em; } #imageData { padding: 0 10px; color: #666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { padding-bottom: 1.0em; display: block; clear: left; } #imageData #bottomNavClose { width: 66px; padding-bottom: 0.7em; float: right; } #overlay { height: 500px; width: 100%; background-color: #000; position: absolute; top: 0; left: 0; z-index: 90; } /* ---------------------------------------------------- ----------------------- General Control Styles ----- ---------------------------------------------------- */ #version { float: right; overflow: hidden; clear: both; } .subTitle { padding: 6px; margin: 5px 0px 10px 0px; background-color: #C4B99F; clear: both; font-size: 12px; color: black; text-align: left; } .subTitle2 { padding: 8px; margin: 3px 0px 3px 0px; clear: both; background-color: #493F35; font-size: 13px; font-weight: bold; color: #E2992D; text-align: left; } .date { font-size: 11px; color: #FE4429; text-align: left; } /* ---------------------------------------------------- ----------------------- Input Control Styles ----- ---------------------------------------------------- */ .txtBoxesSml { width: 115px; border: solid 1px #ccc; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #484848; padding: 3px; } .txtBoxesMed { width: 210px; border: solid 1px #ccc; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #484848; padding: 3px; } .txtBoxesLrg { width: 340px; border: solid 1px #ccc; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; color: #484848; padding: 3px; } .registerTxtBox { width: 115px; border: solid 1px #fff; font-size: 9px; background-color: #DECBB8; font-family: Verdana, Tahoma, Geneva, sans-serif; color: #85613D; padding: 3px; } /* ---------------------------------------------------- ----------------------- Data Control Styles -------- ---------------------------------------------------- */ .validationSummary { background-color: #D1CDBE; padding: 10px; text-align: left; border: solid 1px #50453A; } .detailsview { border: solid 1px #50453A; background-color: #0F0D0B; clear: both; width: 100%; padding: 10px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; } .gridview { margin-bottom: 20px; border: solid 1px #50453A; background-color: #0F0D0B; width: 100%; padding: 0px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: #fff; clear: both; } .subGridview { border: solid 1px #50453A; background-color: #0F0D0B; width: 350px; padding: 0px; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: #fff; display: inline; } .amount { width: 707px; border-top: dashed 1px #50453A; margin-top: 25px; padding-top: 5px; float: left; clear: both; font-weight: bold; color: #50453A; text-align: left; } .subAmount { width: 350px; border-top: dashed 1px #50453A; margin-top: 25px; padding-top: 5px; float: left; font-weight: bold; color: #50453A; text-align: left; } .controlHeader { padding: 5px 5px 0px 5px; background-color: #50453A; font-size: 13px; font-family: Tahoma, Geneva, sans-serif; color: Black; text-decoration: none; } .altRowStyle { background-color: #1C1914; } /* ---------------------------------------------------- ----------------------- Shopping Cart Styles ------- ---------------------------------------------------- */ .divPayDelivery { padding: 10px 0px 40px 0px; font-style: italic; font-weight: bold; color: #FFFFFF; } .itemPrice { float: left; clear: both; } .itemTitle { height: 33px; font-weight: normal; float: left; color: #FFFFFF; clear: both; font-size: 12px; margin-bottom: 5px; border-bottom:solid 1px #56514D;} .itemDesc {height:90px; overflow:hidden; clear:both; } .itemDesc .header { color:#E15F18; } .ImageStrength { text-align:right; font-size:9px; background-color:#FFFFFF; padding-right:5px; clear:both; height:27px;} .ImageStrength img { vertical-align:middle; } .itemDescription { text-align: left; float: left; clear: both; display: block; color: #B1A598; } .productLeft { float: left; display: inline; text-align: left; width: 330px; margin-right: 10px; overflow: hidden; margin: auto; } .productLeft a { font-size: 12px; color: #3F3932; text-decoration: none; } .productLeft a:hover { font-size: 12px; color: #FFFFFF; text-decoration: none; } .productRight { width: 330px; padding: 2px; border: solid 1px #50453A; float: right; text-align: right; vertical-align: top; } .productThumb { float: left; padding: 0px; width: 156px; height: 156px; text-align: center; overflow: hidden; } .productPrice { font-weight: normal; font-size: 14px; color: #E45D01; text-align: left; clear: both; } .productPriceList { padding-top: 3px; font-size: 12px; clear: both; overflow: hidden; border-top: solid 1px #56514D; } .productPriceList .pri { padding-top: 10px; font-weight: normal; color: #EE940D; text-align: left; overflow: hidden; float: left; display: inline; } .product_bottom { clear: both; bottom: 0px; padding: 8px; } .productTop { vertical-align: top; height: 100%; clear: both; } .productHeader { font-weight: bold; color: Black; text-align: left; vertical-align: top; } .invisble { visibility: hidden; height: 0px; width: 0px; } .no-border { border: solid 0px white; background-color: Transparent; text-align: right; float: right; color: #e2992d; } .gvTotal { border: solid 0px white; background-color: Transparent; color: #666; float: right; text-align: right; width: 150px; } .showRight { float: right; } .go-right { clear: both; text-align: right; float: right; } .go-right-clear { margin-bottom: 20px; display: inline; text-align: right; float: right; } .total_txt { color: #E2992D; } .empty { margin-bottom: 20px; margin-left: 10px; } /* ---------------------------------------------------- ----- Shopping Cart Header User Control Styles ----- ---------------------------------------------------- */ #content .cartTitle { margin-bottom: 8px; font-weight: bold; } #content .cartDetails { height: 45px; margin-bottom: 4px; } #content .cartTxt { font-size: 11px; } #content .cartVat { display: inline; font-size: 10px; } /* ---------------------------------------------------- ------------- Forgotten Password Style ------------- ---------------------------------------------------- */ .btnRetrieve { clear: both; padding: 10px 0px 10px 0px; } .passwordDivider { height: 10px; border-bottom-style: solid; border-bottom-color: #CCCCCC; border-bottom-width: 1px; } .passwordBtn { clear: both; padding: 20px 0px 0px 0px; } .passwordInstruction { padding: 20px 0px; } /* ---------------------------------------------------- ------- Order Failed/Success Specific Styles ------- ---------------------------------------------------- */ .divErrorReport { margin: 5px 5px 5px 15px; }