/* COLOUR SHEET ----------------------------- background grey : #888888 dark grey : #767676 light grey : #999999 red : #ff0000 white text : #ffffff FUTURA : font-family:'Futura', 'Franklin Gothic', Verdana, Tahoma, Arial, sans-serif; */ /* GENERAL STYLES -----------------------------*/ html,body { height:100%; } #wrapper { position:relative; height:auto !important; /* real browsers */ height:100%; /* IE6: treaded as min-height*/ min-height:100%; /* real browsers */ } ul, ol { list-style:none; } a span { display:none; } .hfont { text-transform:uppercase; font-family:'Futura', 'Franklin Gothic', Verdana, Tahoma, Arial, sans-serif; color:#fff; } .grey { color:#bbb; } a.btn { color:#fff; text-decoration:none; border-bottom:0; } a.btn:hover { color:#333; border-bottom:0; } .right { text-align:right; } a { color:#fff; text-decoration:none; } a:hover { color:#fff; } a.under:hover { border-bottom:1px solid #fff; } .white { color:#000; } .hide { display:none; } h2 { color:#aaa; line-height:1em; margin:18px 0 !important; } h2.futura-bt { color:#000; font-size:32px !important; margin:0 !important; padding:0 !important; } h2.futura-h { color:#fff; font-size:32px !important; margin:0 !important; padding:0 !important; font-family:'Futura', 'Franklin Gothic', Verdana, Tahoma;} .pad-b { padding-bottom:18px; } .pad-t { padding-top:18px; } h4,h4.ws { margin:0 0 10px 0; color:#fff; font-weight:bold; } h5 { font-weight:bold; color:#fff; } .errorlist li { color:#f00; } h3 { font-weight:bold; color:#ff1800; } /* BUTTON CLASSES ---------------------------*/ a.add,a.remove,a.next,a.previous,a.close { padding-left:14px; background:url('../images/smallButtonsSprite.png') 0 0 no-repeat; } a.add { background-position:0px -78px; } a.add:hover { background-position:0px -91px; } a.remove { background-position:0px 0px; } a.remove:hover { background-position:0px -13px; } a.next { background-position:0px -26px; } a.next:hover { background-position:0px -39px; } a.previous { background-position:0px -52px; } a.previous:hover { background-position:0px -65px; } a.close { background-position:0px -104px; } a.close:hover { background-position:0px -119px; } /* GRID EXTRAS -----------------------------*/ .drop { margin-left:-20px; } /* GLOBAL ELEMENTS -----------------------------*/ body { text-align:center; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:1.27em; color:#000; background:#888; } #wrapper { width:1024px; text-align:left; margin:0 auto; position:relative; background:#888; overflow:visible; } #wrapper #grid { float:left; float:left; margin-left:42px; } #header { margin:20px 0 46px 0; position:relative; background:url('../images/navMainBg.png') 0 0 repeat-x; float:left; width:1024px; } #header #messages { background:#1d1e20; display:none; position:fixed; top:33px; right:0px; width:250px; z-index:500; -moz-border-radius: 2px; -webkit-border-radius: 2px; } #header #messages div { padding:5px 0 5px 20px; } #header #messages li { color:#eee; margin:5px; } #header #logo { width:72px; margin-left:42px; float:left; } #header #logo a { display:block; width:72px; height:79px; background:url('../images/logo.png') 0 0 no-repeat; } #header #main_nav { float:left; width:840px; position:relative; margin:30px 0 0 28px; } #content { position:relative; overflow:visible; } #content.darker { background:#727272; } #content h2 { padding:0; } #content h2.sIFR-replaced { margin-bottom:-9px; } /* FORMS -----------------------------*/ form { padding:5px 0; } form ul li { display:block; position:relative; float:left; clear:left; width:160px;} form ul li label { width:160px; font-weight:normal; display:block; margin:0 0 0px 0; color:#fff; } form ul { float:left; } form input { width:160px; height:17px; padding:5px 0px 2px 0px !important; margin:0px 0 8px 0 !important; border:0; float:left; display:block;} form select { width:160px; height:17px; margin:0px 0 8px 0 !important; border:0; float:left; display:block;} form textarea { width:160px; height:98px; margin:0 0 5px 0; padding:2px 0px 0px 0px; } .double input, .double textarea { width:340px; } form input[type=submit] { width:100px; } form input, form textarea { font-family:Verdana, Arial, sans-serif; font-size:10px; border:0; } form a.btn_send { display:block; width:47px; height:24px; background:url('../images/btnSend.gif') 0 0 no-repeat; margin:0 0 5px 0; float:right; } form a.btn_login { display:block; width:47px; height:24px; background:url('../images/btnLogin.gif') 0 0 no-repeat; margin:0 0 0px 20px; float:left; } form a.btn_search { display:block; width:52px; height:24px; background:url('../images/btnSearch.gif') 0 0 no-repeat; margin:0 0 0px 0px; float:left; } form .blur { color: #888; } form span.error { position:absolute; width:146px; left:0px; bottom:0px; padding:2px 5px; } form label.checkbox { float:left; display:inline-block !important;} form input[type=checkbox] { width:25px; } #login_form li, #reset_password_form li { width:200px; } #reset_password_form .btn_send { float:left; margin-left:20px; } #login_form input { width:200px; } #login_form input { width:200px; } #static_login_form .btn_login { margin:0 0 20px 0 !important; } #newsletter_form label[for=id_email], #reset_password_form label, #share_wishlist_form label, #price_request_form label, #registration-form label { display:none; } #login_form #id_username { background: #fff url('../images/input_label_username.gif') 0 0 no-repeat; } #login_form #id_password { background: #fff url('../images/input_label_password.gif') 0 0 no-repeat; } #registration-form #id_username { background: #fff url('../images/input_label_username.gif') 0 0 no-repeat; } #registration-form #id_email { background: #fff url('../images/input_label_email.gif') 0 0 no-repeat; } #registration-form #id_password1 { background: #fff url('../images/input_label_password.gif') 0 0 no-repeat; } #registration-form #id_password2 { background: #fff url('../images/input_label_password2.gif') 0 0 no-repeat; } #reset_password_form #id_email { background: #fff url('../images/input_label_email.gif') 0 0 no-repeat; } #newsletter_form #id_email { background: #fff url('../images/input_label_email.gif') 0 0 no-repeat; } #share_wishlist_form #id_to_name { background: #fff url('../images/input_label_to_name.gif') 0 0 no-repeat; } #share_wishlist_form #id_to_address { background: #fff url('../images/input_label_to_address.gif') 0 0 no-repeat; } #share_wishlist_form #id_from_name { background: #fff url('../images/input_label_from_name.gif') 0 0 no-repeat; } #share_wishlist_form #id_from_address { background: #fff url('../images/input_label_from_address.gif') 0 0 no-repeat; } #share_wishlist_form #id_message { background: #fff url('../images/input_label_message.gif') 0 0 no-repeat; } #price_request_form #id_message { background: #fff url('../images/input_label_message.gif') 0 0 no-repeat; } form #id_your_name { background: #fff url('../images/input_label_your_name.gif') 0 0 no-repeat; } form #id_your_email { background: #fff url('../images/input_label_your_email.gif') 0 0 no-repeat; } form #id_profession { background: #fff url('../images/input_label_profession.gif') 0 0 no-repeat; } /* MAIN NAV -----------------------------*/ ul#main_nav { } ul#main_nav li { display:inline; } ul#main_nav li a { height:20px; float:left; background-image:url('../images/navMain.png'); outline:0; margin-right:19px; margin-top:4px; } ul#main_nav li a:focus { -moz-outline-style: none; } ul#main_nav li.nav_ceramics a { background-position: 0px 0px; width:70px;} ul#main_nav li.nav_ceramics a:hover, body.ceramics ul#main_nav li.nav_ceramics a { background-position: -100px 0px; } ul#main_nav li.nav_furniture a { background-position: 0px -21px; width:70px;} ul#main_nav li.nav_furniture a:hover, body.furniture ul#main_nav li.nav_furniture a { background-position: -100px -21px; } ul#main_nav li.nav_lighting a { background-position: 0px -42px; width:60px;} ul#main_nav li.nav_lighting a:hover, body.lighting ul#main_nav li.nav_lighting a { background-position: -100px -42px; } ul#main_nav li.nav_glass a { background-position: 0px -64px; width:40px;} ul#main_nav li.nav_glass a:hover, body.glass ul#main_nav li.nav_glass a { background-position: -100px -64px; } ul#main_nav li.nav_textiles a { background-position: 0px -86px; width:60px;} ul#main_nav li.nav_textiles a:hover, body.textiles ul#main_nav li.nav_textiles a { background-position: -100px -86px; } ul#main_nav li.nav_various a { background-position: 0px -108px; width:62px;} ul#main_nav li.nav_various a:hover, body.various ul#main_nav li.nav_various a { background-position: -100px -108px; } ul#main_nav li.nav_designers a { background-position: 0px -130px; width:75px;} ul#main_nav li.nav_designers a:hover, body.designers ul#main_nav li.nav_designers a { background-position: -100px -130px; } ul#main_nav li.nav_search a { background-position: 0px -152px; width:51px; position:absolute; right:0px; top:4px; margin:0; } ul#main_nav li.nav_search a:hover, body.search ul#main_nav li.nav_search a { background-position: -100px -152px; } /* ul#main_nav li.nav_jacksons a { background-position: 0px -160px; width:80px; position:absolute; right:0px; top:2px; margin:0; } ul#main_nav li.nav_jacksons a:hover, body.jacksons ul#main_nav li.nav_jacksons a { background-position: -100px -160px; } */ ul#main_nav li.nav_favourites a { background-position: 0px -196px; width:80px; position:absolute; right:73px; top:4px; margin:0; } ul#main_nav li.nav_favourites a:hover, body.wishlist ul#main_nav li.nav_favourites a { background-position: -100px -196px; } /* SUB NAV -----------------------------*/ ul#sub_nav { display:block; float:left; margin:0 0 0 -10px; width:130px; } ul#sub_nav li { float:left; } ul#sub_nav li a { display:block; height:25px; width:130px; float:left; background-image:url('../images/navSub.png'); outline:0; } /*---while we have not images--- ul#sub_nav li a { display:block; height:25px; width:130px; float:left; background-image:none !important; outline:0; } ul#sub_nav li a span { display:block !important; font-size:14px;} */ /* generated from management command ./manage.py subnav_css */ ul#sub_nav li.subnav_art a { background-position: 0px 0px; } ul#sub_nav li.subnav_art a:hover, ul#sub_nav li.subnav_art a.selected { background-position: -200px 0px; } ul#sub_nav li.subnav_candlesticks a { background-position: 0px -25px; } ul#sub_nav li.subnav_candlesticks a:hover, ul#sub_nav li.subnav_candlesticks a.selected { background-position: -200px -25px; } ul#sub_nav li.subnav_carpets a { background-position: 0px -50px; } ul#sub_nav li.subnav_carpets a:hover, ul#sub_nav li.subnav_carpets a.selected { background-position: -200px -50px; } ul#sub_nav li.subnav_ceiling-lamps a { background-position: 0px -75px; } ul#sub_nav li.subnav_ceiling-lamps a:hover, ul#sub_nav li.subnav_ceiling-lamps a.selected { background-position: -200px -75px; } ul#sub_nav li.subnav_danish a { background-position: 0px -100px; } ul#sub_nav li.subnav_danish a:hover, ul#sub_nav li.subnav_danish a.selected { background-position: -200px -100px; } ul#sub_nav li.subnav_fabrics a { background-position: 0px -125px; } ul#sub_nav li.subnav_fabrics a:hover, ul#sub_nav li.subnav_fabrics a.selected { background-position: -200px -125px; } ul#sub_nav li.subnav_finnish a { background-position: 0px -150px; } ul#sub_nav li.subnav_finnish a:hover, ul#sub_nav li.subnav_finnish a.selected { background-position: -200px -150px; } ul#sub_nav li.subnav_floor-lamps a { background-position: 0px -175px; } ul#sub_nav li.subnav_floor-lamps a:hover, ul#sub_nav li.subnav_floor-lamps a.selected { background-position: -200px -175px; } ul#sub_nav li.subnav_italian a { background-position: 0px -200px; } ul#sub_nav li.subnav_italian a:hover, ul#sub_nav li.subnav_italian a.selected { background-position: -200px -200px; } ul#sub_nav li.subnav_jewellery a { background-position: 0px -225px; } ul#sub_nav li.subnav_jewellery a:hover, ul#sub_nav li.subnav_jewellery a.selected { background-position: -200px -225px; } ul#sub_nav li.subnav_mirrors a { background-position: 0px -250px; } ul#sub_nav li.subnav_mirrors a:hover, ul#sub_nav li.subnav_mirrors a.selected { background-position: -200px -250px; } ul#sub_nav li.subnav_other a { background-position: 0px -275px; } ul#sub_nav li.subnav_other a:hover, ul#sub_nav li.subnav_other a.selected { background-position: -200px -275px; } ul#sub_nav li.subnav_others a { background-position: 0px -300px; } ul#sub_nav li.subnav_others a:hover, ul#sub_nav li.subnav_others a.selected { background-position: -200px -300px; } ul#sub_nav li.subnav_seating a { background-position: 0px -325px; } ul#sub_nav li.subnav_seating a:hover, ul#sub_nav li.subnav_seating a.selected { background-position: -200px -325px; } ul#sub_nav li.subnav_storage a { background-position: 0px -350px; } ul#sub_nav li.subnav_storage a:hover, ul#sub_nav li.subnav_storage a.selected { background-position: -200px -350px; } ul#sub_nav li.subnav_swedish a { background-position: 0px -375px; } ul#sub_nav li.subnav_swedish a:hover, ul#sub_nav li.subnav_swedish a.selected { background-position: -200px -375px; } ul#sub_nav li.subnav_table-lamps a { background-position: 0px -400px; } ul#sub_nav li.subnav_table-lamps a:hover, ul#sub_nav li.subnav_table-lamps a.selected { background-position: -200px -400px; } ul#sub_nav li.subnav_tables a { background-position: 0px -425px; } ul#sub_nav li.subnav_tables a:hover, ul#sub_nav li.subnav_tables a.selected { background-position: -200px -425px; } ul#sub_nav li.subnav_tapestry a { background-position: 0px -450px; } ul#sub_nav li.subnav_tapestry a:hover, ul#sub_nav li.subnav_tapestry a.selected { background-position: -200px -450px; } ul#sub_nav li.subnav_wall-lamps a { background-position: 0px -475px; } ul#sub_nav li.subnav_wall-lamps a:hover, ul#sub_nav li.subnav_wall-lamps a.selected { background-position: -200px -475px; } /* third level nav */ ul#sub_nav li ul { float:left; display:block; width:95px; margin:6px 0px 9px 0px; } ul#sub_nav li ul li { padding-bottom:4px; } ul#sub_nav li ul li a { color:#ddd; background:none; text-decoration:none; height:auto; padding-left:10px;} ul#sub_nav li ul li a:hover, ul#sub_nav li ul li a.selected { color:#fff; text-decoration:underline; } /* HEADER AUTH -----------------------------*/ #auth { position:absolute; top:0; right:0; padding:10px; background:#ff0000; z-index:20000; font-family:arial; font-size:12px; } #auth #username { color:#710b00; font-weight:bold; } #auth #divider { color:#f88; } #auth #signout { color:#fff; } /* PRODUCTS -----------------------------*/ #content.product-list { width:800px; margin:0 -20px 0px 40px; background: none;} #content div.product-list-thumbnails a { display:block; margin:0 20px 40px 0; overflow:hidden; width:140px; } #content div.product-list-thumbnails a:hover { border:5px solid #999; width:130px; } #content div.product-list-thumbnails a.landscape { width:220px; } #content div.product-list-thumbnails a.landscape:hover { width:210px; } #content div.product-list-thumbnails a:hover img { margin:-5px; } #content div.product-list-thumbnails a, #content div.product-list-thumbnails a img { float:left; } #content div.product-list-thumbnail-outer { display: table; #position: relative; overflow: hidden; height: 240px; background:#fff; width:247px; margin-bottom:20px; } #content div.product-list-thumbnail-outer.last { width:246px; } #content div.product-list-thumbnail-middle { display: table-cell; #position: absolute; #top: 50%; vertical-align: middle; } #content div.product-list-thumbnail-inner { #position: relative; #top: -50%; } #content div.product-list-thumbnail-inner { text-align:center; position:relative; } #content div.product-list-thumbnail-inner-border-holder { margin:0 auto; text-align:left; position:relative; } /*#content div.product-list-thumbnail-inner a:hover { border:6px solid #999; } #content div.product-list-thumbnail-inner a:hover img { margin: -6px; }*/ #content div.product-list-thumbnail-inner a, #content div.product-list-thumbnail-inner a img { overflow:hidden; float:left; } #content div.product-detail-meta-pagination { margin-top:0px; color:#fff; } #content div.product-detail-meta-pagination a.next { background-position:right -26px; padding:0 19px 0 0; } #content div.product-detail-meta-pagination a.next:hover{ background-position:right -39px; } #content div.product-detail-meta h2 { font-size:11px !important; font-weight:bold; padding-top:18px; color:#000; } #content table.product-detail-meta-table { line-height:1.1em; color:#000; } #content table.product-detail-meta-table th { font-weight:bold; width:80px; vertical-align:top; } #content table.product-detail-meta-table td { padding-bottom:4px; vertical-align:top; } #content table.product-detail-meta-table td a { text-decoration:underline; } #content p.product-detail-meta-desc { margin-top:18px; color:#000;} #product-image { position:relative; } #product-image.portrait { top:-20px; } #product-image.landscape { } #content div.product-detail-image-wrapper { } #content div.product-detail-image { text-align:center; background:url('../images/loader_888.gif') 50% 130px no-repeat; min-height:300px; width:620px;} #content div.product-detail-image img { margin:0px auto; } #content #product-detail-wishlist { float:left; } #content #product-thumbs { position:relative; display:none;} #content #product-thumbs div { margin:0 20px 20px 0; float:left;} #content #product-thumbs div.last { margin-right:0px; } /*#content #product-thumbs a:hover,*/ #content #product-thumbs a.selected { border:1px solid #eee; } /*#content #product-thumbs a:hover img,*/ #content #product-thumbs a.selected img { margin:-1px; } #content #product-thumbs a, #content #product-thumbs a img { overflow:hidden; float:left; } /* WISHLIST -----------------------------*/ #content #wishlist-header { /*background: url('../images/bgWishlist.gif') 0 0 repeat-y;*/ padding:15px 0 15px 102px; margin-left:-42px; float:left; width:922px; border-top:1px solid #aaa; } #content #wishlist-login { width:280px; margin:0 0 0 -20px; padding:0 0 0 20px;} #content #wishlist-product-list { width:900px; margin-right:0; margin-top:20px;} #content div.wishlist-product { height:80px; margin-bottom:18px; position:relative; background:#949494; } #content div.wishlist-product:hover { background:#aeaeae; } #content div#product-detail-wishlist { margin-top:18px; } #content div.wishlist-product a.close { position:absolute; top:4px; right:4px; display:none; width:14px; height:15px; padding:0; } #btn-share-list, #btn-share-list span { width:82px; height:25px; } #btn-share-list span { background-image:url('../images/btnShareList.gif'); } #btn-save-list, #btn-save-list span { width:72px; height:25px; } #btn-save-list span { background-image:url('../images/btnSaveList.gif'); } /* WISHLIST SIDEBAR -----------------------------*/ #sidebar { position:absolute; width:220px; height:400px; top:0px; right:0px; } #sidebar #sidebar_content { margin:30px 0 0 0; width:100%; padding:0 20px; } #sidebar #price_request_form h4 { margin:0 0 8px 0; } #sidebar input, #sidebar select, #sidebar textarea, #sidebar form ul li { width:180px; } #login_panel #logged_in { margin:8px 0 8px 0; } #login_panel #login-panel-user { border-top:1px solid #aaa; padding:10px 0 0px 0; margin:10px 0 0px 0; } /* DESIGNERS ---------------------------- */ #content #designers-list .designer-list-letter { margin:0 0 20px 0; } #content #designers-list ul li { margin:2px 0; } #content #designers-list ul li a { color:#000; font-weight:bold; } #content #designers-list ul li a.under:hover { border-bottom:1px solid #000; } #designers h2 { font-size:42px !important; color:#000; } /* SEARCH ---------------------------- */ #search #wrapper { background: url('../images/imgSearchBg.jpg') 0 0 no-repeat; } #search #search-box-wrapper { position:absolute; top:260px; color:#fff;} #search .extra_pad { padding-bottom:3px !important; } #search input { width:220px; } #search select { width:100px; } #search #grid { height:470px; } #search #footer { border-top:0; margin-top:0px; } /* ABOUT ---------------------------- */ #about #wrapper { background: #888; } #about.home #wrapper { background: #888; } #about #about_wrapper_overlay { background: url('../images/bgAboutTrans.png') 0 0 repeat; position:absolute; top:0; left:0; width:525px; height:612px; } #about a#about_background { position:absolute; top:333px; right:-42px; padding:10px 15px 10px 20px; background:#ff0000 url('../images/arrowRight.png') 10px center no-repeat; } #about #contact { color:#fff; } #about #contact h3 { color:#fff; text-transform:uppercase; font-weight:bold; padding-bottom:4px;} #about #contact .contact-branch { margin-top:30px; font-size:12px; line-height:1.35em; } #about #contact .contact-branch a { color:red; text-decoration:none; font-weight:bold; } #about #contact .contact-branch a.map_link { color:#fff; padding:0px 0px 0px 10px; background:url('../images/arrowRight.png') 0px 1px no-repeat; } #about #about_content { margin-top:30px; font-size:12px; line-height:1.35em; } #about #about_exhibitions h3 { color:#000; border-bottom:1px solid #9a9a9a; padding-bottom:5px; } #about #about_exhibitions h4 { color:#000; margin-bottom:5px; margin-top:8px; font-weight:bold; } #about #grid { min-height:470px; } #about.contact #footer { border-top:0; margin-top:0px; } /* EXHIBIT ---------------------------- */ #exhibit #header { display:none; } #exhibit .container { width:1024px; } #exhibit #footer { border-top:0; margin-top:0px; } #exhibit #wrapper #grid { height:700px; float:left; margin-left:0px; } /* PAGINATION -----------------------------*/ #pagination_wrapper { position:relative; margin-top:0px;} #pagination { width:100%; text-align:center; color:#fff; } #pagination a, #pagination span { padding:2px 6px 1px 6px; color:#fff; font-weight:normal; border:1px solid #888; text-decoration:none; line-height:22px;} #pagination a:hover, #pagination .current { padding:3px 7px 2px 7px; color:#333; border:none; } #pagination .next, #pagination .prev { width:20px; height:20px; background-position: 50% 58%; background-repeat: no-repeat; } #pagination .next { background-image:url('../images/arrowRight.png'); } #pagination .prev { background-image:url('../images/arrowLeft.png'); } #pagination_size { position:absolute; top:5px; right:40px; color:#333; } #pagination_size a { font-weight:bold; } #pagination_size a:hover, #pagination_size a.current { font-weight:bold; color:#333; } /* SHARE LIST FORM -----------------------------*/ #shadowbox form ul li { clear:none; display:inline; float:left; margin:0 20px 0 0; } #shadowbox form ul li.last { margin-right:0; } #shadowbox form ul li.double { width:340px; } /* SHARE LIST FORM -----------------------------*/ #newsletter_form { margin:0 auto; text-align:left; width:350px; } #newsletter_form label { display:block; float:left; width:100px; margin-left:5px; } #newsletter_form #id_subscribed { float:left; display:block; margin-right:10px; width:20px; } /* FOOTER -----------------------------*/ #footer { position:relative; float:left; margin:50px 0 0px 40px; padding:18px 0 15px 0; border-top:1px solid #aaa; } #footer p { display:block-inline; } #footer #footer-left a { margin-right:15px; } #footer #footer-right a { } /* WS IMAGE REPLACEMENTS --------------------------------*/ .ws { margin:0; padding:0; position:relative; overflow:hidden; display:block; } .ws span { display:block; position:absolute; left:0; top:0; z-index:1; margin:0; padding:0; background-repeat:no-repeat; background-position:top left; } a.ws { display:inline-block; } a.ws span.active, a.ws:hover span { background-position:bottom left; } #title-favourites, #title-favourites span { width:221px; height:29px; } #title-favourites span { background-image:url('../images/titleFavourites.gif'); } #title-login, #title-login span { width:143px; height:29px; } #title-login span { background-image:url('../images/h4LoginToYourList.gif'); } #title-register, #title-register span { width:178px; height:14px; } #title-register span { background-image:url('../images/h4Register.gif'); } #title-sharelist, #title-sharelist span { width:250px; height:22px; } #title-sharelist span { background-image:url('../images/h4ShareList.gif'); } #title-youraccount, #title-youraccount span { width:89px; height:10px; margin:0 !important; } #title-youraccount span { background-image:url('../images/h4YourAccount.gif'); } #title-loggedinas, #title-loggedinas span { width:74px; height:15px; margin:0 !important; } #title-loggedinas span { background-image:url('../images/h4LoggedInAs.gif'); } #title-sendpricerequest, #title-sendpricerequest span { width:200px; height:22px; } #title-sendpricerequest span { background-image:url('../images/h4SendPriceRequest.png'); } #title-newsletter, #title-newsletter span { width:113px; height:22px; } #title-newsletter span { background-image:url('../images/h4Newsletter.gif'); } /*labels are smaller*/ .label-jacksons, .label-jacksons span { width:151px; height:13px; } .label-jacksons span { background-image:url('../images/labelJacksons.gif'); } .label-stockholm, .label-stockholm span { width:53px; height:13px; } .label-stockholm span { background-image:url('../images/labelStockholm.gif'); } .label-berlin, .label-berlin span { width:30px; height:13px; } .label-berlin span { background-image:url('../images/labelBerlin.gif'); } .label-newsletter, .label-newsletter span { width:66px; height:13px; float:right;} .label-newsletter span { background-image:url('../images/labelNewsletter.gif'); } .label-favourites, .label-favourites span { width:54px; height:13px; } .label-favourites span { background-image:url('../images/labelFavourites.png'); } .label-about, .label-about span { width:97px; height:16px; } .label-about span { background-image:url('../images/labelAbout.gif'); } .label-contact, .label-contact span { width:63px; height:16px; } .label-contact span { background-image:url('../images/labelContact.gif'); } /* DEBUG -------------------*/ .debug #wrapper { background:url('../images/debugBlue.png'); } .debug #grid { background:url('../images/grid.png') 0 0 repeat; } .debug .dgreen { background:url('../images/debugGreen.png'); } .debug .dblue { background:url('../images/debugBlue.png'); } .debug .dred { background:url('../images/debugRed.png'); } .debug #content.darker { background:url('../images/debugBlue.png'); } #djDebug { text-align:left; font-size:10px; float:left; height:1000px;} #djDebugToolbar { opacity:.4; } #djDebugToolbar:hover { opacity:1; } #djDebugToolbar li { font-size:9px !important; } .phark { display:block; text-indent: -5000px; background-repeat: no-repeat; } /* SHADOWBOX ----------------------------------*/ #shadowbox_container, #shadowbox_overlay { top: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; } #shadowbox_container { position: fixed; display: block; visibility: hidden; z-index: 999; text-align: center; /* centers #shadowbox in quirks and IE */ } #shadowbox_overlay { position: absolute; } #shadowbox_padding { padding:20px; } /*_______________________________________________________________ shadowbox */ #shadowbox { position: relative; margin: 0 auto; text-align: left; /* reset left alignment */ } /*____________________________________________________________________ body */ #shadowbox_body { position: relative; margin: 0; padding: 0; border:none; overflow: hidden; color:#fff;} #shadowbox_body_inner { position: relative; height: 100%; } #shadowbox_content.html { height: 100%; overflow: auto; /* make html content scrollable */ } /*_________________________________________________________________ loading */ #shadowbox_loading { position: absolute; top: 0; width: 100%; height: 100%; } #shadowbox_body, #shadowbox_loading { background-color: #1f2022; /* should match loading image background color */ } #shadowbox_loading_indicator { float: left; margin: 10px 10px 0 10px; height: 32px; width: 32px; background-image: url(../images/loader_dark.gif); background-repeat: no-repeat; } #shadowbox_loading span { font-family: 'Lucida Grande', Tahoma, sans-serif; font-size: 10px; float: left; margin-top: 16px; color:#353535;} #shadowbox_loading span a:link, #shadowbox_loading span a:visited { color: #fff; text-decoration: underline; } /*____________________________________________________________ title & info */ #shadowbox_title, #shadowbox_info { position: relative; margin: 0; /* these must have no vertical margin or padding */ padding: 0; overflow: hidden; } #shadowbox_title_inner, #shadowbox_info_inner { position: relative; font-family: 'Lucida Grande', Tahoma, sans-serif; line-height: 16px; } #shadowbox_title { height: 26px; } #shadowbox_title_inner { font-size: 16px; padding: 5px 0; color: #fff; } #shadowbox_info { height: 20px; } #shadowbox_info_inner { font-size: 12px; color: #fff; /* background:pink !important;*/ position:relative; text-align:center; } /*_____________________________________________________________________ nav
1 of 3