/* ======================================================================== FONTS ======================================================================== */ @font-face { font-family: 'logoFont'; src: url(space_age.eot); src: url(space_age.ttf); } /* ======================================================================== MAIN LAYOUT ======================================================================== */ html { background: White; height:100%; overflow:scroll; overflow:-moz-scrollbars-vertical; overflow-x:hidden; overflow-y:hidden; } body { background-color: #0C314B; min-height: 100%; overflow-y: hidden; } body.main { background: #0C314B; height: 100%; overflow-y: scroll; } #container { background-color: none; max-width: 900px; margin: 0 auto; } #centre_container { display:block; } #content-container { background-color:white;} .free-shipping { color:#0C314B; background-size: auto 26px; background-image: url(Images/free-shipping-header.png);background-repeat: no-repeat;height: 32px; display: inline-block; font-size: 120%; line-height: 25px; margin-top:5px; padding-top:25px; } .free-shipping:hover { text-decoration:underline;} input.button { -webkit-border-radius:0px; } /* ======================================================================== SECTIONS ======================================================================== */ #lnkHome { color: #437598; font-family: 'logoFont',"Segoe UI Light",Arial,Sans-Serif;} #lnkHome:hover .logo, #lnkHome:hover .tagline { color: #14527E;} #header { background-color:white; padding-bottom:10px;} #header .header-menu .columns { padding: 0;} #header input { margin:0; border:0;} #header .logo { font-size: 32px; display:inline-block; } #header .tagline { font-size: 125%; display:inline-block;} #pagecontent_pad { padding-bottom: 15px; } .product .trustpilot-box, .product .media_gallery, .product .social-buttons { margin: 0 0 10px 0; } /* ======================================================================== LOGIN STATUS ======================================================================== */ #loginstatus { padding: 5px 0 10px 0; } #loginstatus .logout { display: inline-block; position: relative; height: 15px; } #loginstatus a.icon_logout:hover { color: #000 } #loginstatus strong { color: #aaa; font-weight: normal; } #loginstatus #login_myaccountlink a { text-transform: uppercase; font-size: 85%; font-weight: normal; color: #aaa; margin: 0 0 0 30px; } /* ======================================================================== SEARCH BOX ======================================================================== */ #section_searchbox input.button { width: 100%; margin: 0 5px 0 0; -webkit-border-radius:0px; } /* ======================================================================== OTHER CONTROLS language, currency, etc. ======================================================================== */ #currencymenu { margin: 5px 0 0 0; float: right; text-align: right; display: block; border: none; max-width: 90px; } #currencymenu select { border: none; } #languagemenu { float: right; text-align: right; display: block; max-width: 110px; border: none; margin: 5px 10px 0 0; } #recentlyviewed { border-top: solid 1px #888; padding: 10px 0 0 0; } /* ======================================================================== BASKET SUMMARY ======================================================================== */ #minibasketholder { padding: 0 10px 0 0; } #minibasket { width: auto;} #minibasket #minibasket_header { position: absolute; width: 100%; z-index: 2000; background-color: transparent; } #minibasket h4 { white-space: nowrap; height: 21px; float: right; background: none; text-transform: uppercase; font-size: 120%; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; margin: 0 10px 0 0; display: inline-block; color: #fff; text-align: right; z-index: 9992; padding: 3px 0 10px 2px; } #minibasket h4 strong { color: #000; font-weight: normal; } #minibasket h4 a { background-position: -2px -1px; background-image: url(Images/basket.png); background-repeat: no-repeat; color: #0C314B; padding: 2px 0 1px 33px; font-weight: normal; } #minibasket #minibasket_main { display: none; height: 0px; width: 100%; } #minibasket:hover #minibasket_main { display: block; z-index: 1999; text-align: left; height: auto; position: absolute; background-color: #F5F5F5; padding: 40px 8px 8px 8px; margin: -10px 0 0 0; } #minibasket:hover { background-color: #777; z-index: 1999; max-height: 1px; } #minibasket:hover h4 strong { color: #000; } #minibasket:hover h4 a { color: #000; } #minibasket #content { width: 100%; } #minibasket #contents #orderinprogress, #minibasket #contents #basketisempty { padding: 1px 5px 2px 5px; font-weight: normal; font-size: 95%; color: #000; } #minibasket #contents ul { margin: 0; padding: 0; } #minibasket ul li { list-style: none; float: none; clear: both; margin: 0 0 0 0; padding: 2px 0 0 0; } #minibasket #contents ul #totals { border-top: solid 1px #aaa; text-align: right; padding: 4px 5px 6px 10px; font-weight: normal; text-transform: uppercase; color: #000; font-size: 90%; } #minibasket #contents ul #totals span.price { color: #CB2B0C; font-weight: normal; font-size: 120%; } #minibasket #contents ul #totals span.total { color: #319809; font-weight: bold; font-size: 140%; } #minibasket #contents ul #totals #minibasket_whereapplicable { margin: 10px 0 0 0; font-size: 85%; letter-spacing: 1px; } #minibasket #contents ul #totals strong { font-weight: bold } #minibasket #contents ul li a { display: block; color: #000; border-top: solid 1px #aaa; font-weight: normal; padding: 2px 5px 2px 5px; } #minibasket #contents ul li a:hover { color: #FFF; background-color: #0C314B; } #minibasket .button { background-color: #437598; color: #fff; width: 100%; } #minibasket .button:hover { background-color: #0C314B; color: #fff; } .compactminibasket a { color:#0C314B; white-space: nowrap; width: auto; padding: 9px 0 5px 30px; float: right; text-transform: uppercase; font-size: 85%; font-family: Segoe UI, Arial, Helvetica, Sans-Serif; } .compactminibasket #compactbasket_totalprice { color: #090; margin-left: 5px; } .compactminibasket a:hover { text-decoration: underline; } #basketlinks .button { padding:9px;} /* ======================================================================== FOOTER ======================================================================== */ #footer { text-align:center; margin: 0 auto; padding: 0; background-color:white; min-height: 261px; /*change this size depending on the height of the footer image you're using*/ width: 100%; bottom: 0px; } #footer .footer-top { background-color: #fff; color: #0C314B; border-top: solid 2px #eee; padding-top: 10px;} #footer .footer-full { background-color: #0C314B;} #footer .footer-bottom { padding: 10px 0; color: #fff;} #footer .footer-bottom p, #footer .footer-bottom a { display:block; color: #fff; text-align: left; line-height: 46px; margin-left:-5px;} #footer .footer-bottom a:hover { text-decoration:underline; } #footer .row-footer-bottom { margin-top:10px; } #footer a { color: #fff; font-weight: normal; } #footer .footer-top a { color: #0C314B;} #footer #copyright { font-size: 90%; margin: 45px 0 20px 0; text-align: right; } #footer h2 { color: #fff;} #footer .footer-safe { background-position: center 0;} #footer .footer-trust { background-position: center -48px; } #footer .footer-facebook { display:inline-block; background-position: center -96px; } #footer a.footer-facebook:hover { background-position: center -144px; } #footer .footer-twitter { display:inline-block; background-position: center -192px; } #footer a.footer-twitter:hover { background-position: center -240px; } #footer .footer-gplus { display:inline-block; background-position: center -288px; } #footer a.footer-gplus:hover { background-position: center -336px; } #footer .footer-delivery { background-position: center -384px; } #footer .footer-phone { background-position: center -432px; } #footer .footer-email { background-position: center -480px; } #footer .footer-hours { background-position: center -528px; } #footer .footer-findus { background-position: center -576px; } #footer .footer-aboutus { background-position: center -624px; } #footer .footer-usefullinks { background-position: center -672px; } #footer .footer-privacy { background-position: center -720px; } #footer .footer-showroom-normal { margin:0; color: #0C314B; font-size:85%; font-weight:bold; } #footer .footer-showroom-small { margin:0; color: #0C314B; font-size:75%; } #footer .footer-bottom p.footer-showroom-normal, #footer .footer-bottom p.footer-showroom-small { line-height: 15px;} #footer .footer-normal { margin:0; color: #0C314B; font-size:140%; font-weight:bold; line-height:23px; font-family:'Open Sans',"Segoe UI Light",Arial,Sans-Serif;} #footer .footer-normal:hover { text-decoration:underline;} #footer .footer-small { margin:0; color: #0C314B; font-size:85%; } #footer .footer-icon { background-image:url(Images/footericons-hd.png); background-repeat:no-repeat; min-width:47px; height:47px; background-size:46px 765px;} #footer .footer-top h2 { color: #0C314B } #footer ul { font-size: 90%; padding: 0; list-style-type: none; } #footer ul li a { padding: 2px; display: block; } #footer ul li a:hover { color: #eee; } #footer .small-12 { margin: 15px 0;} #footer .small-12 .small-12 { margin: 0;} #footer .footer-bottom .small-12 { margin: 0;} #footer .footer-bottom .row .small-12 { margin: 10px 0;} #footer .row-footer-bottom { margin-top: 0;} #footer .footer-bottom .row .small-hide { margin: 0;} #footer .copyright { text-align:right;} #footer .trustpilot-logo { width:60px;} #footer .trustpilot-logo-large { width: 100px; margin-bottom: -10px;} #footer .trustpilot-snippet h2 { margin:0;} #footer .trustpilot-snippet a { display:block;} /* ======================================================================== COOKIE ======================================================================== */ #cookie-opt-in {background-color: rgb(138, 0, 0); color: white;} .cookie-text {padding-top: 5px;} .cookie-buttons {text-align: right;padding: 6px 0;font-size: 130%;} .cookie-buttons a, .cookie-buttons span {padding-right: 8px; color: white;} .cookie-buttons a:hover, .cookie-buttons span:hover {text-decoration:underline; cursor:pointer;}