/* body { font-family: Rubik, 'Open Sans', sans-serif; font-weight: 300; color: #111; font-size: 14px; line-height: 1.5em; width: 100%; background: #FFF; } */ body { font-family: 'Open Sans', sans-serif; font-weight: 300; color: #111; font-size: 14px; line-height: 1.5em; width: 100%; background: #FFF; } /* Colors for reference Black = #111; White = #FFF; Red = #E33; Light Red = #FF6E63; */ .red { color: #E33; } /* Open Sans { font-family: 'Open Sans', sans-serif; } Rubik { font-family: Rubik, sans-serif; } */ /* default font size */ .fa { font-size: 14px; } h1, h2, h3, h4, h5, h6 { color: #111; font-weight: 500; } /* Override the bootstrap defaults */ h1 { font-size: 48px; line-height: 1.25em; margin: 0px 0px 30px; font-weight: 400; } h2 { font-size: 36px; line-height: 1.25em; margin: 0px 0px 20px; font-weight: 400; } h3 { font-size: 21px; line-height: 1.5em; margin: 20px 0px; font-weight: 400; } h4 { font-size: 18px; line-height: 1.5em; margin: 20px 0px; } h5 { font-size: 16px; line-height: 1.5em; margin: 20px 0px; } h6 { font-size: 12px; line-height: 1.5em; margin: 20px 0px; } /* Adds dots images to left + right of headings etc */ .pretty { text-align: center; } .pretty:before, .pretty:after { display: inline-block; vertical-align: middle; content: ''; width: 79px; height: 11px; background: center no-repeat; } .pretty:before { background-image: url('/catalog/view/theme/bespoke/image/dots-left.png'); margin-right: 30px; } .pretty:after { background-image: url('/catalog/view/theme/bespoke/image/dots-right.png'); margin-left: 30px; } @media (max-width: 991px) { .pretty:before, .pretty:after { display: none; } } p { margin: 20px 0px 0px; } ul, ol { margin-top: 20px; margin-bottom: 20px; } p + form { margin-top: 24px; } ul li + li, ol li + li { margin-top: 3px; } ul.colours { list-style: none; margin: 0px; padding: 0px; } ul.colours li:before { display: inline-block; width: 5px; height: 1.1em; vertical-align: top; background: center no-repeat; margin-right: 8px; content: ''; } ul.colours li:nth-child(4n + 1):before { background-image: url('../image/bullet-orange.png'); } ul.colours li:nth-child(4n + 2):before { background-image: url('../image/bullet-purple.png'); } ul.colours li:nth-child(4n + 3):before { background-image: url('../image/bullet-red.png'); } ul.colours li:nth-child(4n + 4):before { background-image: url('../image/bullet-blue.png'); } a:focus, img:focus { border: none; outline: none; } a { color: #E33; text-decoration: underline; } a:hover, a:focus { text-decoration: none; color: #111; } a.inverse { color: #111; } a.inverse:hover, a.inverse:focus { text-decoration: none; color: #E33; } a.hoverfade:hover:after { position: absolute; display: block; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.25); content: ''; z-index: 99; } fieldset { } fieldset + fieldset { margin-top: 36px; } legend { font-size: 24px; line-height: 1em; padding: 7px 0px; font-weight: 400; } @media (max-width: 991px) { legend { line-height: 1.33em; } } label { font-size: 14px; font-weight: normal; } .container:after { display: block; content: ''; clear: both; } .row { margin-left: -12px; margin-right: -12px; } /* .row */ .row > div[class*=col-] { padding-left: 12px; padding-right: 12px; } /* .col- */ /* Reset some bootstrap styles (because they look shit!) */ .dropdown-menu { float: none; padding: 0px; margin: 0px; border: none; background: none; font-size: inherit; line-height: inherit; border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; } .bootstrap-datetimepicker-widget { background: #FFF; border: 1px solid #CCC; border-radius: 4px; border: 1px solid rgba(0, 0, 0, 0.15); box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.175); } select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control { font-size: 16px; border: 1px solid #DDD; border-radius: 5px; -webkit-border-radius: 5px; box-shadow: none; background: #F5F5F5; border: none; border-bottom: 2px solid #DDD; } .input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover { font-size: 16px; } .input-group .input-group-addon { font-size: 14px; height: 30px; } /* Fix some bootstrap issues */ span { line-height: inherit; } span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg { display: inline; } div.required .control-label:before { content: '* '; color: #F00; font-weight: 500; } #fixedheader { position: fixed; top: 0px; left: 0px; right: 0px; z-index: 99999; } body { padding-top: 121px; } @media (min-width: 992px) and (max-width: 1199px) { body { padding-top: 120px; } } @media (min-width: 768px) and (max-width: 991px) { body { padding-top: 124px; } } @media (max-width: 767px) { body { padding-top: 0px; } #fixedheader { position: relative; top: auto; left: auto; right: auto; } } header { background: #FFF; z-index: 80003; border-bottom: 1px solid #EEE; } header .container { padding-top: 16px; padding-bottom: 16px; } header #logo { display: block; float: left; margin: 0px; padding: 0px; } header #logo a { display: inline; margin: 0px; padding: 0px; } header #logo a img { display: inline; margin: 0px; max-height: 100%; } header .hd_search { display: block; float: left; margin-left: 36px; } header .search { position: relative; padding: 3px 0px 0px; } header .search input[type=text] { display: block; max-width: 100%; width: 360px; height: 36px; padding-right: 36px; } header .search button { position: absolute; display: block; top: 3px; right: 0px; width: 36px; height: 36px; border: none; background: none; padding: 6px 8px; border-radius: 0px 5px 5px 0px; -webkit-border-radius: 0px 5px 5px 0px; } header .search button:hover, header .search button:focus { background: #E8E8E8; border-bottom: 2px solid #DDD; padding-bottom: 4px; } header .search button img { display: inline-block; vertical-align: middle; } header #headlinks { display: block; float: right; margin: 0px; padding: 0px; } header #headlinks:after { display: block; content: ''; clear: both; } header #headlinks > div { display: block; float: left; margin: 0px; padding: 0px; font-size: 14px; line-height: 20px; } header #headlinks .hd_account { padding: 10px 0px; } header #headlinks .hd_account a { display: inline-block; text-decoration: none; font-weight: 300; line-height: 21px; } header #headlinks .hd_account a.login:before, header #headlinks .hd_account a.account:before { display: block; float: left; content: ''; width: 22px; height: 21px; background: url('../image/icon-account.png') center no-repeat; margin-right: 5px; } header #headlinks .hd_account a.logout:before { display: block; float: left; content: ''; width: 22px; height: 21px; background: url('../image/icon-logout.png') center no-repeat; margin-right: 5px; } header #headlinks .hd_account a + a { padding-left: 12px; } header #headlinks .hd_cart, header #headlinks .hd_cart_link { margin-left: 24px; } header #headlinks .hd_cart_link a { } header #cart { position: relative; z-index: 80015; } header #cart:after { display: block; content: ''; clear: both; } header .hd_cart_link .hd_head, header #cart .hd_head { position: relative; display: block; z-index: 80015; cursor: pointer; padding: 11px 11px 7px 36px; background: url('../image/icon-cart.png') 9px calc(50% - 1px) no-repeat #F5F5F5; content: ''; font-weight: 300; border: 1px solid #DDD; } .cart-total { display: block; padding-right: 20px; background: url('../image/arrow-down-cart.png') right no-repeat; } .cart-total span { display: inline-block; vertical-align: middle; line-height: 20px; } .cart-total .ct_title { margin-right: 3px; } .cart-total .ct_sep, .cart-total .ct_total { display: none; } header .hd_cart_link .hd_head { padding: 0px; border: none; background: none; } header .hd_cart_link .hd_head .cart-total { padding: 11px 11px 7px 36px; border: 1px solid #DDD; text-decoration: none; color: #111; background: url('../image/icon-cart.png') 9px calc(50% - 1px) no-repeat #F5F5F5; } header .hd_cart_link .hd_head .cart-total:hover { background-color: #E8E8E8; } header .hd_cart_link .hd_head .cart-total .ct_title { display: none; } header #cart .hd_body { width: 400px; z-index: 80014; padding: 15px; left: auto; right: 0px; background: #FAFAFA; border: 1px solid #DDD; margin-top: -1px; } header #cart.open .hd_head { border: 1px solid #DDD; border-bottom-color: #FAFAFA; background-color: #FAFAFA; } header #cart .prods_wrapper { max-height: 393px; overflow: auto; } header #cart table { width: 100%; } header #cart table.prods tbody { border-bottom: 1px solid #DDD; } header #cart table td { vertical-align: middle; padding: 5px; border: none; background: none; } header #cart table tr.upper td { vertical-align: top; padding-top: 15px; } header #cart table tr.lower td { vertical-align: bottom; padding-bottom: 15px; } header #cart table td.image { width: 80px; padding: 15px 15px 15px 0px; } header #cart table td.image img { border: none; padding: 0px; } header #cart table td.info { width: auto; padding-right: 0px; } header #cart table td.info:after { display: block; content: ''; clear: both; } header #cart table td.info .remove { display: block; float: right; margin-left: 30px; } header #cart table td.info .remove img { display: block; cursor: pointer; } header #cart table td.info .name { font-weight: 500; text-decoration: none; } header #cart table td.info small { display: block; } header #cart table td.info small:before { display: inline-block; content: '\2013'; margin-right: 4px; } header #cart table td.qty { color: #999; font-size: 12px; } header #cart table td.total { padding-right: 0px; text-align: right; color: #E33; font-weight: 500; } header #cart table.totals tr:first-child td { padding-top: 15px; } header #cart table .tot_title { text-align: right; padding: 3px 5px 0px 0px; } header #cart table .tot_price { text-align: right; padding: 3px 0px 0px 5px; color: #E33; font-weight: 500; } header #cart p { margin: 0px; padding: 0px; } header #cart p.links { display: block; text-align: right; margin: 15px 0px 0px; padding: 15px 0px 0px; border-top: 1px solid #DDD; } header #cart p.links a { } header #cart p.links a + a { margin-left: 10px; } header #cart p.empty { text-align: center; padding: 50px 20px; } @media (min-width: 992px) and (max-width: 1199px) { header #headlinks .hd_cart { margin-left: 8px; } } @media (min-width: 768px) and (max-width: 991px) { header .search input[type=text] { width: 300px; } } @media (max-width: 767px) { header .hd_search { float: none; margin-left: 0px; margin-top: 12px; } header .search { padding: 0px; } header .search input[type=text] { display: block; width: 100%; } header .search button { top: 0px; } header .search button img { } header #headlinks .hd_cart_link { margin-left: 12px; } header .hd_cart_link .hd_head .cart-total { padding: 11px 8px 7px 33px; background-position: 6px 50%; } } /* Advanced Top Menu (Mod added by Luke!) */ #adv_menu_mask { position: fixed; top: 0px; left: 0px; width: 100%; height: 0px; opacity: 0; z-index: 80001; background: rgba(0, 0, 0, 0.4); transition: height 0s, opacity 0.25s ease-in-out; } #adv_menu.showmask + #adv_menu_mask { height: 100%; opacity: 1; } #adv_menu { background: #FFF; border-bottom: 1px solid #DDD; margin: 0px; padding: 0px; z-index: 80002; } #adv_menu > .container { position: relative; z-index: 80003; } #adv_menu ul { display: block; list-style: none; margin: 0px; padding: 0px; } #adv_menu ul > li { display: block; margin: 0px; padding: 0px; } #adv_menu ul > li > a { display: block; margin: 0px; padding: 0px; font-size: 16px; line-height: 20px; color: #111; text-decoration: none; font-weight: 300; } #adv_menu ul > li > a:hover { color: #E33; } #adv_menu ul > li > :first-child { margin-top: 0px !important; } #adv_menu ul > li > :last-child { margin-bottom: 0px !important; } #adv_menu ul.L1 { display: table; width: auto; margin: 0px -14px; } #adv_menu ul.L1 > li { display: table-cell; } #adv_menu ul.L1 > li > a { padding: 14px 14px 13px; } #adv_menu ul.L1 > li.has_kids > a { background: url('../image/arrow-down-menu.png') calc(100% - 12px) calc(50% + 1px) no-repeat; padding-right: 27px; } #adv_menu ul.L2 { display: none; position: absolute; top: 100%; left: 0px; width: 100%; padding: 15px; border: 1px solid #DDD; border-top: none; box-shadow: 0px 2px 1px #BBB; background: #F5F5F5; } #adv_menu ul.L2 > li { display: table-cell; width: 24%; } #adv_menu ul.L2 > li + li { padding-left: 1.33%; } #adv_menu ul.L2 > li > a { margin-top: 15px; } #adv_menu ul.L3 { margin: 5px 0px 0px; } #adv_menu ul.L3 > li { margin: 5px 0px 0px; } #adv_menu ul.L3 > li > a { } #adv_menu ul.L3 > li > a:before { content: '-'; margin-right: 4px; } #adv_menu ul.L1 > li:hover { background: #F5F5F5; } #adv_menu ul.L1 > li.has_kids:hover ul.L2 { display: table; } @media (min-width: 992px) and (max-width: 1199px) { #adv_menu ul.L1 > li > a { padding: 13px 10px; } #adv_menu ul.L1 > li.has_kids > a { background-position: calc(100% - 10px) calc(50% + 1px); } } /* Normal Top Menu */ #menu { background: #FFF; margin: 0px; min-height: 0px; border-radius: 0px; border: none; border-bottom: 1px solid #DDD; z-index: 80000; } #menu .container { } #menu .navbar-header { float: none; } #menu .navbar-header .navbar-toggle { display: block; float: none; padding: 10px 0px; margin: 0px; border: none; border-radius: 0px; line-height: 28px; cursor: pointer; } #menu .navbar-header .navbar-toggle button { font-size: 16px; font-stretch: expanded; color: #FFF; padding: 3px 15px; background-color: #E33; border-color: #E33; margin-right: 2px; outline: none !important; } #menu ul.nav { float: none; margin: 0px; } #menu ul.nav > li { float: none; } @media (min-width: 992px) { #menu .navbar-collapse { display: table !important; position: relative; margin: 0px; padding: 0px; } #menu ul.nav li a { display: block; color: #111; text-decoration: none; font: inherit; } #menu ul.nav { display: table-row; position: relative; font-size: 16px; line-height: 24px; } #menu ul.nav > li { display: table-cell; } #menu ul.nav > li > a { display: block; color: #111; text-decoration: none; padding: 12px 12px; font: inherit; } #menu ul.nav > li.dropdown > a { background: url('../image/arrow-down-menu.png') calc(100% - 12px) 22px no-repeat; padding-right: 28px; } #menu ul.nav > li > .dropdown-menu { background: #FFF; padding: 0px; border: 1px solid #DDD; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { display: table-row; } #menu ul.nav > li > .dropdown-menu ul { display: table-cell; } #menu ul.nav > li > .dropdown-menu ul li { display: block; margin: 0px; padding: 0px; } #menu ul.nav > li > .dropdown-menu ul li a { display: block; min-width: 280px; padding: 12px 30px 12px 18px; background: url('../image/arrow-right-menu.png') calc(100% - 18px) 19px no-repeat; } #menu ul.nav > li > .dropdown-menu ul li a:hover, #menu ul.nav > li > .dropdown-menu ul li a:focus { background-color: #EEE; } #menu ul.nav > li:hover { background: #EEE; } #menu ul.nav > li:hover > .dropdown-menu { display: table; } } @media (max-width: 991px) { #adv_menu { display: none !important; } .navbar-collapse { padding: 0px 0px 10px !important; } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } #menu ul.nav { display: block; } #menu ul.nav > li { display: block; } #menu ul.nav > li.open { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background: #F5F5F5; } #menu ul.nav > li > a, #menu ul.nav > li > a:focus { display: block; padding: 5px 10px; color: #111; text-decoration: none; background: none; } #menu ul.nav > li > a:hover { text-decoration: none; background: #EEE; color: #E33; } #menu ul.nav > li > .dropdown-menu { position: static; float: none; width: auto; margin-top: 0px; border: none; background: none; box-shadow: none; -webkit-box-shadow: none; } #menu ul.nav > li > .dropdown-menu .dropdown-inner { } #menu ul.nav > li > .dropdown-menu ul { margin: 5px 0px; } #menu ul.nav > li > .dropdown-menu ul li { } #menu ul.nav > li > .dropdown-menu ul li a, #menu ul.nav > li > .dropdown-menu ul li a:focus { display: block; padding: 5px 15px 5px 20px; color: #111; text-decoration: none; } #menu ul.nav > li > .dropdown-menu ul li a:hover { color: #E33; background: #EEE; } } @media (max-width: 767px) { #menu .navbar-header .navbar-toggle { padding-left: 10px; padding-right: 10px; } } /* footer */ footer { background: #F5F5F5; } footer .container { } #upperfooter { font-size: 16px; padding: 26px 0px; border-bottom: 1px solid #DDD; } #upperfooter div { display: inline-block; } #upperfooter div.phone { background: url('../image/icon-phone-red.png') left no-repeat; padding-left: 22px; } #upperfooter div.email { background: url('../image/icon-email-red.png') left no-repeat; padding-left: 22px; } #upperfooter div strong { font-weight: 500; } #footer { padding: 60px 0px; } #footer a { text-decoration: none; } #footer h5 { margin: 0px; } #footer h5 a { } #footer ul { display: block; margin: 0px; padding: 0px; list-style: none; } #footer ul.cat_L1 { margin-top: 30px; } #footer ul.cat_L1:first-child { margin-top: 0px; } #footer ul.cat_L2 { } #footer ul.cat_L2 li { margin-top: 7px; } #footer .social { margin-top: 40px; } #footer .social a { display: inline-block; margin-top: 10px; } #footer .social a:hover, #footer .social a:focus { } #footer .social a + a { margin-left: 2px; } #footer .social a img { display: block; } #branding { background: #F5F5F5; } #branding .container { padding-bottom: 26px; } #branding .container:before { display: block; margin: 0px 0px 26px; border-top: 1px solid #DDD; content: ''; } #branding .branding { font-size: 14px; line-height: 32px; color: #999; } #branding .branding a { color: inherit; text-decoration: none; } #branding .branding a:hover, #branding .branding a:focus { color: #E33; } #branding .cards { text-align: right; } #branding .cards img { display: inline-block; } #branding .cards img + img { margin-left: 1px; } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { #upperfooter { padding: 18px 0px; } #upperfooter div + div { margin: 12px 0px 0px !important; } footer { text-align: center; } #footer { padding: 30px 0px; } #footer .row > div[class*=col-] { margin-top: 30px; } #footer .row > div[class*=col-]:first-child { margin-top: 0px; } #branding { text-align: center; } #branding .cards { text-align: center; } } /* content */ #pagecontent { } #pagecontent > div { } #pagecontent > div.container { min-height: 400px; background: none; } #pagecontent a { text-decoration: none; font-weight: 500; } #content { padding-top: 48px; padding-bottom: 72px; } #content img { max-width: 100%; height: auto !important; } .home-page #content { padding-top: 0px; } .category-page #content { padding-top: 36px; } /* mod_holder = column left / right, content top / bottom / above footer / below menu */ .mod_holder { } .mod_holder > div { margin-top: 24px; } .mod_holder > div :first-child { margin-top: 0px; } .mod_holder > div :last-child { margin-bottom: 0px; } .mod_holder > div > h3 { display: block; margin: 0px 0px 12px; padding: 0px; } .mod_holder p { margin: 20px 0px 0px; } #content-below-menu > div:first-child, #content-above-footer > div:first-child { margin-top: 0px; } #content-below-menu > div:last-child, #content-above-footer > div:last-child { margin-bottom: 0px; } .sidebar > div { margin-top: 36px; } .sidebar > div :first-child { margin-top: 0px; } .sidebar > div :last-child { margin-bottom: 0px; } .sidebar > div h3 { display: block; margin: 0px 0px 12px; padding: 0px; } .mod_mega_filter { } .mod_mega_filter ul li:before { display: none; } .mod_mega_filter .mfilter-counter { font-size: 14px; } .mod_mega_filter .mfilter-col-input input[type=checkbox], .mod_mega_filter .mfilter-col-input input[type=radio] { margin: 0px; } .mod_mega_filter .mfilter-tb { display: block; } .mod_mega_filter .mfilter-option { display: block; } .mod_mega_filter .mfilter-option .mfilter-tb-as-td { display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; } .mod_mega_filter .mfilter-option .mfilter-tb-as-td + .mfilter-tb-as-td { } .mod_mega_filter .mfilter-option .mfilter-counter { display: inline; float: none; background: none; border: none; border-radius: 0px; padding: 0px; line-height: 1.5em; margin: 0px; padding: 0px; color: #999; } .mod_mega_filter .mfilter-option .mfilter-counter:before { display: inline; content: '('; } .mod_mega_filter .mfilter-option .mfilter-counter:after { display: inline; content: ')'; border: none; top: auto; right: auto; height: auto; width: auto; position: relative; margin: 0px; } .mod_mega_filter .mfilter-option input[type=checkbox] { margin-right: 2px; } /* alert */ .alert { padding: 8px 14px 8px 14px; } /* breadcrumb */ .breadcrumb { display: none !important; } /* .breadcrumb { display: block; background: none; padding: 0px; margin: 10px 0px 36px !important; border: none; border-radius: 0px; list-style: none; line-height: 20px; font-size: 12px !important; line-height: 1.5em; } .breadcrumb:after { display: block; content: ''; clear: both; } .breadcrumb > li { display: block; float: left; margin: 0px !important; padding: 0px !important; background: none !important; } .breadcrumb > li + li { margin-left: 8px !important; } .breadcrumb > li + li:before { display: inline-block; content: '/'; margin-right: 8px; padding: 0px; } .breadcrumb > li a { display: inline-block; color: #999; } */ /* Page Head */ #pagehead { background: url('/image/catalog/bg/page-head-bg.jpg') center no-repeat; background-size: cover; color: #FFF; } #pagehead .container { position: relative; padding-top: 48px; padding-bottom: 48px; text-align: center; } #pagehead h1 { text-align: inherit; margin: 0px; color: inherit; } #pagehead .pagedesc { margin: 0px; } #pagehead .pagedesc p, #pagehead .pagedesc div { margin: 20px 0px 0px; font-size: 18px; line-height: 1.5em; color: inherit !important; } /* #pagehead .breadcrumb { position: absolute; top: 6px; left: 15px; width: calc(100% - 30px); margin: 0px; } */ #pagehead.hasimage { background-position: center; background-repeat: no-repeat; background-size: cover; } #pagehead.hasimage .container { padding-top: 80px; padding-bottom: 80px; } #pagehead.whitetext h1 { color: #FFF; text-transform: uppercase; } #pagehead.whitetext h2, #pagehead.whitetext h3, #pagehead.whitetext h4 { color: #FFF; } #pagehead.whitetext .pagedesc { color: #FFF !important; } #pagehead.whitetext .breadcrumb > li + li:before { color: #FFF; } #pagehead.whitetext .breadcrumb a { color: #FFF; } #pagehead.whitetext .breadcrumb a:hover, #pagehead.whitetext .breadcrumb a:focus { color: #999; } @media (max-width: 767px) { #pagehead h1 { text-align: center; } } .pagedesc { } .pagedesc.page_desc_main { margin: 0px 0px 30px; padding: 0px 0px 30px; border-bottom: 1px solid #DDD; } .pagedesc .container { padding-top: 60px; padding-bottom: 60px; } .pagedesc h1 { text-align: center; margin: 0px 0px 30px; } .pagedesc { margin: 0px; } .pagedesc :first-child { margin-top: 0px !important; } .pagedesc :last-child { margin-bottom: 0px !important; } .pagedesc div.row { margin-top: 24px; margin-bottom: 24px; } .pagedesc img { max-width: 100%; height: auto !important; } #content .pagedesc { margin-bottom: 30px; } body.category-page #pagehead .container { text-align: left; } body.category-page #pagehead.bookable .container { text-align: center; } body.product-page #pagehead .container { text-align: left; } /* Sub category listings */ #sub_cats { } #sub_cats .container { padding-top: 75px; padding-bottom: 75px; } .sub_cats { margin-bottom: 30px; } /* .row */ .sub_cats > div[class*=col-] { } /* .col- */ .sub_cats > div.clearfix:after { margin-bottom: 24px; } .sub_cats .sub_cat_wrapper { position: relative; } .sub_cats .sub_cat_wrapper a { display: block; margin: 0px; padding: 0px; } .sub_cats .sub_cat_wrapper a.sc_img { } .sub_cats .sub_cat_wrapper a.sc_img img { display: block; width: 100%; height: auto !important; } .sub_cats .sub_cat_wrapper a.sc_name { color: #FFF; text-align: center; font-size: 14px; line-height: 1.5em; font-weight: 500; text-transform: uppercase; background: #E33; padding: 15px 15px; } @media (max-width: 767px) { #sub_cats .container { padding-top: 30px; padding-bottom: 30px; } .sub_cats { margin: 0px -6px 12px; } .sub_cats > div[class*=col-] { padding-left: 6px; padding-right: 6px; } .sub_cats .sub_cat_wrapper a.sc_name { padding: 5px; min-height: 52px; } } /* Product Filters */ .prod_filters { display: block; margin: 0px 0px 20px; padding: 0px; font-size: 14px; line-height: 36px; } .prod_filters:after { display: block; content: ''; clear: both; } .prod_filters > div { display: block; } .prod_filters label { display: inline-block; color: #999; } .prod_filters select { display: inline-block; height: 36px; width: auto; max-width: 100%; } .prod_filters .view_changer { float: left; display: none; } .prod_filters .view_changer a { cursor: pointer; } .prod_filters .compare { float: left; margin-left: 20px; display: none; } .prod_filters .sort_by { float: right; } .prod_filters .per_page { float: right; margin-left: 20px; } /* Product Grid */ #cat_prods { } #cat_prods .container { padding-top: 60px; padding-bottom: 60px; } .prod_grid { margin-bottom: 24px; } /* .row */ .prod_grid > div.clearfix:after { margin-bottom: 24px; } .prod_grid .prod { background: #FFF; border: 1px solid #EEE; padding: 11px; } .prod_grid .prod > div { display: block; margin: 0px; padding: 0px; } .prod_grid .prod .image { } .prod_grid .prod .image a { display: block; } .prod_grid .prod .image a img { display: block; width: 100%; max-width: 100%; } .prod_grid .prod .name { margin-top: 12px; text-align: center; font-size: 15px; line-height: 1.5em; } .prod_grid .prod .name a { color: inherit; } .prod_grid .prod .desc { display: none; } .prod_grid .prod .price { text-align: center; margin-top: 5px; } .prod_grid .prod .price .price-wrapper { display: block; } .prod_grid .prod .price .price-new-wrapper { color: #E33; font-weight: 500; line-height: 24px; } .prod_grid .prod .price .price-old-wrapper { display: none; font-size: 13px; line-height: 1.5em; } .prod_grid .prod .price .price-tax-wrapper { display: none; } .prod_grid .prod .price .price-wrapper span { } .prod_grid .prod .price .from { } .prod_grid .prod .price .now { display: none; } .prod_grid .prod .price .was { } .prod_grid .prod .price .price-new { font-size: 18px; } .prod_grid .prod .price .price-old { } .prod_grid .prod .price .price-tax { } .prod_grid .prod .price .inc-vat { display: none; } .prod_grid .prod .price .ex-vat { display: none; } .prod_grid .prod .rating { display: none; margin-top: 2px; text-align: center; } .prod_grid .prod .buttons { display: none; } .prod_grid .prod .buttons a { } .prod_grid .prod .buttons a.cartadd { } .prod_grid .prod .buttons a.wishlist { } .prod_grid .prod .buttons a.compare { } .sidebar .prod_grid { } /* .row */ .sidebar .prod_grid > div[class*=col-] { width: 100% !important; margin-top: 24px; } .sidebar .prod_grid > div[class*=col-]:first-child { margin-top: 0px; } .sidebar .prod_grid > div.clearfix:after { margin: 0px; } @media (max-width: 767px) { .prod_grid { margin: 0px -6px 12px; } .prod_grid > div[class*=col-] { padding-left: 6px; padding-right: 6px; } .prod_grid .prod { padding: 5px; } .prod_grid .prod .name { margin-top: 6px; } } /* Product List */ /* To be added!! */ /* Category Calendar (Booking System) */ #catcal { position: relative; } #catcal_header { background: #E6E6E6; border: 1px solid #DDD; border-bottom: none; font-size: 24px; line-height: 30px; text-align: center; padding: 9px 16px; font-weight: normal; } #catcal_calendar { background: #F7F7F7; border: 1px solid #DDD; border-top: none; padding: 20px 20px; } #catcal .datepicker { display: block; } #catcal .ui-datepicker { width: 100% !important; border: none; border-radius: 0px; background: transparent; font-family: inherit; } #catcal .ui-datepicker .ui-datepicker-header { background: none; border: none; border-radius: 0px; font-size: 18px; line-height: 24px; font-weight: 500; } #catcal .ui-datepicker .ui-datepicker-prev, #catcal .ui-datepicker .ui-datepicker-next { cursor: pointer; } #catcal .ui-datepicker .ui-datepicker-prev span, #catcal .ui-datepicker .ui-datepicker-next span { margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; background: transparent center no-repeat; } #catcal .ui-datepicker .ui-datepicker-prev span { background-image: url('/image/catalog/calendar-prev-red.png'); } #catcal .ui-datepicker .ui-datepicker-next span { background-image: url('/image/catalog/calendar-next-red.png'); } #catcal .ui-datepicker .ui-datepicker-prev.ui-state-hover { border: none; background: none; top: 2px; left: 2px; } #catcal .ui-datepicker .ui-datepicker-next.ui-state-hover { border: none; background: none; top: 2px; right: 2px; } #catcal .ui-datepicker th, #catcal .ui-datepicker td { font-size: 16px; line-height: 24px; padding: 2px; } #catcal .ui-datepicker th { font-weight: 500; } #catcal .ui-datepicker td { font-weight: 400; } #catcal .ui-datepicker td a, #catcal .ui-datepicker td span { display: block; font-weight: inherit; background: #FFF; border: 2px solid transparent; padding: 3px 5px; background-repeat: no-repeat !important; color: #262626; } #catcal .ui-datepicker td.hasBookings a { color: #FFF; text-shadow: 0px 0px 2px #000; font-weight: 500; } #catcal .ui-datepicker .ui-state-disabled a { } #catcal .ui-datepicker .ui-state-active { border-color: #000; } #catcal .ui-datepicker td.hasBookings.date_full { opacity: 1; } #catcal .ui-datepicker td.hasBookings.date_full span { position: relative; color: #FFF; text-shadow: 0px 0px 2px #000; font-weight: 500; cursor: not-allowed; } #catcal .ui-datepicker td.hasBookings.date_full span::before, #catcal .ui-datepicker td.hasBookings.date_full span::after { position: absolute; display: block; top: -2px; left: -2px; right: -2px; bottom: -2px; content: ''; cursor: not-allowed; text-shadow: none; } #catcal .ui-datepicker td.hasBookings.date_full span::before { background: linear-gradient(to top right, transparent 0%, transparent 48%, #000 50%, transparent 52%, transparent 100%); } #catcal .ui-datepicker td.hasBookings.date_full span::after { background: linear-gradient(to top left, transparent 0%, transparent 48%, #000 50%, transparent 52%, transparent 100%); } #catcal_login { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgba(255, 255, 255, 0.9); text-align: center; font-size: 21px; line-height: 1.75em; border: 5px solid #E33; display: none; } #catcal_login #catcal_login_inner { padding: 32px 48px; } #catcal_login p { font-weight: 500; margin: 80px 0px 20px; } #catcal_login .btn { } #catcalkey { padding: 24px 0px; margin: 0px 0px 48px; border-bottom: 2px solid #DDD; } #catcalkey_title { font-size: 16px; line-height: 24px; font-weight: 600; } #catcalkey_items { margin-top: 5px; } #catcalkey_items ul { display: block; margin: 0px -10px; padding: 0px; list-style: none; } #catcalkey_items ul:after { display: block; content: ''; clear: both; } #catcalkey_items ul li { display: block; float: left; width: 25%; margin: 3px 0px; padding: 0px 10px; font-size: 14px; line-height: 20px; } #catcalkey_items ul li:nth-child(4n + 1) { clear: left; } #catcalkey_items ul li .course { position: relative; display: inline-block; padding: 2px 0px 2px 30px; } #catcalkey_items ul li .color_block { position: absolute; display: block; top: 0px; left: 0px; width: 24px; height: 24px; background: #F7F7F7; box-shadow: 0px 0px 2px 0px #DDD; } #catcalkey_items ul li.full .color_block { background: url('/image/catalog/calendar-fully-booked-cross.png') center no-repeat #F7F7F7; background-size: cover; } #bookables { } #bookables .bp { background: #F7F7F7; border: 1px solid #DDD; } #bookables .bp + .bp { margin-top: 36px; } #bookables .bp_header { padding: 20px; } #bookables .bp_header .bp_image { display: block; float: left; width: 50px; min-height: 50px; border: 2px solid #000; } #bookables .bp_header .bp_image img { } #bookables .bp_header .bp_title { font-size: 24px; line-height: 30px; margin-left: 70px; font-weight: 400; } #bookables .bp_header .bp_intro { margin: 10px 0px 0px 70px; } #bookables .bp_header .bp_intro > :first-child { margin-top: 0px !important; } #bookables .bp_header .bp_intro .readmore { display: block; margin: 20px 0px 0px; cursor: pointer; } #bookables .bp_header .bp_intro .fullinfo { display: none; } #bookables .bp_header .bp_intro .readless { display: none; margin: 20px 0px 0px; cursor: pointer; } #bookables .bp_items { } #bookables .bp_items table { margin: 0px; } #bookables .bp_items table td { padding: 12px 16px; vertical-align: middle; } #bookables .bp_items table thead td { background: #E6E6E6; padding: 8px 16px; font-weight: 400; } #bookables .bp_items table tbody td { } #bookables .bp_items table tbody tr + tr td { border-top: 1px solid #DDD; } #bookables .bp_items table tbody td.date { width: 215px; } #bookables .bp_items table tbody td.loc { } #bookables .bp_items table tbody td.places { width: 180px; } #bookables .bp_items table tbody td.places.low, #bookables .bp_items table tbody td.places .low{ color: #E33; font-weight: 400; } #bookables .bp_items table tbody td.places .full { color: #E33; font-weight: 600; } #bookables .bp_items table tbody td.price { width: 150px; font-size: 24px; line-height: 24px; font-weight: 500; } #bookables .bp_items table tbody td.btns { white-space: nowrap; width: 150px; text-align: right; } #bookables .bp_items table tbody td.btns .btn { display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 20px; padding: 9px 12px 7px; width: 115px; } #bookables .bp_items table tbody td.btns .btn + .btn { margin-left: 3px; } #bookables .bp_items table tbody tr.date_full td.price { color: #DDD; } #bookables .bp_items table tbody tr.no_dates td { text-align: center; font-style: italic; } body.catcal_mask { overflow: hidden;} #catcal_mask { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 99999999; background: rgba(0, 0, 0, 0.75) !important; display: none; } #catcal_mask > .container { position: relative; top: 10vh; max-height: 80vh; overflow: auto; background: #FFF; padding: 0px; } #catcal_mask .catcal_wrapper { position: relative; padding: 48px; } #catcal_mask .catcal_close { position: absolute; top: 30px; right: 25px; font-size: 16px; line-height: 20px; cursor: pointer; } #catcal_mask .catcal_close:before { display: block; float: left; width: 12px; height: 18px; content: ''; background: url('../image/icon-close.png') center no-repeat; margin-right: 6px; } #catcal_mask #catcal_multicourse { } #catcal_mask #catcal_multicourse .bp_items { margin-top: 24px; } #catcal_mask #catcal_quickbook { } #catcal_mask #catcal_quickbook .course_head { } #catcal_mask #catcal_quickbook .course_head:after { display: block; content: ''; clear: both; } #catcal_mask #catcal_quickbook .course_head .image { display: block; float: left; width: 50px; min-height: 50px; border: 2px solid #000; } #catcal_mask #catcal_quickbook .course_head .image img { } #catcal_mask #catcal_quickbook .course_head h2 { margin-left: 70px; margin-bottom: 15px; } #catcal_mask #catcal_quickbook .course_head .desc { margin-left: 70px; } #catcal_mask #catcal_quickbook .course_head .desc > :first-child { margin-top: 0px; } #catcal_mask #catcal_quickbook .course_head .readmore { display: block; margin: 20px 0px 0px; cursor: pointer; } #catcal_mask #catcal_quickbook .course_head .fullinfo { display: none; } #catcal_mask #catcal_quickbook .course_head .readless { display: none; margin: 20px 0px 0px; cursor: pointer; } #catcal_mask #catcal_quickbook .course_detail { margin-top: 24px; font-size: 16px; line-height: 24px; } #catcal_mask #catcal_quickbook .course_detail td { border-top: 0px; padding: 2px 8px; } #catcal_mask #catcal_quickbook .course_detail thead td { font-weight: 400; } #catcal_mask #catcal_quickbook .course_detail tbody td { font-weight: 300; } #catcal_mask #catcal_quickbook .course_detail tbody td.price { font-size: 24px; line-height: 24px; font-weight: 500; } #catcal_mask #catcal_quickbook .welcome_head { margin-top: 36px; padding-top: 36px; border-top: 2px solid #DDD; } #catcal_mask #catcal_quickbook .welcome_head:after { display: block; content: ''; clear: both; } #catcal_mask #catcal_quickbook .welcome_head .welcome { float: left; font-weight: 500; } #catcal_mask #catcal_quickbook .welcome_head .welcome span { color: #E33; } #catcal_mask #catcal_quickbook .welcome_head .logout { float: right; padding-right: 12px; background: url('../image/arrow-right-red.png') right no-repeat; } #catcal_mask #catcal_quickbook .welcome_head .logout:hover, #catcal_mask #catcal_quickbook .welcome_head .logout:focus { background-image: url('../image/arrow-right-black.png'); } #catcal_mask #catcal_quickbook .catcal_qty { margin-top: 36px; } #catcal_mask #catcal_quickbook .catcal_qty label { } #catcal_mask #catcal_quickbook .catcal_qty select { } .delegates { display: none; margin-top: 36px; padding-top: 36px; border-top: 1px solid #DDD; } .delegates h4 { margin-top: 0px; padding: 0px; } .delegate_list { border-bottom: 1px solid #EEE; } .delegate_list_item { display: block; font-size: 16px; line-height: 20px; border-top: 1px solid #EEE; padding: 12px 0px; cursor: pointer; } .delegate_list_item:after { display: block; content: ''; clear: both; } .delegate_list_item .delname { display: block; float: left; } .delegate_list_item .delname:before { display: block; float: left; content: ''; width: 20px; height: 20px; margin-right: 8px; background: url('../image/icon-del-add-circle.png') center no-repeat; } .delegate_list_item .deladd { display: block; float: right; color: #E33; font-size: 14px; } .delegate_list_item .deladd:before { display: block; float: left; content: ''; width: 10px; height: 10px; margin-right: 8px; margin-top: 5px; background: url('../image/icon-del-add-plus.png') center no-repeat; } .delegate_list_item .delrem { display: none; float: right; color: #E33; font-size: 14px; } .delegate_list_item .delrem:before { display: block; float: left; content: ''; width: 10px; height: 10px; margin-right: 8px; margin-top: 5px; background: url('../image/icon-del-remove-cross.png') center no-repeat; } .delegate_list_item.added .delname:before { background-image: url('../image/icon-del-remove-circle.png'); } .delegate_list_item.added .deladd { display: none; } .delegate_list_item.added .delrem { display: block; } .delegate_detail { margin-top: 24px; padding-top: 24px; border-top: 1px solid #DDD; } .delegate_detail#delegate-detail-master { display: none !important; } .delegate_detail .detail_head { } .delegate_detail .detail_head .clear { display: block; float: right; color: #E33; cursor: pointer; } .delegate_detail .detail_head .clear:before { display: block; float: left; content: ''; width: 10px; height: 10px; margin-right: 8px; margin-top: 5px; background: url('../image/icon-del-remove-cross.png') center no-repeat; } .delegate_detail .detail_head h3 { margin-top: 0px; padding: 0px; } .delegate_detail .row > div[class*=col-] { margin-top: 15px; } #catcal_mask #catcal_quickbook .options { display: none; } #catcal_mask #catcal_quickbook .buttons { margin-top: 24px; padding-top: 24px; border-top: 1px solid #DDD; } #catcal_mask #catcal_quickbook .buttons .btn { min-width: 20%; padding: 20px 25px 18px; } #catcal_mask #catcal_quickbook .buttons .btn + .btn { margin-left: 10px; } #catcal_mask #catcal_quickbook .buttons #button-book { float: right; margin-left: 0px; } .text-danger { color: #F00; margin-top: 6px; } /* Pagination */ .prod_paging { margin-bottom: 24px; } /* .row */ .prod_paging > div { line-height: 36px; } /* .col */ .prod_paging .results { text-align: left; } .prod_paging .paging { text-align: right; height: 36px; } .prod_paging .pagination { display: inline-block; margin: 0px; padding: 0px; border-radius: 0px; border: none; list-style: none; height: 36px; } .prod_paging .pagination > li { display: inline-block; border: none; height: 36px; } .prod_paging .pagination > li + li { margin-left: 6px; } .prod_paging .pagination > li.first { display: none; } .prod_paging .pagination > li.prev { } .prod_paging .pagination > li.next { } .prod_paging .pagination > li.last { display: none; } .prod_paging .pagination > li > a, .prod_paging .pagination > li > span { display: block; border: 1px solid #DDD; height: 36px; min-width: 36px; text-align: center; padding: 0px; line-height: 34px; border-radius: 0px; color: #111; background: none; } .prod_paging .pagination > li.active { } .prod_paging .pagination > li.active a, .prod_paging .pagination > li.active span { border: 1px solid #E33; color: #E33; font-weight: 500; background: none; } @media (max-width: 767px) { .prod_paging .results { text-align: center; } .prod_paging .paging { text-align: center; } } /* buttons */ .buttons { margin: 1em 0px 0px; } .btn { padding: 7px 10px 5px; font-size: 12px; line-height: 20px; border: 2px solid #E33; background: #E33; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; text-decoration: none; outline: none; outline-offset: 0px; } .btn:hover, .btn:focus { color: #FFF; background: #C00; border: 2px solid #C00; outline: none; outline-offset: 0px; } .btn-red-border { background: #FFF; border-color: #E33; color: #E33; } .btn-red-border:hover, .btn-red-border:focus { background: #C00; border-color: #C00; color: #FFF; } .btn-grey { background: #EEE; border-color: #CCC; color: #111; } .btn-grey:hover, .btn-grey:focus { background: #CCC; border-color: #CCC; color: #111; } .btn-disabled, .btn[disabled=disabled], .btn-disabled:hover, .btn[disabled=disabled]:hover, .btn-disabled:focus, .btn[disabled=disabled]:focus { background: #E33; border-color: #E33; color: #FFF; opacity: 0.55; cursor: not-allowed; } .btn-custom { border: none; font-size: 14px; line-height: 36px; padding: 8px 12px 8px; border-radius: 26px; } .btn-custom:hover, .btn-custom:focus { border: none; } .btn-custom span { display: flex; float: right; width: 36px; height: 36px; margin-left: 6px; align-items: center; } .btn-custom span img { display: block; max-width: 100% !important; height: auto !important; margin: 0px auto; } .btn-xs { font-size: 9px; } .btn-sm { font-size: 10.2px; } .btn-lg { padding: 14px 23px 12px; font-size: 14px; font-weight: 500; } .btn-clear { border: 1px solid #FFF; background: none; padding: 12px 24px; text-shadow: 0px 0px 2px #000; font-size: 14px; } .btn-clear:hover { background: rgba(255, 255, 255, 0.5); color: #000; text-shadow: none; font-weight: 500; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size: 12px; } .btn-group > .btn-xs { font-size: 9px; } .btn-group > .btn-sm { font-size: 10.2px; } .btn-group > .btn-lg { font-size: 15px; } .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; border-color: #f89406 #f89406 #ad6704; } .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; } .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; border-color: #51a351 #51a351 #387038; } .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1); } .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #df5c39; background-image: linear-gradient(to bottom, #e06342, #dc512c); background-repeat: repeat-x; border-color: #dc512c #dc512c #a2371a; } .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { background-image: none; background-color: #df5c39; } .btn-link { border-color: rgba(0, 0, 0, 0); cursor: pointer; color: #23A1D1; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled] { background-color: rgba(0, 0, 0, 0); background-image: none; box-shadow: none; } .btn-inverse { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: linear-gradient(to bottom, #444444, #222222); background-repeat: repeat-x; border-color: #222222 #222222 #000000; } .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { background-color: #222222; background-image: linear-gradient(to bottom, #333333, #111111); } /* list group */ .list-group { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none; } .list-group h3 { } .list-group a { display: block; margin: 0px; padding: 0px; border: none; border-radius: 0px; background: none; font-size: 14px; line-height: 20px; padding: 8px 0px; color: #111; } .list-group a.list-group-item { } .list-group a.list-group-top { border-top: 1px solid #DDD; } .list-group a.list-group-child { padding-left: 20px; } .list-group a.active, .list-group a.active:hover, .list-group a:hover { background: none; border: none; border-radius: 0px; color: #E33; font-weight: 500; } .list-group a.list-group-top.active, .list-group a.list-group-top.active:hover, .list-group a.list-group-top:hover { border-top: 1px solid #DDD; } /* carousel */ .carousel-caption { color: #FFFFFF; text-shadow: 0 1px 0 #000000; } .carousel-control .icon-prev:before { content: '\f053'; font-family: FontAwesome; } .carousel-control .icon-next:before { content: '\f054'; font-family: FontAwesome; } /* Star ratings */ .rating { display: block; margin: 0px; line-height: 20px; height: 20px; } .rating .stars { display: inline-block; vertical-align: middle; height: 20px; } .rating .stars span { display: inline-block; background: center no-repeat transparent; background-size: contain; width: 18px; height: 20px; } .rating .stars span.empty { background-image: url('../image/star_empty.png'); } .rating .stars span.full { background-image: url('../image/star_full.png'); } .rating a { display: inline-block; cursor: pointer; vertical-align: middle; } /* Product page layout (normal product page) */ #prodimg { display: block; margin: 0px; padding: 0px; text-align: right; } #prodimg:after { display: block; content: ''; clear: both; } #prodimg a { display: inline-block; margin: 9px 9px 0px 0px; border: none; border-radius: 0px; border: 1px solid #EEE; } #prodimg a:last-child { margin-right: 0px; } #prodimg a img { display: block; width: 100%; max-width: 100%; height: auto; } #prodimg a.mainimg { display: block; width: 100%; max-width: 100%; margin: 0px 0px 4px; } #prodinfo { margin: 0px 0px 36px; } #prodinfo h1 { font-size: 36px; line-height: 1.33em; font-weight: normal; margin: 0px 0px 24px; } #booknow .price { } #booknow .price .price-wrapper { display: block; } #booknow .price .price-new-wrapper { font-size: 24px; line-height: 1.33em; } #booknow .price .price-special-wrapper { color: #E33; font-size: 24px; line-height: 1.33em; } #booknow .price .price-old-wrapper { font-size: 16px; line-height: 1.5em; color: #666; } #booknow .price .price-tax-wrapper { display: none; } #booknow .price .price-wrapper span { } #booknow .price .from { font-size: 18px; } #booknow .price .now { display: none; } #booknow .price .was { } #booknow .price .price-new { } #booknow .price .price-old { } #booknow .price .price-tax { } #booknow .price .inc-vat { display: none; } #booknow .price .ex-vat { display: none; } #booknow .price .points { margin-top: 16px; color: #666; } #booknow .price .points .text { } #booknow .price .points .cost { color: #1F1F1F; } #booknow .price .discounts { margin-top: 16px; color: #666; } #booknow .price .discounts .discount { display: block; } #booknow .price .discounts .discount .text { } #booknow .price .discounts .discount .cost { color: #1F1F1F; } #prodinfo .rating .stars { margin-right: 10px; } #prodopts { display: block; margin-top: 24px; } #prodopts h3 { margin: 0px; } #prodopts .prodopt { margin: 16px 0px 0px; } #prodopts .prodopt .control-label { margin: 0px 0px 5px; } #prodopts .prodopt .radio, #prodopts .prodopt .checkbox { margin: 2px 0px; } #prodinfo .addto { margin: 16px 0px 0px; } #prodinfo .addto .qty_text { display: none; } #prodinfo .addto .qty_box { display: inline-block; vertical-align: middle; width: 48px; height: 48px; text-align: center; } #prodinfo .addto #button-cart { display: inline-block; vertical-align: middle; margin-left: 4px; } #prodinfo .addto a { text-transform: uppercase; font-weight: 500; color: #E33; margin-left: 24px; cursor: pointer; } #prodinfo .addto a.addwishlist { } #prodinfo .addto a.addcompare { display: none; } #prodinfo .min_qty { display: inline-block; margin: 6px 0px 0px; } #prodinfo .rating { margin-top: 16px; } @media (min-width: 992px) { #prodimg a { width: calc((100% - 52px) / 5); } #prodimg a:nth-child(5n + 1) { margin-right: 0px; } } @media (min-width: 768px) and (max-width: 991px) { #prodimg a { width: calc((100% - 39px) / 4); } #prodimg a:nth-child(4n + 1) { margin-right: 0px; } } @media (max-width: 767px) { #prodimg { text-align: center; margin-bottom: 24px; } #prodimg a { width: calc((100% - 26px) / 3); } #prodimg a:nth-child(3n + 1) { margin-right: 0px; } #prodinfo h1 { text-align: center; } #prodinfo .price { text-align: center; } #prodinfo .rating { text-align: center; height: auto; } #prodinfo .rating .stars { display: block; margin: 0px 0px 4px; } #prodopts h3 { text-align: center; } } /* jQuery UI Calendar styles */ #prodopts .prodopt.opt_type_date { } #prodopts .prodopt.opt_type_date > label { display: block; background: #EEE; padding: 12px 18px; margin: 0px; } #prodopts .prodopt.opt_type_date > div.date { border: 1px solid #EEE; border-top: none; } #prodopts .ui-datepicker { border: none; color: #1F1F1F; border-radius: 0px; padding: 0px; margin: 0px; width: 100% !important; font: inherit; line-height: inherit; color: inherit; } #prodopts .ui-datepicker-group { padding: 16px 18px; } #prodopts .ui-datepicker-header { background: none; border: none; font-weight: normal; padding: 12px 10px; } #prodopts .ui-datepicker .ui-datepicker-prev, #prodopts .ui-datepicker .ui-datepicker-next { position: absolute; width: 20px; height: 20px; top: auto; margin: 0px; padding: 0px; } #prodopts .ui-datepicker .ui-datepicker-prev span, #prodopts .ui-datepicker .ui-datepicker-next span { position: relative; top: auto; left: auto; right: auto; margin: 0px; } #prodopts .ui-datepicker-prev .ui-icon, #prodopts .ui-datepicker-next .ui-icon { width: 20px; height: 20px; cursor: pointer; } #prodopts .ui-datepicker-prev .ui-icon { background: url('../image/arrow-calendar-left.png') center no-repeat; } #prodopts .ui-datepicker-next .ui-icon { background: url('../image/arrow-calendar-right.png') center no-repeat; } #prodopts .ui-datepicker .ui-datepicker-prev { left: 10px; } #prodopts .ui-datepicker .ui-datepicker-next { right: 10px; } #prodopts .ui-datepicker-title { font-size: 16px; line-height: 20px; } #prodopts .ui-widget-header .ui-state-hover, #prodopts .ui-widget-header .ui-state-focus, #prodopts .ui-widget-header .ui-button:hover, #prodopts .ui-widget-header .ui-button:focus { border: none; background: none; } #prodopts .ui-datepicker table { width: calc(100% - 24px); margin: 12px; font-size: 13px; line-height: 20px; } #prodopts .ui-datepicker th, #prodopts .ui-datepicker td { width: 14.25%; } #prodopts .ui-datepicker th { font-weight: 400; padding: 1px; } #prodopts .ui-datepicker td { padding: 1px; } #prodopts .ui-datepicker td a, #prodopts .ui-datepicker td span { padding: 4px 2px; border: none; } #prodopts .ui-datepicker td a { background: #549837; color: #FFF; border: none; } #prodopts .ui-datepicker td.ui-state-disabled span { background: #C8C8C8; color: #666; } #prodopts .ui-datepicker td a.ui-state-highlight { } #prodopts .ui-datepicker td.fewleft a { background: #F90; } #prodopts .ui-datepicker td.oneleft a { background: #F90; } #prodopts .ui-datepicker td.soldout { opacity: 1; } #prodopts .ui-datepicker td.soldout span { background: #B40000; color: #FFF; } #prodopts .ui-datepicker td a.ui-state-active { background: #967744; color: #FFF; } @media (min-width: 992px) and (max-width: 1199px) { #prodopts .ui-datepicker-group { padding: 0px; } } /* jQuery UI Calendar styles */ #vtabs { display: block; margin: 36px 0px 0px; } #vtabs:after { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab { display: block; margin: 0px; padding: 0px; } #vtabs .vtab:before { display: block; height: 1px; width: 100%; margin: 0px; padding: 0px; content: ''; background: url('../image/dotted-line-h.png') center repeat-x; } #vtabs .vtab .vtab_head { display: block; line-height: 20px; padding: 14px 34px 14px 2px; text-transform: uppercase; font-weight: 500; color: #111; cursor: pointer; background: url('../image/arrow-right-grey.png') calc(100% - 12px) 50% no-repeat; } #vtabs .vtab .vtab_body { display: none; padding: 0px 2px 24px; } #vtabs .vtab .vtab_body > :first-child { margin-top: 0px; } #vtabs .vtab .vtab_body > :last-child { margin-bottom: 0px; } #vtabs .vtab.active .vtab_head { background-image: url('../image/arrow-down-grey.png'); } #review > p { margin: 0px; } #review .review { } #review .review + .review { border-top: 1px solid #DDD; margin-top: 24px; padding-top: 24px; } #review .review .rating { margin-bottom: 8px; } #review .review .date { float: right; color: #999; font-style: italic; } #review .review .author { font-weight: 500; color: #E33; } #review .review .text { clear: right; margin-top: 6px; } /* Product page layout (bookable product) */ #prod { margin-left: -24px; margin-right: -24px; } /* .row */ #prod > div[class*=col-] { padding-left: 24px; padding-right: 24px; } #booknow { margin-top: -150px; font-size: 16px; line-height: 1.5em; } #booknow .booknow_wrapper { padding: 24px; background: #FFF; border: 1px solid #DDD; box-shadow: 0px 0px 2px #DDD; min-height: 300px; } #booknow h3 { font-size: 24px; line-height: 1.33em; margin-top: 0px; } #booknow .table-opts { padding-bottom: 24px; margin-bottom: 24px; border-bottom: 2px solid #DDD; } #booknow .table-opts > div[class*=col-] { margin-top: 8px; } #booknow .table-opts strong { font-weight: 400; } #booknow .table-opts .price { font-weight: 500; font-size: 24px; line-height: 1em; } #booknow .table-opts .price small { font-size: 14px; line-height: 1.5em; } #booknow #booknow_login { } #booknow #booknow_login p { margin: 0px 0px 20px; } #booknow #booknow_login p a { } #booknow #booknow_login .btn { margin-top: 12px; } #booknow #booknow_options { } #booknow #booknow_options .welcome { font-weight: 500; } #booknow #booknow_options .logout { padding-right: 12px; background: url('../image/arrow-right-red.png') right no-repeat; font-weight: 300; font-size: 14px; line-height: 1.5em; } #booknow #booknow_options .option { margin-top: 24px; } #booknow .buttons { margin-top: 24px; } #booknow .addto + .buttons { padding-top: 24px; border-top: 2px solid #DDD; } #prod_desc { } #prod_desc .whatwillilearn { background: #EEE; padding: 24px; } #prod_desc .whatwillilearn h3 { margin-top: 0px; } #prod_desc .whatwillilearn ul { display: block; margin: 0px; padding: 0px; } #prod_desc .whatwillilearn ul:after { display: block; content: ''; clear: both; } #prod_desc .whatwillilearn ul li { position: relative; display: block; float: left; width: 48%; line-height: 20px; margin: 0px; padding: 0px 0px 0px 21px; } #prod_desc .whatwillilearn ul li:before { display: block; position: absolute; width: 15px; height: 13px; content: ''; background: url('../image/icon-tick-list-icon.png') center no-repeat; top: 3px; left: 0px; } #prod_desc .whatwillilearn ul li:nth-child(n + 3) { margin-top: 12px; } #prod_desc .whatwillilearn ul li:nth-child(2n) { margin-left: 2%; } #prod_desc .whatwillilearn ul li:nth-child(2n + 1) { clear: left; } #prod_desc ol { counter-reset: item; list-style: none; margin: 0px; padding: 0px; } #prod_desc ol li { display: block; margin-top: 4px; } #prod_desc ol li:before { display: inline-block; content: counters(item, "."); counter-increment: item; padding-right: 6px; min-width: 35px; } #prod_desc > ol > li { font-weight: 500; } #prod_desc > ol > li:before { content: counters(item, ".") "."; counter-increment: item; } #prod_desc > ol > li li { font-weight: 300; } #prod_desc > ol > li + li { margin-top: 24px; } .extra_prod_desc { margin-top: 48px; padding-top: 40px; border-top: 1px solid #DDD; } .extra_prod_desc:after { display: block; content: ''; clear: both; } #prod #prod_desc + #bookables { margin-top: 48px; padding-top: 40px; border-top: 1px solid #DDD; } #prod #bookables h3 { margin-top: 0px; } #prod #bookables .bp_items table tbody td.date { width: 200px; } #prod #bookables .bp_items table tbody td.loc { } #prod #bookables .bp_items table tbody td.places { } #prod #bookables .bp_items table tbody td.btns { width: 150px; } #prod #prod_desc + #prod_btns, #prod #bookables + #prod_btns { margin-top: 48px; padding-top: 48px; border-top: 1px solid #DDD; } #prod #prod_btns:after { display: block; content: ''; clear: both; } #prod #prod_btns .btn { display: block; float: left; width: 200px; padding: 18px; } #prod #prod_btns .btn + .btn { margin-left: 12px; } .form-horizontal { } .form-horizontal .control-label { font-size: 16px; line-height: 1.5em; font-weight: 300; text-align: left; } .form-horizontal .form-group { margin-bottom: 20px; } .form-horizontal .text-danger { margin-top: 5px; } .form-help { margin-top: 5px; font-size: 12px; line-height: 1.5em; color: #666; } /* fixed mobile cart quantity input */ .input-group .form-control[name^=quantity] { min-width: 50px; } .mod_html { } .mod_html-wrapper .container { padding-top: 8px; padding-bottom: 8px; } .mod_html .htmlcontent > :first-child { margin-top: 0px; } .mod_html .htmlcontent > :last-child { margin-bottom: 0px; } #content-top .mod_html, #content-bottom .mod_html { padding-top: 24px; padding-bottom: 24px; } .mod_slideshow-wrapper { } .mod_slideshow-wrapper > .container { } .mod_slideshow { } .mod_slideshow .owl-carousel { background: none; margin: 0px; border: none; } .mod_slideshow .owl-stage-outer { background: none; border: none; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; } .mod_slideshow .owl-stage { } .mod_slideshow .owl-item { } .mod_slideshow .owl-item .item { } .mod_slideshow .owl-item .item a { } .mod_slideshow .owl-item .item img { width: 100% !important; height: auto !important; } .mod_slideshow .owl-item .item .caption { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; /* display: flex; align-items: center; */ color: #FFF !important; font-size: 18px; line-height: 1.33em; padding: 30px; } .mod_slideshow .owl-item .item .caption-wrapper { display: inline-block; background: rgba(0, 0, 0, 0.6); padding: 20px 24px; } .mod_slideshow .owl-item .item .caption h1, .mod_slideshow .owl-item .item .caption h2 { font-size: 48px; line-height: 1.25em; font-weight: 400; color: inherit !important; margin: 0px; } .mod_slideshow .owl-item .item .caption h3 { font-size: 30px; line-height: 1em; font-weight: 400; color: inherit !important; margin: 0px; } .mod_slideshow .owl-item .item .caption p { color: inherit !important; margin: 20px 0px 0px; } .mod_slideshow .owl-item .item .caption ul { margin-top: 20px; margin-bottom: 0px; } .mod_slideshow .owl-item .item .caption ul li { } .mod_slideshow .owl-item .item .caption ul li + li { margin-top: 8px; } .mod_slideshow .owl-controls { display: none !important; position: absolute; bottom: 0px; left: 0px; width: 100%; } .mod_slideshow .owl-controls .owl-pagination { top: auto; bottom: 20px; } .mod_slideshow .owl-controls .owl-page { margin: 0px; } .mod_slideshow .owl-controls .owl-page + .owl-page { margin-left: 4px; } .mod_slideshow .owl-controls .owl-page span { background: url('../image/slideshow-buttons.png') bottom no-repeat; display: block; width: 12px; height: 12px; } .mod_slideshow .owl-controls .owl-page.active span { background: url('../image/slideshow-buttons.png') top no-repeat; } .mod_slideshow .owl-dots .owl-dot span { background: url('../image/slideshow-buttons.png') bottom no-repeat; display: block; width: 12px; height: 12px; } .mod_slideshow .owl-dots .owl-dot.active span { background: url('../image/slideshow-buttons.png') top no-repeat; } @media (min-width: 992px) and (max-width: 1199px) { .mod_slideshow .owl-item .item .caption { padding: 24px; } .mod_slideshow .owl-item .item .caption-wrapper { padding: 16px 20px; } .mod_slideshow .owl-item .item .caption h1, .mod_slideshow .owl-item .item .caption h2 { } .mod_slideshow .owl-item .item .caption h3 { } .mod_slideshow .owl-item .item .caption ul li + li { margin-top: 4px; } } @media (min-width: 768px) and (max-width: 991px) { .mod_slideshow .owl-item .item .caption { padding: 16px; } .mod_slideshow .owl-item .item .caption-wrapper { padding: 12px 16px; } .mod_slideshow .owl-item .item .caption h1, .mod_slideshow .owl-item .item .caption h2 { font-size: 36px; } .mod_slideshow .owl-item .item .caption h3 { font-size: 18px; } .mod_slideshow .owl-item .item .caption ul li + li { margin-top: 4px; } } @media (max-width: 767px) { .mod_slideshow .owl-item .item .caption { position: relative; top: auto; left: auto; height: auto; text-align: center; color: #000 !important; text-shadow: none; margin-top: 18px; font-size: 14px; line-height: 1.5em; padding: 0px; } .mod_slideshow .owl-item .item .caption-wrapper { display: block; width: 100%; background: none; padding: 0px; } .mod_slideshow .owl-item .item .caption h1, .mod_slideshow .owl-item .item .caption h2 { font-size: 36px; } .mod_slideshow .owl-item .item .caption h3 { font-size: 18px; } .mod_slideshow .owl-item .item .caption ul li + li { margin-top: 4px; } .mod_slideshow .owl-item .item .caption .btn-lg { padding: 7px 12px 6px; } } .mod_mega_filter { } .mod_mega_filter h3 { } .mod_mega_filter .mfilter-content { border: none; border-radius: 0px; } .mod_mega_filter .mfilter-heading { background: none; font-size: 14px; line-height: 20px; color: #999; text-transform: uppercase; font-weight: 500; } .mod_mega_filter .mfilter-heading-content { position: relative; padding: 9px 2px 8px; line-height: inherit; background: url('../image/dot-divider-horizontal.png') top repeat-x; } .mod_mega_filter .mfilter-heading-text { margin: 0px; line-height: inherit; } .mod_mega_filter .mfilter-heading-text > span { padding: 0px; line-height: inherit; } .mod_mega_filter .mfilter-heading .mfilter-head-icon { position: absolute; right: 2px; top: 9px; background: url('../image/arrow-down-grey.png') center no-repeat; float: none; margin: 0px; width: 10px; height: 20px; } .mod_mega_filter .mfilter-content-opts { } .mod_mega_filter .mfilter-opts-container { border: none; padding: 0px 2px 12px; } .mod_mega_filter #mfilter-opts-price-min, .mod_mega_filter #mfilter-opts-price-max { width: 40%; min-width: 50px; max-width: 100px; } .mod_mega_filter .mfilter-slider-slider, .mod_mega_filter #mfilter-price-slider { margin-top: 16px !important; } .mod_mega_filter .mfilter-filter-item .mfilter-options { padding: 0px 2px; } .mod_mega_filter .mfilter-tb-as-td { border: none; padding: 2px 0px; } .mod_mega_filter .mfilter-col-input { padding-right: 6px; } .mod_mega_filter .mfilter-col-count { } .mod_featured-wrapper { } .mod_featured-wrapper h3 { text-align: center; font-size: 18px; line-height: 24px; text-transform: uppercase; font-weight: 500; } .common-home .mod_featured-wrapper { background: url('../image/home_featured_bg.jpg') center no-repeat; background-size: cover; margin-top: 0px !important; border-bottom: 3px solid #E33; } .common-home .mod_featured-wrapper .container { padding-top: 24px; } .common-home .mod_featured-wrapper h3 { color: #FFF; margin: 24px 0px; } .common-home .mod_featured-wrapper .prod_grid { padding: 24px 0px; } blockquote { display: block; margin: 24px 0px 0px; padding: 0px; border: none; font-size: 13px; line-height: 1.5em; color: #666; font-style: italic; } blockquote img { } blockquote img + p { font-size: inherit !important; line-height: inherit !important; margin: 8px 0px 0px; padding: 0px 0px 8px; border-bottom: 1px solid #DDD; } .well { background: #FFF; border: 1px solid #DDD; } .well li { color: #666; } .account-login { } .account-login .well { padding: 48px; } .account-login .well h2 { margin-top: 0px !important; } .account-login .well p { font-size: 14px !important; line-height: 1.5em; } .account-login .well form { margin-top: 32px; } .account-login .well .form-control { height: 48px; } .account-login .well .btn { margin-top: 0px; } .account-login .well .login-btn { margin-top: 64px; margin-bottom: 0px; } .account-login .well .reg-btn { margin-top: 24px; } body.info-contact-page .contact-form { } body.info-contact-page .contact-form h3 { font-size: 24px; line-height: 1.33em; } body.info-contact-page .contactbox { background: #EEE; padding: 24px; } body.info-contact-page .contactbox p { } body.info-contact-page #infocontactform { padding-right: 48px; } body.info-contact-page .contactmap { margin: -24px -24px 24px !important; } body.info-contact-page .contactmap:after { display: block; clear: both; content: ''; } body.info-contact-page .contactmap iframe { width: 100% !important; height: 300px !important; border: none !important; } body.info-contact-page .contactmap .map-view { float: right; } body.info-contact-page .contactinfo { font-size: 16px; line-height: 1.5em; } body.info-contact-page .contactinfo p { } .digitcart-form-builder { } /* form */ .digitcart-form-builder .form-group { margin-left: -12px; margin-right: -12px; } .digitcart-form-builder .form-group:after { display: block; content: ''; clear: both; } .digitcart-form-builder .form-group label { display: block; float: left; width: 30%; margin: 0px; padding: 6px 12px 0px; } .digitcart-form-builder .form-group .form-control { display: block; float: left; width: calc(70% - 24px); margin: 0px 12px; } .digitcart-form-builder .fb-button { text-align: right; padding: 0px 12px; } .digitcart-form-builder .fb-button .btn { padding: 20px 36px 16px; font-size: 14px; line-height: 20px; border: 2px solid #E33; background: #E33; border-radius: 0px; box-shadow: none; color: #FFF; text-transform: uppercase; text-align: center; text-decoration: none; outline: none; outline-offset: 0px; width: 220px; max-width: 90%; } .digitcart-form-builder .fb-button .btn:hover, .digitcart-form-builder .fb-button .btn:focus { color: #FFF; background: #C00; border: 2px solid #C00; outline: none; outline-offset: 0px; } /* Modal popups e.g. Privacy Policy during registration */ @media (min-width: 768px) { #modal-agree { } #modal-agree .modal-dialog { margin-top: 150px; } } @media (min-width: 1200px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width: 768px) and (max-width: 991px) { } @media (max-width: 767px) { }