html,
html a { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004); }

body { font-size: 75%; font-family: Arial, Sans-Serif; color: #5d5e65; background-color: #767c92; margin: 0 auto; font-size: 14px; padding: 0px; }

/* $WRAPPER 
- Content used for smaller screen size 1024x768) however main wrapper is 1033 for larger banners.
*/
.content { width: 960px; margin: 0 auto; }

.mainWrapper { width: 1033px; background: #fff; margin: 0 auto; /* overflow:hidden; */ position: relative; }

.pageContent { /*overflow: hidden;*/ padding-top: 30px; }

/* $FONTS */
@font-face { font-family: 'OpenSansItalic'; src: url('../fonts/opensans-italic-webfont.eot'); src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-italic-webfont.woff') format('woff'), url('../fonts/opensans-italic-webfont.ttf') format('truetype'), url('../fonts/opensans-italic-webfont.svg#OpenSansItalic') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansRegular'; src: url('../fonts/opensans-regular-webfont.eot'); src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#OpenSansRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'OpenSansSemiboldRegular'; src: url('../fonts/opensans-semibold-webfont.eot'); src: url('../fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-semibold-webfont.woff') format('woff'), url('../fonts/opensans-semibold-webfont.ttf') format('truetype'), url('../fonts/opensans-semibold-webfont.svg#OpenSansSemiboldRegular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Helvetica'; src: url('../fonts/helvetica-webfont.eot'); src: url('../fonts/helvetica-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/helvetica-webfont.woff') format('woff'), url('../fonts/helvetica-webfont.ttf') format('truetype'), url('../fonts/helvetica-webfont.svg#helveticaregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Geo'; src: url('../fonts/geosanslight-webfont.eot'); src: url('../fonts/geosanslight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geosanslight-webfont.woff') format('woff'), url('../fonts/geosanslight-webfont.ttf') format('truetype'), url('../fonts/geosanslight-webfont.svg#geosanslightregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Copperplate'; src: url('../fonts/copperplate-webfont.eot'); src: url('../fonts/copperplate-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/copperplate-webfont.woff') format('woff'), url('../fonts/copperplate-webfont.ttf') format('truetype'), url('../fonts/copperplate-webfont.svg#copperplate_gothic_lightRg') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'lucidaCal'; src: url('../fonts/lucida-webfont.eot'); src: url('../fonts/lucida-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lucida-webfont.woff') format('woff'), url('../fonts/lucida-webfont.ttf') format('truetype'), url('../fonts/lucida-webfont.svg#lucida_calligraphyitalic') format('svg'); font-weight: normal; font-style: normal; }



.Arial { font-family: Arial, Helvetica; }
.Times { font-family: Times New Roman; }
.Helvetica { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
.GillSans { font-family: Gill Sans, Gill Sans MT; }
.CenturyGothic { font-family: Century Gothic, ITC Avant Garde Book, Geo; }
.Copperplate { font-family: Copperplate Gothic, Copperplate; }
.Corvisa { font-family: 'Monotype Corsiva', 'Apple Chancery', 'ITC Zapf Chancery', 'URW Chancery L', cursive; }
.Lucida { font-family: Lucida Calligraphy, 'lucidaCal'; }


/* $REUSABLE STYLES */

.rounded { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.transition { -moz-transition: all 0.3s; /* FF4+ */ -webkit-transition: all 0.3s; /* Saf3.2+, Chrome */ -o-transition: all 0.3s; /* Opera 10.5+ */ -ms-transition: all 0.3s; /* IE10? */ transition: all 0.3s; /* Standard */ }

/* $FORM STYLES 
-----------------------------------------------------------*/
fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }

legend { font-size: 1.2em; font-weight: bold; }

textarea { min-height: 75px; }

.editor-label { margin: 1em 0 0 0; }

.editor-field { margin: 0.5em 0 0 0; }


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: bold; color: #ff0000; }

.validation-summary-valid { display: none; }

ul { list-style: disc outside url("../images/ico_list.png"); margin-left: 20px; }
li { padding-bottom: 10px; }

img { }

h1, h2, h3, h4 { font-family: OpenSansRegular, Arial, Sans-Serif; }

h1 { color: #4DADBA; font-family: 'OpenSansSemiboldRegular'; margin-top: 0; font-size: 24px; font-weight: normal; }

h2 { font-weight: normal; color: #383d50; line-height: 1.4em; font-size: 18px; font-family: 'OpenSansSemiboldRegular'; }

    h2 em { font-family: 'OpenSansItalic'; font-style: normal; }

h3 { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; }

h4 { }

a { color: #4DADBA; }

p { line-height: 1.5em; margin: 0px; padding: 0px 0 1em 0; }

blockquote { margin: 10px 0; padding: 5px 15px 10px 52px; background: url(../images/bg_quote.png) no-repeat 12px 15px #E6F3F9; -moz-border-radius: 10px; border-radius: 10px; }

blockquote { font-family: 'OpenSansRegular'; font-size: 16px; padding-top: 15px; }

    blockquote strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #272b38; }



#mainHead { position: relative; z-index: 30; border-top: 7px solid #52b7bd; }

    #mainHead .content { position: relative; min-height: 80px; }

/* $MAINNAV */
#mainNav { bottom: 8px; right: 0px; width: 100%; display: block; height: 36px; clear: both; padding-top: 10px; }

    #mainNav ul { list-style: none; padding: 0 40px; margin: 0px; }
    #mainNav > ul { border-bottom: 5px solid #2a2e3d; height: 32px; }
    #mainNav li { list-style: none; padding: 0px; margin: 0px; }

    #mainNav > ul > li { background: url(../images/nav_tile.png) repeat 0 0; margin-right: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

        #mainNav > ul > li a { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }

    #mainNav li.first { border-left: none; }

    #mainNav li.last { border-right: none; }

    #mainNav li a { text-decoration: none; }

    #mainNav .level-1 > li { position: relative; }

        #mainNav .level-1 > li > a { color: white; line-height: 24px; text-decoration: none; font-weight: bold; padding: 7px 14px; display: block; height: 18px; float: left; -moz-transition: border-color 0.3s; /* FF4+ */ -webkit-transition: border-color 0.3s; /* Saf3.2+, Chrome */ -o-transition: border-color 0.3s; /* Opera 10.5+ */ -ms-transition: border-color 0.3s; /* IE10? */ transition: border-color 0.3s; /* Standard */ }


        #mainNav .level-1 > li:hover > a { background-color: #4DADBA; height: 18px; }

        #mainNav .level-1 > li.on:hover { background-color: #363A4B; }

            #mainNav .level-1 > li.on:hover > a { background-color: #4DADBA; border-bottom: none; height: 21px; }

    #mainNav .level-2 > li a:hover { color: #4DADBA; }

    #mainNav .level-1 > li:hover .level-2 { top: 35px; left: 0px; /*padding: 14px 14px 10px 18px;*/ padding: 0; }

    #mainNav .level-1 > li .level-2 { position: absolute; left: -9999px; top: -9999px; background: #363A4B; min-width: 212px; border: 1px solid #2D3141; border-top: none; }

        #mainNav .level-1 > li .level-2 > li { float: left; display: inline-block; /*overflow: hidden;*/ clear: both; width: 100%; }

    #mainNav .level-1 > li .level-3 li a { word-wrap: no-break; white-space: nowrap; display: block; width: 100%; color: #fff; float: left; padding: 10px 18px; }
        #mainNav .level-1 > li .level-3 li a:hover { color: #4DADBA; }

    #mainNav .level-2 > li > a { font-size: 1.07em; font-weight: normal; color: #ebebeb; padding-bottom: 7px; display: block; width: 85%; padding: 10px 18px; *width: 180px; }

    #mainNav .level-1 > li .level-2 > li { width: 100%; border: none; }

    #mainNav .level-1 > li .level-3 li { width: 100%; clear: both; display: block; padding-bottom: 5px; }

        #mainNav .level-1 > li .level-3 li.last { padding-bottom: 0px; }

    #mainNav li { float: left; display: inline-block; }

    #mainNav .level-1 > li.selected > a { background-color: #4DADBA; }

    #mainNav .level-2 li.selected a { color: #4DADBA; }

    #mainNav .level-1 > .buy-online > a { background: url(../images/nav_basket.png) no-repeat 5px 13px; padding-left: 30px; display: block; }

    #mainNav ul.level-1 li.news,
    #mainNav ul.level-1 li.architects-specifiers,
    #mainNav ul.level-1 li.info-for-contractors,
    #mainNav ul.level-1 li.case-studies,
    #mainNav ul.level-1 li.specialist-installations { display: none; }

    /*3rd*/
    #mainNav .level-3 { display: none; }
    #mainNav .level-2 > li:hover .level-3 { top: 0px; right: 213px; padding: 0; position: absolute; display: block; background: #363A4B; z-index: 8; min-width: 160px; }
    #mainNav .level-1 > li .level-2 > li { position: relative; }



/* $SIDENAV */
#sideNav { width: 100%; margin-bottom: 25px; }

    #sideNav ul { list-style: none; padding: 0px; margin: 0px; }

    #sideNav li { list-style: none; padding: 0px; margin: 0px; }

    #sideNav ul li { background: url(../images/sidenav_tile.png) repeat-x 0 0; }

    #sideNav li.first { border-left: none; }

    #sideNav li.last { border-right: none; }

    #sideNav li a { text-decoration: none; color: #383D50; }

    #sideNav .level-1 > li { position: relative; border: 1px solid #E5E5E5; margin-bottom: 3px; }

        #sideNav .level-1 > li > a { height: 25px; line-height: 24px; text-decoration: none; font-weight: bold; padding: 8px 16px; display: block; }

        #sideNav .level-1 > li:hover > a { text-decoration: underline; }

        #sideNav .level-1 > li.on:hover { }

            #sideNav .level-1 > li.on:hover > a { }

    #sideNav .level-2 > li a:hover { }

    #sideNav .level-1 > li:hover .level-2 { }

    #sideNav .level-1 > li.selected .level-2 { display: block; }

    #sideNav .level-2 > li.selected .level-3 { display: block; }

    #sideNav .level-1 > li .level-2 { display: none; padding: 0px 0 0px 0; }

    #sideNav .level-2 > li .level-3 { display: none; padding: 10px 0 0px 0; }

    #sideNav .level-1 > li .level-2 > li { background: url(../images/sidenav_tile.png) repeat-x bottom left; padding: 0px 10px 0px 32px; border: none; border-bottom: 1px solid #ebebeb; }
    #sideNav .level-2 > li .level-3 > li { background: url("../images/breadcrumb_point.png") no-repeat scroll 10px 50% transparent; padding: 3px 10px 3px 22px; border: none; border-bottom: 1px solid #ebebeb; }
    #sideNav .level-2 > li .level-3 { padding: 5px 0px 20px 0px; }
        #sideNav .level-2 > li .level-3 .last { border-bottom: none; }
    #sideNav .level-2 > li > a { font-weight: normal; padding: 7px 0; display: block; width: 100%; }


    #sideNav .level-1 > li .level-2 > li.last { border: none; }

    #sideNav li { }

        #sideNav li.on { }

            #sideNav li.on a { /*background: url(../images/sidenav_plus.png) no-repeat 95% 50%;*/ width: 210px; }

                #sideNav li.on a:hover { text-decoration: underline; }

            #sideNav li.on li { background: none; }

                #sideNav li.on li a { background: none; }

    #sideNav > ul.level-1 > li.selected { background: none; }

    #sideNav li.selected > a { color: #4DADBA; background: none; }


    /*drop*/
    #sideNav .level-1 > li .level-2 span { display: none; }
    #sideNav li.on.selected span { background: url(../images/sidenav_minus.png) no-repeat 0% 0%; }
        #sideNav li.on.selected span.highlight { background: url(../images/sidenav_plus.png) no-repeat 0% 0%; }
    #sideNav li.on span { background: url(../images/sidenav_plus.png) no-repeat 0% 0%; display: block; border: 0px solid red; width: 10px; text-indent: -9000px; position: absolute; right: 10px; top: 15px; z-index: 8; cursor: pointer; }
        #sideNav li.on span.highlight { background: url(../images/sidenav_minus.png) no-repeat 0% 0%; display: block; }


/* $HEADER */
#internalMsg { background-color: #52B7BD; text-align: center; }
    #internalMsg p { font-weight: bold; padding: 0 0 10px 0; margin: 0; }
        #internalMsg p img { position: relative; top: 4px; }

.logo { float: left; display: block; margin: 0px; }

.headerBasketHolder { float: right; display: block; position: relative; top: 25px; }
    .headerBasketHolder .smallBasketLink { position: relative; width: 100%; text-align: center; display: block; padding-top: 5px; }
        .headerBasketHolder .smallBasketLink.warning { color: red; }

.headerBasket { position: relative; display: block; background: url(../images/basket_tile.png) repeat-x bottom left #fff; border: 1px solid #ebebeb; text-decoration: none; z-index: 10; min-height: 37px; }

/*   .headerBasket:hover { background: #f8f8f8; }*/

.basket-error { clear: both; border-top: 1px solid #ebebeb; background: url(../images/ico-cross.png) 8px 50% no-repeat; display: none; padding: 8px 8px 8px 24px; font-size: 12px; color: #c94141; position: relative; font-weight: bold; }
.basket-success { clear: both; display: block; padding: 8px 8px 8px 30px; font-size: 12px; color: #2b2f3d; font-weight: bold; background: url(../images/ico-tick.png) 8px 50% no-repeat; }

.headerBasket img { float: left; display: block; }

.headerBasket span { float: left; display: inline-block; font-size: 12px; color: #666; font-weight: bold; padding: 0 20px; line-height: 37px; height: 37px; }

.headerBasket .totalCost strong { color: #2b2f3d; font-size: 16px; line-height: 32px; }

.headerBasket .totalCost { background: url(../images/basket_spacer.png) no-repeat 0% 50%; }

.headerContacts { float: right; display: inline-block; padding-top: 15px; }

    .headerContacts li { padding-bottom: 0px; }


    .headerContacts h2 { color: #3f5058; margin: 0; padding: 0px; font-size: 20px; font-family: Arial; font-weight: bold; }

    .headerContacts h3 { color: #3eb3bc; font-family: Arial; font-weight: bold; margin: 0; font-size: 14px; }

    .headerContacts ul { color: #373c4e; float: left; list-style: none; padding: 0px; margin: 0px; overflow: hidden; width: auto; margin-left: 45px; }

        .headerContacts ul li { color: #878a95; float: none; width: auto; margin-bottom: 0; list-style-image: none; padding: 0px; }




.HeaderBox { padding: 5px; border: 1px solid #EBECEE; float: right; width: 500px; position: relative; height: 55px; top: 14px; }

    .HeaderBox .searchBox { float: left; }

        .HeaderBox .searchBox img { float: left; }

        .HeaderBox .searchBox form { float: left; display: block; margin: 15px 20px; }

    .HeaderBox .storeBox { width: 200px; display: block; clear: none; float: left; margin: 14px; }

.boxSpacer { background-color: #EBECEE; display: block; clear: none; float: left; width: 1px; height: 100%; }

.fullCol { overflow: hidden; width: 100%; clear: both; display: block; margin: 2% 2% 2% 2%; }

.homebanner { overflow: hidden; width: 100%; clear: both; display: block;}
    .homeBanner .slides.slides {height: 300px;}


/* $LAYOUT and $COLUMNS */
.left { float: left; }

.right { float: right; }


.columns { width: 100%; display: block; position: relative; }

    .columns .left { padding-right: 2%; }

    .columns .right { padding-left: 2%; }

    .columns .column.left { width: 48%; }

    .columns .column.right { width: 48%; }

    .columns .column { width: 50%; display: block; position: relative; overflow: hidden; }

.twoCol { }

.columns.twoCol .small { width: 30%; }

.columns.twoCol .wide { width: 65%; }

.columns.twoCol .smaller { width: 28%; }

.columns.twoCol .wider { width: 68%; }

.columns.twoCol .wide.border-left,
.columns.twoCol .wide.border-right { width: 65%; }

.threeCol { }

.columns.threeCol .column { width: 32%; padding: 0; }

.columns.threeCol .centre { margin: 0 2%; }

.columns.threeCol .small { width: 24%; }

.columns.threeCol .wide { width: 38%; }

.border-right { border-right: 1px solid #ECECE6; left: -1px; }

.border-left { border-left: 1px solid #ECECE6; right: -1px; }

/* $SCROLLABLE */
.scrollable-holder { width: 100%; margin: 0 auto; position: relative; }

.scrollable { position: relative; overflow: hidden; width: 100%; height: 300px; margin: 0 auto; }

    .scrollable .items { width: 20000em; position: absolute; clear: both; }

        .scrollable .items .item { float: left; width: 1033px; position: relative; display: block; }

            .scrollable .items .item img { display: block; position: relative; }

            .scrollable .items .item .infoBox { display: block; position: absolute; top: 40px; left: 40px; padding: 25px; background: url(../images/infoBoxBg.png) repeat 0 0; max-width: 500px; min-width: 300px; }

                .scrollable .items .item .infoBox h2 { color: #fff; font-size: 29px; margin: 0; }

                .scrollable .items .item .infoBox p { color: #fff; }

                .scrollable .items .item .infoBox a.action { color: #fff; background: url(../images/btn_home_action.png) no-repeat top right; height: 39px; line-height: 39px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; padding: 0 20px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; padding: 0 70px 0 20px; }

                .scrollable .items .item .infoBox a:hover { background-position: bottom right; }

a.browse { width: 20px; height: 100%; display: block; position: absolute; display: block; top: 0; cursor: pointer; text-indent: -9999px; font-size: 0px; }

    a.browse.disabled { display: none; }

    a.browse:hover { background-position: 100% 50%; }

.scrollable-holder .right { right: 0px; background: url(../images/ico_rotator_arrow_next.png) no-repeat 0% 50%; }

.scrollable-holder .left { left: 0; background: url(../images/ico_rotator_arrow.png) no-repeat 0% 50%; }

.scrollable .imageRotatorContent { display: block; position: absolute; top: 0; left: 0; width: 310px; padding: 25px 0; height: 275px; }

    .scrollable .imageRotatorContent a { }

/*.navi { width: 132px; height: 33px; background: url(../images/nav_holder.png) 0 0 no-repeat; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -66px; text-align: center; }
    .navi a { width: 16px; height: 90%; margin: 5% 2px; background: url(../images/nav_a.png) 0 50% no-repeat; display: inline-block; font-size: 1px; zoom: 1; *display: inline; }*/

.navi { width: auto; height: 33px; padding: 0 10px; background: #fff; position: absolute; bottom: 0; left: 50%; margin: 0 0 0 -66px; text-align: center; border-radius: 5px 5px 0px 0px; }
    .navi a { width: 16px; height: 90%; margin: 2% 2px; background: url(../images/nav_a.png) 0 50% no-repeat; display: inline-block; font-size: 1px; zoom: 1; *display: inline; }

        .navi a:hover { background: url(../images/nav_a.png) 100% 50% no-repeat; }

        .navi a.active { background: url(../images/nav_a.png) 100% 50% no-repeat; }

.scrollable-holder-small { width: 100%; margin: 0 auto; position: relative; padding: 0 0 15px 0; height: 150px; }

.scrollable-small { position: relative; overflow: hidden; width: 100%; height: 150px; margin: 0 auto; }

    .scrollable-small .items { width: 20000em; position: absolute; z-index: 10; }

        .scrollable-small .items .item { float: left; width: 288px; position: relative; }

            .scrollable-small .items .item img { display: block; position: relative; margin: 0 auto; }

.scrollable-holder-small a.browse { width: 23px; margin: 0; padding: 0; z-index: 20; }

.scrollable-holder-small a.left { right: 23px; bottom: 15px; position: absolute; background: url(../images/small_scroller_left.png) 0% 0% no-repeat; width: 17px; height: 25px; display: block; top: auto; }

.scrollable-holder-small a.right { right: 0; bottom: 15px; position: absolute; background: url(../images/small_scroller_right.png) 0% 0% no-repeat; width: 17px; height: 25px; display: block; top: auto; }
    .scrollable-holder-small a.right:hover,
    .scrollable-holder-small a.left:hover { background-position: bottom left; }

.scrollable-holder-wide { width: 100%; margin: 0 auto; position: relative; padding: 0 0 15px 0; height: 285px; }

.scrollable-wide  { position: relative; overflow: hidden; width: 100%; height: 285px; margin: 0 auto; }
.scrollable-wide.scrollable-wide {height:285px;}

    .scrollable-wide .items { width: 20000em; position: absolute; z-index: 10; }

        .scrollable-wide .items .item { float: left; width: 653px; position: relative; }

            .scrollable-wide .items .item img { display: block; position: relative; margin: 0 auto; 
                width:100%; height:auto;
            }

.scrollable-holder-wide a.browse { width: 23px; margin: 0; padding: 0; z-index: 20; }

.scrollable-holder-wide a.left { left: 0; bottom: 0px; position: absolute; background: url(../images/gallery_left_shadow.png) 50% 50% no-repeat; width: 50px; height: 100%; display: block; top: auto; }

.scrollable-holder-wide a.right { right: 0; bottom: 0px; position: absolute; background: url(../images/gallery_right_shadow.png) 50% 50% no-repeat; width: 50px; height: 100%; display: block; top: auto; }
    .scrollable-holder-wide a.right:hover,
    .scrollable-holder-wide a.left:hover { }


.scrollable-wide .items .item .infoBox { background: url(../images/transparent_white.png) repeat; position: absolute; bottom: 0px; left: 0px; width: auto; display: block; overflow: hidden; width: 100%; padding: 7px 10px; color: #272B39; }

    .scrollable-wide .items .item .infoBox h2 { padding: 0px 0 0px 0; margin: 0px; font-size: 18px; }
        .scrollable-wide .items .item .infoBox h2 a { color: #383D50; }
    .scrollable-wide .items .item .infoBox p { padding: 0px; margin: 0px; }


.productImages { /* required settings */ position: relative; overflow: hidden; width: 261px; height: 90px; background: url(../images/bg_productImages.png) repeat-x #fff; border: 1px solid #ccc; }
    .productImages .items { /* this cannot be too large */ width: 20000em; position: absolute; padding: 0px; margin: 0px; }
        .productImages .items div { float: left; padding: 0px; margin: 0px; width: 221px; padding: 10px 20px 20px 25px; }
            .productImages .items div img { cursor: pointer; }
    .productImages .prev, .productImages .prev:hover { background: url(../images/bg_productImages_prev.png) 0 50% no-repeat; top: 0px; left: 5px; z-index: 999; }
    .productImages .next, .productImages .next:hover { background: url(../images/bg_productImages_next.png) 0 50% no-repeat; top: 0px; right: 0px; }



.favourite-scroller {
     /* required settings */ 
     position: relative; 
     overflow: hidden; 
    width: 920px;
    height: 212px;
    padding: 0 20px;
}
    .favourite-scroller .items {
         /* this cannot be too large */ 
         width: 20000em; 
         position: absolute; 

         background: #efeee9;
        padding: 8px;
        margin: 0;
        border-top: #e5e5e5;
        white-space: nowrap;
        overflow: hidden;
    }
        .favourite-scroller .items .item {
             float: left;
            padding: 0px;
            margin: 0px;
            overflow: hidden;
            margin-right: 1px;
        }
            .favourite-scroller .items .item img {
                 cursor: pointer;
            }
 


.vidBox { margin-bottom: 10px; }

/* $FOOTER */
#mainFooter { margin-top: 50px; background-color: #EFEEE9; display: inline-block;
width: 100%;}

    #mainFooter h4 { font-family: 'OpenSansSemiboldRegular'; color: #3eb3bc; font-weight: normal; font-size: 16px; }

    #mainFooter .column.wide { width: 36%; padding-bottom: 20px; }

    #mainFooter ul { list-style: none; margin: 0; padding: 0; width: 100%; display: block; }

        #mainFooter ul li { width: 50%; float: left; margin-bottom: 10px; }

    #mainFooter .subContent { background-color: #292D3B; color: #fff; width: auto; margin: 0; padding: 2% 4%; border-bottom: 7px solid #52B7BD; }

        #mainFooter .subContent h2 { color: #fff; margin: 0; }

        #mainFooter .subContent h3 { color: #fff; font-family: 'OpenSansSemiboldRegular'; font-weight: normal; margin: 0; }

        #mainFooter .subContent ul { color: #fff; float: left; width: auto; margin-right: 10%; }

            #mainFooter .subContent ul li { color: #fff; float: none; width: auto; margin-bottom: 0; }

        #mainFooter .subContent a { color: #A6A7AB; text-decoration: none; }

            #mainFooter .subContent a:hover { color: #3EB3BC; }

    #mainFooter li { padding-bottom: 0px; list-style-image: none; }
        #mainFooter li a { color: #666; text-decoration: none; }
/* $VIDEO */
#overlay { display: none; width: 100%; height: 100%; z-index: 99999; position: absolute; overflow: visible; top: 0; text-align: center; }

    #overlay .backdrop { width: 100%; height: 100%; zoom: 1; filter: alpha(opacity=50); opacity: 0.5; background-color: black; position: absolute; top: 0; left: 0px; }

    #overlay .holder { margin: 250px auto; position: relative; }

        #overlay .holder .links { width: 481px; background-color: black; margin: 0 auto; margin-top: -10px; padding: 10px 0; }

        #overlay .holder a.close { float: right; padding-right: 10px; clear: both; display: block; margin-left: -25px; }

/* $CRUMBS */
.page-home .crumbs { display: none; }
.crumbs { }

    .crumbs ul { background: url(../images/crumb_tile.png) 0% 0% repeat; width: 96%; height: 29px; margin: 0; padding: 0 0 0 4%; border-bottom: 1px solid #E5E5E5; }

        .crumbs ul li { list-style: none; float: left; padding: 0 0 0 16px; background: url("../images/breadcrumb_point.png") 100% 50% no-repeat; }

            .crumbs ul li a { color: #383D50; text-decoration: none; margin-right: 20px; line-height: 29px; }

            .crumbs ul li.selected { background: none; }

            .crumbs ul li a.SelectedCrumb { font-weight: bold; }

/* $TEMPLATES */

/* $QUOTEBOX */
.quoteBox { min-height: 35px; margin: 10px 0; padding: 20px 20px 20px 52px; background: url(../images/bg_quote.png) no-repeat 12px 15px #E6F3F9; -moz-border-radius: 10px; line-height: 1.4em; border-radius: 10px; font-family: 'OpenSansRegular'; font-size: 16px; padding-top: 15px; }
    .quoteBox strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #272b38; }


/* $INFOBOX */
.infoTBox { min-height: 35px; margin: 10px 0; padding: 15px 60px 20px 20px; background: url(../images/ico_info.png) no-repeat 98% 15px #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'OpenSansRegular'; font-size: 16px; padding-top: 15px; }
    .infoTBox strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #272b38; }

/* $QUESTIONBOX */
.questionBox { min-height: 35px; margin: 10px 0; padding: 15px 60px 20px 20px; background: url(../images/ico_question.png) no-repeat 98% 15px #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'OpenSansRegular'; font-size: 16px; padding-top: 15px; }
    .questionBox strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #272b38; }

/* $BOX */
.box { min-height: 35px; margin: 10px 0; padding: 15px 20px 20px 20px; background: #E6F3F9; line-height: 1.4em; -moz-border-radius: 10px; border-radius: 10px; font-family: 'OpenSansRegular'; font-size: 16px; padding-top: 15px; }
    .box strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #272b38; }


/*$BUYNOWBUTTON */
.buyNowButton { background: url(../images/btn_buy_now.png) no-repeat; width: 384px; height: 60px; display: block; text-indent: -9999px; font-size: 0px; }
    .buyNowButton:hover { background-position: bottom left; }

/* PURPLE BOX*/
.purpleBox { background: #961e60; padding: 10px 15px; width: auto; overflow: hidden; clear: both; color: #fff; margin-bottom: 10px; }


/* $LINK */
.navLink { background: url(../images/sidenav_tile_blue.jpg) 100% 50% repeat; height: 43px; padding: 0 16px; margin-bottom: 2px; }

    .navLink a { line-height: 43px; color: white; text-decoration: none; font-weight: bold; width: 100%; height: 100%; display: block; }

/* $IMAGELINK */
.imageLink { height: 165px; width: 300px; margin-bottom: 10px; display: block; position: relative; }

    .imageLink .text { background: url(../images/infoBoxBg.png) repeat 0 0; display: block; position: absolute; bottom: 0; width: 270px; height: 40px; left: 0px; padding: 5px 15px; }

        .imageLink .text a { text-decoration: none; color: white; height: 20px; line-height: 20px; width: 270px; display: block; text-shadow: 2px 2px rgba(0, 0, 0, 0.2); }

            .imageLink .text a.primary { font-weight: normal; font-family: 'OpenSansSemiboldRegular'; font-size: 16px; }

            .imageLink .text a.secondary { }

/* $FAQS */
.faq { }

    .faq .question { border: 1px solid #E5E5E5; margin: 0 0 3px 0; padding: 15px; background-color: #3AB5BD; -moz-transition: background-color 0.5s; /* FF4+ */ -webkit-transition: background-color 0.5s; /* Saf3.2+, Chrome */ -o-transition: background-color 0.5s; /* Opera 10.5+ */ -ms-transition: background-color 0.5s; /* IE10? */ transition: background-color 0.5s; /* Standard */ }

        .faq .question.active { background-color: #fff; margin: 0 0 5px 0; }

        .faq .question h3 { margin: 0 0 0 0; background: url(../images/sidenav_plus_light.png) no-repeat 99% 50% transparent; }

        .faq .question.active h3 { padding: 0 0 0 0; background: url(../images/sidenav_minus_dark.png) no-repeat 99% 50% transparent; }

        .faq .question h3 a { color: #fff; -moz-transition: color 0.5s; /* FF4+ */ -webkit-transition: color 0.5s; /* Saf3.2+, Chrome */ -o-transition: color 0.5s; /* Opera 10.5+ */ -ms-transition: color 0.5s; /* IE10? */ transition: color 0.5s; /* Standard */ }

        .faq .question.active h3 a { color: #383D50; }

        .faq .question .answer { margin-top: 15px; }

/* $DYNAMICFORM */
#check-form { display: none; }

.dynamic-form { background-color: #6b8ca6; -moz-border-radius: 10px; border-radius: 10px; padding: 3% 0% 3% 3%; color: #fff; display: block; overflow: hidden; }

    .dynamic-form form { }

        .dynamic-form form .control { float: left; width: 49%; margin: 0 1% 10px 0; }

        .dynamic-form form .TextField { }

        .dynamic-form form .TextArea { width: 99%; float: left; }

        .dynamic-form form .CheckBoxList { border: 1px solid #607e95; width: 45%; padding: 8px; }

        .dynamic-form form .TextField label, .dynamic-form form .TextArea label { display: block; padding-bottom: 5px; font-weight: bold; /*width: 95%;*/ width: auto; float: left; }
        .dynamic-form form label.error { background: #dc4949; border: 1px solid #b81515; padding: 5px; clear: both; float: none; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; float: left; font-size: 11px; color: #B81515; position: relative; top: 1px; clear: none; background: none; border: 0; padding: 0 0px 0 0; margin-left: 10px; }
        .dynamic-form form input.error { border: 1px solid #b81515 !important; -webkit-animation: error 0.3s 3; -moz-animation: error 0.3s 3; position: relative; }
    .dynamic-form .CheckBoxList#item-6 { clear: both; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

    .dynamic-form .CheckBoxList .labeltitle { font-weight: bold; display: block; padding-bottom: 7px; }

    .dynamic-form .CheckBoxList .checkboxContainer .checkbox { width: 50%; float: left; display: inline-block; }

    .dynamic-form form .TextField input { display: block; width: 92%; padding: 8px 7px; border: 1px solid #567085; background: url(../images/input_bg.png) repeat-x #fff top left; }

    .dynamic-form form textarea { display: block; width: 96%; padding: 7px; border: 1px solid #567085; background: url(../images/input_bg.png) repeat-x #fff top left; }
    .backButton{ display: block;
clear: both;
float: right;
margin: 10px 0 0 0;}
.btnGroup { }

    .btnGroup .btn { text-decoration: none; background: url(../images/btn_contact_tile.png) repeat-x #006993; display: block; -moz-transition: all 0.3s; /* FF4+ */ -webkit-transition: all 0.3s; /* Saf3.2+, Chrome */ -o-transition: all 0.3s; /* Opera 10.5+ */ -ms-transition: all 0.3s; /* IE10? */ transition: all 0.3s; /* Standard */ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 0px; color: #fff; padding: 6px 30px; font-size: 16px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); font-weight: bold; }
        .btnGroup .btn.primary { }
        .btnGroup .btn:hover { background: #006993; }

        .btnGroup .btn.primary { background: url(../images/btn_tile.png) repeat-x #41b4be; }
            .btnGroup .btn.primary:hover { background: #41b4be; }

/* $NEWS */
.news { }

    .news .news-list { margin: 0; padding: 0; }

        .news .news-list li { list-style: none; list-style-image: none; background-color: #EFEEE9; padding: 20px; margin: 0 0 10px 0; -moz-border-radius: 10px; border-radius: 10px; min-height: 100px; }

            .news .news-list li img { border: 3px solid white; -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); float: left; }

    .news .date { }

    .news .newsData { margin-left: 146px; }

        .news .newsData h2 { margin: 0; }

        .news .newsData a.readMore { }

/*$newsbox*/

.newsBox { background: #e6f3f9; padding: 0 10px 10px 10px; margin-bottom: 15px; border: 1px solid #d9e5ea; }

    .newsBox h3 { color: #44495b; padding: 10px 0; margin: 0px; }

    .newsBox h4 { margin: 0px; padding-bottom: 5px; font-size: 14px; font-family: arial; color: #373c4f; }

    .newsBox .newsItem { border: 1px solid #E2E2E2; padding: 10px; background: url("../images/newsItem_tile.png") repeat-x bottom left #fff; margin-bottom: 10px; }

        .newsBox .newsItem a { font-weight: bold; color: #3ebac5; text-decoration: none; }

            .newsBox .newsItem a:hover { text-decoration: underline; }

    .newsBox .excerpt { display: none; }

    .newsBox a { display: block; }

    .newsBox img { border: 3px solid white; -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.4); float: left; margin-right: 10px; }

    .newsBox .newsItem { min-height: 60px; }

    .newsBox .newsData { }





.fourOhFour { background: url(../images/404_bg.jpg) no-repeat 50% 20px; padding-top: 230px; }

    .fourOhFour .pageContent { text-align: center; width: 500px; }


.buyOnline { }
    .buyOnline .scrollable { height: 411px; }


    .buyOnline .steps { padding: 20px; background: url(../images/transparent_white.png) repeat; float: left; margin: 0px; position: absolute; top: 20px; left: 20px; z-index: 20; }

    .buyOnline h1 { color: #383d50; margin-bottom: 20px; }

    .buyOnline .step { width: 300px; clear: both; padding-bottom: 14px; float: left; }

        .buyOnline .step h2 { color: #383d50; text-transform: uppercase; font-size: 15px; padding: 0px; margin: 0px; }

        .buyOnline .step .circle { float: left; display: inline-block; color: #fff; font-size: 16px; font-family: 'OpenSansSemiboldRegular'; font-weight: normal; text-align: center; width: 40px; height: 40px; line-height: 40px; margin-right: 5px; background: url(../images/buyOnline_step.png) no-repeat; }

        .buyOnline .step .info { float: left; display: inline-block; }

    .buyOnline .action { clear: both; color: #fff; background: url(../images/btn_home_action.png) no-repeat top right; height: 39px; line-height: 39px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; cursor: pointer; margin: 15px 0; padding: 0 55px 0 20px; *margin-right: 20px; }

        .buyOnline .action:hover { background-position: bottom right; }

.buyAction { float: left; display: inline-block; margin: 0 6px; margin-bottom: 20px; float: left; display: inline-block; position: relative; width: 308px; height: 160px; text-decoration: none; }

    .buyAction .text { position: absolute; bottom: 0px; left: 0px; padding: 14px 0; text-indent: 20px; font-size: 18px; color: #363b4e; background: url(../images/buyAction_tile.png) repeat; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); display: block; width: 100%; }

        .buyAction .text span { font-family: 'OpenSansRegular'; font-weight: normal; }

        .buyAction .text strong { font-family: 'OpenSansSemiboldRegular'; font-weight: normal; }

    .buyAction:hover .text { background: #575b69; color: #fff; }

.buyActions .cms-module { float: left; display: inline-block; }



/* $CATEGORY */

.categoryGroup { padding: 20px; background: #efeee9; min-height: 530px; clear: both; float: left; min-width: 613px; margin-top: 15px; }
    .categoryGroup.hasDescription { min-height: 0px; display: block; overflow: hidden; float: none; }
.categoryProduct { width: 182px; min-height: 240px; margin-right: 9px; margin-bottom: 10px; padding: 7px; border: 1px solid red; float: left; display: inline-block; background: #fff; border: 1px solid #ebebeb; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); position: relative; }
    .categoryProduct .categoryProductLink { text-decoration: none; }
        .categoryProduct .categoryProductLink strong { color: #383d50; text-decoration: none; }
        .categoryProduct .categoryProductLink:hover strong { text-decoration: underline; }
       .categoryProduct .categoryProductLink .productimg,  .categoryProduct .categoryProductLink img { width: 100%; margin: 0; }
    .categoryProduct.last { margin-right: 0px; }
    .categoryProduct .magnify { position: absolute; left: 4px; top: 4px; text-indent: -9999px; cursor: pointer; font-size: 0px; background: url(../images/ico_magnify.png) no-repeat top left; width: 31px; height: 31px; display: block; }
        .categoryProduct .magnify:hover { background-position: bottom left; }

    .categoryProduct.active { z-index: 50; }
    .categoryProduct .zoom { position: absolute; top: 0px; left: 0px; background: #fff; display: none; padding: 7px; width: 384px; border: 1px solid ccc; height: 506px; z-index: 999; }
        .categoryProduct .zoom .close { position: absolute; right: 14px; top: 14px; text-indent: -9999px; cursor: pointer; font-size: 0px; background: url(../images/ico_cross.png) no-repeat top left; width: 20px; height: 19px; display: block; }
        .categoryProduct .zoom img { float: left; display: block; }
    .categoryProduct.last .zoom { left: auto; right: 0px; }
    .categoryProduct.bottomRow .zoom { top: auto; bottom: 0px; }

    .categoryProduct .zoom span.buyMe { display: none; position: absolute; z-index: 9; left: 40%; top: 50%; background: #000; padding: 10px 15px; color: #fff; font-weight: bold; }
    .categoryProduct .zoom a:hover span { display: block; }
    .categoryProduct .zoom .btnGroup a:hover span { display: none; }
    .categoryProduct .zoom .socialBtns a:hover span { display: none; }
    .categoryProduct .favourite { display: none; }
    .categoryProduct:hover .favourite { display: block; }
    .categoryProduct .favourite.removefave { display: block; }

/* If has description then style differently */
.categoryGroup.hasDescription .zoom { width: 596px; height: 240px; }
.categoryGroup.hasDescription .categoryProduct.bottomRow .zoom { top: 0px; bottom: auto; }
.categoryGroup.hasDescription .categoryProduct.middle .zoom { top: 0px; bottom: auto; left: -211px; }
.categoryProduct .zoom .productDescription { float: left; display: inline-block; padding-left: 15px; padding-right: 15px; width: 380px; font-size: 14px; line-height: 1.5em; position: relative; height: 100%; }
    .categoryProduct .zoom .productDescription h2 { font-size: 16px; }
    .categoryProduct .zoom .productDescription .lower { padding-top: 10px; margin-top: 15px; border-top: 1px solid #ebebeb; position: absolute; left: 10px; bottom: 10px; width: 100%; }
.categoryProduct .zoom .socialBtns { float: right; display: inline-block; }

/* $PAGINATION */

.paginationBox { background: #d7d6d1; overflow: hidden; clear: both; padding: 0px 10px 10px 10px; }
.pagination-clean { width: 100%; display: block; float: left; list-style: none; text-align: center; padding: 10px 0; *padding: 20px 0; margin: 0; }
    .pagination-clean li { display: inline-block; *display: inline; padding: 8px 12px; margin-left: 2px; background: url(../images/sidenav_tile.png) repeat-x 50% 50%; font-weight: bold; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
        .pagination-clean li.page { min-width: 15px; }
        .pagination-clean li a { width: 16px; display: block; *display: inline; text-decoration: none; color: #363b4d; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 5px; }
        .pagination-clean li.previous-off a, .pagination-clean li.previous a { width: auto; }
        .pagination-clean li.next-off a, .pagination-clean li.next a { width: auto; }
        .pagination-clean li:hover { background: #fff; }
    .pagination-clean .active, .pagination-clean .active:hover { background: #41b3bd; color: #fff; font-weight: bold; }
    .pagination-clean .next-off, .pagination-clean .previous-off { background: #fff; background: transparent; color: #ccc; }
.viewAll { clear: both; padding: 10px 0; width: 100%; text-align: center; border-top: 1px solid #ccc; overflow: hidden; float: none; }
    .viewAll .btn { float: none; clear: both; margin: 0 auto; width: 50%; display: block; }
.viewAllF { clear: both; padding: 10px 0; width: 100%; text-align: center; overflow: hidden; float: right; }
    .viewAllF .btn { float: right; clear: both; margin: 0 auto; width: auto; display: block; }

/* $SOCIAL*/
.socialBtns { float: left; display: inline-block; }
    .socialBtns .social { display: inline-block; margin-left: 5px; margin-top: 0px; cursor: pointer; float: left; text-indent: -9999px; font-size: 0px; width: 32px; height: 32px; }
        .socialBtns .social:hover { opacity: 0.8; }
    .socialBtns .facebook { background: url(../images/ico_fb.png) no-repeat; }
    .socialBtns .twitter { background: url(../images/ico_twitter.png) no-repeat; }
    .socialBtns .email { background: url(../images/ico_email.png) no-repeat; }

/* $PRODUCT PAGE*/
.secondaryCol { width: 264px; border-left: 1px solid #ebebeb; float: right; display: inline-block; padding: 0 0px 17px 17px; }
.primaryCol { float: left; display: inline-block; width: 650px; }
    .primaryCol table { line-height: 1.5em; }
        .primaryCol table td { padding-right: 15px; }
    .primaryCol .productDescription { width: 365px; float: right; display: inline-block; padding-left: 20px; }
        .primaryCol .productDescription h1 { margin-top: 5px; }
    .primaryCol .productImage { width: 265px; float: left; display: inline-block; min-height: 300px; position:relative}
.productImage .focalImage { border: 1px solid #ccc; padding: 5px; }

#productMessage { display: block; overflow: hidden; clear: both; width: auto; width: 100%; }
    #productMessage a { background: url(../images/ico-tick.png) no-repeat 10px 50% #E1F1EE; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 30px; margin-top: 10px; display: block; font-size: 12px; color: #383D50; text-decoration: none; font-weight: bold; border: 1px solid #bbdad4; }

.productForm .buyStep { margin: 5px 0; display: block; }
    .productForm .buyStep span { background: url(../images/step_sml.png); background-repeat: no-repeat; display: inline-block; height: 23px; line-height: 23px; color: #fff; width: 23px; text-align: center; margin-right: 5px; font-weight: bold; }
.productForm .formGroup { position: relative; float: left; margin: 5px 0 10px 0; }
    .productForm .formGroup .overlap { position: absolute; left: 8px; top: 50%; margin-top: -8px; height: 100%; height: 20px; color: #bbb; }
    .productForm .formGroup .input { border: 1px solid #ccc; padding: 6px 5px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 88%; background: url(../images/bg_input.png) repeat-x #fff; }
        .productForm .formGroup .input.input-validation-error { border: 1px solid red; }
.productForm select.input-validation-error { background: url(../images/bg_input.png) repeat-x white; }
.productForm #customiseColour.input-validation-error { background: url(../images/bg_input.png) repeat-x white; }
.productForm .formGroup.by { width: 34px; text-align: center; line-height: 30px; }
.productForm .formGroup.width, .productForm .formGroup.height { width: 114px; overflow: hidden; }
.productForm .formGroup.height { float: right; }
.productForm .formSection { clear: both; overflow: hidden; }
.productForm .formGroup.full { width: 100%; }
    .productForm .formGroup.full .input { width: 95%; }
.productForm #customisePreview { width: auto; padding: 30px 15px; overflow: hidden; border: 1px solid #ccc; text-align: center; clear: both; background: url(../images/bg_preview.png) repeat #fff; }

.productForm select { color: #5D5E65; padding: 3px; width: 90%; margin: 0 0 10px 0; max-width: 90%; }

.productForm .customiseColourPreview { width: 100%; float: left; padding-top: 10px; }
    .productForm .customiseColourPreview label { float: left; display: block; margin-top: 5px; }
    .productForm .customiseColourPreview #customiseColour { float: left; display: inline-block; margin-left: 10px; margin-bottom: 10px; position: relative; width: auto; min-width: 60%; }
        .productForm .customiseColourPreview #customiseColour ul { padding: 0px; margin: 0px; list-style: none; position: absolute; top: 28px; left: 0px; width: auto; list-style: none; display: none; padding: 5px 10px; background: #dcdfe4; }
        .productForm .customiseColourPreview #customiseColour:hover ul { display: block; }
        .productForm .customiseColourPreview #customiseColour ul li { background: #dcdfe4; float: left; display: inline-block; width: 22px; height: 22px; cursor: pointer; margin: 0 5px 0 0; padding: 0px; text-indent: -9999px; font-size: 0px; }
        .productForm .customiseColourPreview #customiseColour .selected { text-indent: -9999px; font-size: 0px; background: url(../images/bg_colour.png) no-repeat; width: 28px; height: 28px; display: block; }
.productForm .customiseFontPreview { width: 60%; clear: both; }
.productForm .customiseFontSizePreview { width: 40%; }
.productForm .customiseFontPreview select { color: #5D5E65; padding: 3px; max-width: 90%; }
.productForm .customiseFontSizePreview select { color: #5D5E65; padding: 3px; max-width: 90%; }
#colorInput { clear: both; }
.productPricing { border-top: 1px solid #ccc; padding-top: 0px; clear: both; float: left; width: 100%; }
    .productPricing h2 { font-size: 28px; padding: 10px 0; margin: 0px; }
    .productPricing .btnGroup .btn { padding: 10px 30px; font-size: 18px; }

.productTabs { clear: both; width: 100%; /*overflow: hidden;*/ padding-top: 20px; }
.productTabNav { list-style: none; display: block; border-bottom: 1px solid #ccc; margin: 0px; padding: 0px; overflow: hidden; }
    .productTabNav li { float: left; display: inline-block; cursor: pointer; background: #6b8ca6; height: 35px; line-height: 35px; color: #fff; font-weight: bold; padding: 0 12px; margin-right: 7px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
        .productTabNav li.active { background: #40b5bf; }
.productTabContent { /*overflow: hidden;*/ }
    .productTabContent div.tab { display: none; padding-top: 15px; width:100%; }
    .productTabContent .tab .half { width: 48%; float: left; margin-right: 2%; }
    .productTabContent .tab .quarter { width: 23%; float: left; margin-right: 2%; }
        .productTabContent .tab .quarter .productRow { margin: 0; }
    .productTabContent .tab .quarter3 { width: 73%; float: left; margin-right: 2%; }
.outOfStock { background: url(../images/bg_outOfStock.png) no-repeat 0 0; display: block; padding-left: 25px; height: 20px; color: #1b1b1b; font-weight: bold; }
.productRelated .productRow { margin-left: 0px; padding: 0px; }

.message { clear: both; float: left; width: 100%; padding: 10px 0; }

/* $BASKET*/
#basket { width: 100%; border-collapse: collapse; border: 1px solid #ebebeb; }
    #basket .minSpend { color: red; }
    #basket thead th { background: #efefef; color: #282c3a; font-weight: bold; padding: 15px; text-align: left; }
    #basket tbody td { padding: 10px 15px; background: #fff; text-align: center; border-right: 1px solid #ebebeb; text-align: left; color: #272b38; border-bottom: 1px solid #ebebeb; }
    #basket th.basketName { width: 480px; }
    #basket th.basketQuantity { width: 90px; }
    #basket td.basketQuantity .input { background: url(../images/bg_input.png) repeat-x #fff; border: 1px solid #ccc; padding: 5px; width: 32px; height: 20px; margin: 0px; float: left; font-weight: bold; text-align: center; }
    #basket td.basketQuantity span { display: inline-block; text-indent: -9999px; font-size: 0px; float: left; cursor: pointer; }
    #basket td.basketQuantity .plus { background: url(../images/basket_plus.png) no-repeat; width: 18px; height: 32px; }
    #basket td.basketQuantity .minus { background: url(../images/basket_minus.png) no-repeat; width: 18px; height: 32px; }
    #basket .basketPrice { width: 70px; font-weight: bold; }
    #basket .basketTotal { width: 150px; font-weight: bold; }
    #basket td.basketTotal { font-size: 18px; font-family: 'OpenSansSemiboldRegular'; font-weight: normal; }
    #basket td.basketActions .remove { display: block; width: 22px; height: 22px; background: url(../images/basket_remove.png) no-repeat; cursor: pointer; }
    #basket .basketDelivery .basketQuantity label { float: left; display: inline-block; padding-left: 10px; }
    #basket .basketDelivery .basketQuantity input { float: left; display: inline-block; }
    #basket .basketDelivery .tooltip { float: right; display: inline-block; background: url(../images/basket_tooltip.png) no-repeat; height: 20px; width: 20px; position: relative; }
        #basket .basketDelivery .tooltip span { display: none; background: url(../images/bg_tooltip_hover.png); width: 199px; height: 75px; padding: 27px 27px 40px 27px; left: -108px; text-indent: 0px; font-size: 14px; color: #58607d; line-height: 1.4em; bottom: 0px; position: absolute; text-align: center; }
        #basket .basketDelivery .tooltip:hover span { display: block; cursor: pointer; }

    #basket .basketCode .tooltip.error { margin-top: 5px; float: right; display: none; background: url(../images/basket_tooltip_error.png) no-repeat; height: 20px; width: 20px; position: relative; }
        #basket .basketCode .tooltip.error span { display: none; background: url(../images/bg_tooltip_hover.png); width: 199px; height: 75px; padding: 27px 27px 40px 27px; left: -108px; text-indent: 0px; font-size: 14px; color: #58607d; line-height: 1.4em; bottom: 0px; position: absolute; text-align: center; }
        #basket .basketCode .tooltip.error:hover span { display: block; cursor: pointer; }


    #basket .basketCode .basketQuantity .input { width: 150px; text-align: left; }
    #basket .basketOrderTotal td { border: none; }
    #basket .basketOrderTotal .orderTotal { background: #2f3344; color: #e6f3f9; font-weight: bold; }
        #basket .basketOrderTotal .orderTotal span { font-size: 30px; display: block; clear: both; font-family: 'OpenSansSemiboldRegular'; font-weight: normal; color: #fff; }

.basketActionsHolder { display: block; width: auto; overflow: hidden; padding-top: 30px; }
    .basketActionsHolder .action.checkoutBtn { margin: 5px 0px 5px 10px; }
.action.checkoutBtn { clear: none; color: #fff; background: url(../images/btn_home_action.png) no-repeat top right; height: 39px; line-height: 39px; float: right; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; cursor: pointer; margin: 15px 0; padding: 0 70px 0 20px; }
    .action.checkoutBtn.disabled { background: url(../images/btn_home_action_disabled.png) no-repeat top right; }
    .action.checkoutBtn a:hover { background-position: bottom right; }
.action.shoppingBtn { display: inline-block; clear: none; color: #1b1b1b; background: url(../images/btn_grey_tile.png) repeat-x bottom left; height: 37px; line-height: 37px; float: left; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; text-shadow: 0 -1px 1px rgba(255,255,255, 0.2); text-decoration: none; font-weight: bold; font-size: 16px; cursor: pointer; margin: 5px 0; padding: 0 20px 0 20px; border: 1px solid #ccc; }
    .action.shoppingBtn a:hover { background-position: bottom right; }

.action.amazonStyle { background: url(../images/PwA.png) no-repeat top right; text-indent: -9000px; width: 200px; height: 46px;}
.action.paypalStyle { background: url(../images/payment-paypal.png) no-repeat top right; text-indent: -9000px; width: 200px; height: 45px; }
.action.wfStyle { width: 120px; border: 1px solid #4DADBA; }
.paymentOptions { width: 25%; float: right; }


/* $GALLERY */

.galleryBox { float: left; display: inline-block; width: 304px; margin-right: 15px; text-decoration: none; margin-bottom: 15px; }
    .galleryBox span { display: block; clear: both; width: auto; color: #363b4e; background: url(../images/sideNav_tile.png) repeat-x bottom left #fff; height: 40px; line-height: 40px; border: 1px solid #ebebeb; padding: 0 15px; }


          .galleryBox span { position:relative; display:table;width: 100%; line-height: 1.2; }
        .galleryBox span strong {  display: table-cell; vertical-align: middle; }

    .galleryBox img { display: block; clear: both; }
    .galleryBox span:hover { background: #fff; }
.galleryBox.pressCuttings{height: auto;
width: auto;}
.galleryOptions { background: #006892; width: 450px; overflow: hidden; padding: 10px 75px; position: relative; }
    .galleryOptions img { border: 2px solid #fff; }

.galleryScroll { overflow: hidden; position: relative; height: 100px; }
    .galleryScroll .items { /* this cannot be too large */ width: 20000em; position: absolute; padding: 0px; margin: 0px; clear: both; }
        .galleryScroll .items div.page { float: left; padding: 0px; margin: 0px; }
            .galleryScroll .items div.page img { cursor: pointer; box-shadow: 0 0 1px rgba(0, 0, 0, 0.2); }
.galleryOptions .prev, .galleryOptions .prev:hover { background: url(../images/gallery_left.png) no-repeat 50% 50%;; left: 0px; border-right: 1px solid #005d83; width: 50px; padding: 0px; }
.galleryOptions .next, .galleryOptions .next:hover { background: url(../images/gallery_right.png) no-repeat 50% 50%; right: 0px; border-left: 1px solid #005d83; width: 50px; padding: 0px; }
.galleryFocusImage { overflow: hidden; position: relative; width: 600px; }
    .galleryFocusImage .info { background: url(../images/transparent_white.png) repeat; position: absolute; bottom: 0px; left: 0px; width: auto; display: block; overflow: hidden; width: 580px; padding: 7px 10px; color: #272b39; }
        .galleryFocusImage .info h2 { padding: 0px 0 0px 0; margin: 0px; font-size: 18px; }
        .galleryFocusImage .info p { padding: 0px; margin: 0px; }

#jquery-lightbox { z-index: 999 !important; }

.galleryView { padding: 20px; background: #efeee9; clear: both; min-width: 613px; margin-bottom: 13px; position: relative; overflow: hidden; }

.galleryViewTop { background: url(../images/sidenav_tile_blue.jpg); margin-top: 15px; height: 15px; }

.galleryView div.title { background-color: #5d5e65; }

.galleryView .scrollable { height: 900px; width: 96%; position: relative; overflow: hidden; float: left; margin-left: 20px; }
.galleryView .scrollable.press { }

    .galleryView .scrollable .page { width: 590px; height: 100%; overflow: hidden; float: left; }

    .galleryView .scrollable.large { height: 700px; }
    .galleryView .scrollable.medium { height: 450px; }
    .galleryView .scrollable.small { height: 228px; }

.galleryView .item-wrapper { width: 670px; float: left; }

.galleryView a.browse { background-repeat: no-repeat; height: 30px; position: absolute; top: 250px; z-index: 20; }

.galleryView a.left:hover { background-position: 0 0; }

.galleryView a.left { background-image: url('../images/arrowL.png'); background-position: 0 -32px; left: 0px; }

.galleryView a.right { background-image: url('../images/arrowR.png'); right: 0px; }

    .galleryView a.right:hover { background-position: 0 -32px; }

.galleryImageHolder { margin-right: 6px; margin-bottom: 10px; padding: 7px; border: 1px solid red; float: left; display: inline-block; background: #fff; border: 1px solid #ebebeb; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); position: relative; }
    .galleryImageHolder.press {
        width: 173px;height: 220px;max-height: 220px;overflow: hidden;
    }
.galleryImageHolder.press p{
    padding: 0;
margin: 0;}

    .galleryImageHolder img:hover { cursor: pointer; }
    .galleryImageHolder .imageTitle { display: none; position: absolute; background-color: rgb(0, 0, 0); opacity: 0.8; width: 100%; height: 100%; top: 0; }
        .galleryImageHolder .imageTitle p { position: relative; color: #fff; text-align: center; margin-top: 25%; font-weight: bold; font-size: 14px; }

/*FORM RESPONSE*/
.DynamicFormResponse { line-height: 1.5em; }

/*CONTINUE */
#continueMessage { display: none; overflow: hidden; clear: both; width: auto; width: 90%; margin: 0; padding: 0; }
    #continueMessage a { background: url(../images/nav_basket.png) no-repeat 10px 50% #2A2E3D; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 10px 10px 40px; margin-top: 0px; display: block; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold; border: 1px solid #2A2E3D; }

/* $ANIMATIONS */
@-moz-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-webkit-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-ms-keyframes selectedSide {
    0% { background: #ebebeb; }

    100% { background: none; }
}

@-moz-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

@-webkit-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

@-ms-keyframes error {
    25% { left: -2px; }
    75% { left: 2px; }
    100% { left: 0px; }
}

/* $CMS RESETS*/
.cms-modules, .cms-select { list-style-image: none; }

.order-min-value { display: block; overflow: hidden; margin: 10px 0; background: #E1F1EE url(../images/basket_tooltip_error.png) no-repeat 10px 50%; min-height: 30px; line-height: 20px; padding-left: 55px; padding-right: 20px; color: #1b1b1b; border: 1px solid #bbdad4; border-radius: 10px; }


.order-surcharge { display: block; overflow: hidden; margin: 10px 0; background: url(../images/Warning_icon.png) 10px 50% no-repeat #FFF07F; min-height: 30px; line-height: 30px; padding-left: 35px; color: #1b1b1b; border: 1px solid #8c0202; border-radius: 10px; }


/*WALLPAPER */
/*.categoryGroup.wideDisplay { padding: 20px 0 0px 20px;  }*/
.categoryGroup .categoryProduct.wideDisplay { width: 280px; border: 1px solid #e0e0e0; box-shadow: none; margin: 20px 20px 0px 0; min-height: 180px; }
    .categoryGroup .categoryProduct.wideDisplay.last { }
    .categoryGroup .categoryProduct.wideDisplay .productImg { background: #ccc; display: block; height: 130px; margin: 5px; padding: 0px; width: 97%; }
    .categoryGroup .categoryProduct.wideDisplay .categoryProductLink strong { display: block; text-align: center; padding: 15px 0; }
.categoryGroup.wideDisplay .categoryProduct { }
.categoryGroup.wideDisplay .categoryProductCat { margin: 0px 20px 20px 0; }
    .categoryGroup.wideDisplay .categoryProductCat.odd { margin: 0px 0px 20px 0; }
.categoryGroup.wideDisplay .categoryProductProd { border: 1px solid #e0e0e0; box-shadow: none; min-height: 145px; outline: 0; }
    .categoryGroup.wideDisplay .categoryProductProd.active { border: 2px solid #4DADBA; padding: 6px; outline: 0; }
.categoryGroup.wideDisplay .categoryProduct.categoryProductProd .productImg { background: #ccc; display: block; height: 100px; margin: 5px; padding: 0px; width: 97%; }
.categoryGroup.wideDisplay .categoryProduct.categoryProductProd strong { display: block; text-align: center; }



.wideDisplay .previewBox { background: none repeat scroll 0 0 #FFFFFF; display: none; border: 1px solid #EBEBEB; height: 100%; margin-bottom: 10px; float: left; padding: 20px 20px 0px 20px; position: relative; width: 570px; }
.previewBox .info { width: 240px; float: right; padding-bottom: 15px; }
    .previewBox .info .infoInner { border-bottom: 1px solid #EBEBEB; margin-bottom: 10px; }
.previewBox .image { float: left; border-right: 1px solid #EBEBEB; padding-right: 15px; /*height: 255px;*/ height: auto; text-align: center; width: 300px; margin-bottom: 20px; text-align: center; }
.previewBox span { background: url("../images/ico_cross.png") no-repeat scroll left top transparent; cursor: pointer; display: block; font-size: 0; height: 19px; position: absolute; right: 5px; text-indent: -9999px; top: 5px; width: 20px; }

.primaryCol.wideDisplay { border: 1px solid #CCCCCC; position: relative; }
    .primaryCol.wideDisplay .productImage { width: 100%; }
    .primaryCol.wideDisplay .productDescription { float: left; padding: 0 2% 2% 2%; width: 96%; }
        .primaryCol.wideDisplay .productDescription h1 { display: none; }
    .primaryCol.wideDisplay .productImage .focalImage { border: 1px solid #CCCCCC; float: left; margin: 2%; padding: 0; }
.wallpaperHeader { float: left; display: block; padding: 0 2% 2% 2%; margin: 0; }
.primaryCol.wideDisplay h2 { display: block; font-size: 14px; margin: 0 0 5px 0; }
/*hide*/
.primaryCol h2 { display: none; }
.previewBox { display: none; }


/*page type*/
.columns .column.right ul { margin-top: 0; }

.headerContacts h2 { height: 24px; }
.rTapNumber40142 { display: none; }
.rTapNumber40362 { display: none; }
.rTapNumber40363 { display: none; }
.tapNumber { display: none; }
.ui-sortable .rTapNumber40142 { display: inline-block; }
.ui-sortable .rTapNumber40362 { display: inline-block; }
.ui-sortable .rTapNumber40363 { display: inline-block; }
.ui-sortable .tapNumber { display: inline-block; }
.rTapNumber40142.show { display: inline-block; }
.rTapNumber40362.show { display: inline-block; }
.rTapNumber40363.show { display: inline-block; }
.tapNumber.show { display: inline-block; }


/*Favourites*/


#favourites-wrapper { position: fixed; bottom: -32px; width: 1033px; background-color: white; z-index: 10;}
#favourites {padding: 36.5px; padding-top: 20px; *zoom: 1; display: none; background-color: white; -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); }
    #favourites:before, #favourites:after { content: ""; display: table; }
    #favourites:after { clear: both; }

    .favourite-scroller button { width: 39px; height: 195px; position: absolute; bottom: 0; border: 0; text-indent: 9999px;outline: none;}
#favourites-backward {
     left: 0px; background: url(../images/arrow_left.png) no-repeat center;background-color: #fff;
     display: block !important;
     left: -25px;

}
 #favourites-forward {
     right: 0px; background: url(../images/arrow_right.png) no-repeat center;background-color: #fff;
     display: block !important;
     right: -25px;
}

.favourite { padding-top: 4px; color: #fff; font-weight: bold; text-decoration: none; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; position: absolute; right: 4px; top: 4px; cursor: pointer; font-size: 9px; width: 70px; height: 30px; display: block; }
    .favourite.addfave { background: url(../images/bg-gradient.jpg) repeat-x top left; height: 26px; }
    .favourite.removefave { background: url(../images/bg-gradient-remove2.jpg) no-repeat top left;border: 1px solid #5d5e65; text-indent: 9999px; overflow: hidden; width: 28px; white-space: nowrap; padding: 0; height: 26px; }

.favourite-scroller ul li { display: inline-block!important;padding-bottom: 0;
overflow: hidden;}
.favourite-scroller ul { background: #efeee9; padding: 8px 1%; margin: 20px 0; border-top: #e5e5e5; width: 98%;white-space: nowrap; overflow: hidden;}
#favourites h1, #favourites p { margin-left: 40px; margin-bottom: 0.5em; }
.favourite-scroller .categoryProduct { width: 129px;
margin: 0 4.5px; min-height: 160px; float: none;}
    
 .favourite-scroller .categoryProduct .categoryProductLink strong { margin-top: 4px; font-size: 12px; display: block;overflow: hidden;-ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#favourites-toggle {cursor: pointer; float: right; position: relative; top: -31px; z-index: 1; font-weight: bold; font-size: 14px; padding: 5px 40px 5px 15px; background: #fff url(../images/fav-panel-chevron-up.jpg) no-repeat right center; -webkit-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); box-shadow: 0px -2px 3px 0px rgba(0, 0, 0, 0.5); }
    #favourites-toggle p { padding-bottom: 0; }
    #favourites-toggle.active { background-image: url(../images/fav-panel-chevron-down.jpg); }
.favourite-scroller {position: relative;}

.sliderHolder {
    width: 100%;
    height: 100%;
    display: block;
    background: #efeee9;
padding-left: 10px;
position: relative;
left: -6px;
border: 1px solid #ccc;
}
.favourite-scroller {
    /* required settings */ 
    position: relative; 
    overflow: hidden; 
    width: 950px;
    height: 212px;
    padding: 0px;
}
.favourite-scroller .holder{
}
.favourite-scroller .items {
/* this cannot be too large */ 
    width: 20000em; 
    position: absolute; 
    padding: 6px 0px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
}
.favourite-scroller .items .item {
    float: left;
    padding: 5px 0px;
    margin: 0px;
    overflow: hidden;
    width: 158px;
    background: #efeee9;
}
.favourite-scroller .items .item img {
    cursor: pointer;
}



/* feefo styling */
#feefologohere { clear:both}
#feefologohere a img {max-width:100%; display:block;}


@media (max-width:840px) {
    #feefopage {  width: 90% !important; overflow-x: auto; box-shadow: 0 0 20px 0 #808080;}
    #feefopage table {width:100%;}
    #feefopage .boxcenter {width:100% !important;}
    #feefopage .boxclose {right:0 !important; top:4px !important;}
    #feefopage .boxcenter > div {width:98% !important; margin-left:2% !important; text-align:left !important;}
    #feefopage .boxcenter > div div{text-align:left !important;}
    #feefopage .heading {width:100% !important; left:0 !important; margin:0 !important;}
    #feefopage .comm-table {margin:0 !important;}
    #feefopage .comm-table tbody tr:first-child {display:none !important;}
    .feefocomments  .comm-table tbody tr td {width:100% !important; display:block !important;}
}