/* BOSKKE 2011.02.22 */ /* Imports -------------------------------*/ @import "/styles/jquery.fancybox-1.3.1.css"; /* Reset -------------------------------*/ html,body,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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /* 960.css -------------------------------*/ .container_12,.container_16{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.container_12 .grid_3,.container_16 .grid_4{width:220px}.container_12 .grid_6,.container_16 .grid_8{width:460px}.container_12 .grid_9,.container_16 .grid_12{width:700px}.container_12 .grid_12,.container_16 .grid_16{width:940px}.alpha{margin-left:0}.omega{margin-right:0}.container_12 .grid_1{width:60px}.container_12 .grid_2{width:140px}.container_12 .grid_4{width:300px}.container_12 .grid_5{width:380px}.container_12 .grid_7{width:540px}.container_12 .grid_8{width:620px}.container_12 .grid_10{width:780px}.container_12 .grid_11{width:860px}.container_16 .grid_1{width:40px}.container_16 .grid_2{width:100px}.container_16 .grid_3{width:160px}.container_16 .grid_5{width:280px}.container_16 .grid_6{width:340px}.container_16 .grid_7{width:400px}.container_16 .grid_9{width:520px}.container_16 .grid_10{width:580px}.container_16 .grid_11{width:640px}.container_16 .grid_13{width:760px}.container_16 .grid_14{width:820px}.container_16 .grid_15{width:880px}.container_12 .prefix_3,.container_16 .prefix_4{padding-left:240px}.container_12 .prefix_6,.container_16 .prefix_8{padding-left:480px}.container_12 .prefix_9,.container_16 .prefix_12{padding-left:720px}.container_12 .prefix_1{padding-left:80px}.container_12 .prefix_2{padding-left:160px}.container_12 .prefix_4{padding-left:320px}.container_12 .prefix_5{padding-left:400px}.container_12 .prefix_7{padding-left:560px}.container_12 .prefix_8{padding-left:640px}.container_12 .prefix_10{padding-left:800px}.container_12 .prefix_11{padding-left:880px}.container_16 .prefix_1{padding-left:60px}.container_16 .prefix_2{padding-left:120px}.container_16 .prefix_3{padding-left:180px}.container_16 .prefix_5{padding-left:300px}.container_16 .prefix_6{padding-left:360px}.container_16 .prefix_7{padding-left:420px}.container_16 .prefix_9{padding-left:540px}.container_16 .prefix_10{padding-left:600px}.container_16 .prefix_11{padding-left:660px}.container_16 .prefix_13{padding-left:780px}.container_16 .prefix_14{padding-left:840px}.container_16 .prefix_15{padding-left:900px}.container_12 .suffix_3,.container_16 .suffix_4{padding-right:240px}.container_12 .suffix_6,.container_16 .suffix_8{padding-right:480px}.container_12 .suffix_9,.container_16 .suffix_12{padding-right:720px}.container_12 .suffix_1{padding-right:80px}.container_12 .suffix_2{padding-right:160px}.container_12 .suffix_4{padding-right:320px}.container_12 .suffix_5{padding-right:400px}.container_12 .suffix_7{padding-right:560px}.container_12 .suffix_8{padding-right:640px}.container_12 .suffix_10{padding-right:800px}.container_12 .suffix_11{padding-right:880px}.container_16 .suffix_1{padding-right:60px}.container_16 .suffix_2{padding-right:120px}.container_16 .suffix_3{padding-right:180px}.container_16 .suffix_5{padding-right:300px}.container_16 .suffix_6{padding-right:360px}.container_16 .suffix_7{padding-right:420px}.container_16 .suffix_9{padding-right:540px}.container_16 .suffix_10{padding-right:600px}.container_16 .suffix_11{padding-right:660px}.container_16 .suffix_13{padding-right:780px}.container_16 .suffix_14{padding-right:840px}.container_16 .suffix_15{padding-right:900px}.container_12 .push_3,.container_16 .push_4{left:240px}.container_12 .push_6,.container_16 .push_8{left:480px}.container_12 .push_9,.container_16 .push_12{left:720px}.container_12 .push_1{left:80px}.container_12 .push_2{left:160px}.container_12 .push_4{left:320px}.container_12 .push_5{left:400px}.container_12 .push_7{left:560px}.container_12 .push_8{left:640px}.container_12 .push_10{left:800px}.container_12 .push_11{left:880px}.container_16 .push_1{left:60px}.container_16 .push_2{left:120px}.container_16 .push_3{left:180px}.container_16 .push_5{left:300px}.container_16 .push_6{left:360px}.container_16 .push_7{left:420px}.container_16 .push_9{left:540px}.container_16 .push_10{left:600px}.container_16 .push_11{left:660px}.container_16 .push_13{left:780px}.container_16 .push_14{left:840px}.container_16 .push_15{left:900px}.container_12 .pull_3,.container_16 .pull_4{left:-240px}.container_12 .pull_6,.container_16 .pull_8{left:-480px}.container_12 .pull_9,.container_16 .pull_12{left:-720px}.container_12 .pull_1{left:-80px}.container_12 .pull_2{left:-160px}.container_12 .pull_4{left:-320px}.container_12 .pull_5{left:-400px}.container_12 .pull_7{left:-560px}.container_12 .pull_8{left:-640px}.container_12 .pull_10{left:-800px}.container_12 .pull_11{left:-880px}.container_16 .pull_1{left:-60px}.container_16 .pull_2{left:-120px}.container_16 .pull_3{left:-180px}.container_16 .pull_5{left:-300px}.container_16 .pull_6{left:-360px}.container_16 .pull_7{left:-420px}.container_16 .pull_9{left:-540px}.container_16 .pull_10{left:-600px}.container_16 .pull_11{left:-660px}.container_16 .pull_13{left:-780px}.container_16 .pull_14{left:-840px}.container_16 .pull_15{left:-900px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}* html .clearfix{height:1%} html { height: 100%;overflow-y: scroll; } body { min-width: 940px; padding:0; color:#6c6e6d;} body,input,textarea,select,option{font:14px/20px 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;}a:focus{outline:1px dotted}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:20px} h1,h2,#masthead {font-family:'Futura W01 Book',Futura,'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;text-rendering: optimizeLegibility;} h1,h2,h3,h4,h5,h6,dt {font-weight:normal;} .container_16,.container_12 {overflow:hidden;position:relative;} /* Grid -------------------------------*/ /*.container_16 { background: transparent url(/images/16_col.gif) repeat-y 0 0;} .container_12 { background: transparent url(/images/12_col.gif) repeat-y 0 0;} */ a { text-decoration:none; color:#09A352;} a:hover,.panel a:hover { color:#000;} a:focus,a:active { outline:none;} strong { color:#000;} sup { font-size:70%;vertical-align:30%;padding:3px;} .footnotes { font-size:85%;} img { -ms-interpolation-mode: bicubic; } .hidden { display:none;} .back { padding-left:10px;background:transparent url(/images/interface/blue_arrow_left.gif) no-repeat 0 50%;} /* Masthead -------------------------------*/ #masthead { height:70px; width:960px; margin:0;left:0;top:0;position:absolute;width:100%;z-index:21;overflow:hidden;text-indent:-1234em; border-top:0px #ccc solid; font-size:13px; font-weight:normal;text-rendering: optimizeLegibility;} body > div#masthead { position: fixed; } #masthead_background { height:70px; width:960px; margin:0;left:0;top:0; background-color:#F0F0F1; position:absolute;width:100%;z-index:18;overflow:hidden;} body > div#masthead_background { position: fixed; } #tagline { position:absolute;top:0;left:175px;z-index:2;color:#000;width:200px;height:70px;text-align:left;text-indent:0;padding:10px 0;} #masthead ul {background-color:#F0F0F1;position:absolute;top:0;right:0;list-style:none;margin:0; padding:0; text-indent:0;text-align:left;float:right; z-index:21;overflow:hidden;} #masthead ul li { display:block; float:left;margin:0 0;} #masthead ul li a{ display:block;float:left;margin:0 0 1em 0;padding:10px .7em;color:#000;} #masthead ul li a strong {} #masthead ul li a:hover {color:#09A352;} #logo a { display:block;height:50px; width:300px; overflow:hidden; text-indent:-1234em;overflow:hidden;background: transparent url(/images/interface/boskke_logo.png) no-repeat 0 5px; margin: 0; padding:0;float:left;} #shopping_cart_m { background:transparent url(/images/interface/menu_matrix_2011.gif) no-repeat 0 10px; padding-left:20px !important;margin-left:10px !Important;} #shopping_cart_m:hover { background-position: 0 -30px;} #skyplanter #shopping_cart_m:hover { background-position: 0 -75px;} #country_selector_m { padding-left:22px !important;background:transparent url(/images/interface/menu_matrix_2011.gif) no-repeat 0 -70px;margin-left:10px !important;} #country_selector_m:hover {background-position: 0 -110px;} #skyplanter #country_selector_m:hover {background-position: 0 -195px;} /* Footer -----------------------------*/ #footer { color:#000;margin:0 0;font-size:11px;} #footer .grid_16 { color:#999;} #footer ul {list-style:none;overflow:hidden;} #footer li {float:left;margin: 0; padding:0;} #footer { line-height:2;color:#666;} #skyplanter #footer a,#footer a {color:#666;} #footer a:hover {color:#09A352;} #skyplanter #footer a:hover {color:#09A352;} #boxes { width:960px;margin:20px 0;padding:0;} #boxes li { margin:0 20px 0 0;} #links li { margin:0 1em 0 0;} #social_badges {list-style:none; float:right; right:0; top:0;} #social_badges li { margin:0 0 0 10px !important; float:left; padding:0;} /* Titles -----------------------------*/ .title { overflow:hidden; padding: 90px 0 0 0; color:#000;border-bottom:1px #999 solid;margin-bottom:20px; } .title h1{ padding:0 0 20px 0; } h1 { font-size: 30px; line-height:1;margin: 0;color:#09A352;} h2 { font-size:20px;} #top-plant-table dl dt { } h2 a{ color:#000;} h1 a:hover { color:#000;} h4 { font-size:100%; margin:0 0 .5em 0;padding:0;} /* Sub nav ----------------------------*/ .title #subnav { list-style:none; margin:0; padding:0; font-size:12.5px; top:20px;position:absolute; right:0;text-align:right;width:470px;z-index:10;} .title #subnav li { margin: 0; padding:0; display:inline;} .title #subnav a { padding:0 0 1em 10px;} .title #subnav a:hover { color:#000 !important; text-shadow:none;} .title #subnav a.current { color:#000;} .section { margin-bottom:20px;padding-bottom:20px;overflow:hidden;} .lead { color:#000;} .rss {padding-left: 24px;background: transparent url(/images/interface/rss.gif) no-repeat 0 0;display: block;} .badge { vertical-align:-4px; margin:0 2px;} .mailing_list{ padding-left: 24px; background: transparent url(/images/interface/mailing_list.gif) no-repeat 0 0; display: block;} /* Frontpage -------------------------------*/ #frontpage{min-height:600px;width:100%;height:100%;margin:0;padding:0;border:0;} #frontpage body{overflow:hidden;height:100%;width:100%;margin:0;padding:0} #frontpage #main{position:relative;width:960px;height:100%;z-index:10;margin:0 auto} #frontpage h1 a{position:absolute;bottom:10%;font-size:70px;letter-spacing:-1px;word-spacing:80%;line-height:.9;margin:50px 10px;padding:.5em 0} #frontpage #footer{position:absolute;bottom:0;width:100%;overflow:hidden;z-index:1001;color:#fff ;padding:0} #frontpage #footer a,#frontpage #footer li { color: #fff; } #loading { position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;text-indent: -1234em;background: url(/images/interface/progress.gif) no-repeat 50% 50%;} #supersize {position: fixed;top:0;left:0;} #supersize img, #supersize a { height: 100%;left:0; position: absolute; top:0; width: 100%; z-index: 0;} #frontpage.positive h1 a {color:#000;} #frontpage.positive #footer,#frontpage.positive #footer li,#frontpage.positive #footer a:hover { color:#000;} #frontpage.positive #footer a { color:#09A352;} #frontpage.negative h1 a { text-shadow:rgba(0,0,0,.7) 0 1px 5px;} /* Blog -------------------------------*/ #blog_categories ul { list-style:none; margin:.5em 0; border-bottom: 1px #999 solid;} #blog_categories ul li { margin:0; padding:.5em 0; border-top:1px #999 solid; text-indent:0;} .pagination { overflow:hidden; position:relative;} .pagination a { font-weight:bold;} .pagination .previous { float:left;} .pagination .next { float:right;} #comments ol { list-style:none;margin:1em 0; border-bottom:1px #999 solid; } #comments ol li { margin:0; padding:1em 0 .5em 120px; border-top:1px #999 solid; position:relative;} #comments ol li .meta {position:absolute; left:0; width:110px;} #comments ol li .author {display:block;font-weight:bold;} #comment_area {border-bottom:1px #999 solid; padding-bottom:1em; margin-bottom:1em; } #comment_area textarea { width:510px; border:0px; padding:3px; background-color:#F0F0F1; margin-left:120px;} #comment_area input.text {width:300px; border:0px; padding: 3px; background-color:#F0F0F1;} #comment_area label { width:110px; margin-right:10px; padding:3px 0;display:block;float:left;text-align:right;color:#000;} #comment_area h3 { margin-bottom:1em;} #comment_area p { margin:0 0 .5em 0; color:#999;} #comment_area .submit { margin-left:120px !important;overflow:hidden;} #comment_area .submit .button { margin:0 0 2px 0;} #submit input { cursor:pointer;font-weight:bold;font-size:85%;border:0;background-color:#35abe6; color:#fff; padding:.5em 1.5em !important; margin-left:60px;text-shadow:rgba(0,0,0,.3) 0 1px 1px;} #submit input:hover { background-color:#000;} .comment { background:transparent url(/images/interface/chat.gif) no-repeat 5px 50%; padding-left:25px;} .tag { background:transparent url(/images/interface/tag.gif) no-repeat 0 50%; padding-left:18px;} h3#respond { margin-bottom:1em !important;} /* Distributors -------------------------------*/ .region { padding:0 0 1em 0;margin:0 0 2em 0; overflow:hidden;} .retailers {margin-left:240px;overflow:hidden;width:480px;position:relative;} .distributor { width:220px;margin-right:20px;float:left;} .retailers dl,.retailers p { width:220px; margin: 0 20px 19px 0;float:left;} .retailers p a { font-weight:bold;} .retailers ul,.retailers li { list-style:none;margin:0;padding:0;} #featured { position:relative;width:700px; height:400px;overflow:hidden;} #featured dt { position:absolute;top:0;left:0;width:100%;height:100%;} #featured dt a { display:block;width:100%;height:100%; padding:15px;} #featured dt a span {background-color:#fff;padding:.25em .5em;display:block;float:left;} #distribution h3 { margin-bottom:1em;} #countries { list-style:none; margin:0 0 2em 0; padding:0; text-indent:0; } #countries .selected { color:#000 !important;} #countries li {display:inline;margin:0;padding:0;} #countries li a { margin:0; padding:.25em 0; text-indent:0;display:block;} #distribution h4 { font-size:100%;margin:0 0 1em 0;color:#000} .country h2 {display:none;} .country { overflow:hidden;width:720px;} .photos #main img { margin-bottom:20px;} .photos .zoom { position:relative; display:block;overflow:hidden;} .photos .zoom span { position: absolute; top: 0;left: 0; display: block; width: 100%; height: 160px; background: transparent url(/images/interface/magnify.png) no-repeat 0 0;} .alignt-right { float:right; margin: 0 0 1em 1em ;} .alignt-left { float:left; margin: 0 1em 1em 0 ;} .water .zoom { background-color:#35abe6;} .light .zoom { background:#FFF url(/images/interface/zoom_positive.png) no-repeat 1em 50%; color:#000 !important;} .downloads{list-style:none;clear:both;} .downloads li {list-style:none;margin:0;padding:0;display:inline;position:relative;} .downloads li a { display:block; padding-left:24px;margin:0 0 .5em 0;overflow:hidden;} .pdf {background: #fff url(/images/interface/pdf.gif) no-repeat 0 50%; } .cad { background: #fff url(/images/interface/cad.gif) no-repeat 0 50%; } /* FAQ -------------------------------*/ .faq ol { list-style:none; margin: 0; width:565px;float:left;margin-bottom:30px;} .faq ol li { margin: 0 0 1em 0; padding: 0; text-indent:0; border-bottom:1px #999 solid;} .faq dl { margin:0;} .faq dl dt { padding-bottom:1em;} .faq dl dt a { font-size:20px; line-height:25px;color:#000 !important;} .faq dl dt a:hover { color:#09A352 !important;} .faq dl dd { margin:0em 0;} /* Contact -------------------------------*/ #contact label {width:110px;display:block;float:left;padding:5px 0;margin-right:10px;text-align:right;} #contact fieldset input.text{ width:390px; margin: 0; padding:5px; background-color:#F0F0F1;border:0;height:20px;} #email_form input.text,#email_form textarea { margin:0 0 0 0; padding:5px; border:0; background-color:#F0F0F1; width:390px;height:390px;resize: none;} #contact .button { margin-left:120px;} /* Basket -------------------------------*/ #basket p { overflow:hidden;} #basket .lead {padding-bottom:40px;margin-bottom:20px;background: transparent url(/images/interface/rule_F0F0F1_940x1.gif) no-repeat 50% 100%;} #basket h2 { margin:0 0 .5em 0;line-height:1;padding:0;} #basket select { width:160px; margin-bottom:.5em;} #basket h3 { margin-bottom:.5em ;} #basket { background-color:#fff;} #basket table { width:100%;} #basket table td { vertical-align:top; text-align:left; padding: 1em 0;} #basket table tr.item { border-top:#999 solid 1px;} #basket table .num { text-align:right;padding: 1em 0;} #basket table th {padding: .75em 0; text-align:left;} #basket table td input { width:30px; background-color:#F0F0F1; border:0; padding:.3em;margin:0;} #basket #footer { margin-top:100px;} td.product { height:auto;} td.product_shot { width:60px;} #basket table tr.total { font-weight:bold; color:#000; border-top:2px #000 solid;} p.submit { text-align:right;} p.submit a { margin:0 0 0 1em;} p.submit .button { float:right;margin-right:0;} .times { color:#000; font-size:150%;margin:0 .5em;line-height:50%;} .remove,.add { display: block; width:18px;height:18px overflow:hidden; text-indent:-1234em; background: #fff url(/images/interface/add_remove_matrix.gif) no-repeat 0 0;text-align:left;} .remove:hover {background-position:0 -20px;} .remove:active {background-position:0 -40px;} .add {background-position:-20px 0;float:right;margin:5px 5px 0 5px;} .add:hover {background-position:-20px -20px;} .add:active {background-position:-20px -40px;} #basket .grid_4 dl { margin-bottom:.5em;} #summary { padding:15px;background-color:#F0F0F1;margin-bottom:30px;} #summary .total { } #summary p.submit { margin:0; padding-bottom:2px;} #total-amount {color:#000;display:block;font-weight:bold; font-size:200%; white-space: nowrap;} .explanation { display:block;color:#999; margin:.5em 0 .5em 130px !important;width:400px;} /* Products -----------------------------------*/ #skyplanter h1 { font-size: 60px; line-height:1;margin: 0; letter-spacing: -1px;word-spacing: -2px; } #skyplanter .water h2 {color:#000;} #skyplanter.overview h1 { color:#6c6e6d;margin:0 0 30px 0;padding:0;} #skyplanter h1 span {font-size:90px;letter-spacing:-1px;text-rendering: optimizeLegibility;} #skyplanter.overview h2 { color:#666;text-shadow:rgba(0,0,0,.3) 0 1px 2px;} #skyplanter h2,#skyplanter p.replaced { font-size:20px;line-height:27px;} #skyplanter .title h1 a{ color:#6C6E6D;} #skyplanter h3,#skyplanter h3 a,#skyplanter dt a { margin:0;color:#000;} #skyplanter #hero { padding: 90px 0;} .highlight {color:#09A352;} #skyplanter #hero p a,#skyplanter #hero dd a { border-bottom:1px #ccc solid;} #skyplanter #hero a:hover { color:#35392d;text-shadow:none !important;} /* Sky Planter ------------------------------*/ #hero_pot { position:absolute; top:0; left:50%;width:960px;z-index:19;overflow:visible;margin-left:-150px; height:10px !important;width:300px;zoom: 1;background-color:#transparent;overflow:visible;} body > div#hero_pot { position: fixed; background-color:#F0F0F1;} #hero_pot div {zoom: 1; background-color:transparent;height:1px !important;overflow:visible;} .overview #subnav {list-style:none;position:relative;text-align:left;margin-top:0px;} .overview #subnav li { padding: 0;margin: 0 0 30px 0;float:none;overflow:hidden;position:relative;} .overview #subnav dl { margin:0;} .overview #subnav dt a { } .overview #subnav li img { float:right;margin:0;} .overview #subnav li span {float:right;width:125px;} /*.overview #subnav a { white-space: nowrap;display:block;}*/ #how-it-works {margin:20px auto; } #top-plant-table { width:100%;font-size:90%;margin:0;} #top-plant-table th { text-align:left;padding:10px 0; color:#000;} #top-plant-table td { border-top:1px #999 solid;vertical-align:top; padding:10px 0 20px 0;} #top-plant-table dl dt {color:#000;} #top-plant-table dl {margin:0 10px 0 0;} .lighting,.watering { display:block;} .watering ,.lighting { display:block;height:36px; width:150px;background:transparent url(/images/interface/plant_icons.gif) no-repeat 0 0;overflow:hidden;} .lighting.low { background-position:0 0px;} .lighting.moderate { background-position:0 -50px;} .lighting.bright { background-position:0 -100px;} .watering.low { background-position: -200px -0px;} .watering.moderate { background-position: -200px -50px;} .watering.moderate-heavy { background-position: -200px -100px;} .watering.heavy { background-position: -200px -150px;} .conditions { list-style:none;} .conditions li { float:left;margin:.5em 20px .5em 0;padding:0;} .conditions strong { display:block;} .maintenance h2 { margin:0;} .plant { margin:0;padding:0 !important;} .plant img { margin:0;padding:0;} .thumbnails {list-style:none; margin:40px 0; padding:0; width:960px; overflow:hidden;} .thumbnails li { margin:10px 20px 10px 0; float:left; height:160px; width:220px; overflow:hidden;position:relative;font-size:85%;background-color:#000; } .thumbnails dd { position:absolute;top:0;left:0;z-index:2;color:#fff;padding:10px;display:none;} .thumbnails li img {position:relative;z-index:1;} .thumbnails .zoom { position:relative; display:block;overflow:hidden;} .thumbnails .zoom span { position: absolute; top: 0;left: 0; display: block; width: 100%; height: 160px; background: transparent url(/images/interface/magnify.png) no-repeat 0 0;z-index:3;} .overview #m-overview, .top-plants #m-top-plants, .gallery #m-gallery, .maintenance #m-maintenance, .faq #m-faq { color:#000 !important;} .gallery .title { padding-bottom:0 !important;} .gallery .title h1 {border:0 !important;} /* Blog ------------------------------*/ #blog h2 , #blog h3{ font-size:18px;;margin:0;} .post { margin-bottom:20px;border-bottom:1px #999 solid; overflow:hidden;} .meta { font-size:9pt; margin:0 0 .5em 0; color:#999;} .post .image { margin-bottom:.5em;} #blog h3.tag { margin-bottom:2em;border-bottom:1px #999 solid; padding-bottom:1em; background-image:url(/images/interface/tag_large.gif);background-position:0 0; padding-left:30px;} .multiplebgs blockquote { color:#999; padding: 0 50px; background-image: url(/images/interface/blockquote.gif), url(/images/interface/blockquote_close.gif); background-repeat: no-repeat; background-position: top left, bottom right;} .no-multiplebgs blockquote { color:#999; padding: 0 50px; background: transparent url(/images/interface/blockquote.gif) no-repeat 0 0; } #blog #footer { margin-top:60px;} /* Shop -------------------------------*/ .product_list { list-style:none; width:720px; overflow:hidden;margin:0 0 30px 0;} .grid_16 .product_list { width:960px;} .product_list li { float:left; width: 240px; margin:0;padding-bottom:20px;position:relative;overflow:hidden; } .product_list li strong, .product_list h3 { margin:0;} .product_list li p { margin: 0;} .product_list li p.specs { display:block;} .product_list dl { overflow:hidden; clear:both;} .product_list h3 a { color:#000;} .product_list h3 a:hover,.product_list h3 a:focus { color:#09A352;} .gallery_thumbnails {overflow:hidden;} .gallery_thumbnails li { list-style:none;float:left;margin:0 10px 10px 0;} #product_hero { margin-bottom:20px;} .colours { overflow:hidden;} #shop #colour-selector {margin-top:63px;} #colour-selector {overflow:hidden;clear:both;width:100%;} #colour-selector label {width:100%;display:block;cursor:pointer;} #colour-selector ul { margin:0;} #colour-selector li {width: 25px; height:25px; display:block; margin:5px 5px 5px 0; float:left;} #colour-selector label.white { width: 25px; height:25px; display:block; background: transparent url(/images/interface/colour_matrix.gif) no-repeat -30px 1px; text-indent:-1234em; float:left; cursor:pointer;} #colour-selector label.black { width: 25px; height:25px; display:block; background: transparent url(/images/interface/colour_matrix.gif) no-repeat 0 1px; text-indent:-1234em; float:left;cursor:pointer;} #colour-selector .selected label.black { background-position: 0 -29px; } #colour-selector .selected label.white { background-position: -30px -29px; } #shop h2 { margin-bottom:30px;font-weight:normal;} #shop h3.accessories { font-size:100%; padding-top:.5em;border-top:1px #999 solid;} /* Country selector (modal) -------------------------------*/ #country-selector { overflow:hidden;text-align:center;width:450px} #country-selector li { list-style:none;float:left;margin-left:0;margin:5px;} #country-selector li a { background-color:#09A352; color:#fff;padding:5px 10px !important;width:120px;display:block;text-align:center;font-weight:bold;font-size:14px;} a.select,input.submit { border:0;background-color:#59b8d1; padding:.25em 1em; display:block; float:left; color:#fff !important; font-weight:bold;} a.select:hover,a.add_to_basket:hover {background-color:#000;} .product { display:block; height:160px;} .over { cursor:pointer;} .over h3 a { color:#09A352;} /* Basket -------------------------------*/ #basket fieldset {} #basket fieldset legend {position:absolute;top: 10px;font-size:180%;font-weight:normal;color:#999;bor} #basket fieldset ol { margin:0;} #basket fieldset ol li{ list-style:none;margin:0 0 15px 0;padding:0;overflow:hidden;} #basket fieldset p { float:left;margin:0 0 20px 0;padding:0 ;} #basket fieldset p label {display:block;padding:5px 0;margin-right:10px;font-weight:bold;} #basket ol li label {width:120px;display:block;float:left;padding:5px 0;margin-right:10px;text-align:right;font-weight:bold;} #basket fieldset input[type="text"], #basket fieldset input[type="password"]{ width:390px; margin: 0; padding:5px; background-color:#F0F0F1;border:0;height:20px;} #basket select { margin-left:130px; } #basket li.date select { font-size:15px;background-color:#FFF;margin-left:0;width:6em;} #basket fieldset .submit{ width:100%;} #basket fieldset .submit input {margin:0 0 2px 0;float:left;} .checkbox,#basket .checkbox { margin-left:105px !important;position:relative;} .checkbox label,#basket .checkbox label { text-align:left;width:auto; margin:0;padding-left:25px !important;} .checkbox label input,#basket .checkbox label input { position:absolute;top:.5em;left:0;} .checkbox .explanation { margin:0 0 0 25px !important;} #basket .error { padding:.5em;color:#e64e71;} #basket input.input_error { background-position:0 -30px !important;} #basket #discount input{ width:150px; margin:0; padding:5px; background-color:#F0F0F1border:0;height:20px;} fieldset {} #basket h2 { margin-bottom:1em;} .field-with-placeholder { position:relative;margin:0;width:100%;overflow:hidden;display:block;} label.placeholder {position: absolute; top: 0; left: 0;padding:6px; font-weight:normal; color:#777;} /* Button -------------------------------*/ .button,#country-selector a { display:block; float:left; font-weight: bold; border: 0; color: #fff; padding: .4em 1.2em !important; background-color: #09A352; margin-bottom:2px; cursor:pointer; text-transform:capitalize; } .button.bsmall { font-size:85%; padding: .2em .8em !important;margin-left:0;} .button:hover,#country-selector a:hover { color:#fff; background-color: #000;} .button:focus,.button:active { color:#fff; background-color: #000;} .forgot { display:block; float:left;font-weight: bold; border: 0; padding: .4em 0em !important; margin-bottom:2px; } .continue { padding: .6em 1.2em !important;font-weight:bold; display:block; float:right;} p.submit .button.bsmall { float:right;margin-right:0;} legend { font-weight:bold; color:#000;display:block;padding-bottom:1em;} #tweet dt { border:1px;background-color:#F0F0F1; padding:1.5em; line-height:1.5;font-weight:normal;} #tweet dd { margin:0 0 0 1.5em; background:#fff url(/images/interface/tweet_background.gif) no-repeat .7em 0;padding-top:15px;} #qty-controller {margin-bottom:20px;overflow:hidden;} #qty-controller p { margin:0 ;padding:0;} #qty-controller div { border: 0; margin:0; background-color: #000; width: 5em; padding: 0; -webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,.4); -moz-box-shadow: inset 0 2px 1px rgba(0,0,0,.4); background: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111)); -webkit-background-origin: padding-box; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; -webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,.8); -moz-box-shadow:inset 0 2px 1px rgba(0,0,0,.8); } .no-cssgradients #qty-controller div { background: transparent url(/images/interface/qty-selector-background.gif) no-repeat 0 0; width:65px;height:33px;overflow:hidden; } .no-cssgradients #qty-controller ul { height:30px;width:100%;} #qty-controller ::selection, #qty ::selection { background: transparent !important; } #qty-controller ::-moz-selection, #qty ::-moz-selection { background: transparent !important; } #qty-controller label,#product-price dt,#colour-selector dt {display:block;margin:0 0 .25em 0;font-size:12px;padding:0;color:#000;font-weight:bold; } #qty-controller span { display:block;overflow:hidden;list-style:none;width:100%;height:2px;position:absolute;top:50%;left:0;background:transparent url(/images/interface/qty-line.png) repeat-x 0 0;z-index:2; } #qty-controller #qty { background-color: transparent; border: 0; color: #fff; font-size: 22px;line-height:1.4; font-weight: bold; text-align: right; width: 1.5em; margin: 0 5px; padding: 0; position: relative; z-index: 1; margin-right: 1em; letter-spacing: .05em; text-shadow:#000 0 0px 3px;vertical-align: middle; } #qty-controller #qty:focus { background-color:#fff; color:#000;z-index:3;text-shadow:none;} .qty-more,.qty-less { list-style:none;margin:0; display: block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; cursor: pointer; text-indent: -1234em; overflow: hidden; background:transparent url(/images/interface/arrow-up.gif) no-repeat 95% 50%; } #qty-controller ul { margin:0; padding:0;} .qty-more { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px; } .qty-less { background:transparent url(/images/interface/arrow-down.gif) no-repeat 95% 50%; top: 50%; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; } .qty-more:focus, .qty-less:focus, .qty-more:active, .qty-less:active { background-color:rgba(0,0,0,.5); } #product-price { width:100%;} #product-price dd { font-size: 22px; font-weight: bold; margin: 0; padding: 0; color:#000;} .colour-selector { overflow:hidden;margin-bottom:20px; } .colour-selector li { list-style:none; margin:0;float:left;width: 20px; height:20px; display:block; overflow:hidden;text-indent:-1234em;margin:5px 5px 5px 0; } .colour-selector li.black { background: transparent url(/images/colour_black.png) no-repeat 100% 0; } .colour-selector li.white { background: transparent url(/images/colour_white.png) no-repeat 100% 0; } #basket fieldset #security,#basket fieldset #issue_number {width:100px;background-color:#F0F0F1;} /* Share -------------------------------*/ .share { overflow:hidden;margin:0 0 1em 0;width:100%;} .share dt { float:left; margin:0 1em 0 0;} .share dd { overflow:hidden;} .facebook,.twitter { float:left;width:16px;height:16px;display:block;overflow:hidden;margin:0 10px 0px 0;background: transparent url(/images/interface/facebook_badge.png) no-repeat 0 0;text-indent:-1234em;border:0 !important;} .twitter { background-image: url(/images/interface/twitter_badge.png);} .facebook:hover,.twitter:hover { background-color:transparent !important;} .required { display:none;} /* info bar -------------------------------*/ .message-bar { padding: 5px; } #shop .message-bar { position: absolute; top: 0; right: 0; } .message-bar p,.message-bar ul { margin: 0; } .message-bar p a:link, .message-bar p a:active, .message-bar p a:visited { font-weight: bold; } .message-bar p a:hover { color: #000; } .error-message, #main-content .error-message { background: #fbdbec; } .success-message, #main-content .success-message { } p.cms-note { margin: 0 0 1em 130px !important; }