html {} body {color:#333; background-color:#FFF; font-size:15px; font-family:'OpenSans',Arial,sans-serif;} h1 {font-size:36px; margin-bottom:10px; font-family:'Rajdhani';} h2 {font-size:24px; margin-bottom:10px; font-family:'Rajdhani';} h3,h4,h5 {font-size:14px; margin-bottom:10px; font-family:'Rajdhani';} img {max-width:100%;} p {margin:4px 0 16px 0;} a {text-decoration:none;} a:hover {text-decoration:underline;} sup {font-size:inherit; vertical-align:baseline;} sup:before {display:inline-block; content:'.';} .button, button, input[type="submit"], input[type="reset"], input[type="button"] {display:inline-block; vertical-align: middle; padding: 0 20px; margin:0; border-spacing: 0; border-radius: 3px; font-size: 16px; line-height:28px; height:28px; border:1px solid #ccc; cursor:pointer; text-decoration: none; outline: none; transition: all 0.2s ease 0s; -webkit-appearance: none; white-space: nowrap; font-family:'Open Sans',sans-serif;} .button:hover,button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {position: relative;top:-1px; text-decoration: none;} .button.small, button.small, input[type="submit"].small, input[type="reset"].small, input[type="button"].small {padding:0 5px; font-size:12px; height:22px; line-height:22px;} .button.large, button.large, input[type="submit"].large, input[type="reset"].large, input[type="button"].large {padding:0 30px; font-size:19px; height:48px; line-height:46px;} .button.disabled, button:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled, input[type="button"]:disabled {opacity:0.5; cursor:default;} .button.fullwidth, button.fullwidth, input[type="submit"].fullwidth, input[type="reset"].fullwidth, input[type="button"].fullwidth {width:100%; text-align: center; padding-left:0; padding-right:0; box-sizing: border-box;} .table {width:100%; border-top:2px solid #006eff;} .table td,.table th {padding:15px; border-bottom:1px solid #ccc; font-weight:normal;} .table td.noborder,.table th.noborder {border:none;} .table td {} .table tbody tr:hover td {} .table th {font-weight:bold;} .table tfoot td {} .table tfoot .totalrow .title {text-align:right;} input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { display: block; width: 100%; height: 30px; min-height: 30px; padding: 0 5px; line-height: 18px; border: 1px solid #ddd; border-radius: 2px; outline: none; box-sizing: border-box; } select { background: #FFF url('../img/dropdown-caret.png') no-repeat right; -webkit-appearance: none; -ms-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; padding: 5px; } textarea {min-height:90px; padding:10px; line-height: inherit;} input[type="text"]:disabled, input[type="password"]:disabled, input[type="email"]:disabled, select:disabled, textarea:disabled {background:#f1f1f1; opacity: 0.8;} .textinput.short {width:160px;} .textinput.veryshort {width:80px;} .textinput.half {width:48%;} .input_error_highlight, input.input_error_highlight,.selectbox.input_error_highlight {border:1px solid #c82f1b !important;} .input_error_inline {color:#fff; font-size:12px; line-height:14px; position:absolute; margin-top:-7px; margin-left:7px; z-index:10; background-color:#c82f1b; padding:0 5px; border-radius:5px;} .input_error_inline a {color:#fff; text-decoration:underline;} .input_error_inline a:hover {color:#fff; position:relative; top:-1px;} .form_error_inline {display:none; background-color:#fff1f1; border:1px solid #FFBABA; padding:5px 10px; font-size:13px; margin-bottom:10px;} .linkedinputs {border:1px solid #006eff;} .linkedinputs input.textinput {width:70%; padding:0; text-indent:5px; height:30px; min-height:30px; line-height: 30px; margin:0; border:0; border-bottom-right-radius: 0; border-top-right-radius: 0; vertical-align:top; display:inline-block;} .linkedinputs .button {width:30%; padding:0; height:30px; line-height: 30px; margin:0; background:#FFF; border-bottom-left-radius: 0; border-top-left-radius: 0; border:0; vertical-align:top; display:inline-block;} .linkedinputs .button:hover,.linkedinputs .button:focus {border-color:transparent; top:0;} .linkedinputs.linkedsearch input.textinput {width:80%;} .linkedinputs.linkedsearch .button {width:20%;} .linkedinputs.linkedsearch .button:hover {border:0;} .stacked input,.stacked select {margin-bottom:5px;} .quantity-spinner { position: relative; } .quantity-spinner input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .quantity-spinner input[type=number] { -moz-appearance: textfield; } .quantity-spinner input { width: 45px; height: 42px; line-height: 1.65; float: left; display: block; padding: 0; margin: 0; padding-left: 20px; border: 1px solid #eee; box-sizing:content-box;} .quantity-spinner input:focus { outline: 0; } .quantity-spinner .quantity-nav { float: left; position: relative; height: 42px; } .quantity-spinner .quantity-button { position: relative; cursor: pointer; border-left: 1px solid #eee; width: 20px; text-align: center; color: #333; font-size: 13px; line-height: 1.7; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .quantity-spinner .quantity-button.quantity-up { position: absolute; height: 50%; top: 0; border-bottom: 1px solid #eee; } .quantity-spinner .quantity-button.quantity-down { position: absolute; bottom: -1px; height: 50%; } .account-top-bar {padding-top:5px; padding-bottom:5px; text-align:right; position:relative; z-index:200;} .header-wrapper {margin-bottom:20px;} .header-wrapper .header-inner {position: relative;} .header-wrapper .shoptitle span {font-size:40px; line-height:80px; margin:0; text-decoration: none; display:inline-block; font-family:'Rajdhani';} .header-wrapper .shoptitle.defaultlogo img {} #basketwrapper {text-align:right; margin-top:18px;} #basketheader {display:inline-block; position: relative;} #basketheader i {font-size:28px; vertical-align: middle; display: inline-block;} #basketheader .basketcount {position:absolute; right:2px; top:4px; display:inline-block; vertical-align: middle; text-align:center; font-size:13px; border-radius:50%; width:18px; height:18px; line-height:18px;} #basketheader #basket_total {display:inline-block; vertical-align: middle; font-size:18px; margin-right:10px; } .haslogo #basketwrapper {margin-top:30px;} .nav-wrapper {position: relative;} .mobile-search-wrapper {display:none; margin-bottom:20px;} #top-menu-wrapper {position: relative; z-index: 100;} #mobile-menu-toggle {z-index:100; display:none; width:100%; text-align:center; padding:10px 0; font-size:18px; cursor:pointer;} #mobile-menu-toggle img {position:relative; top:3px; margin-right:3px;}.has-top-bar.header-wrapper {background:none;} .has-top-bar.header-wrapper .shoptitle {color:#006eff; display:block;} .has-top-bar .header-top {background:#000; color:#fff; padding:10px 1%;} .has-top-bar #basketwrapper {margin-top:0; float:right; margin-left:20px;} .has-top-bar #headersearchform { float:right; margin-left:20px;} .has-top-bar.header-wrapper .header-inner {padding-top:0;} .has-top-bar #top-menu-wrapper {text-align:right;} .has-top-bar .nav-wrapper {background:none; margin-top:17px;}.base-0-2 #toplogo {text-align:center;} .base-0-2 #mobile-menu-toggle {margin-bottom:20px;} .base-0-2 #basketwrapper {margin-top:10px; } .base-0-2 #basketheader {padding-right:5px;} .base-0-2 #basketheader .basketcount {right:6px;} .base-0-2 .searchwrapper {margin-top:9px;}.menu.horizontal {padding:0; position:relative; font-family:'Open Sans','OpenSans','Arial',sans-serif;} .menu.horizontal ul {list-style-type: none; margin:0; width:100%; box-sizing:border-box;} .menu.horizontal ul li {display:inline-block; vertical-align:middle; text-align: left; margin:0 20px 0 0; position:relative;} .menu.horizontal ul li a {display:block; padding:16px 6px; text-decoration: none; } .menu.horizontal ul li.searchwrapper {display:inline-block; vertical-align:middle; float:right; text-align: right; margin-right:0; margin-top:10px;} .menu.horizontal ul li.searchwrapper .linkedinputs {border:0;} .menu ul#top-menu li.top-menu-close {display:none; text-align: center; cursor:pointer; } .menu ul#top-menu li.top-menu-close span {display:block; padding:10px 0; text-decoration: none;} .menu.horizontal ul li ul.dropdown-menu {position: absolute; opacity:0; visibility: hidden; z-index:100; min-width:200px; top:42px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu.horizontal ul li ul.dropdown-menu li {display:block; margin:0; float:none;} .menu.horizontal ul li:hover ul.dropdown-menu {opacity:1; visibility: visible; top:48px; } .menu.horizontal ul li ul.dropdown-menu:before { content:' '; position:absolute; left:10px; top:-10px; display:block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent;} .menu.horizontal ul li ul.dropdown-menu-third { display:none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;} .menu.horizontal ul li ul.dropdown-menu-third:before { content:' '; position:absolute; left:-10px; top:18px; display:block; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent;} .menu.horizontal ul li ul.dropdown-menu li:hover ul.dropdown-menu-third { display:block; position:absolute; left:100%; top:-1px; } .menu.inline ul li {display:inline-block; vertical-align:middle; text-align: left; margin:0; position:relative; border-right:1px solid #ccc; padding:2px 15px;} .menu.inline ul li.last {border-right:0;} .menu.vertical {padding:0; position:relative;} .menu.vertical ul {list-style-type: none; margin:0; width:100%; box-sizing:border-box; overflow: hidden; border-top:1px solid #000;} .menu.vertical ul li {display:block; position:relative; text-align: left; border-bottom:1px solid #000;} .menu.vertical ul li a {display:block; padding:10px; text-decoration: none; color:#000; } .menu.vertical ul li a i {float:right;} .menu.vertical ul li ul {margin-left:0; border:0; } .menu.vertical ul li ul li {font-size:13px; padding-left:20px; border-bottom:0;} .menu.vertical ul li ul li ul.sub-menu-third li {font-size:12px; } .menu.vertical li.active > a {background:#eee;} .menu.vertical li.has-children:before {display:inline-block; content: '\e82b'; font-family:'simpleshop'; position:absolute; right:10px; top:10px;} .menu.vertical ul li.searchwrapper {padding-top: 20px; border:0;}.banner-slideshow-wrapper {position: relative; overflow:hidden; margin-bottom:20px; max-height:360px;} .banner-slideshow-wrapper li {list-style-type: none;} .banner-slideshow-wrapper .banner {} .banner-slideshow-wrapper .banner .image { text-align:center; position:relative; } .banner-slideshow-wrapper .banner .image img {max-height:420px;} .banner-slideshow-wrapper .banner .inner { text-align:center; top: 33%; position:absolute; width:100%;} .banner-slideshow-wrapper .banner .inner > div {padding-top:0;} .banner-slideshow-wrapper .banner .title {font-size:36px; font-family:'Rajdhani';} .banner-slideshow-wrapper .banner .subtitle {font-size:22px; margin-top:0;} .bannerimage {margin-bottom:20px;}.categorylist {clear:both; padding-top:20px; padding-bottom:20px;} .categorylist .category {width:24%; display:inline-block; vertical-align:top; margin:0 .66666% 20px .66666%; text-align:center; float:left; box-sizing: border-box;} .categorylist .category.first {clear:both; margin-left:0;} .categorylist .category.fourth {margin-right:0;} .categorylist .category:hover {text-decoration:none;} .categorylist .category .inner {padding:0; display:block;} .categorylist .category .image img {display:block;} .categorylist .category .inner .image {display:block; } .categorylist .category .inner .title {font-family:'Rajdhani'; font-size:18px; display:block; margin:10px 0 5px 0; }.variant-wrapper {margin-bottom:20px;} .variant-wrapper .title {margin-bottom:5px; font-family:'Rajdhani'; font-size:18px;} .variant-wrapper ul li {list-style-type:none; display:block;} .variant-wrapper ul li a {display:block; padding:3px 0; position:relative; } .variant-wrapper ul li.active a {font-weight:bold;} .variant-wrapper ul li.active:hover a:before {display:block; position:absolute; left:-12px; top:6px; content: '\e80f'; font-family: 'simpleshop'; font-size:12px;} .productlist {clear:both;} .productlist .product {width:24%; display:inline-block; vertical-align:top; margin:0 .66666% 20px .66666%; text-align:center; float:left; box-sizing: border-box;} .productlist .product.first {clear:both; margin-left:0;} .productlist .product.fourth {margin-right:0;} .productlist .product:hover {text-decoration:none;} .productlist .product .inner {padding:0; display:block;} .productlist .product .image img {display:block;} .productlist .product:hover .image img {transform:scale(1.005);} .productlist .product .inner .image {display:block; } .productlist .product .inner .title {display:block; margin:10px 0 5px 0; } .productlist .product .inner .price {display:block; font-size:22px; } .productlist .product .inner .previousprice {display:inline-block; margin-left:20px; font-size:14px; text-decoration: line-through;} .pagination {padding:10px 20px; margin-bottom:20px; } .pagination select {} .pagination .current-results {line-height:30px;} .pagination .pagination-navigation {text-align:right;} .pagination .pagination-navigation .pagination-section {display:inline-block; width:40%; vertical-align:top; margin-left:5%;} .pagination .pagination-navigation .pagination-section.last {padding-right:0; margin-right:0;} .pagination .pagination-navigation .pagination-section span {display:block; font-size:11px; width:48%; text-align:right; float:left; padding-top:8px;} .pagination .pagination-navigation .pagination-section select {display:inline-block; width:50%;} .pagination-pages {clear:both; display:block; margin:20px 0; text-align:center;} .pagination-pages .pageno {display:inline-block; padding:5px 10px; margin-right:10px; text-decoration: none;}.productdetails .images {text-align:left;} .productdetails .imagelist {margin-top:20px;} .productdetails .imagelist .image {display:inline-block; vertical-align:top; padding:3px; border:1px solid #EDEDED; cursor:pointer;} .productdetails h1 {} .productdetails .price {font-size:22px; padding:10px 0;} .productdetails .price .previousprice {display:inline-block; margin-left:20px; font-size:16px; text-decoration: line-through;} .productdetails .description {line-height: 22px;} .productdetails .description ul {margin-left:20px;} .productdetails .variant-row {margin-top:20px;} .productdetails .variant-row .variant-title {display:block; line-height:38px;} .productdetails .variant-row .variant-input {display:inline-block; vertical-align:top; width:60%; } .productdetails .addtobasket.button.primary {margin:25px 0 0 0; padding:2px 45px;} .productdetails .socialicon {font-size:30px;} .recently-viewed-products {margin-top:60px;}.reviews-wrapper {margin-top:60px; position:relative;} #show-review-form {float:right;} #review-form-wrapper {display:none; clear:both; margin-top:25px; padding-top:10px; position:relative; background:rgba(0,110,255,0.1);} #review-form-wrapper form {padding:20px;} #review-form-wrapper form:before {content:' ';position:absolute; right:10px; top:-10px; display:block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(0,110,255,0.1); } .review-list {clear:both;} .review-list .review {padding:0 0 20px 0; margin-bottom:20px; border-bottom: 1px dashed #fff;} .review-list .review.last {border-bottom: 0;} .review-list .review .meta {padding:5px 0; margin-bottom:5px;} .review-list .review .meta .review-stars {padding-top: 5px;padding-left: 0;} .review-list .review .meta .review-stars i {font-size: 17px; color:#006eff;} .review-list .review .meta .name {text-align: left; padding-top: 5px; padding-bottom: 5px; font-size: 17px; padding-left: 0;} .review-list .review .meta .datetime {text-align: left; padding-bottom: 5px; font-size: 14px; padding-left: 0; color:#777;} .review-list .content {font-size: 14px;}.content-wrapper .contents ul {margin-left:20px; margin-bottom:10px;} .content-wrapper .contentpage .map {margin-top:20px;} .gallery .image {display:inline-block; padding:5px; background:rgba(0,110,255,0.1); margin:10px; vertical-align:top; border:1px solid #006eff;}.basket-table th,.basket-table td {vertical-align: middle;} .basket-table .amount {text-align: right;} .basket-table img {max-width:80px; max-height:80px;} .basket-table form {text-align:right; display:inline-block;} .checkout-buttons {margin-top:20px;} .checkout-buttons .rhs {text-align:right;}#checkoutcontainer .inline_input_error {padding:3px; background:#fee; background:#ea5060; color:#fff;} .customer-account-options { margin-bottom:20px;} .loggedin {margin:20px 0;} .input-label-wrapper {position: relative; padding:5px 5px 5px 0; box-sizing: border-box;} .input-label-wrapper:before {position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; content:''; display:block; margin:5px 5px 5px 0; border-radius:4px;} #password-row.input-label-wrapper:before {width:160px;} .input-label-wrapper label.input-label {transition: all 0.2s ease-out; font-size: 12px; color:#999; font-weight: normal; position: absolute; top: 10px; left:10px; width: 100%; z-index: 1; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; opacity:1; } .input-label-wrapper input.textinput,.input-label-wrapper textarea,.input-label-wrapper select { border-radius: 4px; display: block; box-sizing: border-box; width: 100%; padding: 18px 10px 4px; word-break: normal; height:inherit; max-height:inherit; width:100%; position: relative; z-index: 2; background:transparent; } .input-label-wrapper input.textinput:disabled {background:#f1f1f1;} .input-label-wrapper select {background:transparent url('../img/dropdown-caret.png') no-repeat right!important;} .input-label-wrapper.empty label.input-label {opacity: 0;} .input-label-wrapper.empty input,.input-label-wrapper.empty textarea,.input-label-wrapper.empty select {padding:11px 10px;} .checkoutform .checkoutbox .input-label-wrapper.half {width:50%; float:left;} .input-label-wrapper.third {width:33.333%; float:left;} .input-label-wrapper.card-wrapper {padding-right:0;} .input-label-wrapper.no-hint:before {display:none;} .customer-account-options .account-option { width:50%; display:inline-block; vertical-align:top; float:left; box-sizing:border-box; cursor:pointer;} .customer-account-options.three .account-option { width:33.33%; } .customer-account-options .account-option.first {padding-right:10px;} .customer-account-options .account-option.middle {padding-right:10px; padding-left:10px;} .customer-account-options .account-option.last {padding-left:10px;} .customer-account-options .account-option:hover {text-decoration:none;} .customer-account-options .account-option input { opacity: 0; position: absolute; } .customer-account-options .account-option label {border-radius:5px; position:relative; display:block; padding:20px; color:#006eff; background:rgba(0,110,255,0.1); border:3px solid rgba(0,110,255,0.2); font-size:14px; cursor:pointer;} .customer-account-options .account-option label:hover {background:rgba(0,110,255,0.2);} .customer-account-options .account-option label .option-title {font-size:16px;} .customer-account-options .account-option input:checked + label { border-color:#006eff; } .customer-account-options .account-option input:checked + label:before {display:block; content: '\e80c'; font-family: 'simpleshop'; position:absolute; font-size:28px; top:-5px; right:-5px; background: #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 22px;} #password {display:inline-block; margin-right:20px; width:160px;} .checkoutform .checkoutbox {margin-bottom:20px;} .checkoutform .checkoutbox .checkoutboxtitle {font-size:22px; margin-bottom:20px;} .checkoutform .checkoutbox .boxsection {margin-bottom:10px;} .checkoutform .checkoutbox .boxtitle {text-align:right; display:inline-block; vertical-align:top; width:16%; margin-right:1%; line-height: 40px;} .checkoutform .checkoutbox .boxinput {display:inline-block; vertical-align:top; width:82%;} .checkoutform .checkoutbox .destination_notes {margin-top:3px; font-style:italic;} .checkoutform .checkoutbox .half {width:49%; display:inline-block;} .checkoutform .paymentoptions {margin-bottom:0; list-style-type:none;} .checkoutform .paymentoptions li {display:inline-block; padding:5px 10px; margin:0 5px 0 5px; background:none; cursor:pointer; border:1px solid #006eff; border-bottom:0;} .checkoutform .paymentoptions li.active {background:#006eff; color:#fff;} .checkoutform .paymentoptionwrapper {padding:10px; border:1px solid #006eff;} .checkoutform .paymentoptionwrapper.onlyoption {padding:0; border:none;} .checkoutform .checkoutbox .billing-region-id,.checkoutform .checkoutbox .shipping-region-id {display:none;} .checkoutform .button-wrapper i {margin-right:10px;} #checkoutcontainer .checkout-details {width:60%; display:inline-block; vertical-align: top;} #checkoutcontainer .checkout-summary {width:35%; float:right; margin-top:45px; font-size:14px;} #checkoutcontainer .checkout-summary .product {border-bottom:1px solid #ccc; line-height:22px; padding-bottom:5px; margin-bottom:5px;} #checkoutcontainer .checkout-summary .product_quantity {display:inline-block; line-height:20px; vertical-align:top; width:12%; font-size:18px; } #checkoutcontainer .checkout-summary .product_details {display:inline-block; vertical-align:top; width:62%; } #checkoutcontainer .checkout-summary .product_price {display:inline-block; vertical-align:top; width:26%; text-align:right; } #checkoutcontainer .checkout-summary .total_key {display:inline-block; vertical-align:top; width:70%; text-align:right; } #checkoutcontainer .checkout-summary .total_value {display:inline-block; vertical-align:top; width:30%; text-align:right; } #checkoutcontainer #discount_row {display:none;} #checkoutcontainer .discount_code_input {margin:10px 0; background:#fff;} #checkoutcontainer .discount_code_input .textinput {width:79%; } #checkoutcontainer .discount_code_input .button {width:20%; font-size:18px; text-align:center; border:0; float:right; border-radius:0;} #checkoutcontainer .order_totalcost_wrapper {border-top:1px solid #006eff; border-bottom:1px solid #006eff; margin:5px 0 5px 0; padding:5px 0 5px 0; font-size:22px;} #checkoutcontainer .order_totalcost_wrapper .total_key {width:50%; text-align:left;} #checkoutcontainer .order_totalcost_wrapper .total_value {width:50%; text-align:right;} .contactform .title {margin:20px 0 10px 0;} .contactform .button {margin:20px 0 10px 0;} .contactform .captcha {display:none;} #card-element {display: block; width: 100%; height: 40px; min-height: 40px; padding: 10px; border: 1px solid #ddd; border-radius: 2px; outline: none; background: #fff; box-sizing: border-box; }.footer-wrapper {clear:both; margin-top:20px; font-size:12px;} .footer {padding-top:20px; padding-bottom:20px;} .footer .menu {text-align:center; background:none;} .footer .social {text-align:center; padding-top:20px; padding-bottom:20px;} .footer .social i {display:inline-block; font-size:42px; margin:7px 0 0 7px;} .footercode {text-align:center;} .footer-strap {background:#292e31; color:#fff; padding-top: 15px; padding-bottom: 15px; font-size:13px;line-height:1.5em;} .footer-strap a {color:#fff;} .footer-strap .right {text-align:right;} .footer-strap .right i {font-size:24px; margin-left:10px;} .footer-strap span {display:block;} .credits {font-size:12px; text-align:center; padding:10px 0;} .page-alert {display:block; padding:10px 10px; border-radius:4px; border:1px solid #fff; color:#fff; line-height:32px; margin-bottom:30px;} .page-alert.action {cursor:pointer;} .page-alert i {font-size:18px; margin:0 10px 0 10px; top:4px; float:left;} .page-alert.error {background:#c75c5c; } .page-alert.notice {background:#00529B; } .page-alert.success {background:#dff0d8; color:#3c763d; border-color:#d6e9c6;}.blog-sidebar {;} .blog-sidebar .title {background:#006eff; margin:40px 0 0 0; text-transform: uppercase; padding:5px; color:#FFF; text-shadow:1px 1px rgba(0,0,0,0.5);} .blog-sidebar .first .title {margin-top:0;} .blog-sidebar ul {width:100%; list-style-type: none; margin:0;} .blog-sidebar ul li {} .blog-sidebar ul li a {display:block; padding:5px; border-bottom:1px solid #e1e1e1; text-decoration: none;} .blog-sidebar ul li a:hover {text-decoration: underline;} .blogpostsummary {margin:0 0 40px 0; display:block;} .blogpostsummary:hover { text-decoration:none;} .blogpostsummary .date, .blogsinglepage .date {margin:0; color:#FFF; font-weight:bold; font-size:12px; float:right; text-align:right; padding:5px 10px 3px 10px; background:#006eff; border-radius: 0 0 4px 4px; text-shadow:1px 1px rgba(0,0,0,0.5);} .blogpostsummary .image {width:15%; display:inline-block; vertical-align:top; } .blogpostsummary .details {float:right; width:83%; display:inline-block; vertical-align:top;} .blogpostsummary .details .summary {color:initial;} .blogpostsummary .blogtitle {padding:10px 0 10px 0; font-size:22px; border-top: 1px solid #006eff;} .blogpostsummary .blogtitle span {font-size:12px; padding-left:10px; font-style:italic;} .blog-content h1 {margin:0 0 20px 0;} .blog-content h2 {margin:20px 0 10px 0;} .blog-content {line-height: 1.7em;} .blog-header-image {margin-bottom:40px;}h1,h2,h3,h4,h5 {color:#006eff;} a {color:#006eff; text-decoration:none;} a:hover { color:#003bcc;} .button, button, input[type="submit"], input[type="reset"], input[type="button"] {background:none; color:#003bcc; border:1px solid #003bcc; } .button:hover,button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {} .button.primary {background:#006eff; border-color:#0021b2; color:#FFF;} .button.primary:hover {background:#4cbaff;} .table {border-top:2px solid #006eff;} .table td,.table th {border-bottom:1px solid #fff; } .table td {} .table tbody tr:hover td {} .table tfoot td {} input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="url"], input[type="tel"], input[type="number"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="range"], input[type="color"], select, textarea { border: 1px solid #ddd; background-color: #fff; }.account-top-bar {background:#000; color:#7f7f7f;} .account-top-bar a {color:#333;} .header-wrapper {background:#000;} .nav-wrapper {background:#000;} .nav-wrapper a {color:#FFF;} .header-wrapper .shoptitle {color:#333; } #mobile-menu-toggle {background:#006eff; color:#7fedff; border-radius:3px;} #basketheader i {color:#006eff; } #basketheader .basketcount {color:#333; background:rgba(255,255,255,0.8); border:1px solid #EDEDED; } .banner-slideshow-wrapper .banner .inner {} .banner-slideshow-wrapper .banner .title {color:#006eff; text-shadow: 1px 1px 3px rgba(255,255,255,0.5); } .banner-slideshow-wrapper .banner .subtitle { color:#000; }.menu.horizontal ul li a:hover {color:#003bcc;} .menu ul#top-menu li.top-menu-close { background:none; color:#003bcc; border:0;} .menu.horizontal ul li ul.dropdown-menu {background:#000; border:1px solid #000;} .menu.horizontal ul li ul.dropdown-menu li {border-bottom:1px solid #000;} .menu.horizontal ul li ul.dropdown-menu li.last {border-bottom:0;} .menu.horizontal ul li ul.dropdown-menu:before { border-bottom: 10px solid #000; } .menu.horizontal ul li ul.dropdown-menu li:hover { background:#000; } .menu.horizontal ul li ul.dropdown-menu-third {background:#000; border:1px solid #000;} .menu.horizontal ul li ul.dropdown-menu-third li {border-bottom:1px solid #000;} .menu.horizontal ul li ul.dropdown-menu-third li.last {border-bottom:0;} .menu.horizontal ul li ul.dropdown-menu-third:before { border-right: 10px solid #000; } .menu.horizontal ul li ul.dropdown-menu-third li:hover { background:#000; } .menu.inline ul li {border-color:#7f7f7f;}.footer-wrapper {background:#000;} .footer a {color:#FFF;}.productlist .product .inner .title {color:#006eff; } .productlist .product .inner .price {color:#000; } .productlist .product .inner .previousprice {color:#777; }.pagination {border-radius:3px; background:#000; color:#FFF;} .pagination-pages .pageno {background:none; border-radius:3px; border:1px solid #000; color:#000; } .pagination-pages .pageno.active {background:#000; color:#4c4c4c;} #checkoutcontainer .checkout-summary .product_quantity {color:#006eff; } #checkoutcontainer .checkout-summary .total_value {color:#006eff; }fieldset {border:1px solid #eee; padding:20px; margin-bottom: 40px;} fieldset legend {text-align: right; color:#777; font-size:17px; } fieldset fieldset {margin-top:20px; margin-bottom:20px; padding:10px; background:#fdfdfd;} fieldset fieldset legend {font-size:13px; } .form {clear:both;} .form .section {margin-bottom:20px;} .form .fieldrow {padding-bottom:18px;} .form .fieldrow .fieldtitle { font-size:17px; width:25%; text-align:right; margin-right:1%; display:inline-block; vertical-align:top; line-height:38px; position: relative;} .form .fieldrow .fieldtitle .showtiptip {color:#999; font-size:14px;} .form .fieldrow .fieldtitle .fieldhelp {color:#777; font-size:13px; line-height:15px; margin-top:-6px; } .form .fieldrow .fieldinput {width:72%; text-align:left; display:inline-block; vertical-align:top; position:relative;} .form .fieldrow .fieldinput.info {line-height:41px; color:#787b7e;} .form .fieldrow .fieldinput.checkboxes {line-height:32px;} .form .fieldrow .fieldinput p {line-height:38px;} .form .fieldrow .fieldinput .redactor-box p {line-height:inherit;} .form .fieldrow .fieldinput.textareacontainer p {line-height:inherit;} .form .fieldrow .fieldinput .stacked {margin-bottom:5px;} .form .fieldrow .fieldinput .textinput.short {width:28%;} .form .fieldrow .fieldinput .textinput.half {width:48%;} .form .fieldrow .fieldinput .textinput.half:first-of-type {margin-right:1%} .form .fieldrow .fieldinput div[class^="grid-"] {padding-left:0; position: relative;} .form .fieldrow .fieldinput .character_counter {color:#ccc; float:left; margin-top: -5px; font-size: 14px;} .form .fieldrow.inline-row .fieldtitle,.form .fieldrow.inline-row .description,.form .fieldrow.inline-row .fieldinput {display:inline-block;} .form .fieldrow.inline-row .fieldinput {margin:0; line-height: 38px; width:auto;} .form .fieldrow.inline-row .fieldtitle {font-size:14px; width:auto;} .form .fieldrow_split .fieldrow {width:48%; display: inline-block; vertical-align: top;} .form .fieldrow_split .fieldrow.right {float:right;} .form .fieldrow_split_thirds .fieldrow {width:33%; box-sizing: border-box; display: inline-block; vertical-align: top; float:left; padding-left:10px; padding-right:10px;} .form .fieldrow_split_thirds .fieldrow.left {padding-left:0;} .form .fieldrow_split_thirds .fieldrow.middle {} .form .fieldrow_split_thirds .fieldrow.right {padding-right:0; float:right;} .form .inputwrapper {position: relative;} .form .buttons {text-align:center;} .form .lost_password {display:block; font-size:12px; position: absolute; right:0; bottom:-16px; } .form .raty {font-size:24px; margin-top:3px;} .form .image_wrapper .image,.form .image_wrapper .image_actions {display:inline-block; margin-right: 10px; vertical-align: bottom;} .form .image_wrapper .image_actions .button {margin-top:10px;} .form.vertical .fieldrow {padding-bottom: 10px;} .form.vertical .fieldrow .fieldtitle {width:100%; margin:0; text-align:left; line-height: 27px;} .form.vertical .fieldrow .fieldtitle .fieldhelp {margin-bottom:5px; } .form.vertical .fieldrow .fieldinput {width:100%;} .form.vertical .fieldrow .fieldinput input,.form.vertical .fieldrow .fieldinput textarea,.form.vertical .fieldrow .fieldinput select {margin-bottom:5px;} .form.vertical .buttons {margin-left:0;} .form.info .fieldrow {padding-bottom: 5px;} .form.info .fieldrow .fieldinput.info {line-height:22px; padding-top:9px;} .form.inline {display:inline; margin:0; padding:0;} .form.inline .submit {background:none; border:0; padding:0; font-weight: 300; font-size: 16px;color:#23605E; cursor:pointer; } .form.small .fieldrow .fieldtitle {width:37%;} .form.small .fieldrow .fieldinput {width:60%;} @media screen and (max-width: 1080px) { .banner-slideshow-wrapper,.banner-slideshow-wrapper .banner {height:240px;} .banner-slideshow-wrapper .banner .title {font-size:26px;} .banner-slideshow-wrapper .banner .subtitle {font-size:16px;} } @media screen and (max-width: 930px) { .banner-slideshow-wrapper,.banner-slideshow-wrapper .banner {height:200px;} } @media screen and (max-width: 767px) { body {padding:0;} .header-wrapper .shoptitle span {line-height:inherit;} #mobile-menu-toggle {display: block;} div#top-menu-wrapper {display:none; position:absolute; left:0; top:115px; width:100%; background:#000; padding:10px; box-sizing: border-box;} .base-0-2 div#top-menu-wrapper {top:62px;} .logobasketrow {padding-top:0; padding-bottom:0;} .nav-wrapper {padding-top:20px; padding-bottom:20px;} .header-wrapper .menu.horizontal ul li {display:block; float:none; margin:0; border-top:1px solid #000; overflow:hidden;} .header-wrapper .menu.horizontal ul li a {padding:10px 6px; } .header-wrapper .menu.horizontal ul li.searchwrapper {float:none; margin:0; padding:10px 0; text-align: center; display:block; border-top:0;} .menu ul#top-menu li.top-menu-close { display:block;} .header-wrapper .menu.horizontal ul li ul.dropdown-menu {margin:0 auto; position: relative; opacity:1; visibility: visible; background:inherit; z-index:100; max-width:90%; top:0; border:0;} .header-wrapper .menu.horizontal ul li ul.dropdown-menu:before {display:none;} .header-wrapper .menu.horizontal ul li ul.dropdown-menu li {border:0;} .header-wrapper .menu.horizontal ul li ul.dropdown-menu li a {font-size:90%;} .header-wrapper .menu.horizontal ul li:hover ul.dropdown-menu { top:0; } .header-wrapper .menu.horizontal ul li ul.dropdown-menu-third {margin:0 auto; display:block; position: relative; opacity:1; visibility: visible; background:inherit; z-index:100; max-width:90%; top:0; border:0;} .header-wrapper .menu.horizontal ul li ul.dropdown-menu-third:before {display:none;} .menu ul#top-menu li.top-menu-close {border-top:0;} .headersearchform .textinput {} #basketwrapper,.haslogo #basketwrapper {margin-top:0;} #basketheader {} .mobile-search-wrapper {display:block;} .pagination {text-align:center;} .pagination .current-results {width:100%; font-weight:bold; line-height:normal;} .pagination .pagination-navigation .pagination-section {width:100%; margin:10px 0; display:block; text-align:center;} .banner-slideshow-wrapper,.banner-slideshow-wrapper .banner {height:160px;} .banner-slideshow-wrapper .banner .title {font-size:22px;} .banner-slideshow-wrapper .banner .subtitle {font-size:14px;} .productdetails .addtobasket {margin:20px auto; display:block;} .productdetails .imagelist .image {max-width:25%;} .checkout-buttons,.checkout-buttons .rhs {text-align:center;} .checkout-buttons .button {margin-bottom:20px;} .customer-account-options .account-option.first,.customer-account-options .account-option.middle,.customer-account-options .account-option.last {width:100%; padding:0; margin-bottom:10px;} .customer-account-options .account-option label {padding:10px;} #checkoutcontainer .checkout-details,#checkoutcontainer .checkout-summary {width:100%; display:block; float:none; margin-bottom:20px; margin-top:0;} #password {width:100%;} .checkoutboxtitle {text-align: center; margin-top:30px;} .checkoutform .checkoutbox .paymentoptionwrapper .boxtitle {width: 100%; text-align: left; margin: 5px 0 0 0; line-height: inherit; } .checkoutform .checkoutbox .paymentoptionwrapper .boxinput {display:block; width:100%; } .paymentoptionwrapper .processbutton {display:block; margin:20px auto; text-align: center;} } @media (max-width: 550px) { .grid-container {padding-left:0; padding-right:0;} #basketheader #basket_total {display:none;} #mobile-menu-toggle {top:50px;} .checkoutform .checkoutbox .boxtitle {text-align:left; line-height: 20px; width:100%;} .checkoutform .checkoutbox .boxinput {width:100%;} .banner-slideshow-wrapper,.banner-slideshow-wrapper .banner {height:100px;} .banner-slideshow-wrapper .banner .title {font-size:18px;} .banner-slideshow-wrapper .banner .subtitle {font-size:12px;} .productlist .product {width:48%; display:inline-block; vertical-align:top; margin:0 .66666% 20px .66666%; text-align:center; float:left; box-sizing: border-box;} .productlist .product.odd {clear:left;} .productlist .product.second {margin-right:0;} .productlist .product.third {clear:both; margin-left:0;} .categorylist .category {width:48%; display:inline-block; vertical-align:top; margin:0 .66666% 20px .66666%; text-align:center; float:left; box-sizing: border-box;} .categorylist .category.odd {clear:left;} .categorylist .category.second {margin-right:0;} .categorylist .category.third {clear:both; margin-left:0;} .basket-table td, .basket-table th {padding:5px;} .basket-table .hide-mobile {display:none;} } @media print { #basketwrapper,.nav-wrapper,.footer-wrapper,.footer-strap,.share-product-wrapper,#show-review-form {display:none;} .logobasketrow {padding:0;} .grid-50 {float:left; width:50%;} .productdetails .images {text-align:center;} .productdetails .addtobasket.button.primary {display:none;} h1 {font-size:32px;} } .flex-direction-nav { *height: 0; list-style-type: none; } .flex-direction-nav a { text-decoration: none; display: block; width: 50px; height: 50px; line-height:48px; margin: -25px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.5); border:1px solid rgba(0, 0, 0, 0.5); border-radius: 50px; text-align:center; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flex-direction-nav a:before { font-family: "simpleshop"; font-size: 40px; display: block; text-indent:-3px; content: '\e829'; color: rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flex-direction-nav a.flex-next:before { content: '\e828'; text-indent:3px; } .flex-direction-nav a:hover,.flex-direction-nav a:hover:before { color: rgba(0, 0, 0, 0.9); border-color: rgba(0, 0, 0, 0.9); } .flex-direction-nav .flex-prev { left: 20px; } .flex-direction-nav .flex-next { right: 20px; } .banner-slideshow-wrapper:hover .flex-direction-nav .flex-prev { opacity: 0.7; left: 10px; } .banner-slideshow-wrapper:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .banner-slideshow-wrapper:hover .flex-direction-nav .flex-next { opacity: 0.7; right: 10px; } .banner-slideshow-wrapper:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; } .out_of_stock, a:hover .out_of_stock { position: absolute; top: 3px; left: 3px; font-size: 12px; background: #000!important; color: #FFF; padding: 3px; z-index: 1001; }