/* CSS Document */ /* --------------------------------- STYLE RESET --------------------------------- */ *{padding:0;margin:0;}html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,input{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}:focus{outline:0;}table{}a img{border:none;}a { text-decoration: none;}sup { font-size: 90%; vertical-align: top; } table,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:0;font-size:100%;background:transparent;/*border-collapse:collapse;border-spacing:0;*/} /* --------------------------------- ----------- --------------------------------- */ /* NEW PHP */ #offline-menu { position: absolute; top: 0; right: 50px; } #offline-menu li { display: inline-block; line-height: 30px; } #offline-menu li.hello { padding-right: 6px; } #offline-menu a { display: block; padding: 0 6px; text-align: center; font-weight: bold; color: #939598; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -o-border-bottom-right-radius: 4px; background-image: linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); background-image: -moz-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); background-image: -webkit-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); } #offline-menu a:hover { color: #414142; border-bottom: 1px solid #dedede; } /* --- --- */ .testimonial, #main-menu, .button, .producttable th, #members-controls, #my-account a { background: #f5f5f5; background-image: linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); background-image: -moz-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); background-image: -webkit-linear-gradient(bottom, #e7e7e7 0%, #f5f5f5 46%); } #main-menu > li > a:hover, #main-menu > li > a.on, #main-menu > li:hover > a, .button:hover, #my-account a:hover { background: #e7e7e7; background-image: linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); } .button, #main-menu, .user-form, #members-controls, input.textbox, textarea.textbox, select.drop, #my-account a, #main-menu > li > a:hover, #main-menu > li > a.on, #main-menu > li:hover > a, #main-menu > li > ul, #main-menu > li > ul li > ul, .per-bar-border, .per-bar, .poll-answer-highlight { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -o-border-radius: 4px; } .column, .button, .user-form, .prod-prev, .cat-prev, input.textbox, textarea.textbox, select.drop, #footer-content, #footer-holder, .baskettotals .my-basket-table label, .testimonial, #footer-links, #holder, .pop-up-extra-details, #breadcrumb, menu, #main-menu, #main-menu ul, #main-menu li, #content-area, #side-pane, #main-content, #header-pane, #footer-pane, #foot-pane, #basket-controls, #product-details, #product-images, #product-images a.thumb, #product-delivery, #product-also-like, #my-account, .my-basket, #admin-pull-out, #admin-pull-out a, .facebook-feed, .facebook-feed *, .sub-page-preview-title, .bg-item, #footer, .search-item, #members-controls, .display-table-title, .slide-info, #product-images img.main, body.admin #main-admin-content { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; } .testimonial, .per-bar-border, .human-check, .side-portal, #map, #event-map, #main-menu, .border-it, .download-teaser, .page-image, .listing-image, #location-images img, .listing-contact a, .cookie-policy-alert, .album-images ul li, .category-slider-holder, .catalog-item-image img, .prod-prev, .cat-prev, .user-form, #main-admin-content .user-form, .sub-page-preview-title, .search-image { border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; } #main-admin-content .user-form { background: #f5f5f5; color: #36353a; } .side-menu:hover, .side-menu-on:hover, .side-menu-sub:hover, .side-view-all:hover, #members-controls a:hover, #twitter_update_list li a, .testimonial-highlight, #breadcrumb span, #main-content a, #stock-status .stock-level-active, .note, .page-more:hover, #twitter_update_list li a:hover { color: #fb8e19; } .listing-contact a.profile { color: #fff; background-color: #F90; } .column { display: block; margin: 0; padding: 1%; float: left; } .column img { max-width: 100%; width: auto; height: auto; } .column + .column { margin-left: 1%; } .jobs-board { margin-bottom: 20px; } .width-1-4 { width: 24.25%; } .width-1-3 { width: 32.66%; } .width-1-2 { width: 49.5%; } .width-2-3 { width: 66.33%; } .width-3-4 { width: 74.75%; } .width-1, .width-1-1 { width: 100%; } /* --------------------------------- DEFAULT HTML ELEMENTS --------------------------------- */ body { text-align: center; border: 0px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 12px; font-weight: normal; color: #36353a; background: url(/images/_site/default/background.png) repeat 0 0; } #absolute-div { display: none; } h1 { font-weight: normal; font-size: 24px; line-height: normal; color: #5b5b5b; margin: 5px 0 10px; } h2, #main-admin-content h2 { font-weight: normal; font-size: 18px; line-height: normal; color: #5b5b5b; margin: 5px 0 10px; } h3 { font-weight: normal; font-size: 16px; line-height: normal; color: #5b5b5b; margin: 5px 0 10px; } h4 { font-weight: normal; font-size: 16px; line-height: normal; color: #5b5b5b; margin: 5px 0 10px; } #main-admin-content h1, #main-admin-content h2, #main-admin-content h3, #main-admin-content h4 { color: #5b5b5b; } #main-admin-content a { color: #36353a !important; } h2.home-boards { display: block; margin: 5px 0 1px; } h1 a, h2, a, h3 a , h4 a { color: inherit; } p { line-height: 16px; margin-bottom: 20px; } #side-pane p { line-height: normal; } /* --------------------------------- ------- --------------------------------- */ span.subhead { font-size: 80%; filter: alpha(opacity=50); opacity: .50; } span.pence { font-size: 70%; height: 100%; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 6px; } .note { font-size: 10px; } .msg { color: #FF0000; font-weight: bold; } .greyNote { color: #999; font-size: 10px; } .required { color: #F00; font-weight: bold; } .human-check { margin-right: 5px; } /*#main-content a { color: inherit; text-decoration: underline; } #main-content a:hover { color: #fb8e19; }*/ #content-area ul, #content-area ol { list-style-position: outside; margin: 0 20px 20px; } #content-area ul li, #content-area ol li { position: relative; left: 15px; margin: 5px 0; line-height: 16px; } #content-area ul li { list-style: disc; } #content-area ol li { list-style: decimal; } #content-area ul ul, #content-area ol ol, #content-area ol ul, #content-area ul ol { margin: 0 15px 10px 5px; } #content-area ul ul li { list-style: disc; margin-left: 10px; } #content-area ul ul ul li { list-style: square; margin-left: 10px; } #holder { display: block; width: 972px; margin: 5px auto; text-align: left; } #header { display: block; width: 100%; min-height: 50px; margin-bottom: 10px; } #logo-image { display: block; overflow: hidden; } body #hamburger, menu .target { display: none; } body.mmenu-hamburger #hamburger { display: block; } #main-menu { margin: 0 0 10px; display: block; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-weight: bold; color: #565656; line-height: 17px; padding: 0; z-index: 1097; } #main-menu, #main-menu * { list-style: none !important; } #main-menu > li { position: relative; float: left; overflow: visible; z-index: 1098; } #main-menu > li.clearfix { float: none; } #content-area #main-menu { margin: 0 0 10px; } #content-area #main-menu li { position: static; list-style: none; margin: 0; } #main-menu > li > a { display: block; padding: 9px 15px; line-height: 17px; text-align: center; font-weight: bold; color: #939598; } #main-menu > li > a:hover, #main-menu > li > a.on, #main-menu > li:hover > a { color: #414142; padding: 11px 18px; margin: -3px; border-bottom: 1px solid #dedede; border-top: 1px solid #eee; } #main-menu > li > ul, #main-menu > li > ul li > ul { display: none; position: absolute; background: #fff; margin-left: -3px; width: 309px; z-index: 1099; border: 1px solid #dedede; border-top: none; border-left: 1px solid #eee; } #main-menu > li > ul { padding: 10px 0; } #main-menu > li > ul li > ul { position: absolute; left:100%; top: 0%; background: #f5f5f5; z-index: 1099; } #main-menu > li.right > ul { right: 0; margin-right: -3px; margin-left: 0; } #main-menu > li.right > ul li > ul { left: auto; right: 100%; margin-right: -3px; margin-left: 0; } /*#main-menu > li:hover > ul { display: block; }*/ #main-menu > li > ul > li > a, #main-menu > li > ul > li ul > li > a { display: block; color: #939598; padding: 7px 0 8px; text-align: center; font-weight: bold; margin-top: 0; line-height: 17px; } #main-menu > li > ul > li ul > li > a { color: #939598; } #main-menu > li > ul > li > a.on, #main-menu > li > ul > li:hover > a { color: #939598; background: #f5f5f5; } #main-menu > li > ul > li ul > li > a.on, #main-menu > li > ul > li ul > li:hover > a { background: #e7e7e7; } #main-menu > li > ul li { position: relative; } /*#main-menu > li > ul li:hover > ul { display: block; }*/ menu.horizontal-drop #main-menu > li > ul > li { display: table-cell; } menu.horizontal-drop #main-menu > li > ul { width: 976px; } #main-content { clear: both; display: block; position: relative; width: 74.5%; margin: 0 0 10px; float: right; } #side-pane { display: block; position: relative; width: 24.5%; margin: 0 0 10px; float: left; } #main-content.main-content-full, #header-pane, #footer-pane, #foot-pane { clear: both; display: block; position: relative; width: 100%; margin: 0; } body.blog #main-content { width: 74.5%; } body.admin #main-admin-content { display: block; padding: 25px; background-color: #fff; color: #36353a; } body.admin #side-pane { display: none; } #main-content a { text-decoration: underline; } .text-image.floatLeft { margin: 0 10px 20px 0; } .text-image.floatRight { margin: 0 0 20px 10px; } .page-image { display: block; margin: 0 auto 20px; text-align: center; } .page-image img { margin: 0 auto; max-width: 100%; width: auto; height: auto; } .side-menu, .side-menu-on, .side-menu-sub, .side-menu-sub-on, .side-menu-ter, .side-menu-ter-on { display: block; color: #5b5b5b; padding: 3px 0; line-height: 14px; margin: 2px 5px; border-bottom: 1px solid #dedede; } .side-menu-sub, .side-menu-sub-on { margin: 2px 5px 2px 20px; font-size: 11px; } .side-menu-ter, .side-menu-ter-on { margin: 2px 5px 2px 35px; font-size: 11px; } .side-menu-on, .side-menu-sub-on, .side-menu-ter-on { font-weight: bold; } .side-menu-on:hover, .side-menu-sub-on:hover, .side-menu-ter-on:hover { color: #5b5b5b; } .sub-side-menu, .ter-side-menu { display: none; } .side-portal { display: block; padding: 10px; margin-bottom: 10px; } .side-social-portal { padding: 0; border: none; background: none !important; } .side-portal .page-item { margin-top: 5px; padding: 5px 0; border-top: 1px solid #dedede; border-bottom: none; } .side-portal .human-check-label { display: none; } .page-more { font-weight: bold; text-decoration: none; color: #5b5b5b; } .page-more:hover { text-decoration: underline; } .facebook-like-box { border:none; overflow:hidden; height:290px; max-width: 100%; margin-bottom: 20px; } .side-image { display: block; margin-bottom: 20px; } .side-view-all { display: block; color: #5b5b5b; padding: 3px 0; line-height: 14px; } #footer { display: block; padding: 20px; } #footer-content, #footer-links { display: block; width: 50%; line-height: 16px; color: #5b5b5b; font-size: 11px; text-align: left; float: left; } #footer-links { text-align: right; float: right; } #footer-content p { margin: 0; } #footer a { color: #5b5b5b; font-size: 11px; text-decoration: none; } #footer a:hover { text-decoration: underline; } #footer .foot-sep { padding: 0 5px; } .link-group { display: inline-block; } /* --------------------------------- SHOP --------------------------------- */ .shop-options { display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dedede; } .cat-option, .cat-option-on { display: block; width: 98%; margin-left: 2%; height: 18px; line-height: 18px; text-transform: capitalize; text-indent: 18px; font-weight: normal; font-size: 11px; color: #8f8f8f; background: url(/images/_site/default/checkbox.png) no-repeat 4px 4px; } .cat-option-on { background-position: 4px -77px; font-weight: bold; color: #312d2e; } .refine-clear { color: #312d2e; text-decoration: none; font-size: 10px; } .category-label { margin-left: 5px; line-height: 22px; } .not-found { display: block; margin: 15px; font-weight: bold; font-style: italic; } /* .prod-prev { display: block; position: relative; width: 234px; height: 178px; margin: 1px; float: left; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; } .prod-prev-lg { display: block; width: 472px; height: 360px; } .prod-prev-lg-r { float: right; margin-right: 2px; } .prod-prev > a { display: block; margin: 10px 10px 0; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; } .prod-prev > a > img { width: 212px; height: 120px; } .prod-prev-lg > a > img { width: 450px; height: 302px; }*/ .cat-prev, .prod-prev { display: block; position: relative; width: 33.13%; height: 179px; margin: 1px 0.1%; float: left; overflow: hidden; } .prod-prev-lg { display: block; width: 66.47%; height: 360px; } .prod-prev-tall { height: 360px; } .prod-prev-r { float: right; } .prod-prev-tall > a > img { width: 100%; height: 285px; } .cat-prev > a, .prod-prev > a { display: block; height: 120px; margin: 10px 10px 0; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; width: auto; background: #fff; overflow: hidden; } .prod-prev-lg > a, .prod-prev-tall > a { height: 301px; } .cat-prev > a > img, .prod-prev > a > img { width: 100%; height: auto; } .cat-prev > .prod-prev-details, .prod-prev > .prod-prev-details { display: block; position: absolute; left: 10px; right: 10px; bottom: 10px; height: 38px; background-color: #f5f5f5; overflow: hidden; } .prod-prev:hover { background-color: #ececec; } .prod-prev:hover > .prod-prev-details { height: 158px; background-color: #ececec; } .prod-prev-lg:hover > .prod-prev-details { height: 132px; border-top: 1px solid #dedede; } .prod-prev-tall:hover > .prod-prev-details { border-top: 1px solid #dedede; } .cat-prev > .prod-prev-details > .display-area, .prod-prev > .prod-prev-details > .display-area { display: block; height: 102px; margin: 3px 0 0; overflow: hidden; } .prod-prev-lg > .prod-prev-details > .display-area { height: 72px;} .cat-prev > .prod-prev-details > .display-area > h3, .prod-prev > .prod-prev-details > .display-area > h3 { display: block; height: 19px; line-height: 19px; margin: 0; font-size: 12px; font-weight: bold; overflow: hidden; } .prod-prev > .prod-prev-details > .display-area > .price { display: block; line-height: 19px; font-size: 12px; color: #000; } .prod-prev > .prod-prev-details > .display-area > .price .price-was { font-size: 10px; color: #a2a2a2; } .prod-prev > .prod-prev-details > .display-area > .price .price-now { font-size: 14px; color: #F00; font-weight: bold; } .prod-prev > .prod-prev-details > .display-area > p { margin: 0; } .prod-prev > .prod-prev-details .button { display: block; position: absolute; right: 0; bottom: -50px; width: 69px; } .prod-prev > .prod-prev-details input.button { right: 72px; white-space: normal; line-height: 12px; padding: 6px 10px 7px; } .prod-prev > .prod-prev-details > a > img { display: block; position: absolute; bottom: -60px; left: 0; width: 68px; height: 51px; } .prod-prev:hover > .prod-prev-details .button { bottom: 0; } .prod-prev:hover > .prod-prev-details > a.social-button { display: block; left: 70px; right: auto; margin-left: 7px; padding: 5px 10px; font-size: 12px; } .prod-prev:hover > .prod-prev-details > a > img { bottom: 0; } .prod-prev:hover > .prod-prev-details > h3 { height: auto; max-height: 38px; } .prod-prev:hover > .prod-prev-details > p { max-height: 32px; } .prod-prev-lg:hover > .prod-prev-details > h3 { max-height: 19px; } .cat-prev, .cat-prev *, .prod-prev, .prod-prev * { transition: all 0.3s ease; } .cat-prev:hover > a > img { width: 110%; margin: -5%; position: relative; } .prod-prev:hover > a > img { width: 140%; margin: -20%; position: relative; } .prod-prev-tall:hover > a > img { margin: -60% -20% 20%; } body.product-page #side-pane { display: none; } body.product-page #main-content { width: 952px; margin: 0 9px 10px 0; } body.product-page .prod-prev-lg-r { margin-right: 1px; } .product-details-left, .product-details-right { display: block; position: relative; width: 46.6%; float: left; } .product-details-right { width: 51%; float: right; } #product-heading, #product-details, #product-delivery, #basket-controls, #product-images, #product-also-like, #share-product { display: block; width: 100%; float: none; } #product-images { padding: 9px; margin-bottom: 20px; text-align: center; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #f5f5f5; } #product-image-thumbs { position: relative; z-index: 1000; } .product-details .product-details { display: block; width: 100%; float: none; } #product-heading { margin-bottom: 10px; } #product-heading h1 { display: block; width: 80%; margin: 0; float: left; } #product-heading .price { display: block; width: 20%; font-size: 24px; line-height: normal; text-align: right; margin: 0; color: #5b5b5b; float: right; } #product-heading .price .price-was { font-size: 12px; color: #a2a2a2; } #product-heading .price .price-now { font-size: 22px; color: #F00; font-weight: bold; } #product-images img.main, #product-images a.thumb { display: block; width: 24.25%; margin: 4px 0 0; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; float: left; } #product-images a.thumb img { width: 100%; height: auto; } #product-images a.thumb + a.thumb { margin: 4px 0 0 1%; } #product-images a.active { border: 1px solid #fb8e19; } #product-images img.main { width: auto; max-width: 100%; height: auto; margin: 0 auto; float: none; } #product-delivery { margin-bottom: 20px; } #delivery-tag .del-option { display: block; margin: 0 1% 20px; } #delivery-tag .del-option p { margin-bottom: 5px; } .del-title { font-size: 14px; } .del-loc { } #delivery-tag .sep { } .del-reduced-price { font-size: 18px; font-weight: bold; } .reduce-condition { font-size: 11px; color: #787878; } .del-price { font-size: 16px; font-weight: bold; } .del-details { font-style: italic; } .del-description, .del-pricing { display: block; width: 50%; float: left; } .del-pricing .reduce-condition { font-size: 14px; } .upsell-form-row { border-top: 1px solid #cacaca; padding-top: 10px; margin-bottom: 10px !important; } .upsell-image { margin-right: 10px; float: left; } .upsell-title { font-size: 16px; font-weight: bold; font-family: 'Abel', sans-serif; } .upsell-price { font-family: 'Abel', sans-serif; font-size: 18px; line-height: 30px; } .upsell-button { width: 120px !important; float: right; } .zoomContainer { z-index: 999; } .zoomWindow { border: 1px solid #dedede !important; border-top: 1px solid #eee !important; border-left: 1px solid #eee !important; } .purchase-options { margin-bottom: 20px; line-height: 16px; } .multibuy-options { font-weight: bold; } .purchase-options .label, .purchase-options .price { display: block; width: 75%; float: left; } .purchase-options .label { clear: both; } .purchase-options .price { width: 25%; text-align: right; } .items-in-basket .label { padding: 2px 0; } .product-detail-tags { margin-bottom: 20px; } .product-spec-tags { margin-bottom: 20px; background: #e9e9ea; padding: 20px; } .product-spec-tags .product-tag { } .product-spec-tags .product-tag .tag-label, .product-spec-tags .product-tag .tag-details { display: block; width: 38%; line-height: 18px; float: left; } .product-spec-tags .product-tag .tag-details { width: 58%; margin-left: 4%; } #product-also-like img { max-width: 100%; max-height: 100%; height: auto; width: auto; } .product-also-like { display: block; position: relative; float: left; width: 24.25%; margin: 1px 0; overflow: hidden; } .product-also-like + .product-also-like { margin-left: 1%; } .product-also-like .details { display: none; position: absolute; top: 0; left: 0; background: rgba(255,255,255,0.5); width: 100%; } .product-also-like .details h3 { margin: 10px 0 7px; } .product-also-like .details h3 a { display: block; height: 57px; overflow: hidden; text-decoration: none !important; text-align: center; } .product-also-like .details .price { display: block; text-align: center; font-size: 20px; } .product-also-like:hover .details { display: block; } .product-also-like .button { width: 100%; text-align: center; margin: 2px 0 0; } .product-also-like img.thumb, .product-also-like:hover img.thumb-zm { display: block; } .product-also-like img.thumb-zm, .product-also-like:hover img.thumb { display: none; } #product-details h1 {} #product-details .basket-no-js { display: none; float: left; } #product-details .basket-no-js select { margin-right: 5px; width: 93px; } #stock-status { } #stock-status .stock-level, #stock-status .stock-level-active { display: inline-block; height: 22px; font-size: 12px; line-height: 22px; color: #565656; margin-right: 5px; padding-left: 22px; background: url(/images/_site/default/bar-bullets.png) no-repeat 0 0; } #stock-status .stock-level-active { font-weight: bold; background-position: 0 -22px; } #other-product-details { display: block; margin: 25px 30px 10px; } .product-price-add { clear: both; display: block; padding-top: 10px; margin: 0 2px -18px 0; } #ProductOptionPrice { display: block; color: #36353a; font-size: 18px; font-weight: normal; text-align: right; } #ProductOptionPrice .price-was { font-size: 14px; color: #a2a2a2; } #ProductOptionPrice .price-now { color: #F00; font-weight: bold; } .product-add-button { display: block; width: 144px; float: right; } .from { font-size: 60%; } #members-controls { display: block; position: absolute; top: 0; right: 50%; width: 350px; padding: 10px; color: #36353a; text-align: left; margin-right: -485px; } #members-controls a { color: #36353a; text-decoration: underline; } #my-account { display: block; width: 50%; float: left; } #my-account a { display: inline-block; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: none; font-size: 100%; text-decoration: none; font-weight: bold; color: #565656; line-height: 17px; cursor: pointer; padding: 10px; margin: 0 0 5px; text-align: center; } #my-account a + a { border-left: none; border-right: 1px solid #dedede; } #my-account span { display: none; } .my-basket { display: block; width: 50%; line-height: 15px; padding: 5px 0 0; float: right; } .my-basket .icon { display: block; float: left; margin-right: 10px; } /*.my-basket { display: block; background: url(/images/_site/default/icon-trolly.png) no-repeat 0 4px; line-height: 15px; padding: 5px 0 0 48px; float: right; }*/ #members-controls-text { clear: both; display: block; padding-top: 0px; text-align: right; line-height: normal; } #members-controls-text p { line-height: normal; } .payments-by { display: block; margin-top: 30px; text-align: center; background-color: #fff; } /* ------------ ------------ ------------ ------------ PRODUCT PAGES ------------ ------------ ------------ ------------ */ .catalog-pages { display: block; width: 60%; line-height: 34px; margin-right: 0px; font-size: 11px; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; float: right; text-align: right; text-transform: uppercase; } .catalog-pages a, .catalog-pages div { display: block; float: right; height: 29px; line-height: 29px; color:#312d2e; text-decoration: none; padding: 0 3px; } .catalog-pages div.clearfix { float: none; height: 0; line-height: 0;padding: 0; } .catalog-pages div.on { text-decoration: underline; font-weight: bold; } .catalog-pages a:hover { text-decoration: underline; } .catalog-pages a.first { width: 6px; background: url(/images/_site/default/shop/arrow-first.png) no-repeat 0 center; } .catalog-pages a.previous { padding-left: 8px; background: url(/images/_site/default/shop/arrow-previous.png) no-repeat 0 center; color: #c1c1c1; margin-right: 5px; } .catalog-pages a.next { padding-right: 8px; background: url(/images/_site/default/shop/arrow-next.png) no-repeat right center; color: #c1c1c1; margin-left: 5px; } .catalog-pages a.last { width: 6px; background: url(/images/_site/default/shop/arrow-last.png) no-repeat right center; } .catalog-pages div.first { width: 6px; background: url(/images/_site/default/shop/arrow-first-off.png) no-repeat 0 center; } .catalog-pages div.previous { padding-left: 8px; background: url(/images/_site/default/shop/arrow-previous-off.png) no-repeat 0 center; color: #ebebeb; margin-right: 5px; } .catalog-pages div.next { padding-right: 8px; background: url(/images/_site/default/shop/arrow-next-off.png) no-repeat right center; color: #ebebeb; margin-left: 5px; } .catalog-pages div.last { width: 6px; background: url(/images/_site/default/shop/arrow-last-off.png) no-repeat right center; } .catalog-sort { clear: both; display: block; width: 39.5%; line-height: 34px; font-size: 11px; font-family: "Century Gothic", "Trebuchet MS", Arial, Helvetica, sans-serif; float: left; text-align: left; color: #c1c1c1; text-transform: uppercase; } .catalog-sort a, .catalog-sort div { display: block; float: left; height: 29px; line-height: 29px; padding: 0 3px; } .catalog-sort a { color: #312d2e; } .catalog-sort a:hover { text-decoration: underline; } .catalog-sort div.on { text-decoration: underline; font-weight: bold; color: #312d2e; } .catalog-sort .drop { height: 25px; line-height: 25px; } /* ------------ ------------ ------------ ------------ PRODUCT OPTIONS ------------ ------------ ------------ ------------ */ #main-content ul.product-options, #main-content ul.product-options li, #main-content ul.product-options ul { margin: 0; list-style: none; } #main-content ul.product-options { position: relative; z-index: 697; } #main-content ul.product-options li { zoom: 1; } #main-content ul.product-options li:hover { position: relative; z-index: 699; cursor: default; } #main-content ul.product-options ul.product-options-sub { visibility: hidden; position: absolute; top: 90%; left: -1px; z-index: 698; width: 124px; } #main-content ul.product-options li.product-options-top, ul.product-options ul.product-options-sub { display: block; font-size:100%; width: 124px; line-height:130%; text-decoration:none; font-weight: bold; color:#565656; cursor:pointer; padding:5px 10px 5px 10px; background-color: #f5f5f5; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; float: left; margin: 3px 1px 0 0; } #main-content ul.product-options li.product-options-top { background: url(/images/_site/default/arrow-down.png) no-repeat 90% center #f5f5f5; } #main-content ul.product-options li.single { background-image: none; } #main-content ul.product-options ul.product-options-sub { border-top: none; } #main-content ul.product-options li.product-options-sel { float: left; width: 124px; height: auto; cursor: pointer; color: #2d2d2d; line-height: 18px; text-indent: 0px; } #main-content ul.product-options li.product-options-sel:hover { color: #e7470f; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- SOCIAL SHARES --------------------------------- */ .social-like-buttons { text-align: center; margin-bottom: 20px; } .social-iframe { display: inline-block; } .social-shares { display: block; text-align: center; margin-bottom: 10px; } .item-nav-one .social-shares { text-align: left; margin-bottom: 0; } #content-area .social-shares a { display: inline-block !important; position: relative !important; width: 48px !important; height: 48px !important; cursor: pointer !important; background: url(/images/social-icons/retro/pinterest-icon.png) no-repeat center center !important; } #content-area .Descreet-social-shares a { width: 30px !important; height: 30px !important; margin: 0 3px !important; background: no-repeat center center !important; } #content-area .Descreet-social-shares a { background-image: url(/images/social-icons/descreet/pinterest-icon.png) !important; } #content-area .Retro-social-shares a { background-image: url(/images/social-icons/retro/pinterest-icon.png) !important; } #content-area .social-shares a.social-share { background-image: none !important; } /* -- DESCREET STYLE -- */ #content-area .Descreet-social-shares a.facebook-social-share { background-image: url(/images/social-icons/descreet/facebook-icon.png) !important; } #content-area .Descreet-social-shares a.twitter-social-share { background-image: url(/images/social-icons/descreet/twitter-icon.png) !important; } #content-area .Descreet-social-shares a.google-plus-social-share { background-image: url(/images/social-icons/descreet/google-plus-icon.png) !important; } #content-area .Descreet-social-shares a.linkedin-social-share { background-image: url(/images/social-icons/descreet/linkedin-icon.png) !important; } #content-area .Descreet-social-shares a.stumbleupon-social-share { background-image: url(/images/social-icons/descreet/stumbleupon-icon.png) !important; } /* -- RETRO STYLE -- */ #content-area .Retro-social-shares a.facebook-social-share { background-image: url(/images/social-icons/retro/facebook-icon.png) !important; } #content-area .Retro-social-shares a.twitter-social-share { background-image: url(/images/social-icons/retro/twitter-icon.png) !important; } #content-area .Retro-social-shares a.google-plus-social-share { background-image: url(/images/social-icons/retro/google-plus-icon.png) !important; } #content-area .Retro-social-shares a.linkedin-social-share { background-image: url(/images/social-icons/retro/linkedin-icon.png) !important; } #content-area .Retro-social-shares a.stumbleupon-social-share { background-image: url(/images/social-icons/retro/stumbleupon-icon.png) !important; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- GALLERY --------------------------------- */ .album-images { display: block; width: 660px; margin: 15px auto; padding: 15px 0; border-top: dotted #eee 1px; border-bottom: dotted #dedede 1px; } .album-images ul { list-style: none; margin: 0 !important; } .album-images ul li { display: block; float: left; margin: 4px !important; left: 0 !important; } .album-images ul li.first { } .album-images ul li.clearfix { margin: 0 !important; border: none !important; } .album-images ul a.gal { display: block; width: 100px; height: 100px; background: no-repeat center center; } #side-pane .album-images { width: auto; padding: 10px 6px 10px 10px; margin: 0 0 10px; border-style: solid; } #side-pane .album-images ul li { margin: 0 4px 4px 0; overflow: hidden; } #side-pane .album-images ul a.side-gal { display: block; width: 95px; height: 95px; background: no-repeat center center; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- BANNERS --------------------------------- */ #banners { display: block; overflow: hidden; } /* --------------------------------- LAYER SLIDER --------------------------------- */ .ls-layer .title { display: block; height: 26px; font-size: 24px; line-height: 24px; font-weight: bold; padding: 10px 25px; color: #585858; background: rgba(255,255,255,0.75); } .ls-layer .comment { display: block; height: 20px; font-size: 14px; color: #fff; padding: 10px 20px 10px 160px; margin: 0; background: rgba(0,0,0,0.75); } .ls-borderlesslight3d .ls-shadow { display: none !important; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- FLEX SLIDER --------------------------------- */ #banners .flexslider { margin: 0; background: #fff; border: none; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; -o-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none; zoom: 1; } .flexslider .slides > li { position: relative; } /* --------------------------------- ------- --------------------------------- */ .slide-info { display: block; position: absolute; left: 0; bottom: 0; padding: 20px; background: rgba(0,0,0,0.5); color: #fff; font-size: 18px; line-height: normal; } .slide-title { font-weight: bold; } .slide-detail { font-size: 14px; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- PRODUCTS --------------------------------- */ .content-product { display: block; position: relative; padding: 15px 0; margin: 15px 0; } .content-product-image { display: block; position: absolute; width: 176px; height: 170px; top: 15px; left: 15px; padding: 3px 0; text-align: center; border: 1px solid #c3c3c1; background-color: #fff; z-index: 1; } .content-product-image a { display: block; } .content-product-image img { display: block; max-width: 100%; max-height: 170px; width: auto; height: auto; } .content-product-title { display: block; line-height: normal; padding: 10px 190px 10px 206px; font-weight: normal; font-size: 24px; color: #5b5b5b; } .content-product-details { display: block; position: relative; min-height: 128px; padding: 8px 190px 8px 206px; border: 1px solid #c3c3c1; } .content-product-no-image .content-product-details, .content-product-no-image .content-product-title { padding-left: 15px; } .content-product-no-image .content-product-details { min-height: 50px; } .content-product-basket { display: block; position: absolute; width: 160px; text-align: center; top: -66px; right: 15px; } .content-product-basket .price { font-family: 'Kaushan Script', cursive; font-size: 36px; font-weight: bold; margin: 15px 0; } .content-product-basket form { padding-top: 25px; } /* --------------------------------- -------- --------------------------------- */ /* --------------------------------- NEWS BITES --------------------------------- */ .news-bite { display: block; border-bottom: 1px solid #eee; padding: 15px; font-size: 13px; } .news-bite td { vertical-align: top; padding: 0 7px; line-height: 15px; } .news-bite td * { padding: 0 !important; } .news-bite td a { color: #666; } .googlenewspower { padding: 15px 0; color: #bdbdbd; font-size: 10px; text-align: right; float: right; } /* --------------------------------- ---------- --------------------------------- */ /* --------------------------------- SOCIAL LINKS Bold --------------------------------- */ .social-links-bold { display: block; margin-bottom: 10px; } .facebook-button-bold, .twitter-button-bold, .google-plus-button-bold { display: block; position: relative; width: 220px; height: 98px; background: no-repeat 0 0; } .facebook-button-bold { background-image: url(/images/social-icons/bold/facebook-icon.png); } .twitter-button-bold { background-image: url(/images/social-icons/bold/twitter-icon.png); } .google-plus-button-bold { background-image: url(/images/social-icons/bold/google-plus-icon.png); } .social-links-bold .social-page { position: absolute; right: 8px; top: 25px; width: 147px; height: 34px; } .social-links-bold .fb-like, .social-links-bold .fb-send, .social-links-bold .twitter-share-button, .social-links-bold .twitter-follow-button, .social-links-bold .google-button-plus, .social-links-bold .google-button-share { position: absolute !important; left: 5px; bottom: 12px; } .social-links-bold .google-button-share, .social-links-bold .twitter-follow-button, .social-links-bold .fb-send { left: 65px; } .social-links-bold .fb-send { left: 65px; } .social-links-bold .twitter-follow-button { left: 65px; } .social-links-bold .google-button-plus, .google-button-share { display: block; width: 150px; overflow: hidden; float: left; } .social-links-bold .google-button-plus { width: 50px; } .social-links-bold iframe { margin: 67px 0 0 5px; } .social-links-bold .twitter-button-bold iframe { margin: 42px 0 0 5px; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- SOCIAL LINKS Retro --------------------------------- */ .social-links-retro, .social-icons-retro { display: block; margin-bottom: 15px; } .social-icons-retro { margin-bottom: 10px; } .social-title-retro { display: block; width: 57px; text-align: center; line-height: 21px; font-weight: normal; font-size: 16px; padding-right: 5px; border-right: 1px solid #ba4b3c; float: left; } .social-title-retro h2 { margin-top: 0; } .twitter-button-retro, .facebook-button-retro, .google-plus-button-retro { display: block; width: 150px; height: 29px; line-height: 30px; float: right; } .facebook-button-retro { margin-top: 25px; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- SOCIAL LINKS Descreet --------------------------------- */ .social-links-descreet, .social-icons-descreet { display: block; margin-bottom: 15px; } .social-icons-descreet { margin-bottom: 10px; } .social-title-descreet { display: block; width: 57px; text-align: center; line-height: 21px; font-weight: normal; font-size: 16px; padding-right: 5px; border-right: 1px solid #eee; float: left; } .social-title-descreet h2 { margin-top: 0; } .social-title-descreet a { display: block; margin-bottom: 5px; } .twitter-button-descreet, .facebook-button-descreet, .google-plus-button-descreet { display: block; width: 150px; height: 29px; line-height: 30px; float: right; } .facebook-button-descreet { margin-top: 25px; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- TWITTER LATEST TWEETS --------------------------------- */ #twitter_update_list { margin-top: 10px; } #twitter_update_list li { list-style: none; line-height: 16px; margin-top: 5px; padding: 5px 0; border-top: 1px solid #495f70; border-bottom: none; } #twitter_update_list li a { font-weight: bold; text-decoration: none; font-size: 10px; } #twitter_update_list li span a { font-size: 10px; color: #5b5b5b; } #twitter_update_list li a:hover { text-decoration: underline; } /* --------------------------------- --------------------- --------------------------------- */ /* --------------------------------- ARTICLE ITEMS --------------------------------- */ .page-item-head { display: block; margin-top: 20px; padding: 8px; color: #565656; background: #e7e7e7; text-transform: uppercase; font-size: 16px; font-weight: bold; } .page-item-head + .page-item { margin-top: 10px; } .page-item { display: block; margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .page-item-links { margin-top: 0px; } .page-item h3, .page-item h3 a, .page-item .page-date { font-size: 14px; font-weight: bold; text-decoration: none !important; float: left; margin: 0 0 3px; } .page-item h3, .page-item p { margin: 0 0 5px 0; padding: 0; } .page-item h3 span { font-size: 12px; font-weight: normal; } .page-item h3 a span { text-decoration: underline !important; } .page-item .page-date { float: right; font-size: 12px; } .page-item-link-all { display: block; position: absolute; bottom: 0; left: 0; width: 100%; line-height: 15px; padding: 5px 0; text-align: center; border-top: 1px dotted #eee; } .page-article-image { display: block; margin: 0 0 15px 15px; float: right; max-width: 100%; width: auto; height: auto; } .page-item .page-article-image { margin: 0 0 5px 10px; } .page-article .page-teaser { font-style: italic; } .page-article .page-images { margin-top: 20px; } .page-article .page-image-thumb { margin-left: 9px; float: left; } .page-article .first { margin-left: 0; } #event-map { display: block; height: 450px; margin-bottom: 10px; } .event-details-left, .event-details-right { display: block; width: 49%; float: left; } .event-details-right { margin-left: 2%; } .event-detail, .event-detail-label { display: block; width: 70%; line-height: 18px; margin-bottom: 3px; float: left; } .event-detail-label { width: 30%; font-weight: bold; } .item-nav { display: block; width: 100%; margin: 5px 0; } .page-article .item-nav { clear: both; } .item-nav-one { display: block; width: 67%; line-height: 25px; float: left; } .item-nav-two { display: block; width: 32%; line-height: 25px; text-align: right; float: right; } .item-nav-one .item-social-shares { margin: 2px 0; } .item-nav span { margin: 0 8px; } .item-labels { display: block; height: 25px; line-height: 25px; text-align: center; margin: 5px 0; } .item-labels a { } .page-author, .page-update { display: block; line-height: 25px; margin: 0 0 5px 0; } .item-social-shares { display: block; margin: 10px 0; } .item-social-shares .twitter-share-button, .item-social-shares .fb-like, .item-social-shares .fb-share, .item-social-shares .g-plusone { display: block; width: 90px !important; height: 22px; text-align: left; overflow: hidden; float: left; } .item-social-shares .fb-share { width: 60px !important; } .item-social-shares .fb-like span { margin: 0; } /* --------------------------------- ---------------- --------------------------------- */ /* --------------------------------- DIRECTORY LISTINGS --------------------------------- */ .directory-listing { display: block; margin-top: 15px; border-bottom: 1px solid #eee; } .listing-image { display: block; margin: 0 10px 10px 0; float: left; } .listing-address { display: block; line-height: 18px; width: 100%; } .listing-address p { margin: 0 0 10px; } .listing-address h3 { font-weight: bold; } .listing-address h3 a { text-decoration: none !important; } .listing-contact { display: block; line-height: 18px; margin: 0 0 10px 10px; text-align: right; float: right; } .listing-contact a { display: inline-block; width: 125px; margin: 2px 0; text-align: center; text-decoration:none !important; font-weight:bold; color: #565656 !important; padding: 2px; } .listing-contact a.profile { color: #fff !important; } .listing-contact .contact-tel { display: block; color: #5b5b5b; font-size: 18px; margin-bottom: 10px; } .categories { display: block; height: 25px; line-height: 25px; text-align: center; color: #c8c8c8; border-top: 1px dotted #eee; } .package-3 h3 { font-size: 18px; margin-bottom: 10px; } .package-2 h3 { font-size: 16px; margin-bottom: 8px; } .package-1 h3 { font-size: 14px; margin-bottom: 6px; } .package-0 h3 { font-size: 12px; margin-bottom: 4px; } /* --------------------------------- ---------------- --------------------------------- */ /* --------------------------------- COMMENTS --------------------------------- */ .comments-block { display: block; padding: 10px 0 20px; } .comments-block dd { display: block; color: #5b5b5b; line-height: 16px; font-style: italic; margin: 5px 10px 10px 10px; padding: 10px; border: 1px dotted #dedede; border-top: 1px dotted #eee; border-left: 1px dotted #eee; } .comments-block dt.approved1, .comments-block dt.approved0 { margin-top: 25px; } .comments-block dd.approved0, .comments-block dt.approved0 { background-color: #FFC; border: 2px solid #F00; } .comments-block dd.approved0 { border-top: none; margin-top: -2px; } .comments-block dt.approved0 { padding: 3px 5px 5px; line-height: 20px; } /* --------------------------------- -------- --------------------------------- */ /* --------------------------------- DOWNLOADS PAGE --------------------------------- */ .downloads-controls { display: block; margin: 20px 0; } .download-item { display: block; width: 100%; position: relative; min-height: 50px; line-height: 50px; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #eee; float: left; } .download-item-controls { display: block; width: 75px; height: 20px; margin-top: 15px; float: left; } .download-item-controls a { float: left; margin-right: 5px; } .download-title { display: block; width: 100%x; font-size: 14px; font-weight: bold; color: #5b5b5b; font-weight: bold; float: left; } .downloads-sep { margin: 0 5px; } .download-date, .downloads-sep { font-weight: bold !important; color: #36353a; font-size: 12px; } .download-link { display: block; position: relative; width: 47px; height: 50px; margin-left: -57px; margin-top: 10px; background: no-repeat right center; float: right; } .download-pdf { background-image: url(/images/_site/default/icon-download-pdf.png); } .download-zip, .download-default { background-image: url(/images/_site/default/icon-download-zip.png); } .download-word { background-image: url(/images/_site/default/icon-download-word.png); } .download-image { background-image: url(/images/_site/default/icon-download-image.png); } .download-teaser { display: none; position: absolute; width: 256px; right: 55px; top: 7px; line-height: 16px; padding: 10px 20px; z-index: 10; } .download-link:hover .download-teaser { display: block; } /* --------------------------------- -------------- --------------------------------- */ /* --------------------------------- FIND US --------------------------------- */ #map-details, #directions, #map, #location-details { display: block; width: 52%; margin-bottom: 10px; float: left; } #location-details { width: 45%; float: right; } #map, #directions { float: none; } #map { width: 100%; height: 450px; margin-bottom: 0; } #directions { width: 100%; padding: 0 !important; } .location-print { margin-bottom: 0px; } #location-details .location-section { margin: 20px 0px 20px 20px; line-height: 18px; } #location-details h1 { width: auto !important; } #location-images { width: 357px; margin-bottom: 4px; } #location-images a { display: block; margin-left: 6px; margin-bottom: 6px; float: left; } #location-images a.first { margin-left: 0px; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- COOKIE ALERT --------------------------------- */ #holder.cookie { padding-bottom: 76px; } .cookie-policy-alert { display: block; position: fixed; width: 100%; bottom: 0; left: 0; padding: 10px 0px; z-index: 2001; } .cookie-policy-alert-pad { display: block; width: 100%; height: 76px; } .cookie-policy-alert a.floatRight { margin: 0; position: absolute; right: 10%; } .cookie-policy-alert p { margin: 0 10%; padding: 0 120px 0 0; font-size: 14px; text-align: left; line-height: 22px; } .cookie-policy-alert p a { text-decoration: underline; } .cookie-policy-alert p img { margin-right: 15px; max-width: 45px; max-height: 40px; width: auto; height: auto; float: left; } @media screen and (max-width: 972px) { .cookie-policy-alert a.floatRight { right: 2%; } .cookie-policy-alert p { margin: 0 2%; } } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- BREADCRUMB --------------------------------- */ #breadcrumb { display: block; width: 100%; padding: 7px 0 8px; line-height: 15px; color: #999; } body.home #breadcrumb { padding: 0; } #breadcrumb a { color: #36353a; } #breadcrumb a:hover { text-decoration: underline; } #breadcrumb span { margin: 0 5px; } /* --------------------------------- ---------- --------------------------------- */ /* ------------ ------------ ------------ ------------ DELIVERY OPTIONS ------------ ------------ ------------ ------------ */ .delivery-option { display: block; text-align: center; padding: 5px 6px 15px; background-color: #f5f5f5; border: 1px solid #dedede; float: left; } .delivery-option-end { margin-right: 0; } .delivery-option .promo { display: block; text-transform: uppercase; font-size: 16px; line-height: 20px; margin-bottom: 5px; } .delivery-option .promo strong { font-size: 20px; } .delivery-location { display: block; font-weight: lighter; font-size: 14px; line-height: normal; text-transform: uppercase; color: #5b5b5b; } .delivery-title { display: block; font-weight: lighter; font-size: 18px; line-height: normal; color: #5b5b5b; margin: 0 0 10px; background: url(/images/_site/default/background-heading.png) repeat 0 0; } /* ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */ .category-slider-holder { background: none; margin: 1px 0 5px; } .category-slider-holder h2 { margin: 0 -1px; } .category-slider .slide { padding-bottom: 12px; } .page-link { position: absolute; display: block; height: 22px; line-height: 22px; font-size: 11px; text-align: left; text-indent: 6px; color: #312d2e; width: 120px; left: 5px; top: 110px; background-color: #dedede; text-decoration: none !important; } .slide:hover .page-link { color: #fff !important; background-color: #312d2e; border: 1px solid #fff; border-left: none; top: 109px; left: 4px; } .bx-wrapper .bx-viewport { border: none; background: none; left: 0; margin: 10px 0; } .bx-wrapper .bx-prev { left: -32px; } .bx-wrapper .bx-next { right: -32px; } /*/* ------------ ------------ ------------ ------------ HOME PAGE ------------ ------------ ------------ ------------ * #home-featured, #home-categories { display: block; width: 715px; margin: 10px 0; } #home-featured h2, #home-categories h2 { display: block; width: 695px; height: 30px; margin: 10px 0 0 0; line-height: 30px; } /* ------------ ------------ ------------ ------------ HOME FEATURED ------------ ------------ ------------ ------------ * .featured-items { display: block; border: 1px solid #dedede; border-top: none; } .feature-tabs { display: block; height:22px; background-color: #dedede ;border: 1px solid #dedede; border-top: none; border-bottom: none; } .feature-tabs a { display: block; height: 22px; line-height: 22px; padding: 0 20px; border-right: 1px solid #312d2e; border-left: 1px solid #fff; color: #312d2e; font-weight: bold; float: left; } .feature-tabs a.on { background-color: #fff; } .featured-items-set { margin: 0px 0 0 0px; padding-left: 30px; width: 682px; } .featured-items-set:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .featured-items-set li { position: relative; width: 144px; height: 210px; margin: 10px 0 10px 30px; float: left; text-align: center; color: #312d2e; overflow: hidden; } .featured-items-set li .catalog-item-price, .featured-items-set li .catalog-item-sale-price { position: absolute; width: 100%; height: 30px; left: 0; bottom: 0; margin: 0; line-height: 30px; text-align: center; background-color: #312d2e; } .featured-items-set li .catalog-item-price { color: #fff; } .featured-items-set li img { position: absolute; display: block; top: auto; left: auto; } .featured-items-set li strong, .featured-items-set li span.ord { display: none; } /* ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ * /* ------------ ------------ ------------ ------------ HOME CATEGORIES TICKER ------------ ------------ ------------ ------------ * ul#category-ticker, ul#category-ticker li { margin:0px; padding:0px; border:0px; outline:0px; background:transparent; } ul#category-ticker, ul#category-ticker li { list-style:none; } #category-ticker { width: 545px; height: 160px; overflow: hidden; } #category-ticker li { position: relative; list-style: none; margin: 10px 0 0 0 !important; height: 150px; width: 215px; text-align: center; } #category-ticker .page-link { position: absolute; display: block; height: 22px; line-height: 22px; font-size: 11px; text-align: left; text-indent: 6px; color: #312d2e; width: 120px; left: 5px; top: 110px; background-color: #dedede; text-decoration: none !important; } #category-ticker li:hover .page-link, #category-ticker .page-link:hover { color: #fff; background-color: #312d2e; border: 1px solid #fff; border-left: none; top: 109px; left: 4px; } /*#category-ticker li img { max-width: 110px; height: auto; } #category-ticker li img.on { max-width: 180px; z-index: 100000; } #category-ticker li.on { height: 240px; width: 180px; } #category-ticker li.on .page-link { height: 30px; line-height: 30px; font-size: 13px; text-indent: 10px; width: 160px; margin-top: -70px; z-index: 100001; } #category-ticker li.on:hover .page-link, #category-ticker li.on .page-link:hover { margin-top: -71px; }* .featured-items .bx-wrapper { margin: 0 auto; } .featured-items .bx-prev, .featured-items .bx-next { position: absolute; top: 63px; width: 32px; height: 32px; text-indent: -999999px; background: url(/images/_site/default/slider-controls.png) no-repeat 0 -32px; } .featured-items .bx-prev { left: -32px; } .featured-items .bx-next { right: -32px; background-position: -43px -32px; } .featured-items .bx-next:hover { background-position: -43px 0; } .featured-items .bx-prev:hover { background-position: 0 0; } /* ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */ /* --------------------------------- LIGHTBOX --------------------------------- */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 1190; width: 100%; height: 500px;} #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 1200; text-align: center; line-height: 0;} #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;} #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0;} #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 610;} #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block;} #lightbox-nav-btnPrev { left: 0; float: left;} #lightbox-nav-btnNext { right: 0; float: right;} #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; box-sizing: content-box; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 80%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 20px; float: right; padding-bottom: 0.7em; } /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- FANCYBOX --------------------------------- */ /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}.fancybox-opened {z-index: 8030;}.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}.fancybox-outer, .fancybox-inner {position: relative;}.fancybox-inner {overflow: hidden;}.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}.fancybox-image {max-width: 100%;max-height: 100%;}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/images/_site/default/fancyBox/fancybox_sprite.png');}#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}#fancybox-loading div {width: 44px;height: 44px;background: url('/images/_site/default/fancyBox/fancybox_loading.gif') center center no-repeat;}.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../../images/_site/default/fancyBox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}.fancybox-prev {left: 0;}.fancybox-next {right: 0;}.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}.fancybox-prev span {left: 10px;background-position: 0 -36px;}.fancybox-next span {right: 10px;background-position: 0 -72px;}.fancybox-nav:hover span {visibility: visible;}.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}/* Overlay helper */.fancybox-lock {overflow: hidden;}.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url(/images/_site/default/fancyBox/fancybox_overlay.png);}.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}/* Title helper */.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}.fancybox-opened .fancybox-title {visibility: visible;}.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}.fancybox-title-inside-wrap {padding-top: 10px;}.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /* --------------------------------- ------- --------------------------------- */ /* --------------------------------- FORM ELEMENTS --------------------------------- */ .alertMsg { font-weight: bold; color: #F00; } .alert, .alertL, .alertR, .alertB { font-weight: bold; color: #F00 !important; background-color: #FF9 !important; }/*border: 1px solid #F00 !important;*/ .alert { display: block; border: 1px solid #F00; line-height: normal; text-align: center; padding: 10px; margin-bottom: 5px; background: url(/images/_site/default/alert-bg.gif) repeat 0 0; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .alertL { border-right: none !important; background-color: #fcf466 !important; } .alertR { border-left: none !important; } .alertR input.textbox, .alertR textarea.textbox { background-color: #FFd !important; border-color: #f97b7b !important; } .alert h1, .alert h2, .alert h3 { background: none; } input.textbox, textarea.textbox, select.drop { font-size:12px; font-weight: normal; color: #565656; border: 1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee; padding: 10px; margin-bottom: 5px; background: #fff; box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF; -webkit-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF; -moz-box-shadow: inset 0 1px 2px #DDD, 0 1px 0 #FFF; } select.drop { height: 37px; line-height: 37px; } select.form-multiple { height: 75px; } textarea.textbox { height: 100px; line-height: 16px; } .input100 { width: 100%; } .inputXLg { width: 297px; } .inputLg { width: 232px; } .inputMd { width: 152px; } .inputSm { width: 77px; } .inputDay { width: 37px; text-align: center; } .inputYear { width: 50px; text-align: center; } .inputReg { width: 187px; } .inputExtra { width: 137px; } .inputHC { width: 200px; } .side-portal .inputHC { width: 99px; } .inputSide { width: 196px; } textarea.textAreaXLg { height: 250px; } textarea.textAreaLg { height: 200px; } textarea.textAreaMd { height: 100px; } textarea.textAreaSm { height: 32px; } textarea.ckeditor { width: 100%; height: 500px; margin-bottom: 5px; } .cke_editor_Details { } /*#cke_25, All Form Elements */ /*#cke_60, Image Upload */ /*#cke_61 Flash */ /*#cke_79 About */ { display: none; } .inputAdminLg { width: 556px; } .inputAdmin { width: 350px; } .inputAdminSm { width: 182px; } .checkbox { margin: 0 5px 0 15px; width: auto !important; } .button { display: inline-block; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; font-size: 100%; text-decoration: none !important; font-weight: bold; color: #565656 !important; line-height: 17px; cursor: pointer; padding: 10px; margin: 0 0 5px; text-align: center; } .button:hover { } .meta-data-button { position: absolute; top: 5px; right: 0; } .fixed-width { width: 150px; text-align: center; } .button-no-m { margin: 0 0 5px 0 !important; } a.social-button { margin-left: 0px; font-size: 11px; padding: 2px 5px; } a.save-button {width: 44px; text-align: center; } a.remove-button:after { content: "Saved"; } a.remove-button:hover:after { content: "Remove"; } .form-border { display: block; border: 1px dashed #ececec; margin: 10px auto; padding: 10px 15px; } .basket-remove, #basket-controls .basket-remove { width: auto; padding: 3px 5px !important; margin: 0 !important; line-height: 100%; color: #ed1f24 !important; border-color: #ed1f24; background-color: #fbc3c4; } .paypal-button { display: inline-block; line-height: 13px; margin: 0 !important; padding: 5px 20px 6px; border: 1px solid #ff9933; font-size: 13px; text-decoration: none !important; font-family: Verdana, Helvetica, Arial, sans-serif; font-weight: bold; font-style: italic; color: #003366 !important; cursor: pointer; background: url(/images/_site/default/paypal-button-background.jpg) repeat-x 0 0 #fffdf8; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; } .PopUp { display: none; position: fixed; z-index: 100000; top: 45px; left: 50%; width: 750px; margin-left: -396px; padding: 20px; text-align: left; border: 1px solid #757575; background-color: #FFF; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; -moz-box-shadow: 0 0 1em #757575; -webkit-box-shadow: 0 0 1em #757575; box-shadow: 0 0 1em #757575; } .pointer { cursor: pointer; } /* --------------------------------- ------------- --------------------------------- */ /* --------------------------------- TABLES --------------------------------- */ table td.sep, table th.sep, table tr.sep { height: 4px !important; } table tr.sep { background-color: #f9f9f9; } table td.control, table th.control { padding: 3px 5px; text-align: center !important; } table td.control * { margin: 0 auto; } table td.extend, table th.extend { width: 100% !important; } table td.display-order, table th.display-order { width: 30px !important; } table td.tright, table th.tright { padding-right: 6px; } table.vtop td, table.vtop th, table tr.vtop td, table tr.vtop th, table td.vtop, table th.vtop { vertical-align: top !important; } table tr.row:hover { background-color: #f9f9f9; } table tr.active0 { color: #e2e2e2; font-weight: normal; } table tr.active0 th { color: #999 !important; } #main-content table, #main-admin-content table, table.format { margin: 0; border-color: #e2e2e2; } table.format-center { margin: 0 auto !important; } table.format-100 { width: 100%; } #main-content table td, #main-content table th, #main-admin-content table td, #main-admin-content table th, table.format td, table.format th { padding: 2px 5px; line-height: 22px; text-align: left; vertical-align: top; } #main-content table th.vtop, #main-admin-content table th.vtop { line-height: 37px; } .producttable { clear:both; width:100%; margin-top: 3px; border-collapse: collapse; } .producttable tr.location td { padding: 5px; } .producttable th.p10, .producttable td.p10 { padding-left: 10px !important; padding-right: 10px !important; } .producttable th.pCheck, .producttable td.pCheck { padding-top: 6px !important; } .producttable th { vertical-align: middle !important; color: #565656; padding: 0 !important; border: 1px solid #dedede; border-top: 1px solid #eee; border-width: 1px 0; font-weight: bold; height: 35px; } .producttable td { vertical-align: middle !important; line-height: 30px; font-weight: normal; padding-top: 3px; padding-bottom: 3px; } .producttable th span { border-right: 1px solid #FFF; border-left: 1px solid #dedede; display: block; padding: 0 10px; line-height: 24px; } .producttable th.first span { border-left: none; } .producttable th.last span { border-right: none; } .producttable td a { color: #757575; text-decoration: underline; } .producttable td .button { margin: 0; } .producttable tr.guide th { border: none; height: 20px; background: none; } .producttable tr.guide th span { border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: none; line-height: 17px; padding: 3px 10px; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -khtml-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -khtml-border-top-right-radius: 6px; border-top-right-radius: 6px; background-image: linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); background-image: -moz-linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); background-image: -webkit-linear-gradient(bottom, #f5f5f5 0%, #e7e7e7 46%); } .producttable tr.guide td { line-height: 14px; padding: 0; } .location-list { margin-bottom: 25px; } .location-list .loc_img { display: none; } .side-portal table.format td, .side-portal table.format th { padding: 2px 0px; } table.border td, table.border th { border: 1px solid #e2e2e2; } table.border th { background-color: #f2f2f2; font-weight: bold; } .level { display: block; padding: 5px 0; } .level:hover { background-color: #f9f9f9; } .level-0 { padding-left: 0px; } .level-1 { padding-left: 20px; } .level-2 { padding-left: 40px; } .level-3 { padding-left: 60px; } .level-4 { padding-left: 80px; } .level-5 { padding-left: 100px; } .level-6 { padding-left: 120px; } .level-7 { padding-left: 140px; } .level-8 { padding-left: 160px; } .level div { display: inline-block; } .display-table-control, .display-table-move { width: 30px; text-align: center; } .display-table-title { width: 100%; margin: 0 -170px 0 0; } /* --------------------------------- ------ --------------------------------- */ /* --------------------------------- BASKET TABLE --------------------------------- */ .my-basket-table { clear: both; width: 100%; border-collapse: collapse; } .my-basket-table th.p10, .my-basket-table td.p10 { padding-left: 10px !important; padding-right: 10px !important; } .my-basket-table td.quantity { padding: 5px 0; text-align: center; } .quantityHolder { width: 55px; margin: 0 auto; } .my-basket-table th { padding: 2px 0 !important; background: #EEE; border: 1px solid #CCC; border-width: 1px 0; font-weight: bold; height: 21px; } .my-basket-table td { line-height: 20px; font-weight: normal; } .my-basket-table th span { border-right: 1px solid #FFF; border-left: 1px solid #CCC; display: block; padding: 0 10px; line-height: 21px; } .my-basket-table th.first span { border-left: none; } .my-basket-table th.last span { border-right: none; } .my-basket-table .control { padding: 3px 5px; text-align: center; } .lgTxt { font-size:140%; font-weight: bold; } .my-basket-table .was { display: block; text-decoration: line-through; } .my-basket-table .now { display: block; font-weight: bold; color: #090; } .baskettotals { background-color: #EEE; border-top: 2px solid #666; border-bottom: 1px solid #ccc; margin-bottom: 3px; } .baskettotals .my-basket-table { width: 270px; float: right; margin: 10px 40px 0 0; } .checkouttotals .my-basket-table { margin-right: 20px; } .baskettotals .my-basket-table .seprow { border-bottom: 1px solid #ccc; padding-bottom: 10px; } .baskettotals .my-basket-table form.seprow { margin-bottom: 10px; } .baskettotals div.note { width: 270px; padding: 5px 30px; margin-bottom: 3px; float: right; text-align: center; } .baskettotals .my-basket-table label { display: block; width: 100%; padding-right: 60px; line-height: normal; text-align: left; margin-bottom: 10px; float: left; } .baskettotals .my-basket-table label input { margin: 0 5px 0 0; } .baskettotals .my-basket-table label span { margin-left: 15px; } .checkouttotals .my-basket-table label span { margin-left: 0; } .baskettotals .my-basket-table .delivery-option-price { display: block; width: 60px; float: left; text-align: right; margin-left: -60px; } .delivery-distance-calc, .promocode { border-bottom: 1px solid #ccc; padding: 5px 7px; text-align: right; } .checkouttotals .delivery-distance-calc { padding: 10px 20px; } .delivery-distance-calc .button, .promocode .button { width: 75px; } .delivery-distance-calc .basket-remove { width: auto; margin-left: 10px !important; } #qtyArrow { margin: 1px; cursor: pointer; } #qtyArrow.up { margin-top: 2px; } .basketQty { width: 30px; text-align: center; text-indent: 0; padding: 0 !important; height: 20px !important; line-height: 20px !important; } /* --------------------------------- ------------- --------------------------------- */ /* ------------------------------- PAYPAL BUTTON ------------------------------------- */ .PayByPayPal { display: block; width: 143px; height: 30px; border: none; text-transform: capitalize; text-indent: 150px; cursor: pointer; overflow: hidden; background: url(/images/_site/default/pay-by-paypal.gif) no-repeat 0 0; } /* --------------------------------- COLOUR BACKGROUND --------------------------------- */ .bg-colour0, .bg-coloured { margin: 0; padding: 25px 0 5px; } .bg-colour0 + .clearfix + .bg-colour0, .bg-colour1 + .clearfix + .bg-colour1, .bg-colour0 + .clearfix + .bg-colour1, .bg-colour1 + .clearfix + .bg-colour0, .bg-colour2 + .clearfix + .bg-colour2, .bg-colour3 + .clearfix + .bg-colour3, .bg-colour4 + .clearfix + .bg-colour4, .bg-colour5 + .clearfix + .bg-colour5, .bg-colour6 + .clearfix + .bg-colour6 { padding-top: 0; } .colour-select a:hover, .colour-select div:hover { border: 1px solid #1ba9bf; } .colour-select a.colour0, .colour-select div.colour0 { background: none; } .bg-colour1, .colour-select a.colour1, .colour-select div.colour1 { background-color: #fff; } .bg-colour2, .colour-select a.colour2, .colour-select div.colour2 { background-color: #9696A7; } .bg-colour3, .colour-select a.colour3, .colour-select div.colour3 { background-color: #F6E5DC; } .bg-colour4, .colour-select a.colour4, .colour-select div.colour4 { background-color: #F3F3F4; } .bg-colour5, .colour-select a.colour5, .colour-select div.colour5 { background-color: #B2C1AD; } .bg-colour6, .colour-select a.colour6, .colour-select div.colour6 { background-color: #EDA797; } /* --------------------------------- ------------- --------------------------------- */ /* --------------------------------- SUB Pages --------------------------------- */ .sub-pages { text-align: center; padding-top: 35px; padding-bottom: 35px; display: table; table-layout: fixed; width: 100%; } .sub-page-preview-title { display: table-cell; vertical-align: middle; height: 126px; margin: 0; padding: 5px; color: #565656; text-decoration: none !important; font-size: 18px; line-height: 20px; } .col3 .sub-page-preview-title { width: 242px; } .col2 .sub-page-preview-title { width: 378px; } .col1 .sub-page-preview-title { width: 756px; } .sub-page-preview-title + .sub-page-preview-title { border-left: 1px solid #fff; } .col3 .sub-page-preview-title + .sub-page-preview-title { width: 241px; } .col2 .sub-page-preview-title + .sub-page-preview-title { width: 377px; } .col1 .sub-page-preview-title + .sub-page-preview-title { width: 755px; } .row1 .sub-page-preview-title, .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #86b0c4; } /* Darker Colour */ .row2 .sub-page-preview-title, .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #a5c4d4; } /* Lighter Colour */ .sub-pages-bg1, .sub-pages-bg2, .sub-pages-bg3, .sub-pages-bg4, .sub-pages-bg5, .sub-pages-bg6 { background: none !important; } .sub-pages-bg1 .row1 .sub-page-preview-title, .sub-pages-bg1 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #CCCCCC; } /* Darker Colour */ .sub-pages-bg1 .row2 .sub-page-preview-title, .sub-pages-bg1 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #FFFFFF; } /* Lighter Colour */ .sub-pages-bg2 .row1 .sub-page-preview-title, .sub-pages-bg2 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #686874; } /* Darker Colour */ .sub-pages-bg2 .row2 .sub-page-preview-title, .sub-pages-bg2 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #9696A7; } /* Lighter Colour */ .sub-pages-bg3 .row1 .sub-page-preview-title, .sub-pages-bg3 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #C3B6AE; } /* Darker Colour */ .sub-pages-bg3 .row2 .sub-page-preview-title, .sub-pages-bg3 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #F6E5DC; } /* Lighter Colour */ .sub-pages-bg4 .row1 .sub-page-preview-title, .sub-pages-bg4 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #C0C0C1; } /* Darker Colour */ .sub-pages-bg4 .row2 .sub-page-preview-title, .sub-pages-bg4 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #F3F3F4; } /* Lighter Colour */ .sub-pages-bg5 .row1 .sub-page-preview-title, .sub-pages-bg5 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #838E7F; } /* Darker Colour */ .sub-pages-bg5 .row2 .sub-page-preview-title, .sub-pages-bg5 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #B2C1AD; } /* Lighter Colour */ .sub-pages-bg6 .row1 .sub-page-preview-title, .sub-pages-bg6 .row2 .sub-page-preview-title:nth-child(2n+2) { background-color: #BA8377; } /* Darker Colour */ .sub-pages-bg6 .row2 .sub-page-preview-title, .sub-pages-bg6 .row1 .sub-page-preview-title:nth-child(2n+2) { background-color: #EDA797; } /* Lighter Colour */ .sub-pages .tr { margin-bottom: 1px; } .sub-page-preview-title:hover { background-image: url(/images/_site/default/banner-overlay.png); color: #fff !important; } .sub-page-preview { display: block; text-align: left; padding-bottom: 25px; } .sub-page-preview.row1 { } .sub-page-preview .sub-page-image { background: no-repeat center center; background-size: cover; } .sub-page-preview.row1 .sub-page-image { float: left; margin-right: 10px; } .sub-page-preview.row2 .sub-page-image { float: right; margin-left: 10px; } .sub-page-image { display: block; width: 160px; height: 160px; background: no-repeat center center; background-size: cover; } .sub-page-image img { display: none; } .sub-page-preview .sub-page-title { display: block; padding: 0 0 5px 0; margin: 0; line-height: 20px; text-align: left; font-weight: bold; font-size: 16px; } .sub-page-preview p { } .sub-page-read-more { text-decoration: underline; font-style: italic; font-weight: bold; } /* --------------------------------- ------------- --------------------------------- */ /* --------------------------------- SOCIAL FEED --------------------------------- */ .social-feed { display: block; width: 242px; height: 500px; font-size: 11px; border: 1px solid #ccc; background: url(/images/loading.gif) no-repeat center 10px; float: left; overflow: auto; margin-bottom: 25px; } .social-feed + .social-feed { margin-left: 12px; } .social-feed { } #main-content .social-feed ul { margin: 0; padding: 0 7px; } #main-content .social-feed ul li { list-style: none; margin: 0; left: 0; padding: 7px 0; border-bottom: 1px solid #e6e6e6; } .social-feed small { display: block; clear: both; color: #ccc; font-size: 11px; } .social-feed p {} .social-feed .feed-head { display: block; position: relative; background-color: #f2f2f2; padding: 7px; } .social-feed .profile-pic { display: block; width: 21%; float: left; overflow: hidden; } .social-feed .profile-pic img { display: block; width: 40px; height: 40px; border: 1px solid #e6e6e6; padding: 3px; background: #fff; } .social-feed .post { display: block; width: 76%; line-height: 13px; float: right; overflow: hidden; } .social-feed .post img { display: block; max-width: 100%; padding: 5px 0; height: auto; margin: 0 auto; } .social-feed h2, .social-feed .link { display: block; font-size: 12px; line-height: 14px; margin-bottom: 5px; padding: 0; } .social-feed-links, .social-feed-links h2 { text-align: center; } .social-feed-links h2 { background: url(/images/_site/default/h2-bg.png) no-repeat center 12px; } .social-feed-links a { display: inline-block; padding: 0 20px; margin-bottom: 25px; } .twitter-timeline { width: 100%; } #twitter-feed { overflow: visible; } /* --------------------------------- ------------- --------------------------------- */ /* --------------------------------- COMMON STYLES --------------------------------- */ a.loginLink { position: absolute; top: 3px; right: 0; display: block; width: 18px; height: 20px; background: url(/images/_site/_admin/padlock.png) no-repeat 0 0; z-index: 1099; filter: alpha(opacity=10); opacity: .10; } a.loginLink:hover { filter: alpha(opacity=20); opacity: .20; } #imgHolder { position: fixed; z-index: 2101; top: 100px; left: 50%; width: 450px; height: 450px; border: 2px solid #8097b1; background: no-repeat center center; display: none; } #imgHolderShade { position: fixed; z-index: 2100; top: 100px; left: 50%; width: 454px; height: 454px; background-color: #fff; display: none; filter: alpha(opacity=10); opacity: .10; } #messageText { position: fixed; z-index: 2100; top: 20%; left: 50%; margin-left: -212px; border: 2px solid #8097b1; width: 300px; padding: 30px 10px 50px 110px; background: url(/images/loading.gif) no-repeat 5px 5px #fff; display: none; color: #8097b1; font-size: 14px; font-weight: bold; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 0 1em #757575; -webkit-box-shadow: 0 0 1em #757575; box-shadow: 0 0 1em #757575; } #covershade { position: fixed; z-index: 1900; top: 0; left: 0; width: 100%; height:100%; margin:0px; padding:0px; display: none; background: url(/images/_site/default/cover-shade-background.png) repeat 0 0; } .forceShow { display: block !important; } .forceHide { display: none; } .clearfix { clear: both; } .clearfixL { clear: left; } .clearfixR { clear: right; } .floatLeft { float: left; } .floatRight { float: right; } .tright { text-align: right !important; } .tleft { text-align: left !important; } .tcenter { text-align: center !important; } .vtop { vertical-align: top !important; } ul.site-map, ul.site-map ul { line-height: 18px; margin: 0 0 5px 40px; } ul.site-map strong { line-height: 32px; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -khtml-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -khtml-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -khtml-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -khtml-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-large-all, .ui-corner-large-top, .ui-corner-large-left, .ui-corner-large-tl, .li-connect-widget { -moz-border-radius-topleft: 12px; -webkit-border-top-left-radius: 12px; -khtml-border-top-left-radius: 12px; border-top-left-radius: 12px; } .ui-corner-large-all, .ui-corner-large-top, .ui-corner-large-right, .ui-corner-large-tr, .li-connect-widget { -moz-border-radius-topright: 12px; -webkit-border-top-right-radius: 12px; -khtml-border-top-right-radius: 12px; border-top-right-radius: 12px; } .ui-corner-large-all, .ui-corner-large-bottom, .ui-corner-large-left, .ui-corner-large-bl, .li-connect-widget { -moz-border-radius-bottomleft: 12px; -webkit-border-bottom-left-radius: 12px; -khtml-border-bottom-left-radius: 12px; border-bottom-left-radius: 12px; } .ui-corner-large-all, .ui-corner-large-bottom, .ui-corner-large-right, .ui-corner-large-br, .li-connect-widget { -moz-border-radius-bottomright: 12px; -webkit-border-bottom-right-radius: 12px; -khtml-border-bottom-right-radius: 12px; border-bottom-right-radius: 12px; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- FORM BUILDER STYLES --------------------------------- */ .user-form { display: block; margin: 0 auto 20px; padding: 25px; } .small-user-form { width: 45%; } .user-form .checkbox { width: 13px; height: 13px; padding: 0; margin: 0 5px 0 15px;; vertical-align: bottom; position: relative; top: -1px; *overflow: hidden; } .user-form .cke { margin-bottom: 10px; } label.form-half { display: block; width: 49.5%; float: left; } label.form-half + .half-button, label.form-half + label.form-half { margin-left: 1%; } label.form-half + .half-button { margin-top: 21px; } .user-form h2, .user-form p { margin-left: 0; margin-right: 0; } .user-form .form-row span.label { cursor: pointer; display: block; margin: 5px 0; font-weight: 900; } .user-form .bound-box { border: 1px dashed #c1c1c1; padding: 15px; margin-bottom: 15px; } .user-form .form-row span.label span.note { font-size: 11px; font-weight: normal; } .user-form .form-row span.label-detail { display: inline-block; width: 125px; } .user-form .form-row span.detail { font-weight: normal; margin-left: 15px; line-height: 20px; } .user-form .form-row span.label span.label-checkbox { display: inline-block; width: 200px; } .form-field { width: 100%; } .form-field-sm { width: 25%; } .inputHC { width: 200px; max-width: 100%; } .user-form .form-row-1-4 { width: 25%; } .user-form .form-row-1-2 { width: 50%; } .user-form .form-row-3-4 { width: 75%; } .user-form .form-row img { max-width: 100%; height: auto; } .inputHC, .human-check, .user-form .form-row-1-4, .user-form .form-row-1-2, .user-form .form-row-3-4 { float: left; } .fb-check { display: block; width: 100%; margin-bottom: 5px; } .fb-check label { display: block; padding-left: 33px; text-indent: -33px; } .fb-check + .clearfix { margin-bottom: 15px; } .user-form .form-buttons { margin-top: 25px; } .user-form .button { width: 100%; } .user-form .half-button { width: 49.5%; margin: 0; float: left } .user-form .half-button + .half-button { float: right; } .user-form .normal-button { width: auto; } .user-form .menu-button { width: auto; margin: 0 0 5px; } .user-form .menu-button + .menu-button { border-left: none; border-right: none; } .form-row { display: block; margin-bottom: 5px; } .user-form .paypal-details { font-size: 20px; margin-bottom: 25px; } .user-form .paypal-details span { font-weight: bold; float: right; } ::-webkit-input-placeholder { color: #d7d7d7; font-style: oblique; } :-moz-placeholder { color: #d7d7d7; font-style: oblique; } ::-moz-placeholder { color: #d7d7d7; font-style: oblique; } :-ms-input-placeholder { color: #d7d7d7; font-style: oblique; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- INFO POP UPS --------------------------------- */ .info-pod { text-align: center; line-height: 16px; } .info-pod img { margin-bottom: 10px; } .info-pod-img { cursor: pointer; } .info-pod-img-lg { float: left; margin: 0 15px 15px 0; } .pop-up-extra-details { display: none; position: fixed; text-align: left; z-index: 2000; top: 10%; max-height: 80%; left: 20%; width: 60%; border: 1px solid #c4c4c4; padding: 34px; background: #fff; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-box-shadow: 0 0 1em #757575; -webkit-box-shadow: 0 0 1em #757575; box-shadow: 0 0 1em #757575; overflow: visible; } .pop-up-extra-details-display { display: block; } .pop-up-extra-details-close, .pop-up-extra-details-print { display: block; position: absolute; top: -10px; right: -10px; width: 40px; height: 40px; font-size: 24px; color: #495f70; font-weight: bold; text-align: center; text-decoration: none !important; line-height: 40px; border: 2px solid #c4c4c4; cursor: pointer; background: #fff; -moz-border-radius: 14px; -webkit-border-radius: 14px; border-radius: 14px; } .pop-up-extra-details-print { right: auto; left: -10px; width: 40px; height: 40px; background: url(/images/_site/_icons/print.png) no-repeat center center #fff; } .info-pod-scroll-content { display: block; position: absolute; top: 34px; right: 2px; padding-right: 32px; bottom: 34px; left: 34px; overflow: auto; } .info-pod-title { font-size: 130%; font-weight: bold; margin-bottom: 5px; } .info-pod-sub-title { font-size: 120%; font-weight: bold; margin-bottom: 5px; } .info-pod-data a { text-decoration: underline; } .info-pod-snippet { margin-top: 5px; } .pop-up-extra-details .info-pod-snippet { margin-top: 15px; margin-bottom: 20px; } .pop-up-extra-details .info-pod-snippet p { margin-left: 0; margin-right: 0; } .info-pod-pad { margin-bottom: 15px; } .info-pod-title, .info-pod-sub-title, .info-pod-data, .info-pod-snippet { display: block; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- POLLS --------------------------------- */ .poll-results-open { display: block; cursor: pointer; line-height: 16px; text-decoration: underline; } .poll-results { display: none; } .poll-results table th { padding-left: 40px; } .per-bar-border { display: block; position: relative; width: 100%; height: 12px; margin: 4px 0; } .per-bar { display: block; height: 12px; background: #e7e7e7; background-image: linear-gradient(bottom, #d0d0d0 0%, #e7e7e7 46%); background-image: -moz-linear-gradient(bottom, #d0d0d0 0%, #e7e7e7 46%); background-image: -webkit-linear-gradient(bottom, #d0d0d0 0%, #e7e7e7 46%); } .poll-table { width: 100%; } .poll-table tr:hover { background-color: #e7e7e7; } .poll-answer-highlight, .poll-table tr.poll-answer-highlight:hover { background-color: #FC9; } .poll-answer { width: 40%; } .poll-percent { width: 5%; } .poll-sum { width: 5%; } .poll-bar { width: 50%; } /* --------------------------------- ------------ --------------------------------- */ /* --------------------------------- ------------ ADMIN ------------ --------------------------------- */ /*a.active0, a.active1 { display: block; width: 20px; height: 20px; background: no-repeat center center; } a.active0 { background-image: url(/images/_site/_admin/cross-on.png); } a.active1 { background-image: url(/images/_site/_admin/tick-on.png); } a.secure0, a.secure1 { display: block; width: 18px; height: 22px; background: url(/images/_site/_admin/secure.png) no-repeat 0 center; } a.secure1 { background-position: -18px center; } a.trashCan { display: block; width: 20px; height: 20px; background: url(/images/_site/_admin/TrashCan.png) no-repeat center -20px; } a.trashCan:hover { background-position: center 0; }*/ .cms { line-height: normal !important; } a.cms { text-decoration: inherit; color: inherit; font-size: 12px; font-weight: bold; } div.cms { display: inline-block; float: inherit; border: 1px dashed #F00; padding: 3px; } div.cms:hover { background-color: #ccc; } div.cms:hover a.cms { color: #F00; } div.cms:hover a.cms:hover { color: #006; } #strengthCover { width: 0; height: 12px; overflow: hidden; margin: 0; padding: 0; } #strengthTxt { width: 180px; height: 12px; line-height: 12px; color: #767776; font-size: 10px; margin: 0; padding: 0; } img.preview { cursor: pointer; } a.disOrderUp, a.disOrderDown { display: block; width: 20px; height: 10px; background: no-repeat center center; } a.disOrderUp { background-image: url(/images/_site/_admin/arrow-up.png); } a.disOrderDown { background-image: url(/images/_site/_admin/arrow-down.png); } a.disOrderUp:hover { background-position: center 1px; } a.disOrderDown:hover { background-position: center 3px; } a.disOrderTop, a.disOrderBottom { margin-top: 5px; } /* --------------------------------- COMMENTS --------------------------------- */ .admin-control { float: right; margin: -10px 15px 10px 0; padding: 2px 5px; background-color: #FFC; border: 2px solid #F00; } .admin-control a { display: inline-block; width: 25px; margin-left: 5px; height: 20px; text-align: center; } /* --------------------------------- -------- --------------------------------- */ /* --------------------------------- SEARCH --------------------------------- */ #site-search { display: block; position: absolute; top: 84px; right: 50%; text-align: left; margin-right: -485px; } #site-search .textbox { width: 292px; } .search-item { padding: 10px 0; border-bottom: 1px solid #dedede; } .search-button {} .search-image { margin: 0 5px 0 0; } /* --------------------------------- -------- --------------------------------- */ /* --------------------------------- PRINT BUTTON --------------------------------- */ .print-holder { display: block; text-align: center; } .print-button { display: block; width: 350px; height: 40px; cursor: pointer; margin: 0 auto; background: url(/images/_site/default/print.png) no-repeat center center; } .print-button span { display: none; } /* --------------------------------- -------- --------------------------------- */ /* ------------ ------------ ------------ ------------ ADMIN MENU PULL OUT ------------ ------------ ------------ ------------ */ #admin-pull-out { display: block; position: fixed; top: -250px; left: 0; margin-left: 0; width: 100%; height: auto; text-align: left; padding: 25px 25px 25px 20px; cursor: pointer; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background: #f5f5f5; z-index: 2001; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; -moz-box-shadow: 0px 0px 5px #757575; -webkit-box-shadow: 0px 0px 5px #757575; } /*#admin-pull-out:hover { width: auto; }*/ #admin-pull-out .padlock { display: none; } #admin-pull-out a { display: block; width: 23%; min-width: 150px; padding: 5px 10px; line-height: 16px; margin: 5px 1%; text-decoration: none; text-align: left; color: #565656; float: left; } #admin-pull-out a:hover { color: #f5f5f5; background-color: #565656; } .attention { font-weight: bold; color: #900; } #admin-pull-out a:hover .attention { color: #fff; } #admin-pull-out .tab { position: absolute; width: 120px; height: 25px; left: 50%; bottom: -25px; margin-left: -60px; background: url(/images/_site/_admin/admin-menu-padlock-sm.png) no-repeat center bottom #f5f5f5; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } /* ------------ ------------ ------------ ------------ ------------------- ------------ ------------ ------------ ------------ */ .taskComplete { display: block; position: fixed; z-index: 100000; top: 50px; left: 30%; right: 30%; font-weight: bold; color: #F00; text-align: center; border: 1px solid #F00; padding: 10px; margin-bottom: 5px; background: url(/images/_site/default/alert-bg.gif) repeat 0 0 #FF9; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; -moz-box-shadow: 0 0 1em #757575; -webkit-box-shadow: 0 0 1em #757575; box-shadow: 0 0 1em #757575; } /* ------------ ------------ ------------ ------------ ------------ CMS CONTENT ------------ ------------ ------------ ------------ ------ */ .cms-holder { display: block; width: 100%; margin: 10px 0; } .cms-help { display: block; width: 50px; height: 26px; line-height: 26px; text-indent: 15px; float: left; } .cms-controls, .cms-last-update { display: block; height: 26px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; border-bottom: none; float: right; } .side-cms .cms-last-update { height: 28px; line-height: 14px; } .cms-controls a { display: block; margin: 3px 6px 0 0; float: right; } .cms-controls a.act { float: left; margin: 3px 0 0 6px; } .cms-last-update { width: auto; line-height: 26px; text-align: right; margin-right: 5px; border: none; } .cms-move { display: block; position: absolute; left: -24px; top: 2px; width: 22px; height: 57px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: none; float: left; background-color: #fff; } .cms-controls-side { display: block; width: 22px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: none; margin-left: -24px; padding-bottom: 3px; float: left; background-color: #fff; } .cms-move img, .cms-controls-side img { display: inline-block; margin: 5px 2px 3px 1px; } .cms-content { display: inline-block; position: relative; width: 100%; padding-top: 5px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; } .cms-content-active0 { background-color: #f5f5f5; } .cms-content-active0 .not-display-message { display: block; } .cms-content-active1 .not-display-message { display: none; } .cms-content .page-image { max-width: 100% !important; width: auto; height: auto; } .cms-content h1, .cms-content h2, .cms-content p, .cms-content .page-image, .cms-content .textimage { width: auto; } .colour-select { display: block; position: relative; width: 23px; height: 18px; border: 1px solid #eee; padding: 1px 12px 1px 1px; margin: 2px 6px 2px 2px; background: url(/images/_site/_admin/arrow-down-sm.png) no-repeat 24px 7px #fff; float: right; overflow: hidden; z-index: 3; } .colour-select:hover { height: 133px; } .colour-select a, .colour-select div { display: block; width: 19px; height: 16px; margin: 0 0 1px !important; border: 1px solid #eee; background-color: #ccc; float: none !important; } .colour-select a:hover, .colour-select div:hover { border: 1px solid #999; } .new-content-box { position:absolute; height: 30px; overflow: hidden; top: 0; left: 0; cursor: pointer; margin-bottom: 15px; border: 1px solid #dedede; border-top: 1px solid #eee; border-left: 1px solid #eee; background-color: #fff; -moz-box-shadow: 0px 3px 3px #757575; -webkit-box-shadow: 0px 3px 3px #757575; z-index: 500; } #header-pane .new-content-box { z-index: 501; } #side-pane .new-content-box { z-index: 499; } #footer-pane .new-content-box { z-index: 498; } #foot-pane .new-content-box { z-index: 497; } /*.new-content-box:hover { height: auto; }*/ .new-content-box-head { display: block; width: 100%; height: 30px; line-height: 30px; background-color: #f5f5f5; color: #5b5b5b; font-size: 13px; border-bottom: 1px solid #dedede; } .new-content-box-head img { display: inline-block; margin: 5px 6px 0 0; padding: 0; float: left; } .new-content-box-content { font-size: 12px; margin: 0; padding: 7px 7px 20px 7px; line-height: 20px; } .new-content-box-content a { display: block; width: 31%; height: 22px; line-height: 22px; padding: 3px 1%; color: #5b5b5b !important; margin: 0px 0 5px 0; text-decoration: none !important; float: left; } #side-pane .new-content-box-content a { width: 98%; } .new-content-box-content a:hover { color: #F60; font-weight: bold; background-color: #f5f5f5; } .new-content-box-content a img { display: inline-block; margin: 0 3px; padding: 0; float: left; } .new-content-box-title { margin-left: 7px; } .new-content-box-pad { display: block; padding-bottom: 35px; } /* ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */ .testimonial { display: block; margin: 16px 20px; padding: 10px; line-height: 24px; background-color: #f5f5f5; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .testimonial-quotes-1, .testimonial-quotes-2 { display:block; width: 90px; height: 90px; background: url(/images/_site/default/quotes/black.png) no-repeat right top; margin: 10px 10px 10px 0; float: left; } .testimonial-quotes-2 { background: url(/images/_site/default/quotes/black2.png) no-repeat left top; margin: 10px 0 10px 10px; float: right; } .testimonial-highlight { font-size: 24px; } .testimonial-preview { display: block; } .testimonial-preview .testimonial { margin: 0; padding: 0; border: none; } .testimonial-preview .testimonial p { padding: 20px 10px; } /* ------------ ------------ ------------ ------------ ------------ Social Find Us Buttons ------------ ------------ ------------ ------------ ------ */ .social-find-us-buttons { text-align: center; margin-bottom: 25px; } .social-title { font-weight: normal; font-size: 16px; line-height: normal; color: #5b5b5b; margin: 5px 0 10px; } /*@font-face { font-family: 'icons'; src:url('style/fonts/icons/fonts/icons.eot?-qrkyek'); src:url('style/fonts/icons/fonts/icons.eot?#iefix-qrkyek') format('embedded-opentype'), url('style/fonts/icons/fonts/icons.woff?-qrkyek') format('woff'), url('style/fonts/icons/fonts/icons.ttf?-qrkyek') format('truetype'), url('style/fonts/icons/fonts/icons.svg?-qrkyek#icomoon') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'icon'; src:url('style/fonts/Icomoon-70/fonts/icomoon.eot?-qrkyek'); src:url('style/fonts/Icomoon-70/fonts/icomoon.eot?#iefix-qrkyek') format('embedded-opentype'), url('style/fonts/Icomoon-70/fonts/icomoon.woff?-qrkyek') format('woff'), url('style/fonts/Icomoon-70/fonts/icomoon.ttf?-qrkyek') format('truetype'), url('style/fonts/Icomoon-70/fonts/icomoon.svg?-qrkyek#icomoon') format('svg'); font-weight: normal; font-style: normal; }*/ @font-face { font-family: 'icon'; src:url('style/fonts/_icons/fonts/icomoon.eot?b992c2'); src:url('style/fonts/_icons/fonts/icomoon.eot?#iefixb992c2') format('embedded-opentype'), url('style/fonts/_icons/fonts/icomoon.ttf?b992c2') format('truetype'), url('style/fonts/_icons/fonts/icomoon.woff?b992c2') format('woff'), url('style/fonts/_icons/fonts/icomoon.svg?b992c2#icomoon') format('svg'); font-weight: normal; font-style: normal; } .icon, .icons, .trashCan, a.active0, a.active1, .secure0, .secure1 { font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-size: 16px; text-decoration: none !important; font-variant: normal; text-transform: none; line-height: 1; /* Enable Ligatures ================ */ -webkit-font-feature-settings: "liga"; -moz-font-feature-settings: "liga=1"; -moz-font-feature-settings: "liga"; -ms-font-feature-settings: "liga" 1; -o-font-feature-settings: "liga"; font-feature-settings: "liga"; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons { font-family: 'icon'; } .icon-star1, .icon-star0, .trashCan, .icon-trash-o, .icon-trash, .icon-pound, .icon-image, .icon-edit, .icon-multibuy, a.active1, a.active0, .secure0, .secure1, .icon-link { font-size: 24px; } .icon-chevron-thin-right:before { content: "\e900"; } .icon-chevron-thin-left:before { content: "\e901"; } .icon-controller-jump-to-start:before { content: "\e902"; } .icon-controller-next:before { content: "\e903"; } .icon-triangle-left:before { content: "\e904"; } .icon-triangle-right:before { content: "\e905"; } .icon-zoomin:before { content: "\e800"; color: #b2b2b2; } .icon-zoomout:before { content: "\e801"; color: #b2b2b2; } .icon-photo:before, .icon-image:before { content: "\f03e"; color: #465faf; } .icon-upsell:before, .icon-random:before { content: "\f074"; } .icon-link:before { content: "\f0c1"; } .icon-star1:before, .icon-star:before { content: "\f005"; color: #f6bf47; } .icon-star0:before, .icon-star-o:before { content: "\f006"; color: #c9c9c9; } .trashCan:hover:before, .icon-trash:before { content: "\f1f8"; color: #666; } .trashCan:before, .icon-trash-o:before { content: "\f014"; color: #b2b2b2; } .icon-pound:before, .icon-coin-pound:before { content: "\e602"; color: #090; } .icon-image:before { content: "\f03e"; color: #465faf; } .icon-edit:before { content: "\f044"; color: #788fa6; } .icon-multibuy:before, .icon-bookmarks:before { content: "\e603"; color: #f6bf47; } a.active1:before, .icon-check:before { content: "\f00c"; color: #57af46; } a.active0:before, .icon-close:before { content: "\f00d"; color: #f1dada; } .icon-lock:before, .secure1:before { content: "\f023"; } .icon-unlock-alt:before, .secure0:before { content: "\f13e"; color: #b2b2b2; } .icon-home:before { content: "\e600"; } .icon-cart:before { content: "\e601"; font-size: 27px; } .icon-th-menu:before { content: "\e60f"; } .icon-th-menu-outline:before { content: "\e610"; } .icon-menu:before { content: "\e611"; } .icon-google-plus:before { content: "\e606"; } .icon-facebook:before { content: "\e607"; } .icon-twitter:before { content: "\e608"; } .icon-youtube4:before { content: "\e609"; } .icon-tumblr:before { content: "\e60a"; } .icon-skype:before { content: "\e60b"; } .icon-linkedin2:before { content: "\e60c"; } .icon-stumbleupon2:before { content: "\e60d"; } .icon-pinterest:before { content: "\e60e"; } /* .icon-pinterest:before { content: "\ead0"; } .icon-pinterest2:before { content: "\ead1"; } .icon-facebook:before { content: "\ea8c"; } .icon-facebook2:before { content: "\ea8d"; } .icon-facebook3:before { content: "\ea8e"; } .icon-twitter:before { content: "\ea91"; } .icon-twitter2:before { content: "\ea92"; } .icon-twitter3:before { content: "\ea93"; } .icon-google-plus:before { content: "\ea88"; } .icon-google-plus2:before { content: "\ea89"; } .icon-google-plus3:before { content: "\ea8a"; } .icon-youtube:before { content: "\ea97"; } .icon-youtube2:before { content: "\ea98"; } .icon-youtube3:before { content: "\ea99"; } .icon-youtube4:before { content: "\ea9a"; } .icon-linkedin2:before { content: "\eac8"; } .icon-linkedin:before { content: "\eac9"; } .icon-stumbleupon:before { content: "\eacd"; } .icon-stumbleupon2:before { content: "\eace"; } .icon-star1:before { content: "\f005"; color: #f6bf47; } .icon-star0:before { content: "\f006"; color: #c9c9c9; } .trashCan:before, .icon-trash-o:before { content: "\f014"; color: #b2b2b2; } .trashCan:hover:before, .icon-trash:before { content: "\f1f8"; color: #666; } .icon-pound:before { content: "\e93d"; color: #090; } .icon-image:before { content: "\f03e"; color: #465faf; } .icon-edit:before { content: "\f044"; color: #788fa6; } .icon-multibuy:before { content: "\e9d3"; color: #f6bf47; } a.active1:before { content: "\f00c"; color: #57af46; } a.active0:before { content: "\f00d"; color: #f1dada; } .secure1:before { content: "\f023"; } .secure0:before { content: "\f13e"; color: #b2b2b2; } .icon-link:before { content: "\f0c1"; } .icon-home:before { content: "\e900"; } .icon-cart:before { content: "\e93a"; font-size: 27px; } .icon-menu:before { content: "\e601"; } */ .social-btn { display: inline-block; margin: 4px; padding: 6px 9px 5px; font-family: arial,sans-serif; font-size: 14px; font-weight: 700; line-height: normal; text-align: center; vertical-align: middle; outline: 0; border-radius: 4px; box-shadow: 0 0 2px rgba(0,0,0,.4); cursor: pointer; text-decoration: none; box-shadow: none; background: -webkit-linear-gradient(white,#dedede); background: linear-gradient(white,#dedede); border: 1px solid #ccc; color: #00aded; } .social-btn-facebook { /*background: #4e69a2; border-color: #435a8b #3c5488 #334c83; color: #fff;*/ color: #4e69a2; } .social-btn-youtube { /*background: #cd201f; border-color: #d91d15 #c71a13 #b10f08; color: #fff;*/ color: #cd201f; } .social-btn-google-plus { color: #e24a2b; } .social-btn-stumbleupon { /*background: #ee4916; border-color: #e2410f #d33b0c #c23105; color: #fff;*/ color: #ee4916; } .social-btn-linkedin { color: #0076b7; } .social-btn-pinterest { color: #c00615; } .social-btn:active, .social-btn:focus, .social-btn:hover, .social-btn:visited, .social-btn[disabled] { text-decoration: none; background: -webkit-linear-gradient(#f8f8f8,#d9d9d9); background: linear-gradient(#f8f8f8,#d9d9d9); } /* .social-btn-facebook:focus, .social-btn-facebook:hover, .social-btn-facebook:visited { color: #fff; background: #5370ac; } .social-btn-youtube:focus, .social-btn-youtube:hover, .social-btn-youtube:visited { color: #fff; background: #f2322a; } .social-btn-google-plus:focus, .social-btn-google-plus:hover, .social-btn-google-plus:visited { color: #fff; background: #f2322a; } */ .social-btn span { margin-right: 9px; } .no-social-btn-text .social-btn-text { display: none; } .no-social-btn-text .social-btn .icon { margin-right: 0; font-size: 20px; } .no-social-btn-icon .social-btn .icon { display: none; } .no-social-btn-icon .social-btn-text { margin-right: 0; } .no-social-btn-icon .social-btn { padding: 10px 12px; } /* ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ ------------ */ .facebook-feed, .facebook-post-image { text-align: center; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .05); box-shadow: 0 1px 1px rgba(0, 0, 0, .05); background: #e9eaed; border: 1px solid; border-color: #e5e6e9 #dfe0e4 #d0d1d5; } .facebook-feed { display: block; width: 100%; max-width: 536px; margin: 0 auto; padding: 10px; } .facebook-post { display: block; position: relative; width: 100%; padding: 12px; margin: 0 auto 10px; text-align: left;background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .facebook-profile { display: block; position: relative; width: 100%; height: 42px; margin-bottom: 11px; overflow: hidden; } .facebook-profile-image { display: block; width: 42px; height: 42px; border: 1px solid rgba(0, 0, 0, .1); } .facebook-profile-image img { max-width: 40px; max-height: 40px; width: auto; height: auto; } .facebook-post-header { display: block; position: absolute; top: 0; left: 0; width: 100%; padding-left: 50px; } .facebook-profile-title, .facebook-post-date { display: block; margin-bottom: 2px; line-height: 1.38; } .facebook-profile-title a { display: block; color: #3b5998 !important; font-size: 14px; font-weight: bold; text-decoration: none !important; } .facebook-profile-title a:hover { color: #3b5998; text-decoration: underline !important; } .facebook-post-date { color: #9197a3; font-size: 12px; } .facebook-post-text { display: block; margin-bottom: 12px; font-size: 14px; word-wrap: break-word; line-height: 1.38; color: #141823; } .facebook-post-image { display: block; position: relative; border: none; } .facebook-post-image img { display: block; margin: 0 auto; max-width: 100%; max-height: 100%; width: auto; height: auto; } .payment-cards { text-align: center; } #side-pane .payment-cards img.paypal { margin-bottom: 5px; } #side-pane .payment-cards img.card { width: 24%; margin: 0 0.5%; height: auto; float: left; } #web-alert-holder { position: fixed; top: 179px; right: 30%; left: 30%; padding: 1%; text-align: left; border: 2px solid #e7841a; border-radius: 20px; background: #fce9c0; z-index: 2000; } #web-alert-holder .user-form { background: none; border: none; width: 90%; max-width: 1170px; padding: 10px 10px 0px; } #web-alert-holder h4 { font-weight: bold; color: #e7841a; } #web-alert-holder p { color: #000; } #web-alert-holder a { text-decoration: underline; } .web-alert-cover { content: ""; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.7); z-index: 1200; } .web-alert-open { display: block; position: absolute; top: -20px; right: -20px; width: 44px; height: 44px; line-height: 44px; text-align: center; color: #e7841a; font-size: 32px; background: #fce9c0; border: 2px solid #e7841a; border-radius: 50%; cursor: pointer; } .web-alert-closed { display: none; position: fixed; cursor: pointer; bottom: 0; right: 10%; border: 2px solid #e7841a; z-index: 1201; color: #e7841a; font-weight: bold; padding: 20px; border-radius: 10px 10px 0 0; border-bottom: none; background: #fce9c0; } .web-alert-hide { display: none; } #web-alert-holder.web-alert-top, #web-alert-holder.web-alert-bottom { top: 0; left: 0; right: 0; border-radius: 0; padding: 0px; } #web-alert-holder.web-alert-bottom { top: unset; bottom: 0; } .web-alert-top .web-alert-open, .web-alert-bottom .web-alert-open { top: -2px; right: -2px; border-radius: 0; } .web-alert-cover-top, .web-alert-cover-bottom { display: none !important; }