/* ------------------------------ */ /* MAIN STYLES ------------------ */ /* ------------------------------ */ /* 100% = 960 */ body{ font-size:1em; background-color:#d9d9d9; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; -webkit-text-size-adjust: none; } button::-moz-focus-inner { padding: 0; border: 0 } html{ font-size:100%; } .section { position:relative; width:100%; background-color:#e6e6e6; } .container_list ul, .container_inner{ max-width: 960px; margin:0 auto; padding:0 30px; } .container_list ul:after, .container_list:after, .container_inner:after, .clearfix:after, .container_main:after, .grid_12:after{ content:''; clear:both; display:block; } .fullwidth{ position:relative; max-width:none !important; width:90%; margin:0 5%; } input:not([type=checkbox]), textarea{ -webkit-appearance: none; border-radius: 0; } /* ------------------------------ */ /* GRID STYLES ------------------ */ /* ------------------------------ */ .container_main, .container_list{ max-width:960px; width:96%; padding:0 2%; margin:0 auto; } .grid_12{ width:98%; /* 940px (0.979)*/ margin:0 1%; } .grid_1{ width:6%; /* 60px (0.063)*/ margin:0 1%; float:left; } .grid_2{ width:14%; /* 140px (0.145)*/ margin:0 1%; float:left; } .grid_3{ width:23%; /* 220px (0.229)*/ margin:0 1%; float:left; } .grid_4{ width:31%; /* 300px (0.313)*/ margin:0 1%; float:left; } .grid_5{ width:40%; margin:0 1%; float:left; } .grid_6{ width:48%; margin:0 1%; float:left; position:relative; } .grid_7{ width:56%; margin:0 1%; float:left; } .grid_8{ width:63%; margin:0 2%; float:left; } .grid_9{ width:73%; margin:0 1%; float:left; } .grid_10{ width:83%; margin:0 1%; float:left; } .grid_11{ width:90%; margin:0 1%; float:left; } .spacer_26{ width:100%; height:1.625em; } /* ------------------------------ */ /* BODY STYLES ------------------ */ /* ------------------------------ */ ::selection { background: #dc6767; /* Safari */ } ::-moz-selection { background: #dc6767; /* Firefox */ } .title_main{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#494949; font-size:1.125em; font-weight:normal !important; margin:3.3938em 0 3.3938em 0; text-transform:uppercase; padding-top:20px; border-top:1px solid #db4d4d; } h2{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#494949; font-size:1.375em; font-weight:normal !important; margin:0 0 1.181em 0; text-transform:uppercase; padding-top:1.136em; border-top:1px solid #9a9a9a; } p{ font-size:1em; line-height:1.625em; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#535353; margin-bottom:1.625em; } p a{ color:#db4d4d; text-decoration:none; } p a:hover{ text-decoration:underline; } .clear{ clear:both; } .notification{ width:96%; margin:0 1% 1.625em; background-color:#db4d4d; color:#ffffff; text-align:center; font-size:1em; line-height:1.625em; padding:0.8125em 1%; } .title h1{ color: #535353; float: left; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.375em; font-weight: normal !important; line-height: 1.181em; text-transform: uppercase; } #breadcrumb{ font-size:1em; line-height:1.181em; color:#818181; } /* ------------------------------ */ /* HEADER STYLES ---------------- */ /* ------------------------------ */ #head_main { position:relative; width:100%; height:500px; background-color: white; overflow:hidden; } #head_main-sub { position:relative; width:100%; height:520px; background-color: white; overflow:hidden; } #title{ position:absolute; width:100%; height:500px; } #title .slidelink{ display:block; width:100%; height:500px; } #title .outer{ width:100%; display:table; height:500px; text-decoration:none !important; } #title .inner{ clear:both; text-align:center; display:table-cell; vertical-align:middle; } #head_main #title li{ position:relative; font-size:2.5em; line-height:1.3em; } #bg-hold{ position:absolute; top:-50%; left:-50%; width:200%; height:200%; } #bg-hold li{ min-width:960px; } #bg-hold li img{ } img.bg{ position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:50%; height:auto; min-width:960px; } #title-container{ margin:0 50px; position:relative; text-align:center; } #head_main #title h1{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; text-transform:uppercase; color:white; font-weight:100 !important; } #nav{ width:650x; height: 40px; margin: 10px auto 0 auto; position:relative; width:79%; float:center; background-color:#000; opacity: 0.8; filter:alpha(opacity=80); } #nav ul{ float:left; margin: 0 auto 0 auto; } #nav a{ color:#ffffff; text-decoration:none; padding-bottom:0.56em; } #nav li{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; color:white; font-size:1.2em; float:left; margin-left:50px; margin-top:0.5em; } #nav a{ cursor:pointer; } #nav a:hover, #nav .active a{ border-bottom:1px solid #db4d4d; } #nav .dropdown a{ border-bottom:none; } #nav .active, #nav .dropdown a.active{ color:#db4d4d; border-bottom:1px solid #db4d4d; } #logo{ width:12%; height:29px; float:left; margin:1.625em 0 0 1%; display:block; position:relative; } #logo a{ display:block; height:29px; width:86px; } #logo h1{ width:86px; height:29px; display:block;; text-indent:-9999px; } #head_controls{ text-align:center; /*margin:0 auto 4.875em;*/ } .dropdown ul{ position:absolute; background:rgba(255,255,255,0.7); padding:1.625em 30px 0.8125em; border-top:1px solid #db4d4d; margin-top:9px; display:none; } #nav .dropdown ul li{ float:none; font-size:1em; margin:0 0 0.8125em; color:#535353; } #nav .dropdown ul li a{ color:#535353; border:none; } #nav .dropdown ul li a:hover{ color:#db4d4d; } .dropdown:hover ul{ display:block; } #nav .dropdown:hover a.active{ border:none; } #cookie_notice{ background-color:#535353; color:#cccccc; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; overflow:hidden; display:none; } #cookie_notice .grid_8 a{ color:#db4d4d; text-decoration:none; } #cookie_notice .grid_8 a:hover{ color:#ffffff; border-bottom:1px solid #db4d4d; } #cookie_notice .grid_2{ padding:0.8125em 0; } #cookie_notice .grid_8{ font-size:0.875em; line-height:1.85714286em; width:64%; padding:0.92857143em 0; } #cookie_notice h3{ font-size:1.125em; line-height:1.44444444em; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; text-transform:uppercase; color:white; font-weight:100 !important; text-align:right; } .cookie_links{ font-size:0.875em; line-height:1.85714286em; padding:0.92857143em 0 !important; } .cookie_links a{ background:url(images/site/cookie-tick.gif) no-repeat left top; padding-left:30px; color:#cccccc; text-decoration:none; } .cookie_links a:hover{ color:#db4d4d; background-position:0 -18px; } /* ------------------------------ */ /* HOME STYLES ------------------ */ /* ------------------------------ */ #home .container_main{ padding:1.5em 0; } #home #pagelinks{ padding: 3.25em 0 1.625em; width:98%; margin:0 1%; } #home #pagelinks a{ text-decoration:none; cursor:pointer; display:inline-block; } #home a:hover span{ background-position:right; } #home p{ font-size:0.875em; line-height:1.85714286em; margin-top:1.85714286em; color:#535353; } #home a:hover h2{ color:#db4d4d; } #home a:hover p{ color:#535353; } #home h2{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size:1.25em; line-height:1.3em; font-weight:normal !important; text-transform:uppercase; border:none !important; margin:0 !important; padding:0 !important; display:inline; color:#db4d4d; } #home .grid_3{ text-align:center; } #surfboards{ background:url(images/site/icon-surfboard.gif) no-repeat left top; width:13px; } #workshops{ background:url(images/site/icon-workshop.gif) no-repeat left top; width:43px; } #handplanes{ background:url(images/site/icon-tree.gif) no-repeat left top; width:35px; } #accessories{ background:url(images/site/icon-contact.gif) no-repeat left top; width:59px; } #products-page #handplanes{ background:url(images/site/icon-handplane.gif) no-repeat left top; width:23px; } #products-page #accessories{ background:url(images/site/icon-accessories.gif) no-repeat left top; width:37px; } #surfboards, #workshops, #handplanes, #accessories{ height:41px; background-position:left; display:block; margin:0 auto 2.625em; } #products-page .grid_4 a:hover span{ background-position:right !important; } /* ------------------------------ */ /* BLOG STYLES ------------------ */ /* ------------------------------ */ .grid_2-blog{ width:22%; margin:0 2% 0 0; float:left; } .grid_6-blog{ width:74%; margin:0 0 0 2%; float:left; } #blog .grid_8{ margin:1.625em 2% 0 1%; width:64%; } #blog{ /* background:url(http://www.ottersurfboards.co.uk/images/site/baseline.gif) repeat-x left top; */ } #blog .entry{ padding-top:3.1875em; border-top:1px solid #db4d4d; margin-bottom:3.25em; } #blog .entry img{ width:100%; height:auto; display:block; } #blog h1{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size:2.5em; font-weight:normal !important; margin:0 0 0.65em 0; padding-left:26%; text-transform:uppercase; color:#535353; line-height:1.3em; } #blog .entry p{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; font-weight: 200; font-size:1em; line-height: 1.625em; margin-bottom:1.625em; } #blog .entry p a{ color:#db4d4d; text-decoration:none; } #blog .entry p a:hover{ text-decoration:underline; } #blog .entry iframe, #blog .entry embed{ width:100% !important; display:block; } .grid_2-blog{ text-align:right; } .grid_2-blog .date{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#818181; font-size:1.25em; line-height: 1.3em; margin-bottom:1.3em; text-transform:uppercase; display:block; } .grid_2-blog .categories{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size:1; line-height: 1.625em; } .grid_2-blog .categories a, #sidebar ul a{ color:#db4d4d; text-decoration:none; } .grid_2-blog .categories a:hover, #sidebar ul a:hover{ text-decoration:underline; } #sidebar h3{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#818181; font-size:1.375em; font-weight:normal !important; text-transform:uppercase; line-height:1.18181818em; margin:0 0 1.18181818em 0; padding-top:1.18181818em; } #sidebar ul{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size:0.875em; line-height: 1.85714286em; margin-bottom:1.85714286em; } #twitter h3{ padding-top:2.31818182em; border-top:1px solid #9a9a9a; } .tweet p{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#818181; font-size:0.875em; line-height: 1.85714286em; margin-bottom:0; } .tweet p a{ color:#db4d4d; text-decoration:none; } .tweet p a:hover{ text-decoration:underline; } .tweet span{ display:block; font-size:0.875em; line-height: 1.85714286em; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#535353; margin-bottom:1.85714286em; } #blog .grid_4{ margin:1.625em 1% 0; } .pagination{ border-top:1px solid #9A9A9A; padding: 1.562em 0 1.625em; } .pagination .page_left{ float:left; } .pagination .page_right{ float:right; } /* ------------------------------ */ /* PRODUCT STYLES --------------- */ /* ------------------------------ */ .product h1{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#535353; font-size:1.375em; font-weight:normal !important; text-transform:uppercase; line-height:1.181em; float:left; } .product h2{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#535353; font-size:1.375em; font-weight:normal !important; text-transform:uppercase; line-height:1.181em; margin:2.363em 0 2.363em; padding-top:1.181em; } .product .grid_6{ float:right; } .title{ border-top:1px solid #db4d4d; padding:1.389em 0 0 0; margin:0 1% 3.25em; } .title .link_testimonials, .title .link_overview{ float:right; text-decoration:none; color:#535353; font-size:1em; line-height:1.562em; margin-left:20px; } .link_testimonials:hover, .link_overview:hover{ color:#db4d4d; border-bottom:1px solid #db4d4d; } .link_testimonials.active, .link_overview.active{ color:#db4d4d; border-bottom:1px solid #db4d4d; } #categories_link{ color:#535353; font-size:1em; line-height:1.562em; cursor:pointer; margin-left:1%; opacity:0; visibility:hidden; background:url(images/site/arrow_small-left.gif) no-repeat left top; padding-left:30px; text-decoration:none; } #categories_link.show{ visibility:visible; opacity:1; } #categories_link:hover{ background-position:0 -33px; color:#db4d4d; } #itinerary li{ margin-bottom:1.625em; } #itinerary .last{ padding-bottom:1.625em; margin-bottom:0; } #itinerary h3{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#db4d4d; text-transform:uppercase; font-weight:normal !important; font-size:1.375em; line-height:1.181em; } #itinerary p{ margin-bottom:0; } #boardMod{ display:none; } a.reveal, a.reveal_wood{ text-decoration:none; font-size:1em; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; display:inline-block; cursor:pointer; } a.reveal p, a.reveal_wood p{ float:left; line-height:18px; margin-bottom:0; color:#db4d4d; } span.reveal_icon{ display:block; float:left; width:17px; height:17px; background:url(images/site/icon-reveal.gif) no-repeat left top; margin-right:10px; } span.close_icon{ display:block; float:left; width:17px; height:17px; background:url(images/site/icon-close.gif) no-repeat left top; margin-right:10px; } a.reveal:hover p, a.reveal_wood:hover p{ color:#535353; } a.reveal:hover span, a.reveal_wood:hover span{ background-position:right; } .slider_products-wrapper{ margin-bottom:4em; } .slider_products{ width:100%; height:286px; background-color:#ffffff; position:relative; overflow:hidden; } .slider_products ul{ position:absolute; width:400%; left:0%; } .slider_products li{ width:25%; float:left; } .slider_products img{ width:100%; height:auto; display:block; } .slide_controls a, #head_controls a{ cursor:pointer; background: url(images/site/slider_controls-products.gif) no-repeat top left; width:9px; height:9px; display:block; float:left; margin:0 5px; } .slide_controls a:hover, .slide_controls .active, #head_controls a:hover, #head_controls .active{ background-position: right; } .slide_controls{ margin:0.8125em auto; } .link_testimonials, .link_overview{ cursor:pointer; } .testimonialwrapper{ opacity:0; position:relative; width:98%; margin:0 1%; } .testimonialwrapper p a{ color:#DB4D4D; text-decoration:none; } .testimonialwrapper a:hover{ text-decoration:underline; } .testimonialwrapper .grid_8{ width:66%; margin:0; padding: 0 17%; position:relative; } .testimonialwrapper .left_test{ float:left; background:url(images/site/testimonial_left.gif) no-repeat top left; display:block; width:43px; height:46px; cursor:pointer; position:absolute; top:50%; left:0; margin-top:-23px; } .testimonialwrapper .right_test{ float:right; background:url(images/site/testimonial_right.gif) no-repeat top left; display:block; width:43px; height:46px; cursor:pointer; position:absolute; top:50%; right:0; margin-top:-23px; } .testimonialwrapper .left_test:hover, .testimonialwrapper .right_test:hover{ background-position: right; } .testimonialwrapper ul{ width:400%; position:absolute; left:-100%; } .testimonialwrapper ul li{ float:left; width:25%; } .slider_testimonials{ width:100%; overflow:hidden; position:relative; height:200px; } .slider_testimonials span, .test_single span{ font-size:1em; line-height:1.625em; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#535353; font-style:italic; } #products-page{ background-color:#e6e6e6; } #products-page a{ text-decoration:none; cursor:pointer; display:inline-block; } #products-page a:hover span{ background-position:right; } #products-page a:hover h2{ color:#db4d4d; } #products-page h2{ font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size:1.25em; line-height:1.3em; font-weight:normal !important; text-transform:uppercase; border:none !important; margin:0 !important; padding:0 !important; display:inline; } #products-page .grid_4{ text-align:center; } #products-page .container_main{ padding:4.875em 0; } #categories{ background-color:#d9d9d9; width:96%; padding:1%; margin:0 1% 1.625em; } #categories.single{ margin:0 1%; } #categories table{ width:100%; overflow:hidden; vertical-align:top; } #categories tbody{ width:100%; vertical-align:top; } #categories tr{ vertical-align:top; } #categories td{ float:left; width:14%; margin:0 1%; text-align:center; vertical-align:top; } #categories td span{ display:block; margin:0 auto; } #categories .left{ margin-left:3%; } #categories .right{ margin-right:3%; } #categories .grid_pad{ width:2%; height:100%; } #categories h2{ border:none; font-size:1.25em; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; margin:0 0 1.3em; padding:0; line-height:1.3em; } #accessories-page #categories h2{ margin:1.3em 0; } #categories p{ font-size:0.875em; margin:1.85714286em 0 0.92857143em; color:#db4d4d; } #categories a{ cursor:pointer; text-decoration:none; display:inline-block; } #categories a:hover h2{ color:#db4d4d; } #categories a:hover span{ background-position:right bottom !important; } #categories #cats{ display:block; } #categories #cat_more{ display:none; padding:13px; text-align:center; opacity:0; } #categories #cat_more a{ color:#db4d4d; text-decoration:none; background:url(images/site/icon-categories.gif) no-repeat right 1px; padding-right:30px; } #categories #cat_more a:hover{ background-position:right -19px; color:#494949; } #categories.min #cats{ display:none; } #categories.min #cat_more{ display:block; } #categories .close-wrapper{ padding-bottom:20px; } #categories .close-wrapper a{ color:#db4d4d; text-decoration:none; background:url(images/site/icon-close2.gif) no-repeat top right; width:14px; height:17px; display:block; float:right; } #categories .close-wrapper a:hover{ background-position:right -20px; } #product_content{ overflow:hidden; position:relative; } #product_wrapper{ display:block; position:absolute; left:-9999px; opacity:0; } #product_wrapper .title{ margin-top:1.625em; } #product_content.shown #product_wrapper{ position:static; opacity:1; } #product_categories{ position:relative; } #titlewrapper .title{ } #loading{ margin:0 auto; display:block; opacity:0; } .nostock a{ color:#DB4D4D; text-decoration:none; } .nostock a:hover{ text-decoration:underline; } .cart_alert{ position:fixed; background-color:#535353; left:20px; top:20px; color:#ffffff; padding:3.25em; top:50%; left:50%; display:none; } .cart_alert div{ } .cart_alert img{ margin:0 auto 0.8125em; clear:both; display:block; } .cart_alert p{ color:#ffffff; margin:0; text-align:center; } .cart_alert a{ padding:0.625em 20px; background-color:#db4d4d; color:#ffffff; text-decoration:none; margin-top:1.625em; display:block; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; text-transform:uppercase; } .cart_alert a:hover{ background-color:#d9d9d9; color:#535353; text-decoration:none; } p.thanks{ display:none; } .thanks a{ color:#db4d4d; text-decoration:none; } .thanks a:hover{ text-decoration:underline; } .store_product_form{ margin-top:3.25em; } .itemwrapper a{ color:#DB4D4D; text-decoration:none; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; } .submit_error{ font-size:1em; line-height:1.625em; color:#db4d4d; opacity:0; } /* ------------------------------ */ /* SURFBOARDS STYLES ------------ */ /* ------------------------------ */ #surfboards-page, #accessories-page, #basket-page, #blog, #press-page, #contact-page, #terms,#workshops-page, #handplanes-page, #about-page{ padding:3.25em 0; background-color:#e6e6e6; } #surfboard_terms p{ margin:0; width:90%; background-color:#d9d9d9; padding-bottom:1.625em; } #wood_terms div{ clear:both; padding-bottom:1.625em; } #wood_terms, #surfboard_terms, #itinerary{ width:90%; padding:5% 5% 0; background-color:#d9d9d9; clear:both; display:none; margin-top:1.6253em; } #wood_terms img{ display:block; float:left; } #wood_terms p{ margin:0 0 0 95px; } .product_last{ width:98%; padding-top:3.25em; clear:both; } .product_last p{ font-size:0.875em; line-height:1.85714286em; } .product .extra{ margin-bottom:1.625em; } .product_last h3{ color:#535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; text-transform:uppercase; font-weight:normal; font-size:1.375em; margin-bottom:2.363em; border-top:1px solid #DB4D4D; padding-top:1.181em; } .product_last a{ font-size:0.875em; line-height:1.85714286em; color:#DB4D4D; text-decoration:none; } .product_last .left{ float:left; width:7%; margin-right:1%; } .product_last .left span{ background: url("images/site/icon-workshop.gif") no-repeat scroll left top transparent; display:block; width:43px; height:41px; text-indent:-9999px; } .product_last .right{ float:right; width:91%; margin-left:1%; } /* ------------------------------ */ /* ACCESSORIES STYLES ----------- */ /* ------------------------------ */ #accessories-page #categories li h2{ margin-bottom:1.625em; } /* ------------------------------ */ /* BASKET STYLES ---------------- */ /* ------------------------------ */ .alert{ border-top:1px solid #DB4D4D; padding:3.187em 0 3.25em; } .alert a{ color:#DB4D4D; text-decoration:none; } .alert a:hover{ text-decoration:underline; } #basket-table{ width:98%; margin:0 1%; border-top:1px solid #db4d4d; font-size:1em; position:relative; } #basket-table th{ text-align:left; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-weight:normal; font-size:1.375em; text-transform:uppercase; color:#535353; padding:1.181em 0; } #basket-table th.last{ text-align:right; } #basket-table th, #basket-table td{ width:15%; } #basket-table .first{ width:55%; } #basket-table td{ color:#535353; font-weight:normal; font-size:1em; line-height:1.625em; } #basket-table td{ padding:0.8125em 0; } #basket-table .basket_product td{ padding:1.625em 0; } #basket-table tr.basket_product{ border-bottom:1px solid #9a9a9a; } #basket-table tr.last{ border:none; } #basket-table .border_col{ border-top:1px solid #db4d4d; padding-top:1.562em; } #basket-table p{ margin-bottom:0; } #basket-table h4{ line-height:1.444em; font-weight:normal; } #basket-table h3{ font-size:1.375em; line-height:1.181em; font-weight:normal; font-weight:normal; color:#db4d4d; } #basket-table h4 a{ color:#db4d4d; font-size:1em; text-decoration:none; } #basket-table a:hover{ text-decoration:underline; } #basket-table input.input-mini, #promo_code{ border:1px solid #9a9a9a; width:25px; padding:2px; text-align:center; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size:0.875em; color:#535353; } #promo_code{ width:96%; padding:2%; text-align:left; } #basket-table input.input-mini:focus, #promo_code:focus{ border:1px solid #db4d4d; } #basket-table #shipping_method, #basket-table #payment_method{ width:100%; border:1px solid #9a9a9a; background-color:#ffffff; padding:3px; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size:0.875em; color:#535353; } #selectshipping_method{ width:auto; padding-left:10px; padding-right:35px; } td#basket_total{ font-size:1.375em; line-height:1.181em; font-weight:normal; text-transform:uppercase; color:#db4d4d; } #shipping_total{ vertical-align:middle; } #basket-page .form-actions{ width:98%; margin:0.8125em 1%; border-top:1px solid #9a9a9a; padding-top:1.625em; } #basket-page .form-actions .btn{ background-color:#535353; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#ffffff; text-align:center; border:none; font-size:1em; line-height:1.625em; padding:10px 20px; cursor:pointer; margin-right:1%; float:left; } #basket-page .form-actions .btn-primary{ min-width:30%; float:right; margin:0; background-color:#DB4D4D; } #basket-table .help-block{ font-size:0.875em; color:#9a9a9a; line-height:1.85714286em; } #basket_form h2, #basket_summary h2{ border-top:1px solid #DB4D4D; width:100%; color: #535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.375em; font-weight: normal !important; line-height: 1.181em; text-transform: uppercase; margin: 0 0 2.363em 0; padding: 1.181em 0 0; display:block; } #basket_form fieldset{ margin-bottom:3.25em; } #basket_form .control-label{ float:left; width:15%; text-align:right; padding-top:5px; } #basket_form .controls{ margin-left:17%; position:relative; } #basket_form .controls input{ width:40%; border:1px solid #9a9a9a; background-color:#ffffff; padding:3px; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#535353; font-size:0.875em; } #basket_form .controls input:focus{ border:1px solid #db4d4d; } input#shipping_same_as_billing{ width:auto !important; } #basket_form .control-group{ margin-bottom:0.8125em; } #basket_form label{ color:#535353; font-size:1em; } #basket_form .select{ width:auto; padding:0 40px 0 10px; margin:0; } #basket_form select.styled{ margin:0; width:auto; padding:0 7px; } #basket_form .help-inline{ color:#db4d4d; font-size:0.875em; line-height:1.85714286em; padding-left:5px; } #basket_form .control-group.error input{ border:1px solid #db4d4d; } #basket-page .form-actions a.btn{ text-decoration:none; float:left; line-height:normal !important; height:18px; padding:12px 20px 12px; } #basket_summary .summary{ background-color:#D9D9D9; width:28%; padding:0 2% 1.625em 2%; } #basket_summary .summary h2{ border:none; padding-top:1.22727273em; } #basket_summary .table-condensed{ width:100%; } #basket_summary .table-condensed th{ text-align:left; font-size:1em; line-height:1.625em; color:#535353; } #basket_summary .table-condensed td{ font-size:1em; line-height:1.625em; color:#535353; } #basket_summary .form-actions{ clear:both; } #basket_summary .grid_4{ margin-bottom:1.625em; } #basket-page .btn{ line-height:normal !important; height:42px; } #basket_summary .btn-primary{ min-width:32% !important; line-height:normal !important; height:42px; } #basket-page .btn-primary img{ padding-right:20px; } #basket-page .complete-actions{ width:98%; margin:0.8125em 1%; border-top:1px solid #9a9a9a; padding-top:1.625em; } #basket-page .complete-actions a{ text-decoration:none; float:left; line-height:normal; height:22px; padding:10px 20px; background-color:#535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; color:#ffffff; text-transform:uppercase; text-align:center; font-size:1em; line-height:1.625em; cursor:pointer; margin-right:1% } #basket-page .complete-actions a img{ margin-right:10px; } #basket-page .complete-actions a.primary{ background-color:#db4d4d; } #accept_wrap{ text-align:right; } #accept_label{ color:#535353; padding-left:10px; } .btns-left{ float:left; width:61%; position:relative; } .btns-right{ float:right; width:39%; } .country_notice{ color:#818181; font-size:0.875em; line-height:1.85714286em; margin-bottom:1.85714286em; width:41%; } .basket_footer{ color:#818181; font-size:0.875em; line-height:1.85714286em; margin-bottom:1.85714286em; } #payment_total .basket_footer{ padding-left:15px; text-align:right; } /* ------------------------------ */ /* TERMS AND CONDITIONS STYLES -- */ /* ------------------------------ */ #terms h1{ color: #535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.375em; font-weight: normal !important; line-height: 1.181em; text-transform: uppercase; border-top:1px solid #db4d4d; padding-top:1.181em; margin-bottom:2.363em; } #terms h2{ margin:2.36363636em 0 2.36363636em; } #terms ul ul{ margin-left:30px; } #terms ul, #terms ul li{ margin-bottom:0.8125em; } #terms ul.level_2, #terms ul.level_3{ margin-top:0.8125em; } #terms ul.level_1 a{ color:#535353; text-decoration:none; } #terms ul.level_2 a{ color:#707070; } #terms ul.level_3 a{ color:#9a9a9a; } #terms ul a:hover{ color:#db4d4d; } #invoice_footer{ border-top:1px solid #9A9A9A; padding:1.5625em 0 0.8125em; } #invoice_footer p{ text-align:center; margin:0; } /* ------------------------------ */ /* FORM STYLES ----------------- */ /* ------------------------------ */ .select { position: absolute; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; padding:0 2%; width: 96%; height:1.85714286em; font-size: 0.875em; line-height: 1.85714286em; color: #535353; background: url(images/site/icon-selectarrow.gif) no-repeat right center #d9d9d9; overflow:hidden; display:block; margin-bottom:1.85714286em; cursor:pointer; } select.styled{ font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; width: 100%; height:1.85714286em; font-size: 0.875em; line-height: 1.85714286em; margin-bottom:1.85714286em; cursor:pointer; } .product-submit{ font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size:1.125em; width:100%; height:2.88888889em; line-height:1.44444444em; background-color:#db4d4d; color: white; cursor: pointer; overflow: hidden; border:0; text-align:left; padding-left:20px; } .product-submit.invalid{ background-color:#535353; cursor:default; } #stock_display{ font-size:0.875em; line-height:1.85714286em; border-top:1px solid #CCCCCC; border-bottom:1px solid #cccccc; padding:0.928em 0; margin-bottom:1.85714286em; color:#818181; } /* ------------------------------ */ /* ABOUT STYLES ----------------- */ /* ------------------------------ */ .section_video iframe{ width:100% !important; } #section_video{ width:100%; margin-bottom:3.25em; position:relative; overflow:hidden; } #section_video .grid_8{ width:64%; margin:0 1% 0 2%; } #section_video iframe{ width:100% !important; display:block; line-height:1.625em; } .video_nav{ display:block; width:100%; padding:0.318em 0 0.272em; text-align:center; color:#535353; background-color:#d9d9d9; text-transform:uppercase; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size:1.375em; line-height:1.181em; text-decoration:none; margin-bottom:0.59em } .video_nav.active, .video_nav:hover{ background-color:#db4d4d; color:#ffffff; } #video_nav-wrap{ margin-bottom:1.625em; } #section_staff img{ margin:1.625em 0; width:100%; height:auto; } #section_staff p{ font-size:0.875em; line-height:1.85714286em; margin-bottom:1.85714286em; } .staff_left{ clear:left; } .staff_row{ margin-bottom:3.25em; } /* ------------------------------ */ /* PRESS STYLES ----------------- */ /* ------------------------------ */ #press-page .grid_8{ margin:0 2% 0 1%; width:64%; } .grid_3-press{ width:35%; /* 220px (0.229)*/ margin:0 2% 0 0; float:left; } .grid_5-press{ width:61%; margin:0 0 0 2%; float:left; } .press_image{ width:100%; display:block; } #press-page h1{ color: #535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.375em; font-weight: normal !important; line-height: 1.181em; text-transform: uppercase; border-top:1px solid #db4d4d; padding-top:1.181em; margin-bottom:2.363em; } #press-page .entry{ margin-bottom:4.875em; } #press-page #sidebar{ border-top:1px solid #9A9A9A; padding-top:1.562em; } #press-page #sidebar h3{ padding:0; margin-bottom:2.363em; } #press-page #sidebar ul{ margin:0; } #sidebar .widget{ margin-bottom:3.25em; } .download_link{ background-color:#db4d4d; color:#ffffff; text-decoration:none; text-align:center; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.125em; font-weight: normal !important; line-height: 1.444em; text-transform: uppercase; display:block; padding:0.722em 0; } #press-page #breadcrumb{ margin:0 1% 1.181em; } /* ------------------------------ */ /* CONTACT STYLES --------------- */ /* ------------------------------ */ #contact-page h1{ color: #535353; font-family: "raleway","Gill Sans", "Gill Sans MT", Calibri, sans-serif; font-size: 1.375em; font-weight: normal !important; line-height: 1.181em; text-transform: uppercase; border-top:1px solid #db4d4d; padding-top:1.136em; margin-bottom:2.363em; } #contact-page h2{ color:#535353; margin-bottom:2.363em; line-height:1.181em; } #contact-page p{ font-size:0.875em; line-height:1.85714286em; } #contact-page .grid_8{ width:64%; margin:0 2% 0 1%; } #contactform{ } #contactform li{ display:block; } #contactform .author{ width:49%; margin-right:1%; float:left; } #contactform .email{ width:49%; margin-left:1%; float:right; } #contactform input{ height:3.25em; width:94%; font-size:1em; line-height:1.625em; border:none; margin:0 0 0.8125em 0; padding:0 3%; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; background-color:#D9D9D9; color:#818181; } #contactform textarea{ width:94%; border:none; margin:0 0 0.8125em 0; padding:3%; font-size:1em; line-height:1.625em; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; height:13em; background-color:#D9D9D9; color:#818181; } #contactform textarea:focus, #contactform input:focus{ background-color:#ffffff; color:#535353; } #contactform button{ border:none; background-color:#db4d4d; color:#ffffff; font-family: 'droid-serif', Georgia, Times, 'Times New Roman', serif; font-size: 1.25em; line-height: 1.3em; padding:0.35em 20px 0.3em; cursor:pointer; } .error span{ color:#db4d4d; } @-moz-document url-prefix(){ #contactform input{ -moz-box-sizing: border-box; width:100%; padding:0 10px; } #contactform textarea{ -moz-box-sizing: border-box; width:100%; padding:10px; } } ::-webkit-input-placeholder { color: #818181; } :-moz-placeholder { color: #818181; } .screenReader{ position:absolute; left:-9999px; } a[href^=tel]{ color:#db4d4d; text-decoration:none; } /* ------------------------------ */ /* FOOTER STYLES ---------------- */ /* ------------------------------ */ #footer{ background-color:#d9d9d9; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; color:#535353; font-size:0.75em; padding:0 0 4.3em; } #footer a{ color:#db4d4d; text-decoration:none; } #footnote{ float:right; } #footer-hold{ padding:18px 50px; } #foot_top{ width:100%; clear:both; margin-bottom:2.166em; padding-top:4.33em; } #foot_top .floatright{ text-align:right; } #foot_top form{ margin:0; padding:0; } #foot_top form fieldset{ position:relative; width:280px; } #foot_top form input{ border:0; padding:0.83em 10px; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; width:180px; font-size:1em; color:#9a9a9a; height:1.19em; } #foot_top form button{ border:0; position:absolute; right:0; top:0; width:80px; height:2.85em; padding:0; background-color:#db4d4d; color:#ffffff; font-family:'droid-serif', Georgia, Times, 'Times New Roman', serif; cursor:pointer; font-size:1em; } #foot_top form button:hover{ background-color:#535353; } #foot_top form input:focus{ color:#535353; } #footer-twitter{ background:url(images/site/icon-twitter.gif) no-repeat left top #9a9a9a; display:block; float:right; width:23px; height:34px; } #footer-facebook{ background:url(images/site/icon-facebook.gif) no-repeat left top #9a9a9a; display:block; float:right; width:22px; height:34px; margin-left:10px; } .newsletter_success{ display:none; margin:0; } .newsletter_error{ color:#db4d4d; position:absolute; top:-26px; left:0; } #footer .grid_12 a:hover{ color:#535353; } /* ------------------------------ */ /* MEDIA QUERIES ---------------- */ /* ------------------------------ */ /* @media screen and (max-width: 720px) { #nav li{ float:left; width:25%; margin:0 0 1.625em 0; } #nav .active{ border:none; } #nav a:hover{ border:none; color:#db4d4d; } #logo{ margin-top:3.25em; } } */ @media screen and (max-width: 960px) { .btns-left{ width:49%; margin-right:1%; } .btns-right{ width:49%; margin-left:1%; } .btns-left a.btn{ padding:14px 0 10px !important; } .btns-left .btn, .btns-right .btn{ width:100%; padding:10px 0 !important; float:none; } #basket-page .form-actions .btn{ margin:0 0 0.8125em; } #basket-table td{ width:16%; } #basket-table .first{ width:50%; } } @media screen and (max-width: 830px) { #categories td{ width:31%; margin:0 1%; } #categories .left{ margin:0 1%; } #categories .right{ margin:0 1%; } .grid_3-press, .grid_5-press{ margin:0 1%; width:98%; } } @media screen and (max-width: 750px) { #logo{ width:86px; } #nav{ background:url(images/site/nav-collapse.gif) no-repeat left top; width:36px; height:17px; cursor:pointer; } #nav ul{ position:absolute; right:0; top:23px; padding:20px; background-color:rgba(255,255,255,0.7); display:none; width:200px; } #nav.active ul{ display:block; } #nav li{ float:left; width:50%; margin:0; } #nav li:nth-child(8) a{ padding:0; } #nav li a{ color:#535353; padding-bottom:0.8125em; display:block; } #nav .active{ border:none; } #nav a:hover{ border:none; color:#db4d4d; } #nav .dropdown ul{ position:relative; background:none; border:none; padding:0; margin:0; float:none; width:auto; top:0; } #nav .dropdown ul li{ width:auto; margin:0; } #nav .dropdown ul li a{ padding-left:10px; padding-bottom:0; margin-bottom:0.8125em; } #logo{ margin-top:1.625em; } .product .grid_6{ width:100%; margin:0; float:right; } .product_last .left{ width:12%; } .product_last .right{ width:86%; } .grid_2-blog{ float:none; width:96%; margin:0 2% 0.8125em; padding-top: 0.75em; border-top: 1px solid #9A9A9A; text-align:left; } .grid_6-blog{ width:96%; margin:0 2%; } #blog h1{ padding:0; } .grid_2-blog .date{ float:left; } .grid_2-blog .categories{ float:right; width:60%; margin-bottom:1.625em; } .grid_2-blog .categories li{ float:right; margin-left:10px; } #about-page .grid_4, #about-page .grid_8{ margin:0 1%; width:98%; float:none; } #about-page #loading{ display:none !important; } #basket-page .btn-primary img{ display:none; } #basket_form .controls{ text-align:right; } #basket_form .controls input{ width:90%; padding:3px 1%; } #basket_form select.styled{ width:92%; } #basket_form .select{ right:0; width:88%; padding:0 2%; text-align:left; border:1px solid #d9d9d9; } #basket_summary .grid_4{ width:48%; } #basket_summary .summary{ width:94%; } #cookie_notice .grid_2{ display:none; } #cookie_notice .grid_8{ width:98%; margin:0 1%; } } @media screen and (max-width: 655px) { #home li.grid_3{ width:46%; margin:0 2%; } #home li.bottom{ margin-top:4.875em; } #contact-page .grid_4{ float:none; width:98%; clear:both; } #contact-page .grid_8{ margin:0 1% 4.875em; width:98%; } } @media screen and (max-width: 625px) { #blog #sidebar{ display:none; } #blog .grid_8{ margin:1.625em 1% 0; width:98%; } .grid_2-blog{ margin:0 0 1.625em; width:100%; } .grid_6-blog{ margin:0; width:100%; } #section_staff .grid_6{ width:98%; float:none; margin-bottom:3.25em; } .btns-left, .btns-right{ width:100%; margin:0; float:none; } #basket-table td{ width:25%; } } @media screen and (max-width: 560px) { #nav .dropdown ul{ display:none; } #nav ul{ width:auto; } #nav li{ float:left; width:100%; margin:0; } #nav li:nth-child(7) a{ padding-bottom:0.8125em; } #nav li:nth-child(8) a{ padding:0; } #head_main #title li{ font-size:1.875em; } #title .outer, #head_main{ height:350px; } img.bg{ width:100%; } #home p{ font-size:1em; line-height:1.625em; } #footer{ color:#D9D9D9; text-align:center; font-size:0.875em; line-height:0.928em; } #footer a{ display:block; } #footnote{ color:#535353; float:none; line-height:1.85714286em; margin-top:3.71428571em; } #footer .grid_6{ width:100%; text-align:left; float:none; } #footer .grid_6 form{ margin-bottom:2.166em; } #footer .grid_6 fieldset{ margin:0 auto; } #footer .floatright{ float:none; } #footer-facebook, #footer-twitter{ float:none; margin:0 auto; } .newsletter_error{ width:100%; text-align:center; } #products-page li.grid_4{ float:none; width:98%; margin-bottom:4.875em; } #products-page li.grid_4:nth-child(3){ margin-bottom:0; } #categories td{ width:48% !important; margin:0 1%; } #categories .left{ margin:0 1%; } #categories .right{ margin:0 1%; } .product_last .left{ width:19%; } .product_last .right{ width:79%; } #press-page #sidebar{ display:none; } .grid_3-press, .grid_5-press{ margin:0; width:100%; } #press-page .grid_8{ width:98%; } #basket_form .control-label{ float:none; display:block; text-align:left; width:auto; padding:0; margin-bottom:0.8125em; } #basket_form .controls{ text-align:left; } #basket_form .controls input{ width:97%; } #basket_form .controls{ margin:0; width:100%; } #basket_form select.styled{ width:99%; } #basket_form .select{ left:0; width:95%; } #basket_form .control-group{ margin-bottom:1.625em; } #basket_summary .grid_4{ width:98%; } #basket_summary .summary{ width:94%; } } @media screen and (max-width: 480px){ body{ -webkit-text-size-adjust: none; } #contactform li{ width:100% !important; margin:0 !important; } #contactform button{ width:100%; } #basket-page .complete-actions a.primary{ float:right; } #contact-page .grid_4 p{ text-align:center; } } @media screen and (max-width: 395px) { #home li.grid_3{ width:100%; margin:0; float:none; margin-bottom:4.875em; } #home li.grid_3:nth-child(4){ margin-bottom:0; } /*.container_main{ width:355px; padding-left:20px !important; padding-right:20px !important; } #footer{ width:395px; } #head_main{ width:395px; }*/ .product h1{ float:none; width:100%; margin-bottom:1.444em; display:block; } .title .link_testimonials, .title .link_overview{ float:left; margin:0 20px 0 0; border:none; color:#db4d4d; } .grid_12{ width:100%; margin:0; } .title{ margin:3.25em 0 1.625em; border-bottom:1px solid #9A9A9A; padding: 1.389em 0; } #about-page .title, .product .title{ padding-bottom:0; border-bottom:none; } select{ font-size:1em; } #categories td{ width:98% !important; margin:0 1%; } #categories .left{ margin:0 1%; } #categories .right{ margin:0 1%; } .product_last .left{ display:none; } .product_last .right{ width:100%; float:none; } .product_last .right p, .product_last .right a{ font-size:1em; line-height:1.625em; } }