/* ****************************************************** Produced by Simon Donaldson for www.id30.com on behalf of fleurofengland.com -RESET -STANDARD RULES -LAYOUT -DROPDOWNS -SEARCH BOX -BACKGROUND -PAGE FIXES -INDEX PAGE -ABOUT PAGES -COLLECTIONS PAGE -PRODUCT PAGE -DEPT PAGE -FITTING ROOM -SHOP BY -STOCKISTS -PRESS -CONTACT PAGE -LIGHTBOX -ACCOUNT PAGES -BACKET PAGES -ERROR BLOCK -FONT RULES colours: brown text : #80736a pink : #af006e lines : #eeecea *********************************************************/ /*RESET*/ html,body{margin:0;padding:0;} div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%; font-family:inherit; vertical-align: baseline;line-height:100%;position:relative;} ol, ul {list-style:none;} table { border-collapse: separate; border-spacing: 0;} caption, th, td {text-align: left; font-weight: normal;} /*END RESET*/ /*STANDARD RULES*/ body{background:#fff; height:100%;} html{overflow-y:scroll;} a{display:inline-block;} .center{text-align:center;} .left{text-align:left;} .right{text-align:right;} .clear{clear:both;} strong, .strong{font-weight:bolder;} hr{border:2px solid #fff; background:#fff; color:#fff; border-top-color:#eeecea;} div.half,p.half{width:50%; clear:both;} div.twothirds{width:475px; clear:both;} /*END STANDARD RULES*/ /*LAYOUT*/ #container{width:930px; background:#fff url('images/menu_background.gif') 0 0 repeat-y; margin:0 auto; z-index:1; overflow:hidden;} #index_page #container{background:transparent url('images/menu_background.gif') 0 0 repeat-y; border-bottom: 1px solid #FFF; margin: 0 auto 10px auto; clear: both;} #content{width:725px; float:right;} #minHeight{min-height:520px; height:auto !important; height:520px;} #index_page #content{width:738px;} #sidebar{width:189px; overflow:hidden;} #menu{width:170px; margin-left:14px; margin-top:14px; } #menu ul{margin:0 0 5px 12px; display:none;} #menu ul ul{margin:0 0 0 12px;} #logo{display:block; width:185px; position:absolute; bottom:0; left:0; margin-bottom:15px;} #toplinks{display:block; margin-top:10px;} #toplinks #basketlink{position:absolute; top:0; right:15px; text-align:right;} h1{margin:10px 0 6px 0; width:500px;} h2{margin-top:15px;} p{margin-top:12px; } #area_tabs{padding-top:15px; z-index:200;} #product_tabs{display:block; height:28px; z-index:200;} #area_tabs li,#product_tabs li{float:left; margin-right:5px; height:28px; width:130px; background:url('images/tab_background.jpg'); border:solid 1px #ded9d5; list-style:none; margin-bottom:-1px; border-bottom-width:0;} #product_tabs li{width:80px;} #area_tabs li.active,#product_tabs li.active{background:#fff; border-bottom:solid 1px #fff;} #area_tabs a,#product_tabs a{display:block; height:18px; padding:5px;} .lightbrown{background:#f0ece9; padding:10px; margin-top:15px;} .lightbrown p{margin-top:2px;} #footer{display:block; width:715px; padding:30px 0 8px 0; overflow:auto; clear:both;} #index_page #footer, #fixed #footer { margin: 15px 0 0 0; clear: both;/*position:absolute; display:block; bottom:0; width:100%; padding:15px 0 8px 0;*/ } #footer ul{width:100%; text-align:right;} #index_page #footer ul,#fixed #footer ul{width:930px; margin:0 auto;} #footer ul li{display:block; float:right; padding:0 8px; border-left:solid 1px #80736a;} #index_page #footer ul li,#fixed #footer ul li{border-color:#fff;} #footer ul li.first{border:none;} /*-------------------------- HOMEPAGE FOOTER FIX - KH 13-01-2010 10:27 --------------------------*/ #home_footer {width: 910px; clear:both; margin: 20px auto;} #home_footer ul {width:100%; text-align:left; } #home_footer ul li {display:block; float: right; padding:0 8px; border-left:solid 1px #FFF; color: #FFF;} #home_footer ul li.first{border:none;} #home_footer ul li a {color: #FFF; text-decoration: none;} .global-form{margin:20px 0;} .global-form fieldset{padding:12px 0 10px 0; line-height:20px; left:0; /*float:left;*/ top:-10px;} .global-form label{display:inline-block; width:220px; vertical-align:top; line-height:20px;} .global-form select{margin-bottom:10px;} .global-form input,.global-form textarea,.formButton{margin:0; padding:0; border:none; resize:none; margin-bottom:10px;} .global-form textarea { border: 1px solid #d7d2cc; background: #f4f4ec; } .global-form input,.global-form .formButton,.formButton{display:inline-block; width:270px; height:18px; line-height:20px; background:url('images/input_background.jpg') center center no-repeat; padding:2px 5px 2px 5px;} .global-form #submit{display:block; width:127px; height:21px; background:url('images/button_background.gif') center center no-repeat; margin-left:376px; padding:0; cursor:pointer;} .global-form .formButton,.formButton{width:127px; height:21px; background:url('images/button_background.gif') center center no-repeat; margin-right:5px; padding:0; cursor:pointer;} .global-form span{color:#af006e;} .global-form input.formRadio {width:24px; vertical-align:middle;} .global-form input.formRadio {background:url('images/b.gif') center center no-repeat;} // KH .global-form span.formRadioText {line-height: 20px; margin: -5px 0 0 0;} .global-table{margin-top:10px;} .global-table tr td{line-height:16px; padding:5px; background:#f0ece9; vertical-align:middle; border-bottom:3px solid #fff;} .global-table tr th{background-color:#afa59d; color:#fff; height:25px; line-height:25px; padding-left:5px; border-bottom:solid 3px #fff;} .global-table td.white{background:#fff !important;} .global-table p{margin:0;} .global-table a.removeItem{height:10px; padding:15px 0; } /*END LAYOUT*/ /*DROPDOWNS*/ .select-box {display: block; height:21px; width:200px; display:inline-block;} #shop_by .select-box {width:160px; margin-top:6px;} .dropdown_start{display:block; width:5px; height:21px; background: url('images/dropdown_background_end.gif') 0 0 no-repeat; position:absolute; left:0; top:0;} .select-box a{display: block; height:21px; background: url('images/dropdown_background.gif') right 0 no-repeat; width:100%; text-indent:8px;} .select-box-options {position:absolute; background:#fff; border:solid 1px #80736a; border-width: 0 1px 1px 1px; overflow-y:auto; overflow-x:hidden; padding-top:4px; top:0px; left:3px; z-index:995; max-height:150px;} .select-box-options li {display:block; height:21px; padding-left:8px; white-space:nowrap; background:#fff;} * html .select-box-options {height: expression(this.scrollHeight > 149 ? "150px" : "auto");} /*END DROPDOWNS*/ /*SEARCH BOX*/ #search{width:180px; float:right; margin:18px 8px 0 0; display:inline;} #search legend,#search label{display:none;} #search #searchKeyword{background:url('images/search_box.jpg') 0 0 no-repeat; border:none; outline:none; vertical-align:top; width:124px; padding:4px 5px; margin:0;} #search #searchSubmit{background:url('images/search_button.jpg') 0 0 no-repeat; border:none; outline:none; vertical-align:top; cursor:pointer; width:34px; padding:3px 0 4px; margin:0;} /*END SEARCH BOX*/ /*BACKGROUND*/ #backgroundImageHolder,#backgroundImageHolder img{position:fixed; height:100%; width:100%; top:0; left:0; z-index:-1; overflow:hidden;} /*END BACKGROUND*/ /*PAGE FIXES*/ .sidebar_height{height:580px;} /*END PAGE FIXES*/ /*INDEX PAGE*/ #index_boxes{margin-top:460px; margin-left:50px;} /*#index_boxes{margin-top:460px; margin-left:5px;}*/ #index_boxes li{float:left; border-left: 1px solid #E9E4E4;; text-align: center;} #index_boxes li.first {border-left: 0;} #index_boxes li.middle { /*width: 355px;*/ } #index_boxes a { line-height: 28px; display: block; /* width: 163px; */ height: 60px; margin: 25px 7px 0 7px; padding: 7px 31px; text-decoration: none; } #index_boxes a.middle-box-link { display: block; /* width: 163px; */ height: 80px; /*margin: 0 7px;*/ margin: 7px 7px 0; text-decoration: none; } #list-first { margin-top: 30px; } #index_boxes li a.font-replace-white .first { width: 100px; margin-top: 30px; } #index_boxes a span.index_boxes_background{ position: absolute; display: block; width: 177px; height:104px; top: 0; left: 0; } #index_boxes a:hover span.index_boxes_background{filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity:0.75; opacity:0.75;} /*END INDEX PAGE*/ /*ABOUT PAGES*/ #signature{margin-top:20px;} #signature_name{margin-top:6px;} #history_table td{padding-top:13px;} /*END ABOUT PAGES*/ /*COLLECTIONS PAGE*/ .collections_image{display:inline-block; width:230px; height:490px; margin-right:6px;} .collections_image_span{position:absolute; display:block; top:370px; left:0; height:46px; width:162px; background:url('images/white.png'); padding:6px 0 0 8px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;} .collections_image:hover .collections_image_span{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9;} #col1{background:url('../../images/collections_silk_and_lace.jpg');} #col2{background:url('../../images/collections_swimwear.jpg');} #col3{background:url('../../images/collections_diffusion.jpg');} /*END COLLECTIONS PAGE*/ /*PRODUCT PAGE*/ #product_image_holder{display:block; width:350px; height:440px; overflow:hidden;} #product_image_controls_bg{display:block; height:20px; width:330px; padding:5px 10px; position:absolute; bottom:0; left:0; background:#e9e4e4; filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity:0.85; opacity:0.85;} #zoomView{ padding-right:20px; background:url('images/plus_icon.gif') right 0 no-repeat;} #fullSizeView{position:absolute; top:5px; right:10px; padding-right:20px; background:url('images/square_icon.gif') right center no-repeat;} #rightCol{display:block; float:right; width:365px;} #rightCol h2{margin-top:0; margin-bottom:25px;} .product_section{display:inline-block; border:solid 1px #ded9d5; padding:10px 10px 15px 10px; margin-bottom:10px; margin-right:15px; width:330px;} .product_section h2{margin-top:12px; margin-bottom:0;} .product_section p{margin-top:5px;} #product_form select{display:inline;vertical-align:bottom;} #product_form .select-box {display:inline-block; *display:inline; height:21px; width:86px; margin:6px 10px 0 0;} #product_form .select-box-options{width:78px;} #product_form #submit{display:inline; margin:6px 0 0 0; padding:0; border:none; width:127px; height:21px; background:url('images/button_background.gif') center center no-repeat; cursor:pointer; vertical-align:bottom;} #thumbs, #related{width:360px; float:left; clear:right;} #thumbs img, #related img{height:100px; width:80px;} #thumbs a, #related a{width:80px; height:100px; float:left; margin-right:9px; margin-top:10px; cursor:pointer;} #rightCol .childItem {margin:4px 0;} #rightCol .childItem h2{margin:0;} .formMessage{background:#ded9d5; display:block; margin:0 -11px 0 -11px; text-indent:15px; color:#af006e; top:5px; height:0; overflow:hidden; line-height:0;} /*END PRODUCT PAGE*/ /*DEPT PAGE*/ .dept_image{margin:0 10px 10px 0; overflow:hidden;color:#fff !important;} .dept_image img{height:210px;} .dept_image span{position:absolute; top:150px; left:0; height:40px; width:150px; background:url('images/white.png'); padding:5px 10px 0 10px; font-weight:normal; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; overflow:hidden;} .dept_image:hover span{filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity:0.9; overflow:hidden;} /*END DEPT PAGE*/ /*FITTING ROOM*/ #fitting_room{display:block; width:695px; background:url('images/fitting_room_background.jpg') 0 0 no-repeat; padding:2px 0 0 15px;} #fitting_room .section{background:#fff url('images/fitting_room_detail.jpg') top right no-repeat; width:645px; padding:0 15px 15px 15px; clear:both; border:solid 1px #ded9d5;} #fitting_room .noimage{background:#fff;} #fitting_room .section li{margin:6px 0 0 15px; list-style-image:url('images/list_dash.gif');} #fitting_room .section li.pink{list-style-image:none; list-style-type:decimal;} #fitting_room .section li p{margin-top:0;} #fitting_room table{margin-top:10px;} #fitting_room tr td{line-height:16px; padding-left:5px; background:#fff;} #fitting_room tr th{background-color:#afa59d; color:#fff; height:25px; line-height:25px; padding-left:5px; border-bottom:solid 3px #fff;} #fitting_room tr.lightbrown td{background:#f0ece9;} #fitting_room td.white{background:#fff !important;} .tips td{padding:7px 0;} /*END FITTING ROOM*/ /*SHOP BY*/ #shop_by{display:block; width:710px; /*height:490px;*/ background:url('images/shop_background.jpg') 0 0 no-repeat;} #shop_by select{margin-top:5px; width:140px;} #shop_by_content{display:block; width:140px; margin-left:12px; height:480px; padding-top:1px;} #shop_by_content .select-box{width:140px;} #filter_results{display:block; width:540px; float:right; margin-right:-10px;} #shop_form #searchSubmit{display:block; margin:6px 0 0 0; padding:0; border:none; width:87px; height:21px; background:url('images/button_background_small.gif') center center no-repeat; cursor:pointer;} #shop_form .select-box-options{width:132px;} #middleAlign input{margin-bottom:-2px;} /*END SHOP BY*/ /*STOCKISTS*/ #jsstockistsHolder { position:relative; background:url('../images/stockists/background.gif') center no-repeat; height:400px; margin-top:50px; } .stockist-country { position:absolute; z-index:50; width:23px; height:23px; background:url('../images/stockists/pin.png') top no-repeat; text-indent:-9999px; } .stockist-country:hover { background:url('../images/stockists/pin.png') bottom no-repeat; } .stockist-country.canada { left:110px; top:80px; } .stockist-country.america { left:130px; top:130px; } .stockist-country.uk { left:335px; top:90px; } .stockist-country.ireland { left:300px; top:100px; } .stockist-country.italy { left:350px; top:150px; } .stockist-country.france { left:320px; top:125px; } .stockist-country.china { left:510px; top:160px; } .stockist-country.germany { left:345px; top:120px; } .stockist-country.mexico { left:130px; top:200px; } .stockist-country.australia { left:580px; top:300px; } .stockist-country.bahrain { left:420px; top:180px; } .stockist-country.ukraine { left:400px; top:130px; } .stockist-country.netherlands { left:360px; top:100px; } #press .select-box{position:absolute; top:0; right:15px; width:176px;} #stockist .select-box{position:absolute; top:0; right:15px; width:176px;} #stockist .select-box-options,#press .select-box-options{width:168px;} #country_selector{ right:15px; width:176px;} /*END STOCKISTS*/ /* Popup */ .popup { background:#e9e4e4; position:absolute; width:650px; z-index:1230; top:40%; left:50%; margin-left:-325px; } .popup h3 a { float:right; margin-right:10px; width:55px; height:32px; color:#80736A; cursor:pointer; } .popup-inner { background:#fff; margin:10px; border:1px solid #e5e5e5; padding:19px; max-height:300px; overflow-y:scroll; color:#d4ccc3; } .popup-inner .inset { margin-left:20px; } .popup form fieldset.grey { margin-top:0px; } .popup h3 { color:#c34092; font-size:16px; border-bottom:1px solid #e1e1e1; padding:0px 0px 15px 0px; } .popup h2 { padding-bottom:20px; } .popup p { font-size:12px; } .popup img.pad { padding:20px 0px; display:block; } #overlay { position:absolute; float:left; top:0px; left:0px; width:100%; height:100%; z-index:-1; background:rgba(0, 0, 0, 0.4); } .hide { display:none; } .stockists-holder div { float:left; width:190px; margin-bottom:20px; } /*PRESS*/ #cover_selector{position:absolute; top:0; right:15px; width:176px;} /*END PRESS*/ /*CONTACT PAGE*/ div.third{width:232px; float:left; margin-right:8px; padding-bottom:20px;} div.third p{margin-top:5px;} #contact_form{margin-top:10px;} #contact_form label{display:inline-block; width:80px; vertical-align:top; line-height:20px;} #contact_form legend{display:none;} #contact_form input,#contact_form textarea{margin:0; padding:0; border:none; resize:none; margin-bottom:6px;} #contact_form fieldset input{display:inline-block; width:270px; height:17px; line-height:20px; background:url('images/input_background.jpg') center center no-repeat; padding:2px 5px 2px 5px;} #contact_form fieldset textarea{display:inline-block; width:270px; height:97px; background:url('images/textarea_background.jpg') center center no-repeat; padding:3px 5px 0 5px;} #contact_form #submit{display:block; width:127px; height:21px; background:url('images/button_background.gif') center center no-repeat; margin-left:84px; cursor:pointer;} /*END CONTACT PAGE*/ /*LIGHTBOX*/ #lbOverlay {position:fixed; z-index:9998; left:0; top:0; width:100%; height:100%; background-color:#000; cursor:pointer;} #lbCenter, #lbBottomContainer {position:absolute;z-index:9998; overflow:hidden; background-color:#fff;} #lbBottomContainer { position:static; display:none;} /*.lbLoading {background: #fff url(loading.gif) no-repeat center;}*/ #lbImage {position: absolute;left: 0;top: 0;border: 10px solid #fff;background-repeat: no-repeat; cursor:pointer;} #lbBottom {border: 10px solid #fff; border-top-style: none;} #lbCloseLink {position:absolute; top:40px;right:0;float:right; width:66px; height:22px;background:#fff url(closelabel.gif) no-repeat center;z-index: 9999; padding:10px 20px;} /*END LIGHTBOX*/ /*ACCOUNT PAGES*/ .formField#country, .formField#bill_state, #ship_country_id, #ship_state{/*display:none;*/} #navSubDept{overflow:auto; margin-top:20px; clear:both;} #navSubDept li{float:left; background:#af006e; margin-right:6px;} #navSubDept li a{color:#fff; padding:6px 34px; text-decoration:none;} #navSubDept li a:hover{text-decoration:underline;} /*END ACCOUNT PAGES*/ /*BACKET PAGES*/ #basket_empty{margin-top:15px;} .card_icon{margin-right:6px; margin-bottom:6px;} #sub_total_table{margin-top:5px;} #sub_total_table td{border-bottom:solid 1px #af006e; padding:5px 0} address{margin:10px 0; line-height:13px;} #acceptedCards{float:left; margin-top:5px;} #cartButtons {text-align:right; margin-right:10px; float:left;} /*END BASKET PAGES*/ /*ERROR BLOCK*/ #no_js{display:block; border:solid 5px red; background:pink; color:red; text-align:center; padding:10px; margin:10px; line-height:20px;} /*END ERROR BLOCK*/ /*AJAX LOADER*/ #blocker{position:fixed; top:0; left:0; height:100%; width:100%; background:pink; z-index:999;} #ajaxloader{position:absolute; top:50%; left:50%; z-index:999; display:block; width:400px; height:400px; background:#fff; margin:-200px 0 0 -200px;} /*END AJAX LOADER*/ /*FONT RULES*/ div,p,a,ul,li,span,table,td,h1,h2,h3,h4,h5,h6,input,textarea,select,submit,checkbox{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; color:#80736a;} .pink{color:#AF006E !important;} .bold{font-weight:bold;} a,a:visited{text-decoration:none; color:#AF006E; font-weight:100;} p a,p a:hover,li a,li a:hover,table a,table a:hover{text-decoration:underline;} a:active,a:focus{} a:hover{cursor:pointer;} p{} #menu a, #shop_by h2{line-height:24px; font-size:19px; color:#AF006E; text-decoration:none; text-transform:uppercase; color:#E9E4E4;} #rightCol h2{line-height:21px; font-size:19px; color:#AF006E; text-decoration:none; text-transform:uppercase; color:#fff;} #menu li li a{line-height:13px; font-size:11px; color:#80736a; text-decoration:none; font-weight:100; text-transform:uppercase;} #menu li li a:hover{text-decoration:underline;} #menu ul ul li{list-style-image:url('images/list_dash_pink.gif');} #menu ul ul li a{text-transform:none;} #toplinks{color:#80736a; text-transform:uppercase;} #toplinks a{color:#80736a; font-weight:normal; text-decoration:none;} #toplinks a:hover{text-decoration:underline;} #toplinks #basketlink{color:#80736a; text-transform:none;} h1{font-size:36px; line-height:36px; color:#af006e; text-transform:uppercase; color:#fff;} h2{color:#af006e; font-weight:bold;} #search_form input{color:#80736a;} #index_boxes a{line-height:20px; font-size:18px; color:#fff; text-transform:uppercase;} #area_tabs a,#product_tabs a{font-size:10px; line-height:10px; text-transform:uppercase; color:#80736a; text-decoration:none; font-weight:normal;} #area_tabs a:hover,#product_tabs a:hover{text-decoration:underline;} #home_footer a, #home_footer li, #footer a ,#footer li{font-weight:normal;color:#80736a; text-decoration:none;} #home_footer a:hover, #footer a:hover{text-decoration:underline;} #home_footer li, #index_page #footer a,#index_page #footer li,#fixed #footer a,#fixed #footer li{color:#fff; font-weight:normal;} .collections_image span{line-height:21px; font-size:19px; color:#fff;} #shop_by p{color:#af006e;} #product_image_controls_bg a{color:#80736a; font-weight:normal; line-height:20px;} #product_image_controls_bg a:hover{text-decoration:underline;} div.select-box a{line-height:20px; color:#80736a; text-decoration:none; font-weight:normal; white-space:nowrap;} .select-box a:hover{text-decoration:none; cursor:pointer;} .select-box-options li {line-height:21px; cursor:pointer;} .select-box-options li.selected {color:#af006e; text-decoration:underline;} .cat_title { clear: both; padding-bottom:5px; } /*END FONT RULES*/