/*
     FILE ARCHIVED ON 9:05:45 Jan 31, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 7:59:23 Jun 29, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "UTF-8";
/* CSS Document */
/* reset all elements */

@import url("/templates/beez5/css/reset.css");
@font-face {
    font-family: 'Absolut Pro';
    src: url('/templates/beez5/css/absolut_pro_book_reduced-webfont.eot');
    src: url('/templates/beez5/css/absolut_pro_book_reduced-webfont.eot') format('embedded-opentype'), url('/templates/beez5/css/absolut_pro_book_reduced-webfont.svg') format('svg'), url('/templates/beez5/css/absolut_pro_book_reduced-webfont.woff') format('woff'), url('/templates/beez5/css/absolut_pro_book_reduced-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Populaire';
    src: url('/templates/beez5/css/populaire-webfont.eot');
    src: url('/templates/beez5/css/populaire-webfont.eot') format('embedded-opentype'), url('/templates/beez5/css/populaire-webfont.woff') format('woff'), url('/templates/beez5/css/populaire-webfont.ttf') format('truetype'), url('/templates/beez5/css/populaire-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* ===== GENERAL ===== */

body {
    background: white;
    font: normal 16px/24px "Absolut Pro", Helvetica, Arial, sans-serif;
    color: #8a8a8a;
}
.wrapper {
    width: 960px;
    margin: 0 auto;
    position: relative;
}
/* ===== HEADER ===== */

#header {
    float: left;
    width: 100%;
    /*background: url(/templates/beez5/images/header-bg.gif) no-repeat top center;*/

    min-height: 93px;
}
#logo {
    float: left;
    margin: 23px 0 0;
}
#menu {
    float: right;
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu li {
    float: left;
}
#menu li a {
    display: block;
    color: #232021;
    padding: 30px 17px 0;
    font: normal 28px/63px Populaire, Helvetica, Arial, sans-serif;
    text-decoration: none;
}
#menu li a:hover {
    color: #e87248;
}
#menu li.current a {
    color: #6f235b;
}
/* ===== CONTENT ===== */

#content {
    float: left;
    width: 100%;
    background: #2e0724 url(/templates/beez5/images/content-bg.jpg) no-repeat top center;
    color: white;
    -webkit-background-size: cover;
    background-size: cover;
}
.page-title {
    font: normal 72px/65px Populaire, Helvetica, Arial, sans-serif;
    color: white;
    margin: 50px 0;
}
.page-slogan {
    width: 715px;
    position: absolute;
    left: 245px;
    top: -12px;
    font: normal 21px/29px "Absolut Pro", Helvetica, Arial, sans-serif;
    color: #fee0e8;
}
h3 {
    color: white;
    font: 37px/43px Populaire, Helvetica, Arial, sans-serif;
    margin-bottom: 0;
    margin-top: 30px;
}
/* ===== HOME SLIDER ===== */

#home-slider {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px;
    background: url(/templates/beez5/images/slider-loader.gif) no-repeat 50% 50%;
}
#home-slider ul#slider-content {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 475px;
    position: relative;
}
#home-slider ul#slider-content li {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 475px;
    background-repeat: no-repeat;
    background-position: top center;
    display: none;
    z-index: 1;
}
#home-slider .slider-button {
    position: absolute;
    background: url(/templates/beez5/images/slider-button.png) no-repeat top left;
    padding: 7px 0 0;
    font: normal 48px/67px Populaire, Helvetica, Arial, sans-serif;
    color: white;
    text-decoration: none;
    width: 189px;
    text-align: center;
    right: 90px;
    top: 360px;
}
#home-slider .slider-button:hover {
    background-position: bottom left;
}
#slider-title {
    float: left;
    width: 65%;
    font: normal 19px/31px "Absolut Pro", Helvetica, Arial, sans-serif;
    color: #e87248;
}
#slider-selector {
    float: right;
    list-style: none;
    padding: 0;
    margin: 15px 0 0;
}
#slider-selector li {
    float: left;
    background: url(/templates/beez5/images/slider-selector.png) no-repeat top left;
    width: 17px;
    height: 20px;
    margin: 0 0 0 10px;
    cursor: pointer;
}
#slider-selector li:hover {
    opacity: .8;
}
#slider-selector li.current {
    background-position: bottom left;
    opacity: 1;
}
#slider-right {
    background: url(/templates/beez5/images/slider-right.png) no-repeat top right;
    width: 52px;
    height: 84px;
    position: absolute;
    right: 0;
    top: 220px;
    cursor: pointer;
    display: none;
    z-index: 1000;
}
#slider-left {
    background: url(/templates/beez5/images/slider-left.png) no-repeat top left;
    width: 52px;
    height: 84px;
    position: absolute;
    left: 0;
    top: 220px;
    cursor: pointer;
    display: none;
    z-index: 1000;
}
h5 {
    color: #fff;
    font: 20px/30px "Absolut Pro", Helvetica, Arial, sans-serif;
}
h5 a {
    color: #FFEFC8;
}
/* ===== FREE DESIGN ===== */

#freedesign, .freedesign {
    float: left;
    background: url(/templates/beez5/images/freedesign-bg.png) no-repeat top left;
    width: 1051px;
    height: 150px;
    position: relative;
    margin: -15px 0 0 -45px;
}
#freedesign input, .freedesign input {
    font: normal 16px/16px "Absolut Pro", Helvetica, Arial, sans-serif;
    color: #5a2e52;
    background: none;
    outline: none;
}
#freedesign-school {
    position: absolute;
    border: none;
    left: 199px;
    top: 36px;
    padding: 11px 10px 10px;
    width: 138px;
}
#freedesign-name {
    position: absolute;
    border: none;
    left: 367px;
    top: 36px;
    padding: 11px 10px 10px;
    width: 138px;
}
#freedesign-email {
    position: absolute;
    border: none;
    left: 533px;
    top: 36px;
    padding: 11px 10px 10px;
    width: 138px;
}
#freedesign-address {
    position: absolute;
    border: none;
    left: 699px;
    top: 36px;
    padding: 11px 10px 10px;
    width: 163px;
}
#freedesign-submit {
    background: url(/templates/beez5/images/freedesign-button.png) no-repeat top left !important;
    width: 107px;
    height: 43px;
    top: 35px;
    right: 50px;
    border: none;
    position: absolute;
    cursor: pointer;
}
#freedesign-submit:hover {
    background-position: bottom left !important;
}
.chronoform {
    display: none;
}
.ccms_form_element {
    /*display:inline-block;*/
}
.ordernow {
    margin-left: 5px;
    margin-top: 6px;
}
/* ===== LEADERS ===== */

#leaders, .leaders {
    float: left;
    width: 100%;
    margin: 0 0 50px;
}
#leaders h2, .leaders h2 {
    font: normal 46px/60px Populaire, Helvetica, Arial, sans-serif;
    color: white;
    margin-bottom: -10px;
    padding-top: 8px;
}
#leaders a, .leaders a {
    display: block;
    background: url(/templates/beez5/images/leaders-button.png) no-repeat top left;
    width: 82px;
    height: 29px;
    text-align: center;
    font: normal 17px/29px Populaire, Helvetica, Arial, sans-serif;
    padding-top: 4px;
    color: white;
    text-transform: none;
    margin: -10px 0 0;
}
#leaders a:hover, .leaders a:hover {
    background-position: bottom left;
    text-decoration: none;
}
.leader-perfect-fit {
    background: url(/templates/beez5/images/leader-perfect-fit.png) no-repeat 0 0;
    padding-left: 65px;
    padding-top: 5px;
}
.leader-protection {
    background: url(/templates/beez5/images/protection.png) no-repeat 0 0;
    padding-left: 55px;
    padding-top: 5px;
}
.leader-customise {
    background: url(/templates/beez5/images/leader-customise.png) no-repeat 0 0;
    padding-left: 45px;
    padding-top: 5px;
}
.leader-last {
    line-height: 41px !important;
    letter-spacing: -1px;
    margin: 32px 0 0;
}
.leader-last span {
    color: #e87248;
    display: block;
}
#leaders a, .button {
    display: block;
    background: url(/templates/beez5/images/leaders-button.png) no-repeat top left;
    width: 82px;
    height: 29px;
    text-align: center;
    font: normal 17px/29px Populaire, Helvetica, Arial, sans-serif;
    padding-top: 4px;
    color: white;
    text-transform: none;
    margin: -10px 0 0;
}
/* ===== GALLERY ===== */

#gallery {
    float: left;
    position: relative;
    /*height: 720px;*/

    height: 526px;
    margin: -60px 0 50px;
    padding: 60px 0 0;
    width: 100%;
    overflow: hidden;
    background: url(/templates/beez5/images/gallery-shadow.png) no-repeat 50% 0px;
}
#gallery-images {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    width: 20000px;
}
#gallery-images li {
    float: left;
    margin: 0 2px 0 0;
    display: block;
}
#gallery-images li img {
    display: block;
}
#gallery-thumbs {
    float: left;
    width: 100%;
    position: relative;
    height: 229px;
    /*margin: 510px 0 0;*/

    margin-top: -86px;
    overflow: hidden;
}
#gallery-thumbs-left {
    background: url(/templates/beez5/images/gallery-thumbs-left.png) no-repeat top left;
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 229px;
    z-index: 10;
}
#gallery-thumbs-right {
    background: url(/templates/beez5/images/gallery-thumbs-right.png) no-repeat top left;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    height: 229px;
    z-index: 10;
}
#gallery-thumbs ul {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    left: 0;
    top: 50px;
    width: 2000px;
    z-index: 5;
}
#gallery-thumbs ul li {
    float: left;
    cursor: pointer;
    margin: 0 4px 0 0;
}
#gallery-thumbs ul li img {
    display: block;
}
.gallery-loading {
    background: url(/templates/beez5/images/slider-loader.gif) no-repeat 50% 200px;
}
/* ===== FOOTER ===== */

#footer {
    float: left;
    width: 100%;
    padding: 30px 0;
    font-size: 14px;
    line-height: 25px;
    background: none repeat scroll 0 0 #23071D;
}
#footer span {
    color: #fff !important;
}
#footer a {
    color: #fff;
    text-decoration: none;
}
#footer .separator {
    display: inline-block;
    margin: 0 10px;
    color: #c6c6c6;
}
#footer-top {
    color: #c6c6c6;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
#footer-bottom {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
#footer-bottom a {
    color: #aaaaaa;
}
#footer-bottom a:hover {
    color: #dddddd;
}
.button-big {
    display: inline-block;
    background: url(/templates/beez5/images/buttonbig.png) no-repeat top left;
    width: 189px;
    height: 70px;
    text-align: center;
    font: normal 48px/70px Populaire, Helvetica, Arial, sans-serif;
    padding: 4px 0 0;
    color: white;
    text-decoration: none;
}
.button-big:hover {
    text-decoration: none;
    background-position: bottom left;
}
.banner {
    width: 960px;
    height: 484px;
    overflow: hidden;
    background: url(/templates/beez5/images/bannerline.png) no-repeat bottom;
    ;
    position: relative;
}
.photoOriginal {
    width: 591px;
    height: 484px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 500;
}
.slogan {
    width: 470px;
    height: 484px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 501;
}
h1, h2 {
    font-family: 'Populaire';
    font-weight: normal;
}
h1 {
    font-size: 120px;
}
h2 {
    font-size: 52px;
    line-height: 1em;
}
.slogan h2 {
    color: #f0c8e5;
    margin: 0;
}
.slogan h1 {
    line-height: 1em;
    margin: 80px 0 0 0;
}
.getsample {
    width: 157px;
    height: 60px;
    overflow: hidden;
    display: block;
    background: url(/templates/beez5/images/getsample.png);
    margin-top: 10px;
}
.getsample:hover {
    background-position: bottom;
}
.content {
    overflow: hidden;
    width: 960px;
    padding-bottom: 90px;
}
.columns {
    width: 980px;
    overflow: hidden;
}
.column {
    width: 225px;
    min-height: 675px;
    margin-right: 20px;
    float: left;
    display: inline;
    overflow: hidden;
    margin-bottom: 50px;
}
.new {
    font-size: 65px;
}
.new span {
    color: #e87248;
}
.column h2 {
    font-size: 36px;
    text-align: center;
}
.column p {
    text-align: center;
    padding: 0 27px;
}
h2 a {
    color: #fff;
}
h2 a:hover {
    text-decoration: none;
    color: #f0c8e5;
}
.iaminterested {
    width: 110px;
    height: 42px;
    overflow: hidden;
    display: block;
    background: url(/templates/beez5/images/iaminterested.png);
    margin: 0 auto;
}
.iaminterested:hover {
    background-position: bottom;
}
.column .iaminterested {
    margin-top: -10px;
}
.bottomProduct {
    width: 100%;
    height: 359px;
    background: #f0f0f0;
}
.bottomCenter {
    width: 960px;
    margin: 0 auto;
    height: 359px;
    position: relative;
}
.theProduct {
    position: absolute;
    top: -20px;
    left: 170px;
}
.arrow {
    position: absolute;
    width: 28px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
    background: url(/templates/beez5/images/arrow.png);
    z-index: 502;
}
.arrow:hover {
    background-position: bottom;
}
.discription {
    position: absolute;
    overflow: hidden;
    padding: 20px 25px 15px 40px;
    max-width: 210px;
    background: #e87248;
    top: 100px;
    left: 600px;
    z-index: 503;
}
.discription h2 {
    font-size: 27px;
    margin-bottom: 0;
}
.discription p {
    font-size: 14px;
    line-height: 1.4em;
    margin-top: 9px;
}
.close {
    width: 28px;
    height: 28px;
    overflow: hidden;
    cursor: pointer;
    background: url(/templates/beez5/images/closebutton.png);
    position: absolute;
    top: 5px;
    left: 5px;
    background-position: bottom;
}
.close:hover {
    background-position: top;
}
.two-thirds {
    padding-top: 40px;
    padding-bottom: 100px;
}
.wrapper p {
    margin-top: 0.6em;
}
.inputfield, .cfdiv_text input {
    width: 470px;
    height: 45px;
    overflow: hidden;
    background: url(/templates/beez5/images/input.gif) no-repeat !important;
    margin-bottom: 10px;
}
.cfdiv_text label, .cfdiv_checkboxgroup div label {
    font-family: 'Absolut Pro';
    font-size: 16px;
    padding-bottom: 6px;
    padding-top: 8px;
}
.cfdiv_checkboxgroup div label {
    margin-left: 16px;
}
.cfdiv_checkboxgroup div input {
    display: none !important;
}
.inputfield2 {
    width: 470px;
    height: 45px;
    overflow: hidden;
    background: none;
    margin-bottom: 6px;
}
.lable {
    font-family: 'Absolut Pro';
    padding-top: 8px;
    padding-bottom: 6px;
    font-size: 16px;
}
.lable2 {
    font-size: 16px;
    font-family: 'Absolut Pro';
    padding-top: 4px;
    float: left;
    display: inline;
    width: 177px;
    margin-top: 7px;
}
.inputfield input, .cfdiv_text input {
    padding: 13px;
    border: none;
    font-family: 'Absolut Pro';
    font-size: 16px;
    color: #777;
    width: 444px;
    background: none;
}
.checkboxthing {
    float: left;
    display: inline;
    margin-right: 18px;
    margin-top: 7px;
}
.two-thirds p {
    font-size: 16px;
}
.checkboxthing2 {
    float: left;
    display: inline;
    background: url(/templates/beez5/images/shortimput.png);
}
.checkboxthing2 input {
    background: none;
    border: medium none;
    color: #777777;
    font-family: 'Absolut Pro';
    font-size: 16px;
    padding: 14px 13px;
    width: 219px;
}
.inquirenow {
    width: 157px;
    height: 60px;
    background: url(/templates/beez5/images/inquirenow.png);
    display: block;
    margin-top: 25px;
    cursor: pointer;
    text-indent: -9999px;
    border: none !important;
}
.inquirenow:hover {
    background-position: bottom;
}
.two-thirds p.note {
    font-family: 'Absolut Pro';
    font-size: 13px;
    color: #ffefc8;
    margin-top: 30px;
}
.wrapper p, .wrapper p a {
    font: 20px/30px "Absolut Pro", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6em;
}
.wrapper p a {
    color: #ffefc8;
}
.wrapper p a:hover {
    text-decoration: none;
    color: #fff;
}
.cfdiv_text label {
    width: 250px;
}
.quantity_lap {
    width: 215px !important;
    position: absolute;
    left: 244px;
}
.cfdiv_text label {
    font-weight: normal;
}
.quantity_tablet {
    width: 215px !important;
    position: absolute;
    left: 244px;
    top: 60px;
}
#chronoform_ordernow .cfdiv_text input {
    height: 20px;
}
.quantity_phone {
    width: 215px !important;
    position: absolute;
    left: 244px;
    top: 120px;
}
.quantity_surv {
    width: 215px !important;
    position: absolute;
    left: 244px;
    top: 150px;
}
#qty_lap_container_div {
    position: relative;
    top: 0px;
    display: none;
}
#qty_tab_container_div {
    position: relative;
    top: -5px;
    display: none;
}
#qty_phone_container_div {
    position: relative;
    top: -11px;
    display: none;
}
#qty_surv_container_div {
    position: relative;
    top: 12px;
    display: none;
}
.big-about {
    background: url(/templates/beez5/images/order-now-big-button.png);
    width: 189px;
    height: 74px;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    text-indent: -9999px;
}
.big-about:hover {
    background-position: bottom;
}
.findoutabout {
    width: 108px;
    height: 43px;
    overflow: hidden;
    display: block;
    background: url(/templates/beez5/images/find-out-more-about.png);
    text-indent: -9999px;
}
.findoutabout:hover {
    background-position: bottom;
}
.slider_text {
    font-family: 'Absolut Pro';
    font-size: 19px;
    line-height: 1.6em;
    color: #e87248;
    width: 640px;
    display: block;
}
.whiteSpan {
    color: #fff;
}
.wrapper p.sampleText {
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: 202px;
    font-family: 'Absolut Pro';
    font-size: 13px;
    color: #8c537d;
}
.item-page h2 {
    margin-bottom: 40px;
}
.item-page h2 {
    margin-bottom: 40px;
}
.item-page h2.new {
    text-align: left;
    font-size: 55px;
    margin-top: 10px;
}
.slogan .getsample {
    margin-top: -20px;
}
.item-page .column h2 {
    margin-bottom: 20px;
}
.catalogueDownload .heading {
    margin-top: 55px;
}
.catalogueDownload p {
    margin-bottom: 10px;
}