/*--------------------------------------------- [Main CSS Stylesheet] Project: Perfecta Primary Use: Screen Version: 1.0 Date: 03.08.2009. Last Change: 21.09.2009. Author: Dimedia ---------------------------------------------*/ @import url("reset.css"); /******************************************************************************/ /******* TYPO *****************************************************************/ /******************************************************************************/ body { font-family: arial, sans-serif; } .off-left { position:absolute; left:-9999px; top:-9999px; } /* HEADER TYPO */ #header .lang li a { font-size: 11px; color: #cac4c1; text-decoration: none; } #header .lang li a:hover, #header .lang li.on a { color: #fff; } /* NAVIGATION TYPO */ #main-nav a { font-size: 12px; line-height: 16px; color: #3b4b5b; text-decoration: none; font-weight: bold; text-transform: uppercase; } #main-nav li li a { text-transform: none; } #main-nav li.on li a, #main-nav li:hover li a { color: #d9dadb; } #main-nav li.on a, #main-nav li:hover li a:hover, #main-nav li.on li.on a, #main-nav li:hover a { color: #f5821f; } #nav .top-nav a { font-size: 11px; color: #fff; text-decoration: none; } #nav .top-nav a:hover, #nav .top-nav .on a { color: #f5821f; } /* BOXES TYPO */ .tab-box .tabs a { font-size: 13px; line-height: 16px; color: #3b4b5b; font-weight: bold; text-decoration: none; } .tab-box h2 { font-size: 14px; line-height: 20px; color: #3b4b5b; font-weight: bold; } .tab-box .inner h2 { font-size: 18px; line-height: 22px; font-weight: normal; } .tab-box blockquote { font-size: 14px; line-height: 18px; } .tab-box { font-size: 12px; line-height: 16px; color: #3b4b5b; } .tab-box .button { font-size: 15px; line-height: 19px; color: #fff; font-weight: bold; text-decoration: none; } .tab-box .list-data a { font-size: 12px; line-height: 16px; color: #3b4b5b; font-weight: bold; text-decoration: none; } .tab-box .list-data a span { font-size: 10px; font-weight: normal; } /* COLUMN 1 TYPO */ h1 { font-size: 18px; line-height: 22px; font-weight: normal; color: #3b4b5b; } .gallery .controls { font-size: 11px; color: #c8c4be; font-weight: bold; } .go-back { font-size: 11px; color: #3b4b5b; text-decoration: none; } .text { font-size: 13px; line-height: 18px; color: #3b4b5b; } .text h2, .text h2 a { font-size: 17px; line-height: 23px; color: #3b4b5b; font-weight: bold; } .text h3 { font-size: 15px; line-height: 19px; color: #3b4b5b; font-weight: bold; } .text a { color: #7396bf; text-decoration: none; } .text strong { font-weight: bold; } .webshop-info .rpl-sel a, .webshop-info li li a, .webshop-info .txt, .webshop-info label, .webshop-info span { font-size: 12px; color: #3b4b5b; text-decoration: none; } .webshop-info strong { font-size: 30px; color: #3b4b5b; font-family: Georgia, Times New Roman, serif; font-weight: normal; } .webshop-info strong em { font-size: 50px; font-style: normal; } .webshop-info strong.small { font-size: 18px; font-family: arial, sans-serif; } #rpl-sel-drop a { font-size: 12px; color: #3b4b5b; text-decoration: none; } .gift-note h2, .gift-note li { font-size: 20px; line-height: 24px; color: #f5821f; font-weight: bold; font-style: italic; } .gift-note li { line-height: 16px; } .gift-note li span { font-size: 13px; color: #3b4b5b; font-weight: bold; font-style: normal; } /* LISTS TYPO */ .list-type-1 h2, .list-type-1 h2 a { font-size: 17px; line-height: 23px; color: #3b4b5b; font-weight: bold; } .list-type-1 h3 { font-size: 15px; line-height: 19px; color: #3b4b5b; font-weight: bold; } .list-type-1 a { color: #7396bf; text-decoration: none; } .list-type-1, .list-type-1 li { font-size: 13px; line-height: 18px; color: #3b4b5b; } .list-type-2 span { font-size: 12px; color: #f5821f; } .list-type-2 span em { font-size: 22px; font-style: normal; } .list-type-2 h2, .list-type-2 h2 a { font-size: 22px; color: #3b4b5b; line-height: 24px; } .list-type-2 .text { color: #fff; } .list-type-2 em { color: #f5821f; } .list-type-2 .more { font-size: 13px; font-weight: bold; } .list-type-2 .more span { font-size: 13px; color: #3b4b5b; } .side-list dt { font-size: 11px; color: #f5821f; font-weight: bold; } .side-list dd, .side-list dd a { font-size: 11px; color: #3b4b5b; font-weight: bold; text-decoration: none; } .list-type-3 li .date { font-size: 10px; color: #f5821f; } .list-type-4 li h2.tab { font-size: 12px; color: #3b4b5b; font-weight: bold; } .list-type-4 li h2.tab span { color: #f5821f; } .list-type-5 dt { font-size: 18px; color: #3b4b5b; } .list-type-5 dd a { font-size: 13px; color: #3b4b5b; font-weight: bold; text-decoration: none; } .list-type-5 dd.on a, .list-type-5 dd a:hover { color: #fff; } .list-type-7 .date { font-size: 12px; color: #f5821f; } .list-type-7 h3 { font-size: 16px; color: #3b4b5b; font-weight: bold; } .list-type-7 .more span { font-size: 13px; color: #3b4b5b; font-weight: bold; } /* PAGING TYPO */ .paging a, .paging span { font-size: 12px; color: #3b4b5b; font-weight: bold; } .paging a.on, .paging a:hover { color: #bdbcbc; } /* TABLES TYPO */ .table-type-1 h3 a { font-size: 13px; line-height: 16px; color: #3b4b5b; font-weight: bold; text-decoration: none; } .table-type-1 h3 a span { color: #83929f; } .table-type-2 th { font-size: 11px; line-height: 12px; font-weight: bold; color: #fff; } .table-type-2 th span { font-weight: normal; } .table-type-2 .txt, .table-type-2 td { font-size: 12px; font-weight: bold; color: #3b4b5b; } .table-type-2 td strong { font-size: 16px; } .table-type-2 td strong a { color: #3b4b5b; text-decoration: none; } .table-type-2 td span { font-size: 12px; font-weight: normal; } .table-type-2 .bkg p { font-size: 11px; line-height: 14px; font-weight: normal; color: #7c7c7c; } .table-type-2 .price td strong { font-size: 50px; font-weight: normal; font-family: Georgia, "Times new roman", times, serif; } .table-type-2 .price td strong span { font-size: 30px; font-weight: normal; font-family: Georgia, "Times new roman", times, serif; } .table-type-2 .price td p { font-size: 11px; font-weight: normal; } /* BUTTONS TYPO */ .button-1, .button-1 span { font-size: 11px !important; font-weight: bold !important; color: #3b4b5b !important; text-decoration: none !important; } .button-2, .button-2 span { font-size: 16px !important; font-weight: bold !important; color: #fff !important; text-decoration: none !important; } .button-3, .button-3 span { font-size: 12px !important; font-weight: bold !important; color: #fff !important; text-decoration: none !important; } .button-4, .button-4 span { font-size: 16px !important; font-weight: bold !important; color: #3b4b5b !important; text-decoration: none !important; } /* FORMS TYPO */ .cart-form h2 { font-size: 16px; color: #3b4b5b; font-weight: bold; } .cart-form h2 span { font-size: 30px; color: #f5821f; font-weight: bold; } .cart-form li a { font-size: 12px; font-weight: bold; color: #3b4b5b; text-decoration: none; } .cart-form .block-el-2 label { font-size: 12px; color: #fff; } .cart-form em { color: #f5821f; } .cart-form .form p { font-size: 12px; line-height: 18px; color: #666; } .cart-form .form .date { font-size: 10px; color: #666; } .cart-form .form h3 { font-size: 13px; color: #3b4b5b; font-weight: bold; } .cart-form .form label { font-size: 11px; color: #3b4b5b; font-weight: normal; } .cart-form .form .txt, .cart-form .form textarea { font-size: 11px; color: #3b4b5b; font-family: arial, sans-serif; } .cart-form dl { color: #fff; } .cart-form dl dt { font-size: 16px; font-weight: bold; } .cart-form dl dd { font-size: 11px; line-height: 16px; } .cart-form dl dd.price strong { font-size: 26px; font-weight: normal; line-height: 30px; font-family: Georgia, "Times new roman", times, serif; } .cart-form dl dd.price strong span { font-size: 17px; font-weight: normal; font-family: Georgia, "Times new roman", times, serif; } .side-form h2 { font-size: 11px; color: #f5821f; font-weight: bold; } .side-form p, .side-form label { font-size: 11px; color: #3b4b5b; } .side-form .txt, .side-form textarea { font-size: 11px; color: #3b4b5b; font-family: arial, sans-serif; } .side-form label em { color: #f5821f; } .side-form-2 h2 { font-size: 16px; color: #3b4b5b; font-weight: bold; } .side-form-2 p, .side-form-2 label { font-size: 11px; color: #3b4b5b; } .side-form-2 .txt { font-size: 10px; color: #3b4b5b; } form.default { font-size: 11px; line-height: 13px; } form.default select, form.default .file, form.default .txt, form.default textarea { font-size: 11px; color: #3b4b5b; font-family: arial, sans-serif; } form.default label em { color: #f5821f; } /* GOOGLE MAP TYPO */ .g-info-window h3 { font-size: 12px; color: #3b4b5b; font-weight: bold; } /* COLUMN 2 TYPO */ .side-nav a { font-size: 13px; line-height: 16px; font-weight: bold; color: #3b4b5b; text-decoration: none; } .side-nav a em { font-style: normal; } .side-nav-2 a { font-size: 11px; line-height: 14px; font-weight: bold; color: #3b4b5b; text-decoration: none; } .side-nav-2 a.on, .side-nav-2 a:hover { color: #fff; } .download-pdf { text-decoration: none; } .download-pdf span { color: #83929f; font-size: 13px; line-height: 16px; font-weight: bold; } .download-pdf span em { color: #3b4b5b; text-decoration: underline; font-style: normal; } .video-box { font-size: 11px; color: #7c7c7c; font-family: Georgia, Times New Roman, serif; font-style: italic; } /* FOOTER TYPO */ #footer ul a { font-size: 11px; color: #7396bf; text-decoration: none; } #footer p { font-size: 10px; color: #7c7c7c; line-height:1.3; } #footer .sign { font-size: 10px; color: black; text-decoration: none; line-height:1.3; } #footer .sign:hover, #footer .sign span { color: red; } /******************************************************************************/ /******* LAYOUT ***************************************************************/ /******************************************************************************/ body { background: #ebebeb; } /* INTRO PAGE */ #intro { background: #0c1824; } #intro .wrapp { background: url(../images/intro-bkg.jpg) top left repeat-x; padding-top: 99px; } #intro .wrapp a { width: 921px; height: 491px; text-decoration: none; display: block; background: url(../images/intro-img.jpg) no-repeat; margin: 0px auto; position: relative; } #intro .wrapp h1 { width: 0px; height: 31px; background: url(../images/intro-txt.jpg) no-repeat; text-indent: -9999px; top: 107px; left: 28px; position: absolute; } #intro .wrapp span { display: block; position: absolute; bottom: 80px; left: 28px; width: 570px; color: #fff; font-size: 12px; line-height: 17px; font-family: Verdana, arial, sans-serif; } /* HEADER */ #header { background: #21465d url(../images/header-bkg.gif) top left repeat-x; border-bottom: 1px solid #071520; } #header .wrapp { width: 921px; margin: 0px auto; padding-top: 1px; position: relative; overflow: hidden; zoom: 1; height: 86px; } #header .logo { display: block; background: url(../images/logo.gif); width: 300px; height: 61px; float: left; margin-top: 18px; } #header .logo a { width: 300px; height: 61px; text-indent: -9999px; display: block; } #header .lang { position: absolute; top: 0; right: 0; } #header .lang li { float: left; padding: 1px 6px 2px; } #header .lang li.on { background: #83929f url(../images/lang-bkg.gif) bottom left repeat-x; } /* NAVIGATION */ #nav { background: #fff url(../images/nav-bkg.gif) bottom center no-repeat; padding-bottom: 3px; position: relative; z-index: 3; } #nav .wrapp { width:921px; margin:0 auto; position:relative; } #main-nav { width: 920px; margin: 0px auto; height: 37px; padding-left: 1px; background: url(../images/nav-separator.gif) bottom left no-repeat; } #main-nav li { float: left; background: url(../images/nav-separator.gif) bottom right no-repeat; padding-right: 1px; position: relative; } #main-nav li a { display: block; padding: 13px 14px 8px 14px; background: #fff url(../images/nav-bkg-3.gif) bottom left repeat-x; zoom: 1; float: left; } #main-nav li.bkg a { background: #fff url(../images/nav-bkg-2.gif) bottom left repeat-x; } #main-nav li.last a { padding: 13px 13px 8px 13px; position: absolute; white-space:nowrap; } #main-nav li.on a, #main-nav li:hover a { background: #183447; margin-bottom: -1px; padding-bottom: 10px; } #main-nav div { zoom:1; display: none; position: absolute; padding-bottom: 8px; background: url(../images/nav-shadow-bottom.png) bottom left no-repeat; z-index: 2; top: 38px; left: 0; } #main-nav li:hover div { display: block; } #main-nav ul { overflow: hidden; zoom: 1; background: url(../images/nav-shadow-right.png) top right no-repeat; width: 159px; height: auto; padding: 0 8px 0 0; margin: 0; } #main-nav li li { clear: left; border-bottom: 1px solid #3b4b5b; background: none; padding: 0; width: 159px; } #main-nav li li a { background: #183447; float: none; border-bottom: 1px solid #071520; padding: 9px 10px 7px 14px !important; } #main-nav li li.last, #main-nav li li.last a { border: none; position: static; white-space: normal; } #nav .top-nav { position:absolute; right:0; top:-50px; } #nav .top-nav li { float: left; padding-left: 20px; } /* CONTENT */ #content { width: 921px; margin: 20px auto; padding: 0 2px; overflow: hidden; zoom: 1; } .text { overflow: hidden; zoom: 1; margin-bottom: 15px; } .text h2 { margin-bottom: 15px; } .text h3 { margin-bottom: 10px; } .text p { margin-bottom: 15px; } .text ul { padding: 0 0 15px 25px; list-style: disc; } .text ol { padding: 0 0 15px 25px; list-style: decimal; } .col-left { float: left; width: 250px; padding: 20px 0 20px 40px; } .col-left h2 { margin: 0 0 15px 0 !important; } .img-left-box { background: url(../images/img-left-box-right.gif) bottom right no-repeat; float: left; margin: 0 25px 35px -2px; } .text .img-left-box { margin-bottom: 10px; } .img-left-box .bkg-1 { background: url(../images/img-left-box-left.gif) bottom left no-repeat; } .img-left-box .bkg-2 { background: url(../images/img-left-box-top.gif) top right no-repeat; } .img-left-box img { background: url(../images/img-left-box-top-left.gif) top left no-repeat; padding: 4px 7px 8px 4px; display: block; } #gamma { float:right; margin: 0 -2px 35px 25px; } #corporate-video { display:none; position:absolute; left:0; top:300px; } .js #corporate-video { display:block; } #gamma .bkg-3, #corporate-video .bkg-3 { width:326px; height:217px; background: url(../images/img-left-box-top-left.gif) top left no-repeat; padding: 4px 7px 8px 4px; display: block; } #gamma embed, #corporate-video embed { vertical-align:top; } #gamma .alt, #corporate-video .alt { display:none; } .js .text .alt-img-left-box { margin-bottom:252px; } /* HOME */ #flash { margin-bottom: 12px; } #flash img { display: block; } /* BOXES */ .tab-box { width: 925px; margin: 0 -2px 20px 0; overflow: hidden; zoom: 1; } .tab-box .tabs { float: left; position: relative; z-index: 2; padding-top: 2px; margin-bottom: -3px; } .tab-box .tabs li { float: left; background: url(../images/tab-box-nav-separator.gif) top right no-repeat; padding-right: 2px; } .tab-box .tabs li.last { padding: 0; background: none; } .tab-box .tabs a { display: block; padding: 0 0 0 14px; background: url(../images/tab-box-nav-bkg.gif) top left; cursor: pointer; float: left; } .tab-box .tabs span { display: block; padding: 10px 25px 5px 11px; } .tab-box .tabs .first a { background: url(../images/tab-box-nav-first-bkg.gif) top left no-repeat; } .tab-box .tabs .last a { background: url(../images/tab-box-nav-last-bkg.gif) top right no-repeat; } .tab-box .tabs li.on { background: url(../images/tab-box-nav-bkg.gif) left 2px repeat-x; margin: -2px 0 -1px 0; } .tab-box .tabs li.on.first { background: url(../images/tab-box-nav-bkg.gif) right 2px no-repeat; } .tab-box .tabs li.on.last { background: url(../images/tab-box-nav-bkg.gif) left 2px no-repeat; } .tab-box .tabs li.on a { background: url(../images/tab-box-nav-on-left.png) top left no-repeat; } .tab-box .tabs li.on span { background: url(../images/tab-box-nav-on-right.png) top right no-repeat; padding: 12px 25px 6px 11px; } .tab-box .tabs li.prev { background: none; padding-right: 0px; } .tab-box .tabs li.prev a { padding: 0 2px 0 14px; } .tab-type-2 { clear: both; } .tab-box .bkg-top { background: url(../images/tab-box-top.gif) top left no-repeat; } .tab-type-2 .bkg-top { background: url(../images/tab-box-top-1.gif) top left no-repeat; } .tab-box .bkg-middle { background: url(../images/tab-box-middle.gif) top left repeat-y; float: left; width: 925px; position: relative; z-index: 1; } .tab-box .bkg-bottom { background: url(../images/tab-box-bottom.gif) bottom left no-repeat; padding: 3px; overflow: hidden; zoom: 1; } .tab-box h2 { margin: 15px 0 -7px 26px; } .tab-box .inner { height: 160px; padding: 30px 525px 0 31px; position: relative; } .tab-box .inner h2 { margin: 0 0 10px 0; } .tab-box .inner blockquote { margin-bottom: 10px; } .tab-box .inner .button { display: block; position: absolute; width: 96px; height: 65px; padding: 32px 0 0 14px; } .tab-box .guide-home-box { background: url(../images/tab-box-picture-bkg.jpg) bottom right no-repeat; } .tab-box .good-sleep-home-box { background: url(../images/tab-box-picture-bkg-01.jpg) bottom right no-repeat; } .tab-box .guide-home-box .button { bottom: 36px; right: 392px; } .tab-box .good-sleep-home-box .button { bottom: 40px; right: 375px; } .tab-box .list-data { height: 160px; padding: 30px 0 0 20px; position: relative; } .tab-box .list-data ul { background: url(../images/list-data-border.gif) 0px 61px no-repeat; overflow: hidden; zoom: 1; } .tab-box .list-data li { float: left; width: 260px; height: 60px; margin: 0 50px 15px 0; } .tab-box .list-data li.last { margin-right: 0; } .tab-box .list-data li a { display: block; padding: 0 45px 0 5px; background: url(../images/arrrow-2.gif) 240px 25px no-repeat; height: 60px; } .tab-box .list-data li a span { display: block; } .tab-box .inner-content { padding-top: 30px; overflow: hidden; zoom: 1; width: 586px; } .tab-box .note { padding: 30px; } .small-box { background: url(../images/small-box-middle-bkg.gif) repeat-y; margin-bottom: 20px; } .small-box .bkg-top { background: url(../images/small-box-top-bkg.gif) top left no-repeat; zoom: 1; } .small-box .bkg-bottom { background: url(../images/small-box-bottom-bkg.gif) bottom left no-repeat; padding-top: 14px; overflow: hidden; zoom: 1; } #home-box .guide-home-box { position:relative; top:3px; width:169px; padding:36px 725px 0 31px; margin:-6px 0 0 -3px; background:#ebebeb url(../images/home-tab-box-picture-bkg.jpg) bottom left no-repeat; } #home-box .guide-home-box .button { bottom: 19px; right: 622px; } #home-box .guide-home-box p { bottom: 19px; right: 622px; } #home-box .guide-home-box #basket { position:absolute; right:0; top:0; } #basket { zoom:1; } /* GOOGLE MAP */ #g-map { border: 3px solid #ebebeb; width: 580px; height: 407px; margin-bottom: 30px; } /* COLUMN 1 */ #column-1 { width: 700px; float: left; margin-bottom: 50px; position: relative; } h1 { margin-bottom: 28px; } .noShow { display: none; } .go-back { background: url(../images/arrrow-3.gif) left 1px no-repeat; display: block; padding: 0 0 2px 17px; position: absolute; right: 30px; top: 15px; } .gallery { background: url(../images/gallery-middle-bkg.jpg) top left repeat-x; width: 696px; } .gallery div { background: url(../images/gallery-top-bkg.jpg) top left no-repeat; padding: 15px 10px 35px 11px; overflow: hidden; zoom: 1; position: relative; } .gallery .main-img { float: left; background: #fff; width: 600px; height: 330px; padding: 0; } .gallery .main-img img { display: block; margin: 0px auto; background: url(../images/loader.gif) center center no-repeat; } .gallery ul { float: right; } .gallery ul li { float: left; clear: left; padding: 0 1px 2px; background: #000 url(../images/gallery-list-bkg.gif); border-top: 1px solid #fff; } .gallery ul li a { display: block; width: 63px; height: 63px; } .gallery ul li a:hover { opacity: 0.95; filter: alpha(opacity=95); } .gallery ul li.on a { opacity: 0.5; filter: alpha(opacity=50); } .gallery ul li a:focus { outline: none; } .gallery ul img { display: block; } .gallery .controls { padding: 0; position: absolute; bottom: 12px; right: 85px; background: none; } .gallery .controls img { margin-left: 10px; cursor: pointer; } .webshop-info { border-top: 2px solid #fff; overflow: hidden; zoom: 1; margin-bottom: 50px; } .webshop-info li { float: left; border-right: 2px solid #fff; min-height: 91px; height: auto !important; height: 91px; padding: 0 25px; } .webshop-info li.last { border: none; padding-right:0; } .webshop-info li.price { padding:0 15px 0 45px; width: 240px; } .webshop-info li li { float: none; border: none; height: auto; min-height: 0 !important; padding: 0; } .js .webshop-info ul { display: none; } .webshop-info .rpl-sel { padding: 1px; border: 1px solid #e1d8cf; width: 120px; background: #fff; cursor: pointer; margin: 36px 0 2px 0; } .webshop-info .rpl-sel span { display: block; background: url(../images/arrrow-8.gif) top right no-repeat; padding: 1px 15px 1px 5px; width: 100px; } .webshop-info select { width: 130px; display: block; margin: 36px 0 2px 0; } .webshop-info .txt { width: 31px; display: block; margin: 36px 0 2px 0; padding: 2px 2px 1px 4px; background: url(../images/input-bkg.gif) top left no-repeat; } .webshop-info strong { display: block; margin: 7px 0 0 0; *margin: 8px 0 0 0; } .webshop-info strong.small { margin: 40px 0 -3px 0; } .webshop-info li.last button { display: block; width:100px; overflow:visible; padding-top:41px; margin-top: 25px; cursor: pointer; background:#ebebeb url(../images/icon-cart-01.gif) no-repeat 50% 50%; } #rpl-sel-drop { background: #fff; display: none; position: absolute; left: 0; top: 0; border: 1px solid #e1d8cf; border-top: none; width: 122px; xpadding-bottom: 4px; z-index: 100; } #rpl-sel-drop li { float: left; clear: left; width: 122px; } #rpl-sel-drop li a { display: block; padding: 3px 2px 3px 6px; } #rpl-sel-drop li a:hover, #rpl-sel-drop li .active { background: #ecebeb; } div.contact { width: 365px; float: left; background: #fff url(../images/contact-div-bottom-bkg.jpg) bottom left no-repeat; } div.contact .inner { background: url(../images/contact-div-top-bkg.gif) top left no-repeat; padding: 16px; } .gift-note { zoom:1; background: url(../images/gift-note-middle-bkg.gif) top left repeat-y; } .gift-note .top { zoom:1; background: url(../images/gift-note-top-bkg.gif) top left no-repeat; } .gift-note .bottom { zoom:1; background: url(../images/gift-note-bottom-bkg.gif) bottom left no-repeat; padding: 20px 0 60px 30px; } .gift-note h2 { width: 420px; margin-bottom: 18px; } .gift-note ol { list-style: decimal; margin-left: 25px; width: 500px; } .gift-note li { zoom:1; display:list-item; *margin-left:30px; } .gift-note p { margin:25px 0; color:#3b4b5b; font-size:13px; } /* LISTS */ .list-type-1 { margin: 0 0 40px 80px; } .list-type-1 li { zoom:1; padding: 0 0 8px 24px; background: url(../images/bullit-1.gif) left 1px no-repeat; } .list-type-2 li { overflow: hidden; zoom: 1; background: url(../images/list-type-2-middle-bkg.gif); margin-bottom: 17px; } .list-type-2 li .left { float: left; width: 564px; position: relative; margin-bottom: -3px; background: #ebebeb; } .list-type-2 li .left img { display: block; position: relative; margin-bottom: -28px; } .list-type-2 li .text { display: none; padding: 38px 25px 15px 15px; background: #3b4b5b; margin-bottom: 0px; } .list-type-2 li .text p { margin: 0; } .list-type-2 li .right { float: right; width: 290px; padding: 15px 40px 0 0; background: url(../images/list-type-2-top-bkg.gif) top right no-repeat; } .list-type-2 li .right span { display: block; margin-bottom: 10px; } .list-type-2 .more { display: block; clear: both; text-align: right; padding: 10px 30px 11px 0; cursor: pointer; background: url(../images/list-type-2-bottom-bkg.gif) no-repeat; overflow: hidden; zoom: 1; } .list-type-2 .more span { background: url(../images/arrrow-6.gif) right 4px no-repeat; padding-right: 20px; display: block; float: right; } .list-type-2 .more span.on { background-image: url(../images/arrrow-7.gif); } .side-list { padding-bottom: 12px; background: url(../images/side-list-bkg.gif) bottom left no-repeat; } .side-list dt { background: url(../images/side-list-top-bkg.gif) top left no-repeat; padding: 22px 0 0 15px; height: 29px; } .side-list dd { border: 2px solid #fff; border-top: none; border-bottom: 1px solid #fff; padding: 17px 13px; } .side-list dd.last { border-bottom: none; } .list-type-3 { margin-bottom: 50px; } .list-type-3 li { padding: 32px 72px 35px 17px; margin: 0 3px; overflow: hidden; zoom: 1; position: relative; background: url(../images/list-type-3-bkg.gif) bottom left repeat-x; } .list-type-3 li.first { padding-top: 18px; } .list-type-3 li .img-block { float: left; margin-right: 23px; } .list-type-3 li .img-block img { display: block; } .list-type-3 li .text, .list-type-3 li p { margin: 0; text-align: justify; } .list-type-3 li h2 { margin-bottom: 5px; } .list-type-3 li .date { display: block; margin: -10px 0 3px 0; } .list-type-3 li .more { position: absolute; top: 50%; right: 30px; display: block; background: url(../images/arrrow-2.gif); width: 9px; height: 11px; text-indent: -9999px; overflow: hidden; zoom: 1; } .list-type-3 li .mask { display: block; position: absolute; bottom: 0; left: 0; } .list-type-4 { margin: 0 6px 8px 6px; } .list-type-4 li { padding: 0px 20px 0px 38px; border-top: 1px solid #dedede; } .list-type-4 li.first { border: none; } .list-type-4 li.first h2.tab { padding-top: 6px; background-position: right 4px; } .list-type-4 li h2.tab { position: relative; padding: 18px 0px 18px 0px; background: url(../images/arrrow-4.gif) right 13px no-repeat; cursor: pointer; zoom: 1; } .list-type-4 li h2.tab span { display: block; position: absolute; left: -20px; } .list-type-4 li .text { display: none; } .list-type-4 li h2.on { background-image: url(../images/arrrow-5.gif); } .list-type-4 li div.on { display: block; } .list-type-5 { padding: 30px 50px 0 20px; float: left; } .list-type-5 dt { margin: 0 0 40px 4px; } .list-type-5 dd { background: url(../images/list-type-5-bottom-bkg.gif) bottom left no-repeat; margin-bottom: 2px; width: 206px; } .list-type-5 a { background: url(../images/list-type-5-top-bkg.gif) no-repeat; width: 186px; padding: 5px 0 5px 20px; display: block; cursor: pointer; } .list-type-5 dd.on, .list-type-5 dd:hover { background-position: -206px bottom; } .list-type-5 dd.on a, .list-type-5 dd:hover a { background-position: -206px top; } .list-type-6 { width: 586px; margin-bottom: 35px; } .list-type-6 li { background: url(../images/list-type-3-bkg.gif) bottom left repeat-x; padding: 25px 20px 20px 30px; overflow: hidden; zoom: 1; position: relative; } .list-type-6 .text { float: left; width: 290px; margin: 0; } .list-type-6 h2, .list-type-6 p { margin: 0; } .list-type-6 .img { float: right; } .list-type-6 .mask { display: block; position: absolute; bottom: 0; left: 0; } .list-type-7 { width: 700px; } .list-type-7 li { background: url(../images/list-type-7-middle-bkg.gif) top left repeat-y; margin-bottom: 18px; } .list-type-7 .date { display: block; } .list-type-7 h3 { margin-bottom: 10px; } .list-type-7 .inner { padding: 10px 30px 0 30px; background: url(../images/list-type-7-top-bkg.gif) top left no-repeat; } .list-type-7 .text { display: none; margin: 0; } .list-type-7 .more { display: block; background: url(../images/list-type-7-bottom-bkg.gif) bottom left no-repeat; padding: 10px 30px 11px 0; cursor: pointer; overflow: hidden; zoom: 1; } .list-type-7 .more span { background: url(../images/arrrow-6.gif) right 6px no-repeat; padding-right: 20px; display: block; float: right; } .list-type-7 .more span.on { background-image: url(../images/arrrow-7.gif); } /* PAGING */ .paging { padding: 15px 30px 18px 0; position: absolute; right: 0; margin-top: -50px; } .paging li { float: left; } .paging li a { margin: 0 6px; } .paging li.back a, .paging li.next a { display: block; text-indent: -9999px; width: 9px; height: 11px; margin-top: 4px; } .paging li.back a { background: url(../images/arrrow-3.gif); margin-left: 15px; } .paging li.next a { background: url(../images/arrrow-2.gif); } /* TABLES */ .table-type-1 { margin: 27px 0 5px 9px; } .table-type-1 td { width: 175px; background: url(../images/table-type-1-el-bkg.jpg) bottom left no-repeat; padding: 8px 35px 5px 19px; border-bottom: 12px solid #fff; } .table-type-1 td.last { padding-right: 20px; } .table-type-1 .img { display: block; width: 173px; height: 99px; margin-bottom: 4px; padding: 3px 1px 0 1px; background: url(../images/table-type-1-img-bkg.gif) top left no-repeat; } .table-type-1 h3 { padding: 5px 0; } .table-type-1 h3 a { display: block; background: url(../images/arrrow-2.gif) center right no-repeat; margin-right: 4px; padding: 0 11px 0 4px; } .table-type-1 h3 span { display: block; } .table-type-2 { border-collapse:collapse; margin: 0 0 10px 1px; width: 699px; } .table-type-2 th { background: #1d3f54; padding: 3px 10px; vertical-align: middle; border: 1px solid #4a6576; border-bottom: none; } .table-type-2 td { border: 1px solid #fff; padding: 12px 10px; } .table-type-2 td strong { display: block; } .table-type-2 td.right { text-align: right; } .table-type-2 .name div { position:relative; padding-left:42px; zoom:1; } .table-type-2 .del { display: block; width: 32px; position:absolute; left:0; top:0; } .table-type-2 .del:hover { opacity: 0.55; filter: alpha(opacity=55); } .table-type-2 .gift { display: block; margin: -3px 10px 0 0; float: left; } .table-type-2 .txt { width: 32px; padding: 1px 9px; border: 1px solid #969696; border-right: 1px solid #d2d7de; border-bottom: 1px solid #d2d7de; text-align: right; } .table-type-2 .bkg { background: #ebebeb url(../images/table-type-2-bkg.gif) top left repeat-x; } .table-type-2 .bkg h2 { margin-bottom: 5px; background: none; } .table-type-2 .bkg p img { vertical-align: middle; } .table-type-2 .bkg .button-1 { float: right; margin: 0 0 0 12px; } .table-type-2 .price td { padding-top: 0; } .table-type-2 .price td div { float: right; margin-bottom: 20px; } .table-type-2 .price td div p { margin-top: 5px; } .table-type-2 .price .button-2 { float: right; clear: right; } .table-type-2 .price .button-3 { float: left; clear: none; margin: 30px 0 0 10px; } /* BUTTONS */ .button-1 { float: left; background: url(../images/button-1-left-bkg.gif) top left no-repeat; padding: 0 0 0 10px; cursor: pointer; } .button-1 span { display: block; background: url(../images/button-1-right-bkg.gif) top right no-repeat; margin: -1px -3px -1px 0; padding: 6px 29px 6px 0; } .button-2 { float: left; background: url(../images/button-2-left-bkg.gif) top left no-repeat; padding: 0 0 0 16px; cursor: pointer; } .button-2 span { display: block; background: url(../images/button-2-right-bkg.gif) top right no-repeat; width: 80px; padding: 7px 29px 8px 0; text-align: left; } button.button-2 { padding: 0 0 0 13px; } button.button-2 span { margin: -1px -3px -1px 0; width: 70px; padding: 6px 29px 5px 0; } button.alt-button-2 span { width: 210px; } .button-3 { float: left; background: url(../images/button-2-left-bkg.gif) top left no-repeat; padding: 0 0 0 16px; } .button-3 span { display: block; background: url(../images/button-2-right-bkg.gif) top right no-repeat; width: auto; padding: 9px 29px 10px 0; } .button-4 { float: left; background: url(../images/button-4-left-bkg.gif) top left no-repeat; padding: 0 0 0 16px; cursor: pointer; } .button-4 span { display: block; background: url(../images/button-4-right-bkg.gif) top right no-repeat; width: 80px; padding: 7px 29px 8px 0; text-align: left; } button.button-4 { padding: 0 0 0 13px; } button.button-4 span { margin: -1px -3px -1px 0; width: 70px; padding: 7px 29px 8px 0; } /* FORMS */ .cart-form { margin-bottom: 30px; } .cart-form h2 { background: url(../images/cart-form-h2-bkg.gif) no-repeat; padding-top: 5px; } .cart-form h2 div { border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 17px 12px; } .cart-form h2 span { vertical-align: middle; margin-right: 10px; } .cart-form .block-el { border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff; padding: 1px 0 1px 50px; margin-bottom: 10px; } .cart-form .block-el-2 { background: #1d3f54; padding: 9px 50px 10px 50px; margin-left: -50px; } .cart-form div.error { background: #dd7272 !important; } .cart-form ul { margin-bottom: 20px; } .cart-form li { margin-bottom: 3px; } .cart-form li a { padding-left: 25px; background: url(../images/arrrow-2.gif) left 3px no-repeat; } .cart-form .check { float: left; margin: 3px 10px 0 0; } .cart-form .text { padding-bottom: 25px; } .bottom-bkg { padding-bottom: 7px; background: url(../images/cart-form-bottom-bkg.gif) bottom left no-repeat; margin-bottom: 10px; } .bottom-bkg .block-el { margin-bottom: 0px; } .cart-form .form p { margin-top: -15px; } .cart-form .form .date { display: block; margin-bottom: 15px; } .cart-form .form h3 { margin-bottom: 10px; } .cart-form .form h3 input { margin: 0px 5px 0px 10px; vertical-align: top; } .cart-form .form h3 label { display: inline; } .cart-form .form fieldset { float: left; width: 315px; } .cart-form .form ul { overflow: hidden; zoom: 1; } .cart-form .form li { float: left; margin-bottom: 7px; } .cart-form .form label { display: block; margin-bottom: 3px; } .cart-form .form .txt { display: block; width: 294px; border: 1px solid #b6b6b6; padding: 2px; } .cart-form .form .width-1 .txt { width: 141px; margin-right: 5px; } .cart-form .form .width-2 .txt { width: 200px; margin-right: 5px; } .cart-form .form .width-3 .txt { width: 82px; margin-right: 5px; } .cart-form .form .marg .txt { margin-right: 16px; } .cart-form .form textarea { border: 1px solid #b6b6b6; padding: 2px; width: 608px; height: 90px; margin-bottom: 30px; overflow: auto; } .cart-form .error { background: #ffc1c1; } .cart-form .block-buttons { padding-top: 15px; } .cart-form .block-buttons p { float: left; width: 370px; padding-left: 50px; } .cart-form .block-buttons .button-2, .cart-form .block-buttons .button-4 { float: right; margin-left: 13px; } .cart-form dl { background: #1d3f54; padding: 25px 0px 10px 35px; margin: -30px 0 0 -50px; } .cart-form dl dt { padding-left: 15px; } .cart-form dl dd { overflow: hidden; zoom: 1; float: left; margin-bottom: 10px; padding: 10px 0 10px 15px; } .cart-form dl dd.bord { border-right: 1px solid #8e9faa; margin-right: 30px; width: 370px; } .cart-form dl dd span { float: left; width: 75px; } .cart-form dl dd b { overflow: hidden; zoom: 1; } .cart-form dl dd.price { float: none; clear: left; border-top: 1px solid #fff; margin-right: 35px; text-align: right; } .cart-form dl dd.price strong { margin-left: 20px; } .cart-form dl dd.price span { float: none; margin: 0; } .side-form { background: #fff url(../images/side-form-bottom-bkg.jpg) bottom left no-repeat; margin-bottom: 17px; } .side-form fieldset { background: url(../images/side-form-top-bkg.jpg) top left no-repeat; padding: 20px 10px 0 15px; } .side-form h2 { margin-bottom: 15px; } .side-form p { margin-bottom: 20px;} .side-form label { margin-bottom: 3px; display: block; } .side-form .txt, .side-form textarea { border: 1px solid #b6b6b6; padding: 2px; margin-bottom: 7px; display: block; width: 165px; } .side-form textarea { height: 175px; overflow: auto; } .side-form .button-1{ margin-bottom: 10px; float: right; } .side-form .error { background: #ffc1c1; } .side-form-2 { background: #fafafa url(../images/side-form-2-bottom-bkg.jpg) bottom left no-repeat; margin-bottom: 25px; } .side-form-2 fieldset { background: url(../images/side-form-2-top-bkg.gif) top left no-repeat; padding: 12px 17px; overflow: hidden; zoom: 1; } .side-form-2 h2 { margin-bottom: 8px; } .side-form-2 label { display: block; margin-bottom: 3px; } .js .side-form-2 label { display: none; } .side-form-2 p { margin-bottom: 7px; } .side-form-2 .txt { padding: 3px 0; width: 100%; display: block; margin-bottom: 6px; } .side-form-2 .button-1 { float: right; } .side-form-2 .error { background: #ffc1c1; } form.right-form { float: right; } form.default { width: 315px; background: #fff url(../images/contact-form-bottom-bkg.jpg) bottom left no-repeat; } form.default fieldset { background: url(../images/contact-form-top-bkg.gif) top left no-repeat; padding: 16px; } form.default label { display: block; margin-bottom: 3px; } form.default .txt { display: block; border: 1px solid #b6b6b6; width: 265px; margin-bottom: 6px; padding: 2px; } form.default .error { background: #ffc1c1; } form.default textarea { display: block; border: 1px solid #b6b6b6; width: 265px; padding: 2px; margin-bottom: 10px; height: 85px; overflow: auto; } form.default .button-1 { float: right; margin-right: 10px; } form.default-1 { overflow: hidden; zoom: 1; margin-bottom: 25px; } form.def-2-col { width: 700px; background: #fff url(../images/list-type-7-top2-bkg.gif) bottom left no-repeat; } form.def-2-col fieldset { background: url(../images/list-type-7-top-bkg.gif) top left no-repeat; } form.def-2-col li { overflow: hidden; zoom: 1; } form.def-2-col li div { float: left; margin-right: 30px; } form.def-2-col li .txt { width: 565px; } form.def-2-col li div .txt { width: 265px; } form.def-2-col select { display: block; padding: 1px; border: 1px solid #b6b6b6; width: 270px; margin-bottom: 15px; } form.def-2-col .file { display: block; margin-bottom: 10px; } form.def-2-col .button-1 { margin-right: 99px; } /* COLUMN 2 */ #column-2 { width: 198px; float: right; padding-top: 53px; margin-bottom: 50px; } .side-nav { margin-bottom: 19px; } .side-nav li { border-bottom: 2px solid #fff; padding-bottom: 8px; margin-bottom: 7px; } .side-nav li a { display: block; margin: 0 -2px 0 -8px; width: 208px; position: relative; cursor: pointer; } .side-nav li span { display: block; padding-left: 17px; } .side-nav li em { display: block; padding: 11px 0 8px 30px; zoom: 1; } .side-nav li a:hover, .side-nav li.on a { background: url(../images/sidenav-bottom.gif) bottom left no-repeat; } .side-nav li a:hover span, .side-nav li.on a span { background: url(../images/sidenav-top.gif) top left no-repeat; } .side-nav #side-cart em { background: url(../images/icon-cart.gif) left 7px no-repeat; } .side-nav #side-send em { background: url(../images/icon-send.gif) left 10px no-repeat; } .side-nav #side-print em { background: url(../images/icon-print.gif) left 7px no-repeat; } .side-nav #side-back em { background: url(../images/icon-back.gif) left 10px no-repeat; } .side-nav #side-try em { background: url(../images/icon-try.gif) left 7px no-repeat; } .side-nav-2 { margin-bottom: 23px; background: #fff url(../images/side-nav-2-bottom-bkg.jpg) bottom left no-repeat; overflow: hidden; zoom: 1; } .side-nav-2 li { border-bottom: 1px solid #d6d7d9; float: left; clear: left; width: 198px; } .side-nav-2 li.first { background: url(../images/side-form-2-top-bkg.gif) top left no-repeat; } .side-nav-2 li.last, .side-nav-2 li.last a { border: none; } .side-nav-2 li a { display: block; padding: 16px 15px 15px 15px; border-bottom: 1px solid #fff; zoom: 1; } .side-nav-2 li a.on, .side-nav-2 li a:hover { background: url(../images/side-nav-2-bkg-on.gif) bottom left repeat-x; } .side-nav-2 li.first a.on, .side-nav-2 li.first a:hover { background: url(../images/side-nav-2-top-bkg-on.gif) top left no-repeat; } .side-nav-2 li.last a.on, .side-nav-2 li.last a:hover { background: url(../images/side-nav-2-bottom-bkg-on.gif) bottom left no-repeat; } .download-pdf { display: block; border-bottom: 2px solid #fff; margin-bottom: 26px; } .download-pdf img { display: block; margin: 0px auto 18px auto; } .download-pdf span { display: block; padding: 3px 0 2px 30px; margin: 0 0 5px 10px; background: url(../images/icon-pdf.gif) top left no-repeat; } .banner { display: block; margin-bottom: 31px; } .banner img { display: block; } .video-box { margin-bottom: 31px; } .video-box img { display: block; margin-bottom: 5px; } .video-box em { padding: 0 4px; } #cc-list li { padding:10px 0; text-align:center; } #cc-list img { vertical-align:top; } /* JS POPUP ***/ body.marg form { margin: 0px auto; width: 283px; padding: 16px; height: 488px; } #js-popup-overlay { position: absolute; top: 0; left: 0; background: #000; z-index: 1000; display: none; cursor: pointer; } #js-popup-overlay.alt-overlay { background: #173243; } #js-popup { position: absolute; top: 0; left: 0; background: #fff; z-index: 1001; display: none; border:1px solid #dedede; } #js-popup.alt-popup { width:720px; height:380px; background:url(../images/bg-alt-popup.png) no-repeat; border:none; } #js-popup .close { position: absolute; margin: -22px 0 0 290px; cursor: pointer; } #js-popup.alt-popup .close { position: absolute; width:93px; height:24px; padding:7px 0 0 35px; right:-5px; top:19px; font-size:13px; font-weight:bold; text-transform:lowercase; background:url(../images/btn-alt-popup-close.png) no-repeat; cursor: pointer; } #js-popup iframe { width: 315px; height: 520px; } #js-popup.alt-popup iframe { width: 468px; height: 349px; position:relative; top:16px; left:3px; } #js-popup .flash-replaced { padding: 2px 2px 0px 2px; } #js-popup .alt { display: none; } .alt-popup-content { background:#010102 url(../images/bg-alt-popup-content.png) repeat-x 0 0; } .alt-popup-content #content { position:relative; width:388px; height:323px; margin-top:0; padding:26px 40px 0; } .alt-popup-content #pref-select { color:#c6cfd4; } .alt-popup-content #pref-select form { color:#fff; } .alt-popup-content #pref-select form button { position:absolute; float:none; height:25px; margin-left:0; } .alt-popup-content #pref-select form .next-step { width:98px; background-position:0 0; } .alt-popup-content #pref-select form .previous-step { width:109px; background-position:0 -26px; } #pref-select { overflow:hidden; color:#3b4b5b; } #pref-select h2 { font-size:18px; text-transform:uppercase; } #pref-select h2 { font-size:18px; text-transform:uppercase; } #pref-select p { margin:10px 0; line-height:1.2; } #pref-select form { margin:35px 0 0; font-size:12px; } #pref-select form.last { margin:0; } #pref-select form h3 { font-style:italic; font-weight:bold; font-size:17px; } #pref-select form h4 { margin:8px 0 30px; font-size:13px; } #pref-select form div { margin:12px 0; } #pref-select form label { margin-left:10px; font-weight:bold; } #pref-select form button { float:right; bottom:15px; height:31px; font-size:16px; font-weight:bold; background:url(../images/btn-alt-popup-controls.png) no-repeat; cursor:pointer; } #pref-select form .next-step { width:104px; right:40px; margin-left:15px; color:#3b4b5b; background-position:0 -51px; } #pref-select form .previous-step { width:115px; right:153px; color:#fff; background-position:0 -81px; } /* FOOTER */ #footer { width: 921px; margin: 0px auto 15px auto; overflow: hidden; zoom: 1; position: relative; } #footer div { overflow: hidden; zoom: 1; background: url(../images/footer-bkg.gif) bottom left no-repeat; position: relative; z-index: 1; padding-bottom: 55px; margin-bottom: 10px; } #footer ul { float: left; width: 140px; padding-left: 13px; } #footer ul.last { width: 284px; } #footer ul li { margin-bottom: 8px; } #footer ul a { padding-left: 14px; background: url(../images/arrrow-1.gif) left 3px no-repeat; } #footer .link-left { position: absolute; bottom: 12px; right: 95px; } #footer .link-right { position: absolute; bottom: 10px; left: 23px; } #footer .sign { float: left; margin-left: 9px; } #footer p { float: right; margin-right: 9px; } #footer-flash-banner { display: block; position: absolute; z-index: 2; right: 0; bottom: 18px; } #footer-flash-banner .alt { display: none; } /* SHARE TOOLBAR */ a.dimedia-toolbar-button { position:absolute; bottom:14px; right:23px; z-index:100; width: 54px; line-height: 28px; padding:0 0 0 6px; background: url(../images/toolbar/button.png); font-size:11px; font-weight:bold; color:#929292; cursor: pointer; } #dimedia-toolbar { display: none; opacity: 0; width: 96px; padding-top:20px; background: url(../images/toolbar/dimedia-toolbar-top.png) top left no-repeat; position: absolute; z-index:100; } #dimedia-toolbar .bottom-bkg { zoom:1; padding-bottom:31px; background: url(../images/toolbar/dimedia-toolbar-bottom.png) bottom left no-repeat; } #dimedia-toolbar .middle-bkg { zoom:1; background: url(../images/toolbar/dimedia-toolbar-middle.png) top left repeat-y; } #dimedia-toolbar ul { margin: -11px 0 -13px 10px; position: relative; padding: 0; list-style: none; overflow: hidden; zoom: 1; } #dimedia-toolbar ul li { float: left; margin: 0 4px 4px 0; } #dimedia-toolbar ul a, #dimedia-toolbar ul a img { display: block; border: 0; height: 16px; width: 16px; cursor: pointer; } #dimedia-toolbar ul a { opacity: 0.6; } #dimedia-toolbar ul a:hover { opacity: 1; } /* FLOATING NOTIFICATION */ /*#floatingNotification { position:absolute; left:50%; top:200px; width:740px; height:244px; margin-left:-370px; background:url(../images/bg-floating-notification.png); } #floatingNotification .more01 { position:absolute; left:291px; top:209px; width:56px; height:23px; overflow:hidden; text-indent:-9999px; } #floatingNotification .close01 { cursor:pointer; position:absolute; left:339px; top:14px; width:14px; height:14px; overflow:hidden; text-indent:-9999px; } #floatingNotification .more02 { position:absolute; right:24px; bottom:15px; width:56px; height:23px; overflow:hidden; text-indent:-9999px; } #floatingNotification .close02 { cursor:pointer; position:absolute; right:16px; top:14px; width:14px; height:14px; overflow:hidden; text-indent:-9999px; } */ #floatingNotification { position:absolute; left:50%; top:200px; width:506px; height:249px; margin-left:-253px; background:url(../images/bg-floating-notification.png); } #floatingNotification .more01 { position:absolute; left:400px; top:190px; width:56px; height:23px; overflow:hidden; text-indent:-9999px; } #floatingNotification .close01 { cursor:pointer; position:absolute; left:472px; top:10px; width:14px; height:14px; overflow:hidden; text-indent:-9999px; } #floatingNotification .more02, #floatingNotification .close02 { display: none; }