/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

/*CSS RESET */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; font-weight: normal; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* tick box
----------------------------------------------------------*/


label.checkbox span.holder {
    height: 61px; /* Total height of your checkbox image */
    background: url(../img/prettyCheckboxes/checkbox.png) 0 -1px no-repeat; /* Path to your checkbox image */
}

label.checkbox:hover span.holder,
label.checked span.holder,
label.checked span.holder,
label.checked:hover span.holder,
label.checked:hover span.holder { top: -42px !important; } /* Background position when checked */

.home-wrapper-bottom{
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.bFeatureContainer .firstCell {
    position: relative;
    float: left;
    text-align: center;
    width: 14%;
    background: none;
}
.homeProductWrapper {
    width: 1100px;
    padding: 30px 20px 0;
    margin: 0 auto;
    margin-top: -35px;
}


label.list {
    float: left; clear: left;
    margin: 0 0 5px 0;
}

label.inline {
    float: left; margin: 0 10px 0 0;
}

input.hiddenCheckbox {
    position: absolute; left: -10000px; /* Hide the input */
}

#frm2 > div > ul > li:nth-child(7) > img{
    margin-left: 182px;
}

label.prettyCheckbox span.holderWrap {
    display: block; float: left;
    position: relative;
    margin-right: 5px;
    overflow: hidden;
}

label.prettyCheckbox span.holder {
    display: block;
    position: absolute;
    top: 0; left: 0;
}
.cataid{
    max-width: 24%;
    height: auto;
    width: auto\9; /* ie8 */
}


.flex-direction-nav a {
    z-index: 999999;
}

/* General
----------------------------------------------------------*/

/*font-family:'Lucida Calligraphy W01';
font-family:'HelveticaNeueW01-Thin';
font-family:'HelveticaNeueW01-75Bold';
font-family:'HelveticaNeueW01-UltLt';
font-family:'HelveticaNeueW01-45Ligh';*/

.searchContainer{
    width:120px;
    float:left;
    margin-top: -3px;


}
.searchButton{
    background: url("../img/1391056488_search.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    height: 20px;
    width: 25px;
    float:left;
    margin-top: 0px;
    cursor: pointer;
    margin-left: 5px;
}
section#mainContentWrapper header div.wrapper div.menuContainer div.searchContainer form#searchForm input#q.txtSearch{
    float:left;
    height:15px;
    width:90px;
    margin-top: 1px;
    display:none;
}

html, body { height: 100%;width: 100%;}
input[type=button] { font-family:'HelveticaNeueW01-45Ligh'; -webkit-font-smoothing: antialiased; }
body { background: #fff; font-family:'HelveticaNeueW01-45Ligh'; font-size: 13px; line-height: 20px; min-height: 100%; color: #232323; -webkit-font-smoothing: antialiased; left: 0; }
h1, h2, h3, h4 { color: #232323;font-family:'HelveticaNeueW01-Thin'; }
h2 { font-size: 20px; line-height: 40px; letter-spacing: 6px; text-transform: uppercase; }
h3 { font-size: 20px; line-height: 38px; text-transform: uppercase; }
h4 { font-size: 15px; line-height: 20px; }
div.featureBg div.aFeatureListing div.videoRight div.vidoeImage div.vidoeImageCopy div.vidoeImageCopyInner h3{text-transform: none;}
.primaryFeatureText { font-size: 24px; line-height: 50px; text-transform: uppercase; letter-spacing: 6px; }
.secondFeatureText { font-size: 16px; line-height: 26px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 30px; }
.secondFeatureTextShort { font-size: 20px; line-height: 38px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 30px; width: 500px; }
.bFeatureText { font-size: 13px; line-height: 20px;  letter-spacing: 4px; }

.mainTabText { font-size: 13px; text-transform: uppercase; }
.secondTabText { font-size: 11px; text-transform: uppercase; }

a { }
a:link, a:visited { color: #232323; text-decoration: none; }
a:hover { color: #a3e75a; text-decoration: none; }
a,a:focus { outline: none;outline-width: 0; }
html.js body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li img{margin-left: 180px;}
nav#supportMenuNav {position: absolute;right: 0px; font-size: 11px; text-transform: uppercase; margin-top: 12px; }
nav#supportMenuNav ul { padding: 0px; }
nav#supportMenuNav li { float: left; margin-bottom: 0; margin-right: 18px; height: 40px; }
nav#supportMenuNav li.last { margin-right: 0px; }

nav#supportMenuNav a { display: block; }
nav#supportMenuNav a,
nav#supportMenuNav a:visited { color: #b6b6b6; }
nav#supportMenuNav a:hover,
nav#supportMenuNav a.active { color: #232323; text-decoration: none; }

nav#mainMenuNav {  font-size: 13px; text-transform: uppercase; }
nav#mainMenuNav ul.mainMenuListing { margin-top: 5px; float: left; color:#919191}
nav#mainMenuNav ul { margin: 0px; padding: 0px; }
nav#mainMenuNav ul li { float: left;border-right: 2px solid #5f5f62;padding-right: 5px;height:12px;  }
nav#mainMenuNav ul li.last{border-right: 0px saddlebrown solid;}
nav#mainMenuNav a.first { margin-left: 0px; }
nav#mainMenuNav a { display: block; height: 12px; margin-top: -4px;; margin-left: 2px; }
nav#mainMenuNav a,
nav#mainMenuNav a:visited { color: #ffffff; opacity:0.5; outline: 0;}

nav#mainMenuNav a.active { color: #ffffff; text-decoration: none; }
.closeMenuContainer { display: none;}
section#mainFeature {

    height: 100%!important;
    overflow: hidden;
    position: relative;
    width: 100%;
}
html.js.no-flexbox.flexbox-legacy.canvas.canvastext.webgl.touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.mti-helveticaneuew01thin-n4-active.mti-helveticaneuew0145ligh-n4-active.mti-active body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li div.saleWrapper label.checkboxLabel1{
    width:100px;
    position: relative;
    top: -4px;
    float: left;
}
html.js.no-flexbox.flexbox-legacy.canvas.canvastext.webgl.touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.mti-helveticaneuew01thin-n4-active.mti-helveticaneuew0145ligh-n4-active.mti-active body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li div.saleWrapper{width:40%;float:left;}
/*.dropShadow {
    background: url("../img/Shadow_1px.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
    height: 9px;
    position: absolute;
    top: 105px;
    width: 100%;
    z-index: 80;
}*/
nav .searchInputContainer { display: none; }
nav .searchBoxContainer { display: inline-block; background: url('../img/buttons/ArrowsIcons.png') no-repeat -179px 6px; height: 22px; width: 11px; }
nav .searchBoxContainer:hover { background-position: -179px -40px; }

nav .searchInputContainer .txtSearch { border: 0px; border-bottom: 1px solid #E9E9E9; }

input, select, textarea { color: #7D7D7D; margin-top: 0px; }
select { height: 30px;}

.breadCrumb { font-size: 11px; }
.footerText { font-size: 11px; text-transform: uppercase; color: #686868; text-align: center; padding-bottom: 10px; }
.footerText a span:hover { text-decoration: underline; }

a.productsDropDownMenu:link,
a.productsDropDownMenu:visited { padding: 0 0 0 0px; color: #084E9D; }
header nav li a.dropDownIcon { background: none; }

#subNavProducts li a:link,
#subNavProducts li a:visited { background: none; padding: 0px; }
nav#mainMenuNav #subNavProducts li a { display: block; height: 34px; margin: 0; padding: 0px; border: none; }
nav#mainMenuNav #subNavProducts li:hover a span { text-decoration: underline; color: #232323; }
header nav li  div.responsiveMenuContainer { display: none;}
header nav li  ul.responsiveMenu { display: none;}
/*section#mainContentWrapper section#mainFeature.mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeWrapper{
    height:300px;
}*/
section#mainContentWrapper section#mainFeature.mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeWrapper {
    height: 300px;
    width: 100%;
    margin: 0px auto;
}
#loading {
    position: absolute;
    top: 5px;
    right: 5px;
}

#calendar {
    width: 900px;
    margin: 0 auto;
}

#frm2 > div > ul > li.valueOnly > a{
    background-color: #92d050;
    border-radius: 7px;
    -moz-border-radius: 7px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.471;
    letter-spacing: 4px;
    padding: 10px 16px 10px 16px;
    text-transform: uppercase;
    text-align: center;
}

/* customer service
----------------------------------------------------------*/

.tabbed_area{
    margin-top: 36px;
    height:55px;
    margin-left: 18px;
}



.tabbed_area #tabarea{
    width:100%;
    clear:both;

}
.tabbed_area #contentarea{
    width:100%;
}
.tabs{
    height:55px;
}

.tabbed_area li{
    margin-top:0px;
    text-align: center;
    width:24%;
    float:left;
}
div#contentarea div#content_4.content ul.documentThumbList li{
    height:310px;   
}
div#contentarea div.content ul div.cateblock div{
    margin-bottom: 2px;
}
.tabbed_area li a{
    background-color:transparent;
    text-decoration:none;
    font-size:13px;
    text-transform: uppercase;
    margin-top:5px;
    color:#232323;

    height:40px;
}
div.cateblock{
    width:25%;
    float:left;
}
.tabbed_area li a:hover{
    color:#8FFC79;
}
.tabbed_area .tabs li{
    float:left;
    width:24%;
    list-style-type:none;
    border-bottom: 1px solid #E9E9E9; 
    color:#000;
    margin-right:9px;
    margin-bottom: 10px;
    padding-top: 4px;
    height:39px;
}
div#contentarea div.content ul div.cateblock h1{
    text-transform: uppercase;
    color:#a3e75a;
    padding-bottom: 5px;
}
section#mainContentWrapper section div.customerMainContainer{
    bottom: 80px;
    padding: 30px 0;
    position: relative;
    margin-top: 136px;
    height:auto;
}
.tabbed_area .tabs li.active1{

    border-bottom:1px solid #8FFC79;


}

.whiteArrow1{
    position: relative;
    top:29px;
    width:10px;
}

.tabbed_area .content {
    background-color:transparent;
    width:100%;	
    font-family:'HelveticaNeueW01-Thin';
    overflow:hidden;
    float:left
}
#content_2, #content_3,#content_4 { display:none; }

.content{
    color:#000;

    font-size: 12px;
}
html.js body section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li.last div.searchContainer form#searchForm input#q.txtSearch{
    background-color: transparent;
    border-width: 0;
    border-bottom: 1px solid #fff;
}
/* page
----------------------------------------------------------*/
section#mainContentWrapper { height: auto !important; margin-bottom: -140px; min-height: 100%;width:100%; }
.wrapper { position: relative; width: 80%; margin: 0 10%; transition: width .3s linear, height .3s linear, transform .3s linear; -webkit-transition: width .3s linear, height .3s linear, -webkit-transform .3s linear;}

header { position: fixed; height: 106px; width:100%;z-index: 999; top:0;background: url("../img/headerBg.jpg") repeat-x scroll 0 0 #FFFFFF}
header .logoContainer { position: relative; float: left; width: 15%; z-index: 9999; }
header .logoContainer img {
    position: absolute; left: 10%;
    top: 29px;
    max-width: 80%;
    height: auto;
    width: auto\9; /* ie8 */

}
header .menuContainer { position: relative; float: left; width: 75%; margin-left: 20%;margin-top: 50px;}
header{-webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
       -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
       box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}
.dropMenuIcon { }
.subNavProductsContainer {  position: absolute; top: 105px; left: 0px; width: 100%; height: 170px; background-color: white; overflow: hidden; z-index: 999; -moz-box-shadow: 0px 5px 5px rgba(165, 165, 165, 0.3); -webkit-box-shadow: 0px 5px 5px rgba(165, 165, 165, 0.3); box-shadow: 0px 5px 5px rgba(165, 165, 165, 0.3); }
.subNavProductsContainer .listContainer { width: 926px; height: 301px; margin: 0px auto; }
.subNavProductsContainer .listContainer ul { }
section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li.down div#subNavProducts.subNavProductsContainer div.listContainer ul li.subProductContainer{ float: left; width:100px;display: inline-block;border-right: 0 solid #fff;}

.horizontalDivider { width: 726px; height: 1px; background-color: #E9E9E9; }
.subProductContainer { width: 124px; height: 150px; float:left;}
.subProductContainer img { display: block; padding-top: 20px; margin: auto; }
.subProductContainer span { display: block; width: 80%; padding-top: 10px; line-height: 14px; color: #232323; text-align: center; margin: auto; }

section#subNav { background-color: #094E9C; height: 40px; }
section#subNav ul {color:#fff; }
section#subNav ul li { float: left; border-right: 1px solid #3970B0; text-align: center; padding: 10px 0; }
section#subNav ul li.first { border-left: 1px solid #3970b0; }
section#subNav ul li a { color: #fff; }
section#subNav ul li.active,
section#subNav ul li.active a,
section#subNav ul li:hover a,
section#subNav ul li:hover { background-color: white; color: #232323; }


section#breadCrumb { position: relative; height: 38px; border-bottom: solid #E9E9E9 1px; }
section#breadCrumb .wrapper { position: relative; padding-top: 8px; height: inherit; }
section#breadCrumb .breadCrumbSpacer { padding: 0 5px;}
section#breadCrumb .content { }

footer { position: fixed; background: #2a2b2f;height: 60px; width:100%;bottom:0;z-index: 999;}
footer ul.socialContainer { margin: auto; padding: 46px 0px 28px 0px; width: 68px; height: 34px; }
footer ul.socialContainer li { float: left; width: 34px; height: 34px; }
footer ul.socialContainer li.tweeter { background-color: #00D7F6; }
footer ul.socialContainer li.facebook { background-color: #174DA3; }
footer ul.footerTextLeft { position: relative; float:left;margin-left: 20px; }
footer ul.footerTextLeft li { display: inline-block; padding: 0 10px; color: #fff;margin-top: 20px;}
footer ul.footerTextLeft li a span { display: block; color: #fff;}
footer ul.footerTextRight { position: relative; float:right; margin-right: 20px;}
footer ul.footerTextRight li { display: inline-block; padding: 0 10px; color: #fff;margin-top: 20px;}
footer ul.footerTextRight li a span { display: block; color: #fff;}
footer ul.footerTextRight li a span:hover{color:#a3e75a}
/* main
----------------------------------------------------------*/
html.js body section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper div.sliderDesc{font-size:16px;font-family:'HelveticaNeueW01-Thin','Arial';}
html.js body section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper div.sliderDesc span{font-size: 20px!important;line-height: 40px;font-family:'HelveticaNeueW01-Thin','Arial';}
.afeatureSlider { position: relative;}
html.js body section#mainContentWrapper section div.stockistMainContainer div.wrapper{width:1064px;}
.afeatureSlider ul.slides > li { position: relative;}
.primaryFeatureImageContainer { position: absolute; width: 100%; height: 500px; margin: 0 auto;}

section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm input.btnSendPromotion{
    margin-left: 180px;
    display: block; background-color: #92d050; margin-top: -5px; padding: 10px 16px 10px 16px; color: white; border: 1px solid; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 4px; text-transform: uppercase;
}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm input.btnSendPromotion:hover{
    color: #ffffff;
    background-color: #a3e75a;

}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formRefContainer div.container ul li a{color:#92d050}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formRefContainer div.container ul li a:hover{color:#a3e75a}
section#mainContentWrapper section div.customerMainContainer div.customerContainer div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li span.alert p{
    color:#a3e75a;
}
section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper div.textContainer div.btnCompare1 a#compare{
    color: #fff!important;
    font-size: 14px!important;
    line-height: 19.5px!important;
    font-family: 'HelveticaNeueW01-45Ligh'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    text-shadow: none!important;
    -webkit-border-radius: 5px 5px 5px 5px!important;
    border-radius: 5px 5px 5px 5px!important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.1)),color-stop(1,rgba(255,255,255,0)))!important;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-color: #8bc53f!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    padding-top: .5em!important;
    padding-right: 1em!important;
    padding-bottom: .5em!important;
    padding-left: 1em!important;
    border-top-width: 0!important;
    border-top-style: none!important;
    border-top-color: transparent!important;
    border-right-width: 0!important;
    border-right-style: none!important;
    border-right-color: transparent!important;
    border-bottom-width: 0!important;
    border-bottom-style: none!important;
    border-bottom-color: transparent!important;
    border-left-width: 0!important;
    border-left-style: none!important;
    border-left-color: transparent!important;
}
.vidoeWrapper{
    display: block;
}
.vidoeWrapper1{
    display: none;
}
section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper div.textContainer div.btnCompare1 a#compare:hover{
    background-color: #a3e75a;
}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li img{
    margin-left: 180px;
    margin-top: 10px;
}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper h3{
    color:#174DA3;
}
.primaryFeatureTextContainer { position: relative; width: 700px; height: 500px; }
.primaryFeatureTextContainer .primaryTextWrapper { /*border-left: 10px solid #084e9d;*/ padding: 4px 0px; }
.primaryFeatureTextContainer span { padding: 15px 10px 15px 0px; color: white; }

.btnOurProducts { margin-top: 20px; }
.btnOurProducts a:link,
.btnOurProducts a:visited { background: url("../img/buttons/ButtonArrows.png") no-repeat scroll 93% 50% transparent; background-color: #084e9d; padding: 12px 30px 12px 20px; color: white; -moz-border-radius: 7px; border-radius: 7px; }
.btnOurProducts a:hover { text-decoration: none; background-color: #013B7B; }

.mainProductSlider { background: #fff;padding-bottom: 1px; }
.mainProductSlider .article { float: right; width: 50%; min-width: 280px; height: 280px; }
.mainProductSlider .article span { width: 500px; padding: 12px 0px; color: #232323; text-align: left; }
.mainProductSlider .aside { float: right; width: 50%; min-width: 180px; height: 280px; }
.mainProductSlider .flexslider .slides .aside img { width: inherit; margin: auto; }

.mainProductSlider .flexslider { margin: 0 0 40px; }
.mainProductSlider .flex-control-nav { bottom: -20px; }
.mainProductSlider .flex-direction-nav a { margin-top: -7px; }

.btnOurRange { margin-top: 20px; }
.btnOurRange a:link,
.btnOurRange a:visited { background: url("../img/buttons/ButtonArrows.png") no-repeat scroll 93% 50% transparent; background-color: #232323; padding: 12px 30px 12px 20px; color: white; -moz-border-radius: 7px; border-radius: 7px; }
section#mainContentWrapper section div.customerMainContainer div.customerContainer1 div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li img{margin-top: 10px;margin-left:180px; }

.bFeatureContainer { position: relative; overflow: hidden; width: 100%; margin: 0 auto; background-color: #f4f4f4; padding: 40px 0px; }
.bFeatureContainer ul li { position: relative; float: left;text-align: center; padding-left: 10px; margin-right: 25px; width: 120px;  background: url("../img/homepageBorder.png") no-repeat scroll 100% 0 transparent;}
.bFeatureContainer ul li.lastCell{background-image: none;}
.bFeatureContainer ul li.firstCell { margin-left: 0px; }
.bFeatureContainer ul li.lastCell { margin-right: 0px; }
.bFeatureContainer ul li img {margin-left: -25%;}
.bFeatureContainer ul li span { display: block; margin-top: 20px; margin-right: 25px;margin-left: -15px;color: #232323; text-align: center;}
.bFeatureContainer ul li a:hover { text-decoration: none;color: #559f14;}
.btnLearnMore { margin-top: 20px; }
.btnLearnMore a:link,
.btnLearnMore a:visited { background: url("../img/buttons/blueBtnArrow.png") no-repeat scroll 0% 50% transparent; background-position: right; padding: 0px 15px 0px 0px; }

section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li{margin-top: 10px;}
section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDesc{margin-top: 10px;width:1100px;margin:0 auto;padding-left: 51px;position: relative;}

/* compare 
----------------------------------------------------------*/
.compareThreeColumn {
    text-align: center;
    float: left;
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 25px;
    width: 250px;
    padding:20px;

}


section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.logos{border-top: 1px solid #e9e9e9;}
.compareThreeColumn:hover{background-color: #ccc}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn a img{
    margin-left: 10px;
}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn img.cross{
    float:right;
}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn img.cross:hover{
    width:28px;
}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn ul.modelDetails li ul li.modelDescPosition{
    word-wrap:break-word;
}
section#mainContentWrapper section#productDetails div.productSummary div.wrapper div.textContainer span{
    word-wrap:break-word;
}

section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn div.lines ul li{
    word-wrap:break-word; 
}
section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#contactmobile{
    display:none;
}
section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#supportmobile{
    display:none;
}
section#mainContentWrapper div.space{min-height: 150px;clear: both;}
/* A Feature / bFeatureListing
----------------------------------------------------------*/
section#mainContentWrapper section#aFeature{ height: 30px; background: #F5F5F4;bottom:269px;position: fixed;width:100%; }
/* B Feature / bFeatureListing
----------------------------------------------------------*/
section#bFeature { position: fixed; bottom: 60px; background: url('../images/feature/bfeatureBg.png') repeat-x 0px 0px; height: 160px; width: 100%; }
section#bFeatureListing { height: 149px; background: #F5F5F4;bottom:60px;position: fixed;width:100%; }
section#bbbFeatureListing { height: 149px; background: #F5F5F4;bottom:60px;position: fixed;width:100%; }
section#productFeatureListing { height: 257px; }

section#bFeatureListingMicro { display: none; }
section#bbbFeatureListingMicro { display: none; }
ul.bFeatureMain { width: 980px; margin: 0 auto; }
ul.bFeatureMain li { position: relative; width: 300px; height: 100%; padding: 16px 10px 0; float: left; }
ul.bFeatureMain li:hover { color: #ff7d00; cursor: pointer; }
ul.bFeatureMain li:hover h3 { color: #ff7d00; cursor: pointer; }
ul.bFeatureMain li.seperator { width: 2px; height: 120px; padding: 0px; margin: 10px 0 0 0; float: left; background: url('../images/feature/bfeatureSeperator.png') repeat-y 0px 0px; }
ul.bFeatureMain li .imgContainer { position: absolute; width: 125px; left: 182px; }
ul.bFeatureMain li img { display: block; margin: auto; }
ul.bFeatureMain li h3 { padding: 0; text-align: left; width: 170px; padding-top: 30px; }
ul.bFeatureMain li .footer { position: absolute; top: 115px; background: url('../images/feature/bfeatureFooter.png') no-repeat 0px 0px; width: 172px; height: 5px; margin: 0; }
ul.bbbFeatureListing { width: 980px;; margin: 5px auto 0; text-align: center}
ul.bbbFeatureListing { width: 980px;; margin: 5px auto 0; text-align: center}
ul.bbbFeatureListing li { position: relative; width: 172px; height: 199px; padding: 20px 35px 0; float:left; } 
ul.bbbFeatureListing li:hover { color: #214D13; cursor: pointer; }
ul.bbbFeatureListing li:hover h3 { color: #a3e75a; cursor: pointer; }
ul.bbbFeatureListing li.seperator { width: 2px; height: 120px; padding: 0px; margin: 10px 0 0 0; float: left; background: url('../images/feature/bfeatureSeperator.png') repeat-y 0px 0px; }
ul.bbbFeatureListing li img { display: block; margin: auto; }
ul.bbbFeatureListing li h3 { position: absolute; top: 134px; padding: 0; text-align: center; width: 170px; padding-top: 12px; padding-bottom: 12px; font-size: 15px;}
ul.bbbFeatureListing li .footer { position: absolute; top: 174px; background: url('../images/feature/bfeatureFooter.png') no-repeat 0px 0px; width: 172px; height: 5px; margin: 0; }
ul.bFeatureListing { width: 980px;; margin: 5px auto 0; text-align: center}
ul.bFeatureListing { width: 980px;; margin: 5px auto 0; text-align: center}
ul.bFeatureListing li { position: relative; width: 172px; height: 100px; padding: 10px 35px 0; float:left; } 
ul.bFeatureListing li:hover { color: #214D13; cursor: pointer; }
ul.bFeatureListing li:hover h3 { color: #a3e75a; cursor: pointer; }
ul.bFeatureListing li.seperator { width: 2px; height: 120px; padding: 0px; margin: 10px 0 0 0; float: left; background: url('../images/feature/bfeatureSeperator.png') repeat-y 0px 0px; }
ul.bFeatureListing li img { display: block; margin: auto; }
ul.bFeatureListing li h3 { position: absolute; top: 104px; padding: 0; text-align: center; width: 170px; padding-top: 2px; padding-bottom: 2px; font-size: 15px;}
ul.bFeatureListing li .footer { position: absolute; top: 174px; background: url('../images/feature/bfeatureFooter.png') no-repeat 0px 0px; width: 172px; height: 5px; margin: 0; }
section#bbbbFeatureListing ul.slides1 li ul.bbbFeatureListing li a div.footer{ position: absolute; top: 174px; background: url('../images/feature/bfeatureFooter.png') no-repeat 0px 0px; width: 172px; height: 5px; margin: 0;}

section#mainContentWrapper section.grayBackground div.productsMainContainer div.wrapper h2{    
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 40px;
    text-transform: uppercase;

}
/* product
----------------------------------------------------------*/
.aFeatureListing{width:1064px;position: relative;margin: 0 auto;}
/*.videoRight{width:53%;float: left;padding-top: 4px;height:331px;}*/
.videoRight { width: 50%;float: left;padding-top: 12px; height: 331px;}
section#mainFeature div.featureBg div.aFeatureListing div.videoRight iframe{margin-top: -9px;}
/*.iconLeft{width:38%;float: left;}*/
.iconLeft{width:50%;float: left;}
/*div.aFeatureListing div.iconLeft div.iconWrapper{width: 124px;float:left;}*/
div.aFeatureListing div.iconLeft div.iconWrapper{width: auto;float:left;}
/*div.aFeatureListing div.iconLeft div.iconBg{width:95px;height:120px;}*/
div.aFeatureListing div.iconLeft div.iconBg{width:95px;height:95px;}
div.aFeatureListing h2{font-size: 20px;padding-bottom: 10px;color:#fff;}
div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconTick{cursor: pointer;background-color:#ddd;height:25px;width:74%;margin:auto;vertical-align: central;margin-right: 24px}
div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconEye{background-color:#ddd;width:74%;margin:auto;height:25px;vertical-align: central;margin-bottom: 3px;margin-right: 24px}
.iconBgInner{padding-top: 19px;display: none;}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconBgInner div.iconTick div.paddingWrapper input{outline-color:red}
div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconTick input{border:1px solid #000000;}

section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconBgInner div.iconEye div.paddingWrapper h1{float:right;margin-right: 15px;margin-top: -1px;font-size: 11px;color:#000;font-weight: bold;font-family:arial;}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconBgInner div.iconTick div.paddingWrapper label h1{float:right;margin-right: 8px;margin-top: -16px;font-size: 11px;color:#000;font-weight: bold;font-family:arial;}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeImage div.vidoeImageCopy h3{color:#fff;padding-top: 40px;}

section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeImage div.vidoeImageCopy{z-index: 999;text-align: center;height:100%;}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeImage{height:100%; }
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg{opacity:1;background-size: 300% !important;}
.paddingWrapper{padding: 3px 0 0 6px;cursor: pointer;}
.productFeatureHeight {height: 500px;}
.productFeatureHeight {position: relative;display: block; height: 500px;}
.productsBgImageContainer { position: relative; width: 100%; height: 500px; margin: 0 auto; }
.productInfoList h4 { display: inline-block;font-weight: bold;padding-top: 10px;text-transform: uppercase; }
.featureTextContainer { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);
                        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF , endColorstr=#7FFFFFFF )"; width: 100%;position: absolute;bottom: 0px;}
.productFeatureTextContainer { position: relative;   }
.productFeatureTextContainer .primaryTextWrapper { /*border-left: 10px solid #084e9d;*/ padding: 9px 0px 8px 0px; }
.productFeatureTextContainer span { padding: 12px 10px 20px 0px;display: block; }

.grayBackground { background-color: #E9E9E9; }
.productsMainContainer { position: relative; width: 100%; margin: 0 auto; background-color: #fff; bottm:60px;}
.productsMainContainer .wrapper { background-color: white; border-bottom: 1px solid #E9E9E9;width:1064px;margin-top: 70px;}
.productsListContainer div.wrapper ul li p{letter-spacing: 0.050em; font: 1.338em 'ITCAvantGardeGothicStdMedium',Arial,sans-serif;margin-bottom: 35px;line-height: 1.308em;color: #666666;}
.productsMainContainer h2 { display: block; margin: auto; padding: 10px 0px; text-align: center; }
.productsListContainer div.wrapper p {
    color: #666666;
    font: 1.338em/1.308em 'ITCAvantGardeGothicStdMedium',Arial,sans-serif;
    letter-spacing: 0.05em;
    margin-bottom: 35px;
}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg div.iconBgInner div.iconTick div.paddingWrapper input{display:none}
.darkCheckBox{
    background: url(../img/checkbox.png) 0 -1px no-repeat;
    height: 12px;
    margin-top: 3px;
    margin-left: 2px;
    width: 12px;
}
section#mainContentWrapper section#productDetails div.leftNavContainer ul.leftNavLevel1 li.firstLevel ul.leftNavLevel2 a li span{margin-left: 10px;text-transform: uppercase;}
.productsFilterMenu { padding-bottom: 10px; border-bottom: 1px solid #E9E9E9; }
.productsFilterMenu ul { height: 38px; margin: 0; padding: 0; list-style-type: none; text-align: center; }
.productsFilterMenu ul li { display: inline-block; margin-bottom: 0; margin-right: 10px; line-height: 26px; }
.productsFilterMenu ul li a.productsDropDownMenu { padding-top: 6px; }
.productsFilterMenu ul li:hover a { text-decoration: none; }
.productsFilterMenu a { display: block; }
.productsFilterMenu a,
.productsFilterMenu a:visited { color: #084e9d; }
.productsFilterMenu a:hover,
.productsFilterMenu a.active { color: #232323; border-bottom: 2px solid #232323; }

#productsFilterContainer { display: none; position: relative; padding: 20px; background-color: #232323; }
ul.filterGroups { position: relative; display: block; margin: 0 auto; text-align: center; }
ul.filterGroups li { position: relative; display: inline-block; vertical-align: top; width: 100%; }
ul.filterGroups.twoGroups li { width: 50%; }
ul.filterGroups.threeGroups li { width: 30%; }
ul.filterGroups li.rightBorder { border-right: 1px solid #4f4f4f; }
ul.filterGroups li h4 { display: block; color: white; text-transform: uppercase; letter-spacing: 3px; }
ul.filterGroups li ul.filterSelectionContainer { position: relative; margin: 20px 20px 0px 20px; }
ul.filterGroups li ul.filterSelectionContainer { position:relative; display: inline-block; }
ul.filterGroups li ul.filterSelectionContainer li { position: relative; float: left; width: 100%; display: block; text-align: left; }
ul.filterGroups li ul.filterSelectionContainer.doubleColumn li { width: 50%; }
ul.filterGroups li ul.filterSelectionContainer li input { display: none; }


.bFeatureDescBg {
    bottom: 220px;
}
#mainFeature {
    bottom:0;
}
.bFeatureDescBg, .bFeatureDescBgMicro {


    height: 130px;
    overflow: hidden;
    position: fixed;
    width: 100%;
}
section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li{

    width: 100%;
}
section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li .sliderDescWrapper{
    position: absolute;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.3);
    height: 130px;
    width: 100%;
    bottom:30px;
    z-index: 666;
}
section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper div.sliderDesc{
    padding-top: 35px;
}
.bFeatureDescBg ul li {
    color: #FFFFFF;
    display: none;
    height: 130px;
    position: absolute;
    top: 0;
}
/*div.cateWrapper{top:130px;height:300px;}*/
div.cateWrapper{top:130px;height:auto;    overflow: hidden;}
.whiteCheckBox { float: left; width: 10px; height: 10px; background: url('../img/buttons/Tickboxes.png') no-repeat 0 0; margin: 5px 10px; }
.whiteCheckBox.active { background-position: -10px 0; }
.whiteLabel { float: left; text-align: left; line-height: 20px; color: white; font-size: 10px; text-transform: uppercase; }
.whiteLabel:hover { cursor: pointer; }

.blackCheckBox { width: 10px; height: 10px; background: url('../img/buttons/Tickboxes.png') no-repeat -20px 0; margin: 0 auto 6px; }
.blackCheckBox.active { background-position: -30px 0; }

#productsFilterContainer .btnOurRange { display: block; margin: 20px auto 0px; text-align: center; }
#productsFilterContainer .btnOurRange a { border: 1px solid #E9E9E9; color: #E9E9E9; padding: 5px 30px 5px 30px; margin: 0 auto; font-size: 10px; letter-spacing: 2px; }
section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li{
    float: left;
    margin: 30px 20px 0 0px;
    width: 230px;   
}  

section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.btn a.added
{
    background-color: #92d050;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.471;
    padding: 10px 19px;
    z-index: 999;
}
#btnCompare1{
    margin-top: 24px;
}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.btn a.added:hover
{
    background-color: #a3e75a;
}
section#mainContentWrapper section div.stockistContainer div.productsListContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li{
    margin-top: 0;    
}
section#mainContentWrapper section div.stockistContainer div.productsListContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.btn{
    margin: 20px auto 0;
    text-align: center;
    bottom:0;
}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.btn{
    margin-top: 20px;
}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li ul li.modelDescPosition{
    text-align: left;
    padding: 5px 0;
}
section#mainContentWrapper section div.stockistMainContainer{
    margin-top: 165px;
    bottom:100px;
    padding-bottom: 40px;
    position:relative;
}
section#mainContentWrapper section div.stockistMainContainer div.wrapper h2{    
    font-size: 20px;
    letter-spacing: 6px;
    line-height: 40px;
    text-transform: uppercase;
    display: block;

    padding: 10px 0;
    text-align: center;
    color: #232323;
    border-bottom: 1px solid #E9E9E9;
}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper h3{text-align: center;}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer h3.noSelection{text-align: center;}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.printWrapper{width:100%;height:30px;}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.printWrapper a img{float:right;}
/*.iconBgInner{display:none}*/

.productsListContainer { overflow:auto; background-color: #fff;margin-top: 20px;padding-bottom: 100px; }
.productsListContainer .wrapper { background-color: white; overflow: hidden; padding-bottom: 78px; }
.productContainer { position: relative; float: left; width: 239px; height: 279px; margin: 0 auto; border-right: solid #E9E9E9 0px; border-bottom: dotted #E9E9E9 1px; }
.productContainer .blurCover { display: none; position: absolute; width: 239px; height: 279px; z-index: 0; background-color: white; opacity: 0.7; -webkit-opacity: 0.7; -moz-opacity: 0.7; filter:alpha(opacity=70); }
.productContainer .blurCover.active { display: block; }
.productContainer img { display: block; margin: 4px auto; }
.productContainer span { display: block; text-align: center; letter-spacing: 3px; margin-bottom: 12px; }
.productContainer input { display: none; margin: 0 auto 6px; } 
.productContainer label { display: block; text-align: center; } 
.productContainer label:hover { cursor: pointer; } 
.clearRightBorder { border-right: none; }
.underlineText { text-decoration: underline; }

.btnFilterSelection { display: block; margin: 20px auto 0px; text-align: center; }
.btnFilterSelection a:link,
.btnFilterSelection a:visited { background: url("../img/buttons/ButtonArrows.png") no-repeat scroll 93% 50% transparent; background-color: #232323; padding: 6px 30px 6px 20px; color: white; border: 1px solid white; -moz-border-radius: 7px; border-radius: 7px; }
.btnFilterSelection a:hover { text-decoration: none; border: 1px solid #B6B6B6;}

.btnFilterSelection1 a{  width:200px; display: block; margin: 20px auto 0px; text-align: center; background: url("../img/buttons/ButtonArrows.png") no-repeat scroll 93% 50% transparent; background-color: #232323; padding: 6px 30px 6px 20px; color: white; border: 1px solid white; -moz-border-radius: 7px; border-radius: 7px; }

.btnFilterSelection1 a:hover { text-decoration: none; border: 1px solid #B6B6B6;}



.mobileFilterMenu { display: none; }


/* product details
----------------------------------------------------------*/
.moreDetails { display: block; overflow: hidden; padding-bottom: 64px; border-bottom: 2px #4f4f4f solid; }
.productSpecRow { display: block; border-bottom: 1px dotted #ccc; min-height: 38px; }
.productSpecRow .firstCell { border-top: 0px #fff solid; }
.productSpecRow  span { width: 60%; line-height: 20px; padding: 10px 0px; }
.productSpecRow  .label { display: inline-block; width: 20%; padding: 15px 90px 5px 0;vertical-align: top; }
.productSpecRow   .value { display: inline-block;width: 40% ; padding-left: 30px; padding: 15px 0 0px; }

#productDetails h2 { letter-spacing: 4px; padding-bottom: 5px; }
#productDetails h2 span { display: block; font-size: 14px; letter-spacing: 3px;}
#productDetails h3 { letter-spacing: 4px;color: #232323;}
#productDetails .featuresBgColor h3 { width: 100%;color: #232323;}
#productDetails div.leftNavContainer ul.leftNavLevel1 li.firstLevel h3{
    font-size: 10px;
    margin-left: 10px;
}
#productDetails span { display: block !important; } 

.productSummary { display: block; overflow: hidden; padding: 10px 0px; }
.productSummary .textContainer { float: right; width: 48%;  min-height: 340px }
.productSummary .textContainer span { display: block; letter-spacing: 3px; }
.productSummary .textContainer .detailsLinkContainer { padding: 20px 0px; }
.productSummary .imgContainer {position: absolute;top: 0px;left: 0px; /*width: 30%;*/width: 50%;height: 308px; margin: 0 auto;padding-top: 0; margin-top: 30px; }
.productSummary .imgContainer { text-align: center;background: url("../img/productBG.png") no-repeat scroll 93% 50% transparent;}
.productSummary .imgContainer .imgslider,
.productSummary .imgContainer .imgslider .slides,
.productSummary .imgContainer .imgslider .slides li,
.productSummary .imgContainer .imgslider .flex-viewport { height: 100%; }
.productSummary .imgContainer .imgslider .slides li:nth-of-type(n+2){display:none}
.productSummary .imgContainer .imgslider .flex-direction-nav { display: none; }
.productSummary span { text-transform: uppercase; }

html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li img{
    max-width: 60%;
    height: auto;
    overflow: hidden;
    width: auto\9; /* ie8 */
}
/*html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li.productContainer a img{
    width:236px;
}*/

.leftNavLevel1 li.active {
    border-bottom: 2px solid #cfcfd0;
}
.leftNavLevel1 li {
    border-top: 1px solid #cfcfd0;
    cursor: pointer;
    padding: 5px 0 0;
    position: relative;
}

.leftNavLevel2 {
    display: none;
}

.rightContainer {
    display: block;
    float: left;
    margin-left: 20px;
    position: relative;
    width: 730px;

}

.leftNavContainer {
    float: left;
    width: 220px;
    margin-top: -35px;
}
div.leftNavContainer h1{
    font-size: 26px;
    margin-bottom: 20px;
    margin-left: 10px;
    text-transform: uppercase;
}
.leftNavLevel2 li {
    border-bottom: 1px solid #ffffff;
    background-color: #ececec;
    font-size: 13px;
    padding: 5px 0;
}
div.leftNavContainer ul.leftNavLevel1 li.firstLevel ul.leftNavLevel2 li a{text-transform:uppercase;margin-left: 10px;}
section#productDetails div.rightContainer div.breadCrumbNav a{text-transform: uppercase;}

section#productDetails {
    margin: 220px auto 76px;
    bottom: 100px;

    position: relative;
    width: 1064px;
}

html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper{margin:0 auto;width:1000px;position:relative;}
.btnBlueArrow { }
.btnBlueArrow a:link,
.btnBlueArrow a:visited { background: url('../img/buttons/blueBtnArrow.png') no-repeat transparent; background-position: 100% 55%; padding: 0 15px 0 0; }

.productInfoList { position: relative; width: 100%; overflow: hidden; padding-bottom: 50px; margin-top: 10px;}
.productInfoList .titleContainer { height: 80px; }
.productInfoList .titleContainer .wrapper { border-bottom: 0px solid #242424; border-top: 0px solid #242424;padding: 0px; }
.productInfoList .titleContainer h3 { display: inline-block; width: 50%; left: 0px; line-height: 80px; }
.productInfoList .titleContainer img { float: right; margin-top: 30px;margin-right: 12px; }
section#mainContentWrapper section#productDetails div.rightContainer div.breadCrumbNav div.compareCart{float:right;}
.detailContainer { display: none; overflow: hidden; }
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li div.lines div.productSpecRow div.label{text-align: left}
section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn ul.wishlistModelDetails li div.lines div.productSpecRow div.value{text-align: left}
.featureIconList { display: block; overflow: hidden; padding: 0px 0px 6px 0px;width:20% }
.featureIconList li { float: left; position: relative; width: 60px; margin: 2px; height: 65px; margin-right: 20px;}
.featureIconList li img { position: absolute; top: 0px; left: 0px; }
.featureIconList li span { position: absolute; left: 10px; bottom: 10px; width: 79px; text-align: center; font-size: 11px; text-transform: uppercase; line-height: 14px; letter-spacing: 0; }

.detailTextList { display: block; overflow: hidden; padding-bottom: 64px; }
.detailTextList li { display: block;}
.detailTextList li.firstCell { border-top: 0px #4f4f4f solid; }
.detailTextList li span{ width: 60%; line-height: 20px; padding: 10px 0px; }

.featuresBgColor {  }
.specificationBgColor { cursor: pointer; }
.accessoriesBgColor { cursor: pointer; }

.backBlueIcon { display: block; margin-bottom: 20px; }
.backBlueIcon a:link,
.backBlueIcon a:visited { backbackground: url("../img/buttons/blueLeftArrow.png") no-repeat scroll 0% 50% transparent; background-position: left; padding: 0px 0px 0px 10px; color: #084E9D; }

.btnCompare,
.btnQ *{
    margin: 24px auto 20px auto; font-size: 11px; text-transform: uppercase; 

}
.btnQ a:link,
.btnQ a:visited,
.btnCompare a:link,
.btnCompare a:visited { 
    color: #fff!important;
    font-size: 14px;
    line-height: 19.5px!important;
    font-family: 'HelveticaNeueW01-45Ligh'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    text-shadow: none!important;
    -webkit-border-radius: 5px 5px 5px 5px!important;
    border-radius: 5px 5px 5px 5px!important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.1)),color-stop(1,rgba(255,255,255,0)))!important;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-color: #8bc53f!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    padding-top: .5em!important;
    padding-right: 1em!important;
    padding-bottom: .5em!important;
    padding-left: 1em!important;
    border-top-width: 0!important;
    border-top-style: none!important;
    border-top-color: transparent!important;
    border-right-width: 0!important;
    border-right-style: none!important;
    border-right-color: transparent!important;
    border-bottom-width: 0!important;
    border-bottom-style: none!important;
    border-bottom-color: transparent!important;
    border-left-width: 0!important;
    border-left-style: none!important;
    border-left-color: transparent!important;
}
.btnCompare a:hover {
    color: #ffffff;
    background-color: #a3e75a;

}
/* Showroom
----------------------------------------------------------*/
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li span.alert{
    width:80%;
}
div.showroomWrapper div.leftCol{
    width: 45%;
    float:left;
    position: relative;
    margin-left: 5%;
    display: inline-block;
}
div.showroomWrapper div.rightCol a#booking{
    background-color: #92d050;
    border: 1px solid;
    border-radius: 7px;
    color: #FFFFFF;
    display: block;
    letter-spacing: 4px;
    margin-top: 0;
    padding: 8px;
    text-transform: uppercase;
    width: 150px; 
    text-align: center;
    margin-bottom: 10px;
}
.tabbed_area .tabs li.active2 {
    border-bottom: 1px solid #8FFC79;
}
section#mainContentWrapper section div.customerMainContainer div.customerContainer div.wrapper div.tabbed_area div#tabarea ul.tabs li:hover{
    background-color: #8FFC79;
    color:#ffffff;
    border-bottom: 1px solid #fff;
}
div.customerContainer div.wrapper div.tabbed_area div#tabarea ul.tabs li{
    margin-top: 10px;
    padding-top: 18px;
    font-size: 13px;
    text-transform: uppercase;
}
div.showroomWrapper div.rightCol a#booking:hover{
    background-color: #a3e75a;
}
div.showroomWrapper div.rightCol{
    width: 45%;
    float:left; 
    position: relative;
    margin-left: 5%;
    display: inline-block;
}
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft{
    float:left;
    width:60%;
}
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingright{
    float:left;
    width:30%;
}
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingright iframe{
    margin-top: 37px;
}
/* Company
----------------------------------------------------------*/

#historySlider { }

.historyWrapper { position: relative; display: block; overflow: hidden; width: 100%; }

#historyList { display: block; position: relative; width: 5300px; height: 448px; left: 0px; }
.historyWrapper ul li { position: relative; float: left; margin: auto; text-align: center; height: 448px; }
.historyWrapper ul li.leftPaddingCell { width: 1540px; background-color: #a2bf83; }
.historyWrapper ul li.rightPaddingCell { width: 1540px; background-color: #1c599d; }
.historyWrapper ul li.historyCell { width: 120px; }
.historyWrapper ul li.historyCell span { display: block; line-height: 448px; text-align: left; color: white; margin-left: 10px; font-size: 20px; }
.historyWrapper ul li.detailCell { position: relative; display: none; float: left; margin: auto; width: 0px; background-color: black; }
.historyWrapper ul li.detailCell.active { position: relative; display: block; }
.historyWrapper ul li.detailCell.first { width: 540px; }
.historyWrapper ul li.detailCell img { position: absolute; left: 0px; }
.historyWrapper ul li.detailCell h3 { display: block; position: relative; margin: 80px 40px 40px; color: white; line-height: 60px; text-align: left; text-decoration: underline; letter-spacing: 3px; font-size: 40px; }
.historyWrapper ul li.detailCell span { display: block; position: relative; width: 460px; padding: 0px 100px 0px 40px; color: white; text-align: left; font-size: 20px; line-height: 30px; letter-spacing: 0.5px; }

.thumbsContainer { width: 100%; background-color: #232323; }
.historyThumbList { position: relative; display: block; width: 924px; margin: 0 auto; overflow: hidden; background-color: #232323; }
.historyThumbList li { position: relative; float: left; width: 65px; height: 54px; border-right: 1px solid transparent; z-index: 10; }
.historyThumbList li div { position: absolute; width: 65px; height: 6px; top: 12px; }
.historyThumbList li span { position: absolute; display: block; width: 65px; height: 40px; line-height: 40px; bottom: 0px; text-align: center; color: #b6b6b6; font-size: 14px; }
.historyThumbList li.active { }
.historyThumbList li.detailCell.first { width: 540px; }
.historyThumbList li#whiteMask { position: absolute; background-color: white; width: 64px; z-index: 9; }

#cell1925 { background-color: #97b972; }
#cell1931 { background-color: #85a85e; }
#cell1942 { background-color: #6e9741; }
#cell1950 { background-color: #ffd58a; }
#cell1951 { background-color: #ffce76; }
#cell1963 { background-color: #ffc45b; }
#cell1976 { background-color: #ffbb42; }
#cell1978 { background-color: #ffac1c; }
#cell1980 { background-color: #ffa00b; }
#cell1994 { background-color: #ff950b; }
#cell2003 { background-color: #5e90c6; }
#cell2007 { background-color: #4387d1; }
#cell2010 { background-color: #326eae; }
#cell2011 { background-color: #2160a5; }

#thumb1925 div { background-color: #92A865; }
#thumb1931 div { background-color: #92A865; }
#thumb1942 div { background-color: #92A865; }
#thumb1950 div { background-color: #EEB949; }
#thumb1951 div { background-color: #EEB949; }
#thumb1963 div { background-color: #EEB949; }
#thumb1976 div { background-color: #EEB949; }
#thumb1978 div { background-color: #EEB949; }
#thumb1980 div { background-color: #EEB949; }
#thumb1994 div { background-color: #EEB949; }
#thumb2003 div { background-color: #3D5FA1; }
#thumb2007 div { background-color: #3D5FA1; }
#thumb2010 div { background-color: #3D5FA1; }
#thumb2011 div { background-color: #3D5FA1; }

#companySlider { background: #F6F6F6;padding-bottom: 1px; }
#companySlider .flexslider { position: relative; height: 240px;background-color: #F6F6F6; }
#companySlider .flexslider .flex-direction-nav a { margin-top: -7px; }
#companySlider .slides li .wrapper span { display: block; text-align: center; margin: 36px 180px 10px; font-size: 20px; line-height: 32px; letter-spacing: 3px; text-transform: uppercase; }
#companySlider .slides li .wrapper ul { display: block; position: relative; overflow: hidden; bottom: 0px; margin: 0 auto; text-align: center; }
#companySlider .slides li .wrapper ul li { display: inline-block; position: relative; margin: 20px 0px; padding: 0px 20px; border-right: 1px solid #E9E9E9; }
#companySlider .slides li .wrapper ul li.lastCell { border-right: none; }
#companySlider .slides li .wrapper ul li img { display: block; margin: auto; }
#companySlider .slides li .wrapper .divider { display: block; margin: 0 auto; width: 440px; height: 1px; background-color: #E9E9E9; }
section#mainContentWrapper section.grayBackground div.productsMainContainer div.recallsListContainer div.wrapper ul li.noRecalls{text-align: center;}
#companyDetails { background-color: #fff; }
#companyDetails .titleContainer { position: relative; overflow: hidden; padding-top: 40px; }
#companyDetails .titleContainer h3 { display: block; text-align: center; line-height: 20px; font-size: 20px; letter-spacing: 3px; }
#companyDetails .titleContainer span { display: block; text-align: center; line-height: 20px; font-size: 12px; color: #B6B6B6; }
.companyFeatureList { display: block; position: relative; overflow: hidden; bottom: 0px; margin: 40px auto 0px; text-align: center; border-bottom: 1px solid #4f4f4f; }
.companyFeatureList li { position: relative; display: inline-block; vertical-align: top; width: 200px; height: 400px; padding: 0px 15px; }
.companyFeatureList li img { display: block; margin: 0 auto; }
.companyFeatureList li h4 { position: absolute; top: 120px; width: 160px; display: block; margin: 20px 20px 40px 20px; text-transform: uppercase; text-align: center; letter-spacing: 2px; }
.companyFeatureList li span { display: block; text-align: center; padding: 0 8px; margin-top: 100px; }
#companyDetails .textContainer { display: block; overflow: hidden; padding-bottom: 40px; }
#companyDetails .textContainer span { display: block; padding: 40px 80px; text-align: center; }

/* Recipes
----------------------------------------------------------*/
section#recipes { min-height: 400px; }
section#recipes h2 {font-size: 22px; text-align: center; padding: 30px 0; border-bottom: 1px solid #E9E9E9; }
ul.recipeListing { padding-top: 30px; }
ul.recipeListing li { float: left; width: 239px; height: 280px; padding-right: 1px; }
ul.recipeListing li h3 { width: 165px; margin: auto; padding-top: 20px; font-size: 13px; letter-spacing: 2px; line-height: 18px; text-align: center; }
ul.recipeListing li img { max-width: 239px; width: 100%; }

ul.recipeListing li a:link h3,
ul.recipeListing li a:visited h3 { color: #084e9d; text-decoration: none; }
ul.recipeListing li a:hover h3 { color: #232323; }

#recipeDetails { position: relative; display: none; padding-bottom: 20px; border-bottom: 1px solid #E9E9E9; }
#recipeDetails .wrapper { min-height: 720px; }
#recipeDetails img { float: right; padding: 0; max-width: 320px; width: 100%; }
#recipeDetails h3 { font-size: 20px; line-height: 38px; text-transform: uppercase; letter-spacing: 6px;  padding-top: 30px; padding-bottom: 20px; }

#recipeDetails h4 {font-size: 13px; padding-top: 0px; padding-bottom: 20px; text-transform: uppercase; letter-spacing: 2px;  }
#recipeDetails ol { list-style: decimal inside none; padding-bottom: 20px; }
#recipeDetails ol li { padding-bottom: 10px; }
#recipeDetails ul { padding-bottom: 20px; }
#recipeDetails li { padding-bottom: 0px; }
#recipeDetails p { padding-bottom: 10px; }

#recipeDetails .leftContainer { width: 46%; display: inline-block; vertical-align: top; padding-top: 50px; padding-bottom: 30px; }
#recipeDetails .rightContainer { width: 46%; display: inline-block; margin-left: 40px; padding-bottom: 30px; }

#recipeDetails .fb-like { top: 2px; }

/* Promotion
----------------------------------------------------------*/
section#promoContainer { position: relative; padding: 30px 0 30px 0; top:78px;  margin-bottom: 60px;}
section#promoContainer div.wrapper div h2{font-size: 20px;margin:auto;text-align: center;}
html.js body section#mainContentWrapper section#promoContainer div.wrapper div.currentpromotions h2{width:1064px;}
section#promoContainer h2 { border-bottom: solid #E9E9E9 1px; line-height: 50px;font-size: 13px;letter-spacing: 4px; }
ul.supportListingTypeA { position: relative; width: 940px; margin: auto; }
ul.supportListingTypeA li { min-height: 310px; border-bottom: solid #E9E9E9 1px; padding-bottom: 30px; }
ul.supportListingTypeA li li { list-style: disc; list-style-position: inside; min-height: inherit; border-top: none; padding-bottom: 0px; }
ul.supportListingTypeA li.first { border: none; }
section#mainContentWrapper section#promoContainer div.wrapper ul.supportListingTypeA li div.leftContainer a img{max-width: 250px;}
ul.supportListingTypeA li .leftContainer { width: 30%; display: inline-block; vertical-align: top; padding: 20px 0 0 0px; }
ul.supportListingTypeA li .leftContainer img,
ul.supportListingTypeA li .leftContainer .textContainer { padding-left: 40px; }
ul.supportListingTypeA li .rightContainer { width: 49%; display: inline-block; padding: 20px 0 0 0px;float: right; }
ul.supportListingTypeA li .rightContainer img,
ul.supportListingTypeA li .rightContainer .textContainer { padding-left: 40px; }
html.js body section#mainContentWrapper section#promoContainer div.wrapper ul.supportListingTypeA li div.leftContainer{width: 30%;}
ul.supportListingTypeA li .textContainer { padding-top: 36px; }
ul.supportListingTypeA li img.addTopSpace { padding-top: 36px; }
ul.supportListingTypeA li h3 { font-size: 13px; padding-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; line-height: 22px; }
ul.supportListingTypeA li h4 { font-size: 13px; padding-top: 20px; text-transform: uppercase; }
ul.supportListingTypeA li p { width: 340px; padding-top: 10px; }
ul.supportListingTypeA li a { display: inline-block; margin-top: 15px; }

a.blueArrow { background: url('../img/buttons/blueBtnArrow.png') 100% 21px no-repeat; padding-top: 15px; padding-right: 12px; }

/* partner
----------------------------------------------------------*/

/* Support
----------------------------------------------------------*/
section#subNav ul.supportNav li { width: 238px; }
section#subNav ul.supportNav li.first { width: 238px; }

section#subNav ul.contactNav li { width: 318px; }
section#subNav ul.contactNav li.first { width: 318px; }

section#subNav ul.recipeNav li { width: 136px; }
section#subNav ul.recipeNav li.first { width: 134px; }

section#Support { min-height: 500px; padding-bottom: 100px; }
section#Support .wrapper,
section#stockist .wrapper,
section#booking .wrapper { width: 1110px; margin: auto; }

.supportAfeatureHeight {position: relative; height: 360px;}
.longAfeatureContainer .aFeature {position: absolute; width: 100%; height: 360px; }

section#mainContentWrapper section#booking div.wrapper div.bookingResult ul.formContainer{display:none;}


section#contactUs .formContainer h4 {font-size: 13px; text-transform: uppercase;letter-spacing: 2px;}
section#contactUs .formContainer .dropDownFolderLrg { display: inline-block;margin: 0;}
.longAfeatureContainer { position: relative; }

/*.longAfeatureContainer .aFeature img { margin: auto; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover;width: 100%;}*/
.longAfeatureContainer .aFeatureTextBackground {position: absolute; bottom: 0px; width: 100%; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); 
                                                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FFFFFFF , endColorstr=#7FFFFFFF )";}


.longAfeatureContainer .aFeatureTextContainer { position: relative; bottom: 0px; width: 100%;  }
.longAfeatureContainer .primaryTextWrapper {width: 60%;margin-left: 30px; padding: 3px 0 1px; line-height: 40px; }
.longAfeatureContainer .aFeatureTextContainer span {display: block; padding: 12px 0px 20px 0px; line-height: 26px; font-size: 16px; letter-spacing: 4px; text-transform: uppercase; }

section#Support { padding-top: 0px; }
section#Support p { width: 100%; }
div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li{
    text-align:left;
}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.recallsListContainer{
    padding-bottom: 100px;  
}
/* Stockist
----------------------------------------------------------*/
section#stockist { padding: 20px 0 0 0; }
.supportServiceDetails { padding-left: 30px; padding-right: 30px; padding-top: 20px;margin-top: 0;}
.supportServiceDetails h2 { width: 65%; line-height: 40px;padding-bottom: 20px;}
.supportServiceDetails .introDescription { width: 400px; }

.formContainer { padding: 5px 0 30px 0; }
.formContainer li { padding: 5px 0; }
.formContainer label { display: inline-block; padding-right: 20px; width: 156px; }
.formContainer .ddlAttendee { }
.formContainer .chkOptin { display: inline-block; vertical-align: top; margin-top: 5px; margin-right: 2px; }
.formContainer .checkboxLabel { width: 300px;padding-top: 0px; }
.formContainer .valueOnly { padding-left: 180px;width: 60%; }

.formContainer li { padding: 5px 0; width: 98%; }
.formContainer label { width: 160px; display: inline-block; vertical-align: top; padding-top: 6px; }
.formContainer input[type=text],
.formContainer select,
.formContainer textarea { width: 300px; padding: 6px; -moz-border-radius: 7px; border-radius: 7px; border: 1px solid #D7D7D7; background: #fff; }
.formContainer textarea { height: 120px; }
.formContainer input.short { width: 60px; }

.stockistResult {display: none; width: 960px;min-height: 400px; border-bottom: 1px solid #E9E9E9; padding: 30px 0 30px 0; margin-bottom: 80px; }
.stockistResult ul { }
.stockistResult ul li { float: left; width: 220px; padding: 0 20px 20px 0; }
.stockistResult ul li h3 { font-size: 14px;letter-spacing: 2px;line-height: 20px; }
.stockistResult ul li img { width: 100%;border: 1px solid #e9e9e9; }
.stockistResult ul li a { background: url('../img/buttons/blueBtnArrow.png') 100% 20px no-repeat; padding-top: 15px; padding-right: 10px; }
.noteContainer { padding-top: 30px; }
.noteContainer p { font-size: 12px;color: #b6b6b6;}
div.mobileCate{display: none;}
section#mainContentWrapper section#booking div.wrapper div.supportServiceDetails form div.formContainer a.btnSearch {text-align: center; width:110px;display: block; background-color: #92d050; margin-top: 20px; padding: 12px 25px 12px 25px; color: white;  -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 4px; text-transform: uppercase; }
section#mainContentWrapper section#booking div.wrapper div.supportServiceDetails form div.formContainer a.btnSearch:hover {background-color:#a3e75a}
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm ul.formContainer li.valueOnly a.btnMakeBooking { text-align: center;width:200px;display: block;  background-color: #92d050; margin-top: 20px; padding: 10px 16px 10px 16px; color: white; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 3px; text-transform: uppercase; }
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm ul.formContainer li.valueOnly a.btnMakeBooking:hover{background-color: #a3e75a; }
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly a { 
    background-color: #92d050;
    border-radius: 6px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.471;
    padding: 10px 19px;
    text-transform: uppercase;
}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly a:hover {
    background-color: #a3e75a;
}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.wrd{margin-top: 20px;}
section#mainContentWrapper section#contactUs div.wrapper div.wrapper h2{
    display: block;
    margin: auto;
    padding: 10px 0;
    text-align: center;
    border-bottom: 1px solid #E9E9E9;
}

section#mainContentWrapper section#contactUsWrapper div.wrapper{
    width:1064px;
}
section#mainContentWrapper section.grayBackground div.productsMainContainer div.recallsListContainer div.wrapper ul li{
    padding:10px;
}
.btnPrint { display: block; display: inline-block; background: url("../img/buttons/btnPrinterIcon.png") no-repeat scroll 10px 50% transparent; background-color: #E9E9E9; font-size: 11px; margin-top: 20px; margin-right: 8px; padding: 2px 17px 2px 30px; color: #232323; border: 1px solid #B6B6B6; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 0px; }
.btnSendEnquiry1 { display: block; background-color: #92d050; width:100px; margin-top: 0px; text-align: center;letter-spacing: 4px; padding: 8px 8px 8px 14px; color: white; border: 1px solid; -moz-border-radius: 7px; border-radius: 7px; letter-spacing: 4px; text-transform: uppercase; }
.btnSendEnquiry1:hover { background-color: #a3e75a; cursor:pointer}
section#mainContentWrapper section div.customerMainContainer div.customerContainer div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li img{margin-left: 180px;margin-top: 10px}
section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li img{margin-top: 10px;margin-left:180px }

/* ContactUs */
section#contactUs { margin-top: 100px;padding-bottom: 100px;}
section#contactUsWrapper { margin-top: 50px;bottom: 50px;position: relative;}
section#mainContentWrapper section#contactUsWrapper div.wrapper div h2{text-align: center;border-bottom: 1px solid #e9e9e9;padding:10px 0;}
section#mainContentWrapper section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li img{margin-left: 180px;margin-top: 10px;}
section#mainContentWrapper section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly a{
    background-color: #92d050;
    border-radius: 7px;
    -moz-border-radius: 7px;
    color: #FFFFFF;
    font-size: 12px;
    line-height: 1.471;
    letter-spacing: 4px;
    padding: 10px 16px 10px 16px;
    text-transform: uppercase;
    text-align: center;
}
section#mainContentWrapper section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly a:hover{
    background-color: #a3e75a;
}
/* Booking
----------------------------------------------------------*/
section#mainContentWrapper section#booking div.wrapper div.supportServiceDetails h2{
    text-align: center;
    border-bottom: 1px solid #E9E9E9;
}
section#booking { padding-top: 0px; }
section#booking h2 { width: 100%;  padding-bottom: 12px;padding-top: 10px;}
section#mainContentWrapper section#booking div.wrapper div.supportServiceDetails{padding-top:0;}
section#booking h4 { padding: 3px 0 12px 0;font-size: 13px; letter-spacing: 4px; text-transform: uppercase;border-bottom: 1px solid #E9E9E9;width:900px;margin: 0 auto 15px}
section#booking .supportServiceDetails h4 { padding-right: 30px;}

.bookingResult,
.bookingForm { padding-left: 30px; padding-right: 30px;padding-bottom: 40px; }
.bookingForm { }

section#booking .formContainer span {display: inline-block; padding-top: 6px;}

#calendar { position: relative; margin-top: 15px;border: 1px solid #E9E9E9; }
#calendar .prev a { display: block;width: 15px;height: 21px; background: url("../img/buttons/CalendarArrows.png") no-repeat -30px 0 transparent; }
#calendar .prev a:hover { background-position: -45px 0; }
#calendar .next a { display: block;width: 15px;height: 21px; background: url("../img/buttons/CalendarArrows.png") no-repeat 0px 0 transparent; }
#calendar .next a:hover { background-position: -15px 0; }
#calendar .monthYearRow { position: relative; height: 30px; padding-top: 15px;padding-bottom: 5px; }
#calendar .monthYearRow .prev { position: absolute; top: 15px; left: 15px; }
#calendar .monthYearRow .next { position: absolute; top: 15px; right: 15px; }
#calendar .monthYearRow .title { position: relative; width: 100%; text-align: center; }
#calendar .monthYearRow .title span { position: relative; text-align: center; font-size: 20px;letter-spacing: 2px; text-transform: uppercase; }

#calendar .dayOfWeekRow { position: relative; width: 100%; height: 50px; border-top: 1px solid #E9E9E9; }
#calendar .dayOfWeekRow div { position: relative; width: 14%; height: 40px; border-right: 1px solid #fff; float: left; }
#calendar .dayOfWeekRow div span { position: absolute; padding: 15px; text-transform: uppercase; letter-spacing: 2px; }
#calendar .dayOfWeekRow div.first { width: 14%; height: 40px; float: left; }
#calendar .dayOfWeekRow div.last { width: 14%; height: 40px; float: left; }
.mainContainer{background-color: #f4f4f4;}
#calendar .week { height: 96px; background: #E9E9E9; }
#calendar .available { cursor: pointer; }
#calendar .available.active { background-color: #094E9C;}
#calendar .day { position: relative; float: left; width: 14%; height: 100%; background-color: #E9E9E9; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
#calendar .day.last { border-right: 1px solid #E9E9E9; }
#calendar .day .number,
#calendar .day.bookedOut .number,
#calendar .day.available .number { position: absolute; bottom: 10px; left: 10px; font-size: 20px; color: #96A6C7; }
#calendar .day.bookedOut { background: #7D7D7D; color: #fff; }
#calendar .day.available { background: #094E9C; color: #fff; }
#calendar .day.bookedOut .number,
#calendar .day.available .number { color: #fff; }
#calendar .day .details { display: block; color: #fff; font-size: 10px; line-height: 10px; padding: 6px; }

section#mainContentWrapper section#aFeature div.featureBg{height:100%;}
.wrapper { width: 1100px; /* 1140px - 10% for margins */ padding: 0 ; margin: 0 auto; }
.leftwrapper { width: 700px; /* 1140px - 10% for margins */ padding: 0 ; margin: 0 auto; }
.homeProductWrapper { width: 1100px; /* 1140px - 10% for margins */ padding: 0 20px; margin: 0 auto; margin-top: -35px;}
.whiteArrow{top:92px;position: absolute;margin-left: 20%;}
section.mainContainer div.bFeatureContainer { 
    position: fixed;
    background: f4f4f4;
    bottom: 60px;
    height: auto;
    z-index: 888;
    width: 100%;
}
section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight div.play{display: none;}

#microCalendar { display: none; }

section#booking .formContainer { padding-bottom: 60px;padding-top: 20px;}
.bookingForm { padding-top: 30px; }

section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li span#lblEventTime{width:300px;}
section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li span#lblEventLocation{width:300px;}
/*html.js body section#mainContentWrapper section#mainFeature.mainFeature{height:1000px!important;}*/
/*html.js body section#mainContentWrapper section#mainFeature.mainFeature div.featureBg{height:900px!important;}*/
html.js body section#mainContentWrapper section#mainFeature.mainFeature div.featureBg {
    min-height: 954px !important;
    height: auto !important;
}
/* MISC
----------------------------------------------------------*/
.dividerLine { width: 99%; height: 1px; padding-top: 10px; border-bottom: 1px solid #E9E9E9; }
.topSpace { padding-top: 20px; }
.fullWidth { position: relative; width: 100%; }
#push { clear: both; height: 140px; }

.dropDownFolderSml {display: inline-block; background: url('../img/buttons/FieldDropDowns.jpg') no-repeat 100% 0px #fff; overflow: hidden; width: 222px; border: 1px solid #ccc; -moz-border-radius: 7px; border-radius: 7px; }
.dropDownFolderSml:hover { background: url('../img/buttons/FieldDropDowns.jpg') no-repeat 100% -31px #fff; }
.dropDownFolderSml select { width: 110px; height: 30px; background: transparent; border: none; font-size: 12px; padding: 8px 10px; box-shadow: 0 3px 6px #F3F3F3 inset; -webkit-appearance: none; }
.dropDownFolderSml select option { padding: 10px; overflow: hidden;}


.dropDownFolderLrg { background: url('../img/buttons/FieldDropDowns.jpg') no-repeat 100% 0px #fff; overflow: hidden; margin: 10px 0px; width: 100%;max-width: 259px; border: 1px solid #ccc; -moz-border-radius: 7px; border-radius: 7px; }
.dropDownFolderLrg:hover { background: url('../img/buttons/FieldDropDowns.jpg') no-repeat 100% -31px #fff; }
.dropDownFolderLrg select { width: 310px; height: 30px; background: transparent; border: none; font-size: 12px; padding: 8px 10px; box-shadow: 0 3px 6px #F3F3F3 inset; -webkit-appearance: none; }
.dropDownFolderLrg select option { padding: 10px; }
.find {   background: url("../img/404.png") no-repeat scroll center center / cover #fff;
          height: 500px;
          margin: 0 auto;
          position: absolute;
          width: 100%; }

.all{
    margin-top: 170px;
    width:100%;
    clear:both;
    height: auto;
}
.all li{
    width:20%;
    display: block;
    float:left;
    margin-top: 10px;
    text-align: center;
    height: 200px;
}

.all .bFeatureText{
    height:30px;
}

.all li a{
    display: block;
    text-align: center;
    margin: 0 auto;
}

.all button{
    color: #fff!important;
    font-size: 14px!important;
    line-height: 19.5px!important;
    font-family: 'HelveticaNeueW01-45Ligh'!important;
    font-style: normal!important;
    font-weight: 400!important;
    font-variant: normal!important;
    text-decoration: none!important;
    text-transform: uppercase!important;
    text-shadow: none!important;
    -webkit-border-radius: 5px 5px 5px 5px!important;
    border-radius: 5px 5px 5px 5px!important;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.1)),color-stop(1,rgba(255,255,255,0)))!important;
    background-image: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-image: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)!important;
    background-color: #8bc53f!important;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2)!important;
    padding-top: .5em!important;
    padding-right: 1em!important;
    padding-bottom: .5em!important;
    padding-left: 1em!important;
    border-top-width: 0!important;
    border-top-style: none!important;
    border-top-color: transparent!important;
    border-right-width: 0!important;
    border-right-style: none!important;
    border-right-color: transparent!important;
    border-bottom-width: 0!important;
    border-bottom-style: none!important;
    border-bottom-color: transparent!important;
    border-left-width: 0!important;
    border-left-style: none!important;
    border-left-color: transparent!important;
}

.all h2{
    display: block;
    margin: 0 auto;
    text-align: center;
}

.homeProductWrapper{
    clear:both;

}

.home-wrapper-bottom{
    display: inline-block;
    position: relative;
    margin: 0 auto;
}

.bFeatureContainer .firstCell {
    position: relative;
    float: left;
    text-align: center;
    width: 14%;
    background: none;
}
.homeProductWrapper {
    width: 1100px;
    padding: 30px 20px 0;
    margin: 0 auto;
    margin-top: -35px;
}

/* Media Queries
----------------------------------------------------------*/
@media only screen and (min-width: 1140px) {

    #txtEmail{

    }
    .home-wrapper-bottom{
	display: inline-block;
	position: relative;
	margin: 0 auto;
    }

    .bFeatureContainer .firstCell {
	position: relative;
	float: left;
	text-align: center;
	width: 14%;
	background: none;
    }
    .homeProductWrapper {
	width: 1100px;
	padding: 30px 20px 0;
	margin: 0 auto;
	margin-top: -35px;
    }

}


@media screen and (min-width: 765px) and (max-width: 1139px) {
    .all li{
	width:50%;
	display: block;
	float:left;
    }


    /*    footer ul.footerTextRight { position: relative; float:left; margin-left: 20%;}*/
    html.js body section#mainContentWrapper section#productDetails div.leftNavContainer{display: none;}
    footer ul.footerTextLeft li {
        padding: 3px;

    }
    #frm2 > div > ul > li:nth-child(7) > img{
        margin-left: 0;
    }
    html.js body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li img{margin-left: 0px;}
    section#mainContentWrapper section#contactUsWrapper div.wrapper {
        width: 100%;
    }
    html.js body section#mainContentWrapper section div.stockistMainContainer div.wrapper {
        width: 100%!important;
    }
    body section#mainContentWrapper section#promoContainer div.wrapper div.currentpromotions h2 {
        width: 100%!important;
    }
    body section#mainContentWrapper section div.stockistMainContainer div.wrapper {
        width: 100%;
    }
    html.js body section#mainContentWrapper section#productDetails div.leftNavContainer{display: none;}
    .aFeatureListing{width:90%;}
    .subProductContainer { width: 124px;}
    section#productDetails{width:100%;}
    .videoRight iframe{
        margin-left: -68px
    }
    .subNavProductsContainer .listContainer { width: 760px;}
    html.js body section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li a{font-size: 9px;}
    section#mainContentWrapper header div.wrapper div.menuContainer div.searchContainer form#searchForm input#q.txtSearch {
	height: 10px;
    }
    .productSpecRow .label {
        width: 18%;
    }
    .productSpecRow .value {
        width: 58%;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm input.btnSendPromotion {
        margin-left: 0;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li img {
        margin-left: 0;
    }
    section#mainContentWrapper section#mainFeature div.featureBg {
        height: 950px !important;
    }
    section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft{width:50%}
    section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight{width:50%;margin-left: 0%;}
    section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing h2{margin: 0;padding:0;font-size: 20px;}
    section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing{top:80px;}
    section#mainContentWrapper section div.customerMainContainer div.customerContainer1 div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li img {
        margin-left: 0; 
    }
    html.js body section#mainContentWrapper section#booking div.wrapper div.bookingResult div#calendar.fc div.fc-content div.fc-view div div.fc-event div.fc-event-inner span.fc-event-title{max-width:100px;word-wrap: break-word; word-break: normal;line-height: 100%;font-size: 10px; }
    section#mainContentWrapper section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li img{margin-left: 0;}
    header{height:70px;}
    span.exclass{display:none;color:red;}
    header .logoContainer img {
        /*margin-top: -5%;*/
        position: absolute;
		    top: 16px;
    }
    .formContainer .valueOnly {
        padding-left: 0px;
        width: 100%;
    }
    .formContainer label {
        width: 100%;
    }
    .subNavProductsContainer {
        top: 70px;
    }
    #calendar {
        width: 100%;
    }
    .tabbed_area .tabs li {

        margin-right: 7px;
    }
    section#mainContentWrapper section#booking div.wrapper div.bookingResult h4{width:100%;}
    section#mainContentWrapper section#booking div.wrapper div.bookingResult div#calendar.fc{width:100%;}
    section#mainContentWrapper section#booking div.wrapper div.bookingForm h4{width:100%;}
    section#bFeatureListing {bottom:30px;}
    section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.videoRight div.vidoeImage{height:280px;}
    .productsMainContainer .wrapper {
        width: 100%;
    }
    section#promoContainer {

        top: 40px;
    }
    .iconBgInner {
        margin-left: -7px;
    }
    .featureIconList li {
        margin: 2px 2px 2px 2px;
    }

    .btnCompare {
        margin: 25px auto 20px;
    }
   /* section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper div.iconBg{
        height:95px;
        width:100px;
    }*/
    html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper{width:70%}
    /*section#mainContentWrapper section#mainFeature div.featureBg div.aFeatureListing div.iconLeft div.iconWrapper{width:94px;}*/
    section#mainContentWrapper section#mainFeature div.featureBg{background-color: #f4f4f4 !important;}
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li {
        float: left;
        margin: 0 10px 0 30px;
        width: 40%;
    }
    .productsMainContainer .wrapper {
        width: 100%;
        background: #fff;
    }
    html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li.productContainer{
        border-width: 0;
    }
    section.mainContainer div.bFeatureContainer { 
        position: fixed;
        background: #f4f4f4;

        height: auto;
        bottom: 40px;
        z-index: 99;
        width: 100%;
    }
    section#mainContentWrapper section#mainFeature div.bFeatureDescBg{display:none;}
    .compareThreeColumn {
        margin-left: 38px;
    }
    .bFeatureDescBg {
        bottom: 130px;
        position: fixed;
    }

    html.js body section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper div.sliderDesc span {
        font-size: 20px !important;
        line-height: 30px;
    }


    html.js body section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper div.sliderDesc {
        font-size: 12px;
    }
    section#mainContentWrapper section.mainContainer div.bFeatureContainer div.homeProductWrapper ul li.firstCell a.secondTabText span.bFeatureText{display: none}
    mainContainer{height:0;}
    .whiteArrow{top:76px;position: absolute;margin-left: 203px;}
    .bFeatureContainer{background-color:#ffffff}
    footer ul.footerTextLeft{
        margin-top: -13px;
    }
    footer ul.footerTextRight{
        margin-top: -10px;
    }
    section#mainContentWrapper section.mainContainer div.bFeatureContainer div.homeProductWrapper{
        margin:0 auto;
        margin-top: -20px;
        width:100%;
    }
    .mainContainer
    .bFeatureDescBg {
        bottom: 0;
    }
    .bFeatureContainer ul li{
        background-image: none;
    }
    body { min-width: 768px; }
    .wrapper { width: 100%; padding: 0; margin: 0 auto; }

    footer {
        height: 40px;
    }
    /* Header */
    section#mainContentWrapper header div.wrapper div.logoContainer{margin-top: -5px;}
    header .logoContainer img { margin-left: 23%; }
    header .menuContainer { float: none; width: 80%; height: inherit;margin-top: -42px; float:left;}
    header nav#supportMenuNav { margin-top: 44px; }
    nav#mainMenuNav { position: absolute; top: 64px; left: 0px; right: inherit; font-size: 13px; text-transform: uppercase;width: 100%;}
    nav#mainMenuNav ul.mainMenuListing { margin-top: 2px;border: none;float: left;margin-left:0px; }
    section#mainContentWrapper header div.wrapper div.menuContainer div.searchContainer{
        margin-left: 5px;
    }
    .searchContainer {
        margin-top: -1px;

    }
    .featureIconList {

        width: 50%;
    }
    nav#mainMenuNav ul li {
        border-right: 2px solid #5F5F62;
        float: left;
        height: 12px;
        padding-right: 3px;
    }
    nav#mainMenuNav a {
        display: block;
        height: 12px;
        margin-left: 3px;
        margin-top: -4px;
    }
    section#mainContentWrapper section.mainContainer div.bFeatureContainer div.homeProductWrapper ul li.firstCell a.secondTabText span.bFeatureText{
        margin-top: 0;
    }
    section#mainContentWrapper section.mainContainer div.bFeatureContainer div.homeProductWrapper ul li.firstCell a.secondTabText{
        width:100%;
    }
    .bFeatureContainer ul li img{
        margin-left: -15%;
    }
    /* Navigation */
    nav#mainMenuNav .subNavProductsContainer { position: absolute; display: none; top: 53px; left: 0px; min-width: 720px; width: 100%; height: 340px; background-color: white; overflow: hidden; z-index: 99; }
    nav#mainMenuNav .subNavProductsContainer .listContainer { width: 100%; margin: 0px auto; }
    nav#mainMenuNav .subNavProductsContainer .listContainer ul { margin: auto; padding-left: 7px; }
    nav#mainMenuNav .subProductContainer { width: 140px; }

    /* Sub Nav */
    section#subNav ul.supportNav li { width: 178px; }
    section#subNav ul.supportNav li.first { width: 178px; }

    section#subNav ul.contactNav li { width: 238px; }
    section#subNav ul.contactNav li.first { width: 238px; }

    section#subNav ul.recipeNav li { width: 101px; }
    section#subNav ul.recipeNav li.first { width: 100px; }

    /* Sections */
    section#Support .wrapper,
    section#stockist .wrapper,
    section#booking .wrapper { width: 720px; }
    section#recipes .wrapper { width: 760px; padding: 0px; }
    section#stockist .wrapper,
    section#Support .wrapper,
    section#booking .wrapper,
    section#contactUs .wrapper { padding: 0px; width: 100%; }

    /* main Page */
    .flex-direction-nav .flex-next { display: none; }
    .flex-direction-nav .flex-prev { display: none; }
    .bFeatureContainer ul li { float: left; padding-left: 5%; width: 6%; height:auto; }
    .bFeatureContainer ul li span {
        color: #232323;
        display: block;
        margin-left: -10px;
        margin-right: 25px;
        margin-top: 20px;
        text-align: center;
        width:100%;
    }
    .bFeatureContainer ul li.clear { height: 0px; }
    .bFeatureContainer ul li img { }
    .bFeatureContainer ul li .btnLearnMore { position: absolute; bottom: 0px; }

    .btnLearnMore .secondTabText { font-size: 10px; }
    .btnLearnMore a:link,
    .btnLearnMore a:visited { padding: 0px 20px 0px 0px; }

    /* products Page */
    .productFeatureTextContainer { width: 720px; }
    .productsFilterMenu ul.mainTabText { font-size: 11px; }
    .productContainer { width: 179px; height: 279px; }
    .productContainer .blurCover { width: 179px; height: 279px; }
    .productContainer img { height: 130px; }
    .productContainer span { margin-bottom: 15px; }

    #productsFilterContainer { padding: 20px 0px; }
    ul.filterGroups li ul.filterSelectionContainer { position: relative; margin: 20px 0px 0px 0px; }


    /* product details Page */
    /* nothing change ye~ */

    /* company Page */
    #historyList { width: 4740px; }
    .historyWrapper ul li.historyCell { width: 80px; }

    .historyThumbList { width: 714px; }
    .historyThumbList li { width: 50px; }
    .historyThumbList li div { width: 50px; }
    .historyThumbList li span { width: 50px; }
    .historyThumbList li#whiteMask { width: 49px; }
    #companySlider .slides li .wrapper span { margin: 36px 50px 10px; }
    .companyFeatureList li { width: 156px; height: 430px; padding: 0px 10px; }
    .companyFeatureList li h4 { top: 120px; width: 156px; margin: 20px 0px 40px 0px; }
    .companyFeatureList li span { padding: 0 10px; font-size: 12px; }
    #companyDetails .textContainer span { padding: 40px 0px; }

    /* Support Pages */
    ul.supportListingTypeA { width: 720px; }
    ul.supportListingTypeA li .rightContainer img,
    ul.supportListingTypeA li .rightContainer .textContainer { width: 80%; }
    ul.supportListingTypeA li .leftContainer img,
    ul.supportListingTypeA li .leftContainer .textContainer { width: 80%; }

    .longAfeatureContainer .aFeatureTextContainer {position: relative; max-width: 760px;width: 90%; margin: auto; }
    .longAfeatureContainer .primaryTextWrapper { margin-left: 0px;width: inherit; }
    .longAfeatureContainer .table { position: absolute; }
    .supportServiceDetails { padding-left: 0px; max-width: 760px;width: 90%; margin: auto;padding-right:0;}

    .bookingResult, 
    .bookingForm { max-width: 760px;width: 90%;margin: auto; padding-left: 0px;padding-right: 0px; }

    /* Recipie Page */
    section#recipes ul.recipeListing li { width: 189px; }

    /* Recipie Page */
    section#stockist { }

    /* Stockist Page */
    .stockistResult { width: 760px; border-bottom: 1px solid #E9E9E9; padding: 30px 0 30px 0; margin-bottom: 80px; }
    .stockistResult ul { }
    .stockistResult ul li { float: left; width: 168px; padding: 0 20px 20px 0; }

    html.js body section#mainContentWrapper header div.wrapper div.logoContainer div.mobileWrapper a h1 img{}


}

@media screen and (max-width: 768px) {
	/*new responsive*/
	#slider1 .buttons {
    display: block !important;
	}
#cboxContent {
    float: left;
    width: 80% !important;
	margin-left: 4%;
    height: auto !important;
}
#cboxContent img{
	width:100%;
	height:auto;
}
#cboxLoadedContent{    width: 100%!important;   height: auto!important;     max-height: 259px;}
/*new responsive*/	
    .aFeatureListing{
	width:100%;
	margin-left: 20px;
    }
    div.cateWrapper {
	top: 30px;
	/*height: 300px;*/
    }
    .vidoeWrapper{
	width:100% !important;
    }

    /*div.aFeatureListing div.iconLeft div.iconWrapper {
	width: 90px;
	float: left;
    }*/
div.aFeatureListing div.iconLeft div.iconWrapper {
	width: 90px;
	float: left;
	margin:10px;
    }
    .iconLeft{
	width:90%;
	position: relative;
	float:left;
    }

    .videoRight{
	width:90%;
	position: relative;
	float:left;
	    padding-top: 50px;
    padding-bottom: 180px;
    }

    section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing {
	position: relative;
	background-color: #fff;
	margin-bottom: 150px;
    }

    .jp-jplayer{
	width:280px !important;
    }

    .jp-jplayer video{
	width:280px !important;
    }

    .whiteArrow1{
	display: none;
    }

    #frm2 > div > ul > li:nth-child(7) > img{
        margin-left: 0;
    }

    .homeProductWrapper {
	width: auto;
	padding: 30px 20px 0;
	margin: 0 auto;
	margin-top: -35px;
    }

    .bFeatureContainer .firstCell {
	position: relative;
	float: left;
	text-align: center;
	width: 100%;
	background: none;
    }

    .bFeatureContainer a span{
	display: none;
    }

    .btnQ{
	text-align: center;
    }

    .btnQ a{
	font-size: 12px !important;
    }

    .btnCompare a{
	font-size: 12px !important;
    }

    #flogo,#pinlogo{
	border:0;
    }

    section#mainContentWrapper section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly{margin-top: 50px;}
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper p{font-size: 10px;}
    section#contactUsWrapper div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li img {
	margin-left: 0!important;
    }
    html.js.no-flexbox.flexbox-legacy.canvas.canvastext.webgl.touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.mti-helveticaneuew01thin-n4-active.mti-helveticaneuew0145ligh-n4-active.mti-active body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li div.saleWrapper label.checkboxLabel1{display: block;float:left;}
    html.js.no-flexbox.flexbox-legacy.canvas.canvastext.webgl.touch.geolocation.postmessage.no-websqldatabase.indexeddb.hashchange.history.draganddrop.websockets.rgba.hsla.multiplebgs.backgroundsize.borderimage.borderradius.boxshadow.textshadow.opacity.cssanimations.csscolumns.cssgradients.no-cssreflections.csstransforms.csstransforms3d.csstransitions.fontface.generatedcontent.video.audio.localstorage.sessionstorage.webworkers.applicationcache.svg.inlinesvg.smil.svgclippaths.mti-helveticaneuew01thin-n4-active.mti-helveticaneuew0145ligh-n4-active.mti-active body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li div.saleWrapper{width:90%;}
    header .menuContainer { margin-top: 0;}
    .productsListContainer div.wrapper ul li p {
	margin-bottom: 15px;
    }
    .leftwrapper {
	width: 100%;
    }
    .homeProductWrapper {

	width: 90%;
    }
    html.js body section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft ul.formContainer li img{margin-left: 0px;}
    .mobileIconsWrapper{
	width:90%;
	margin: 0 auto;
	top: 100px;
	position: relative;

    }
    ul.bFeatureListing li { position: relative; width: 172px; height: 199px; padding: 20px 35px 0; float:left; } 
    .marginBottom{
	height:100px;
	position: fixed;
    }

    ul.bFeatureListing {
	width: 90%;
    }
    html.js body section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing ul.slides1 li ul.bFeatureListing li{
	border-bottom: 1px dotted #E9E9E9;
	display: block;
	float: left;
	margin-left: 0;
	position: relative;
	text-align: center;
	width: 75%;
    }
    html.js body section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing ul.slides1 li ul.bFeatureListing li.seperator{
	display: none;
    }

    html.js body section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing ul.slides1 li ul.bFeatureListing li a h3{
	margin: 0 auto;
	width: 77%;
    }
    .mobileIconWrapper{
	width:90%;
	height:120px;
	float:left;
	margin: 0 auto;
    }
    section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper div.textContainer div.rrp{
	text-align: center;
    }
    .productSummary .imgContainer {
	background: url("../img/productBG.png") no-repeat scroll center center rgba(0, 0, 0, 0);
	text-align: center;
    }
    .tabbed_area .tabs li{
	width:99%;
    }
    div.cateblock {
	width: 100%;
    }
    div.mobileCate{display: block;margin: 0 auto;text-align: center;}
    html.js body section#mainContentWrapper{height:600px; float: left;}
    /*    html.js body section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper div.textContainer div.manuals{display: none;}*/
    section#mainContentWrapper section div.customerMainContainer div.customerContainer1 div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li img {
	margin-left: 0;
    }
	
    section#mainContentWrapper section div.customerMainContainer div.customerContainer1 div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li.valueOnly{margin-top: 40px;}
    .cataid{
	max-width: 99%;
	height: auto;
	width: auto\9; /* ie8 */
    }

    section#mainContentWrapper section div.customerMainContainer div.customerContainer1 div.wrapper div.tabbed_area div#contentarea div#content_1.content section#Support form#frm1 ul.formContainer li img{margin-top: 10px;}
    section#mainContentWrapper section#booking div.wrapper div.bookingResult ul.formContainer{display:block;}
    section#mainContentWrapper section#booking div.wrapper div.bookingResult ul.formContainer li div.dropDownFolderSml select#ddlSmallDate.ddlSmallDate{width:310px;}
    section#mainContentWrapper section#booking div.wrapper div.bookingResult ul.formContainer li div.dropDownFolderSml{width:259px;}
    footer{height:60px;}
    section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing div.flexslider3 ul.slides li ul.bFeatureListing li.seperator{display:none!important;}
    footer ul.footerTextRight {font-size: 10px;width:100%;}
    /*    section.mainFeature{display:none;}*/


    section#bFeatureListing div.flexslider3 ul.slides li ul.bFeatureListing li{width:75%;text-align: center;display: block;float:none;margin: 0 auto;border-bottom: 1px dotted #E9E9E9;position: relative;}

    section#bFeatureListing div.flexslider3 ul.slides li ul.bFeatureListing{width:90%;}
    section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing{
	position: relative;
	background-color: #fff;
	margin-top: 150px;
    }
    ul.bFeatureListing li h3 {
	top: 14px;
    }
    html.js body section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing div.flexslider3 ul.slides li ul.bFeatureListing li a div{
	height:30px;
	margin: auto;
	width:90%;
	text-align: center;
    }
    html.js body section#mainContentWrapper div.FeatureListingWrapper section#bFeatureListing div.flexslider3 ul.slides li ul.bFeatureListing li a div h3{
	position: relative;
	margin: auto;
    }
    section#mainContentWrapper section#promoContainer div.wrapper div.currentpromotions h2 {
	width: 100%!important;
    }

    section#mainContentWrapper section#promoContainer div.wrapper ul.supportListingTypeA li div.leftContainer {
	width: 99%!important;
    }
    section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingright{width:100%;margin-bottom: 190px;}
    section#mainContentWrapper section#booking div.wrapper div.bookingForm form#myForm div.bookingleft{width:100%;}
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper{
	border-width: 0;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm{margin-top: 30px;}
    .leftNavContainer {
	display:none;
    }
    section#mainContentWrapper section#productDetails{
	width:100%;
	margin-top: 170px;
    }
    .rightContainer{width:100%;margin-left: 0;}
    footer ul.footerTextRight {
	float: left;
	margin-left: 13px;
	margin-top: -20px;
	height:10px;
    }
    footer ul.footerTextLeft li {
	margin-top: 10px;
	padding: 0 3px;
    }
    div.featureTextContainer div.wrapper div.productFeatureTextContainer{
	display:none;
    }
    .productsMainContainer .wrapper {
	width: 100%;

    }
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.wrapper h2{
	margin: 0 20px;
    }
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper ul li {
	float: left;
	margin-left: 30px;
	width: 80%;
    }
    section#mainContentWrapper section#mainFeature div.bFeatureDescBg div ul li div.sliderDescWrapper{
	display:none;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li{
	margin-top: 0px;
	height: 100%;
	display:inline-block;

    }
    section#mainContentWrapper header div#subNavProducts.subNavProductsContainer{display: none;}
    section#mainContentWrapper header div.wrapper div.menuContainer{
	margin-left: 0;
	top: 60px;
    }
    section#mainContentWrapper section#mainFeature div.bFeatureDescBg{
	bottom:60px;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li{
	border-right: 0 solid #fff;
    }
    section.mainContainer div.bFeatureContainer {
	margin-top: 0px;
	position:relative;
	bottom: 60px;
    }
    footer ul.footerTextRight{

    }
    .bFeatureContainer ul li {
	background-image: none   
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li.dropDownRow div.dropDownFolderSml{
	width: 222px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li.dropDownRow div.dropDownFolderSml select#ddlState{
	width: 228px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li input#chkOptIn.chkOptIn{
	margin-top: 20px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li label.long{
	margin-top: 17px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li input#txtRecieptNum{

    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li label{
	width:200px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li img{
	margin-left: 0;

    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm input{
	margin-left: 0;
	margin-top: 80px;
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#registerForm ul.formContainer li label{
	display:inline-block;
    }
    .compareThreeColumn {
	margin-left: 28px;
	width:220px;
	padding-bottom: 20px;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li img{
	margin-left: 0;

    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer{
	margin-top: 50px;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li{
	margin-top: 10px;
    }
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn a img{
	margin-left: -9px;
    }
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper div.compareThreeColumn a{
	text-align: center;
    }
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails div.formWrapper form#registerForm ul.formContainer li.marginSpacer div.btnSubmitForm input.btnSendPromotion{
	margin-left: 0;
    }
    html.js body section#mainContentWrapper section.grayBackground div.productsMainContainer div.productsListContainer div.wrapper {
	width: 100%;
    }
    section#mainContentWrapper section#contactUsWrapper div.wrapper {
	width: 100%;
    }
    section#mainContentWrapper section.grayBackground div.productsMainContainer div.wrapper h2{
	font-size: 13px;
	text-align: center;
    }
    section#mainContentWrapper section#recipes h2{
	font-size: 13px;     
    }
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer ul.supportListingTypeA h2{
	margin-left: 20px;
	font-size: 13px;
	letter-spacing: 4px;
	line-height: 20px;
	padding-bottom: 38px;
	padding-top: 5px;
    }
    section#mainContentWrapper section#promoContainer div.wrapper ul.supportListingTypeA li div.leftContainer{text-align: center}
    section#mainContentWrapper section#promoContainer{top:30px;}
    section#mainContentWrapper section#Support div.wrapper div.longAfeatureContainer ul.supportListingTypeA li{
	margin-left: 20px;
    }
    body { width: 100%;min-width: 320px; }
    .wrapper { width: 90%; padding: 0; margin: 0 auto; }
    .mobileWrapper {position: relative; width: 90%; padding: 0px; margin: 0 auto; }

    body { font-size: 13px; line-height: 20px; }
    h2 { font-size: 20px; line-height: 40px; letter-spacing: 6px; }
    h3 { font-size: 15px; line-height: 38px; }
    h4 { font-size: 15px; line-height: 20px; }
    section#promoContainer div.wrapper div.wrapper h2 {font-size: 13px;}
    .primaryFeatureText { font-size: 16px; letter-spacing: 2px; line-height: 20px; }
    .secondFeatureText { font-size: 16px; letter-spacing: 2px; line-height: 24px; }

    .secondFeatureTextShort { font-size: 20px; line-height: 38px; text-transform: uppercase; letter-spacing: 4px; padding-bottom: 30px; width: 90%; }
    .bFeatureText { font-size: 13px; line-height: 20px; text-transform: uppercase; letter-spacing: 4px; }

    .mainTabText { font-size: 13px; text-transform: uppercase; }
    .secondTabText { font-size: 11px; text-transform: uppercase; }


    /* Header */
    header { height: 60px; }
    .dropShadow {top: 60px;}
    header .logoContainer { width: 50%;margin-left: 20px;}
    header .logoContainer img { top: 16px;left: 0px; bottom: inherit;width: 99px;height:36px; margin-left:0; }
    header .wrapper { width: 100%;padding: 0;} 
    header .shortMenuIcon { position: absolute; z-index: 999;display: block; top: 0px;top:13px; right: 20px; background: url('../img/nav/MobileMenuIcon.png') no-repeat 0px 0px; width: 50px; height: 77px; }
    header .shortMenuIconActive { background-position: -50px 0; }

    /* Navigation */
    header .menuContainer { background-color: #fff; float: none; width: inherit; display: none;z-index:999;}
    header nav#supportMenuNav { margin-top: 0px; }
    header nav#mainMenuNav { position: relative; top: 0px; background: #3B3C40; }

    nav#mainMenuNav { position: relative; float: none; /*border-bottom: solid #E9E9E9 1px;*/ font-size: 13px; text-transform: uppercase; }
    nav#mainMenuNav ul.mainMenuListing { margin-top: 0px;border-top: solid #E9E9E9 1px;float: none; }    
    nav#mainMenuNav ul li { float: inherit; display: block; }
    nav#mainMenuNav ul li.clear { border: none;}
    nav#mainMenuNav a { margin-left: 0px; }
    nav#mainMenuNav .subNavProductsContainer { position: absolute; display: none; top: 53px; left: 0px; min-width: 320px; width: 100%; height: 340px; background-color: white; overflow: hidden; z-index: 99; }
    nav#mainMenuNav .subNavProductsContainer .listContainer { width: 100%; margin: 0px auto; padding-top: 5px; }
    nav#mainMenuNav .subNavProductsContainer .listContainer ul { margin: auto; padding-left: 7px; }
    nav#mainMenuNav .subProductContainer { width: inherit; height: inherit; padding: 0; }
    nav#mainMenuNav .subProductContainer a img { display: none; }
    nav#mainMenuNav .subProductContainer { border: none; }

    /*    .find img{width:199px; text-align: center}*/
    header nav#supportMenuNav a,
    header nav#mainMenuNav a { color: #fff;height: 22px;padding-top: 0px;display: block;}

    nav#supportMenuNav a,
    nav#supportMenuNav a:visited,
    nav#supportMenuNav a:hover,
    nav#supportMenuNav a.active,
    nav#mainMenuNav a,
    nav#mainMenuNav a:visited,
    nav#mainMenuNav a:hover,
    nav#mainMenuNav a.active { color: #fff; border-bottom: none; }
    nav#mainMenuNav .subNavProductsContainer { position: relative;background: inherit; width: inherit; min-width: inherit; height: inherit; top: 0px; overflow: inherit; box-shadow: none !important; text-shadow: none !important;}
    .subNavProductsContainer .listContainer { height: inherit; }
    nav#mainMenuNav ul li.verticalDivider { display: none; }
    nav#mainMenuNav ul div.horizontalDivider { display: none; }
    .subNavProductsContainer li.clear { padding: 0px; }
    nav#supportMenuNav { position: relative; background: #000; float: none; font-size: 11px; text-transform: uppercase; margin-top: 12px; }
    nav#supportMenuNav li { float: none;height: inherit;margin: auto;}
    nav#supportMenuNav li.last { display: none;}
    nav#mainMenuNav #subNavProducts li:hover a span { color: #fff; }

    header nav li { float: none;margin: auto; padding: 15px 10px 15px 0px; width: 86%;border-bottom: 1px solid #cdcdcd; }
    header nav li a { font-size: 16px; color: #fff; }

    .subProductContainer span { width: 100%; text-align: left;font-size: inherit;text-transform: none;color: #fff;}

    header nav#mainMenuNav li a.productsDropDownMenu { display: block; padding: 0px 0px 0 0; width: 100%; }
    header nav#mainMenuNav li a.productsDropDownMenu:hover {color: #fff; }
    header nav#mainMenuNav li a.productsDropDownMenu.active,
    header nav#mainMenuNav li a.productsDropDownMenu.active:hover { }

    header nav li a.dropDownIcon { background: url('../img/nav/MobileMenuPlusIcon.png') no-repeat 100% 5px; display: block; padding: 0px 0px 0 0; width: 100%; }
    header nav li a.dropDownIcon.active { background-position: 100% -51px; }

    header nav li ul.responsiveMenu { display: block;}
    header nav li               div.responsiveMenuContainer {display: block; width: 100%;}
    header nav#supportMenuNav   div.responsiveMenuContainer ul.responsiveMenu, 
    header nav#mainMenuNav      div.responsiveMenuContainer ul.responsiveMenu { width: 100%; margin: 0px auto; padding-top: 5px;padding-left: 7px; }    
    header nav#mainMenuNav li    div.responsiveMenuContainer ul.responsiveMenu li,
    header nav#supportMenuNav li div.responsiveMenuContainer ul.responsiveMenu li { padding: 0;margin: 0; border: none;height: 34px;}
    header nav#supportMenuNav   div.responsiveMenuContainer ul.responsiveMenu li a, 
    header nav#mainMenuNav      div.responsiveMenuContainer ul.responsiveMenu li a { display: block; width: 100%;  height: 34px; font-size: 16px; color: #fff;line-height: 14px; text-transform: none; margin: 0; padding: 10px 0 0 0; border: none; }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#contact{
	display:none;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#support{
	display:none;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#contactmobile{
	display:block;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#supportMenuNav ul li#supportmobile{
	display:block;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li#cookingmobile{
	display:block;
    }
    section#mainContentWrapper header div.wrapper div.menuContainer nav#mainMenuNav ul.mainMenuListing li#cooking{
	display:none;
    }
    .closeMenuContainer { display: block;height: 30px;padding: 30px 0 20px 0;background: #3B3C40;cursor: pointer; }
    .closeMenuText { display: block;margin: auto;padding-left: 16px; background: url('../img/buttons/ArrowsIcons.png') no-repeat -210px 6px;width: 50px;color: #fff; }

    section#breadCrumb { display: none;}
    section#subNav { display: none;}


    /* main Page */
    .flex-direction-nav .flex-next { display: none; }
    .flex-direction-nav .flex-prev { display: none; }

    .mainContainer .primaryFeatureText { font-size: 16px; letter-spacing: 2px; line-height: 20px; }
    .mainContainer .secondFeatureText { font-size: 16px; letter-spacing: 2px; line-height: 24px; }
    .mainContainer .bFeatureText { letter-spacing: 2px; }
    .find {   background: url("../img/404_moblie.png") no-repeat scroll center center / cover #fff;

	      margin: 0 auto;
	      position: absolute;
	      width: 100%; }

    .primaryFeatureImageContainer { position: relative; height: 220px; background: url('../img/Home/aFeature_m.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
    .primaryFeatureTextContainer { width: 100%; height: auto; }
    .primaryFeatureTextContainer .primaryTextWrapper { border-left: none; padding: 20px 0; }
    .primaryFeatureTextContainer span { background-color: transparent; padding: 15px 10px 15px 0px; color: #fff; }

    .btnOurProducts { margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; }

    .mainProductSlider { border-top: 1px solid #E9E9E9; }
    .mainProductSlider .article { width: 100%; position: relative; height: auto; }
    .mainProductSlider .article span { display: block; margin: 12px 0; width: 80%; }
    .mainProductSlider .aside { width: 100%; height: auto; }
    .mainProductSlider .flexslider .slides .aside img { display: block; margin: 20px auto; }
    .mainProductSlider .flexslider { margin: 0 0 60px; }
    .mainProductSlider .flex-control-nav { bottom: -40px; }

    section#mainContentWrapper section div.stockistMainContainer div.stockistContainer div.wrapper div.compareThreeColumn a img{margin-left: -10px;}
    .btnOurRange { margin-top: 20px; padding-bottom: 20px; }

    .bFeatureContainer { padding: 20px 0px; }
    .bFeatureContainer ul li { float: none; margin-left: 0px; width: 100%; max-width: 150px; }
    .bFeatureContainer ul li.firstCell, 
    .bFeatureContainer ul li.lastCell { margin: 0 auto; }
    .bFeatureContainer ul li img,
    .bFeatureContainer ul li span { width: 100%; margin: auto; }
    .btnLearnMore { margin-bottom: 30px; }

    /* products Page */
    .mobileFilterMenu { border-bottom: 1px solid #E9E9E9; }
    .productsMainContainer { border-top: 1px solid #E9E9E9; background-color: white; }
    .productsListContainer .wrapper { width: 100%; padding: 0; margin: auto; }
    .mainPageFilter { display: none; }


    .productsFilterMenu { display: none; }
    #productsFilterContainer { display: none; }
    .mobileFilterMenu { display: block; width: 100%; height: 200px; border-bottom: 1px solid #E9E9E9; }
    .mobileFilterMenu .btnOurRange { margin: 30px 0 40px; text-align: left; }
    .mobileFilterMenu .btnOurRange a { background: url("../img/buttons/blackBtnArrow.png") no-repeat scroll 95% 50% transparent; border: 1px solid #232323; color: #232323; background-color: white; padding: 6px 40px 6px 20px; font-size: 12px; }

    .productFeatureHeight {height: inherit;}
    .featureTextContainer {position: relative; background: none;bottom: inherit;height: inherit; }

    .productsBgImageContainer { position: relative; height: 220px; background: url('../img/ProductOven/aFeature_m.jpg') no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }
    .productFeatureTextContainer { width: auto; height: auto; padding: 30px 0; }
    .productFeatureTextContainer .primaryTextWrapper { border-left: none; padding: 0; }
    .productFeatureTextContainer span { background-color: transparent; padding: 15px 10px 15px 0px; color: #232323; }

    .grayBackground { background-color: white; }
    .productsMainContainer h2 { text-align: left; padding-bottom: 0px; }

    .productContainer { position: relative; float: none; width: 100%; height: auto; padding: 20px 0; border-right: none; }
    .productContainer .blurCover { position: absolute; width: 100%; height: 100%; }
    .clearRightBorder { border-right: none; }

    /* products details Page */
    #productDetails span { display: block; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; }
    #productDetails .featureIconList span { font-size: 10px; text-transform: uppercase; letter-spacing: 0; }
    #productDetails .detailTextList span { font-size: 14px; text-transform: none; letter-spacing: 0; width: 100%; line-height: 20px; }

    .featureIconList {
	width: 100%;
    }
    .productInfoListWrapper{display:block;clear:both;}
    section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper div.textContainer h2{display: none;}
    .productSummary { padding: 0;height:auto;clear:both;display:block; }
    .productSummary .textContainer { float: none; width: 100%; margin-top: -30px;}
    .productSummary .textContainer span { width: inherit; }
    .productSummary .imgContainer {position: relative; float: none; width: 100%; margin-bottom: 50px; }
    .productSummary .imgContainer img { display: block; margin: 0px auto; padding: 0 0 20px; }
    section#mainContentWrapper section#productDetails div.rightContainer div.productSummary div.leftwrapper{margin-bottom: 20px;}
    .detailContainer { display: none; overflow: hidden;  }
    .detailContainerActive { display: block; overflow: hidden;  }
    .detailTextList { padding-bottom: 40px; }
    .backBlueIcon { margin-bottom: 0px; }
    .featureIconList li {
	margin: 2px 2px 2px 2px;
    }
    section#mainContentWrapper section#productDetails div.rightContainer ul.productInfoList li.titleContainer div.wrapper{text-align: center;}
    section#mainContentWrapper section#productDetails div.rightContainer ul.productInfoList li.detailContainerActive div.wrapper div.tech div.productSpecRow div.label{width:100%;}
    section#mainContentWrapper section#productDetails div.rightContainer ul.productInfoList li.detailContainerActive div.wrapper div.tech div.productSpecRow div.value{width:100%;}
    section#mainContentWrapper section#productDetails div.rightContainer div.breadCrumbNav div.compareCart{margin-right: 10px;color: #a3e75a;}
    section#mainContentWrapper section#productDetails div.rightContainer div.breadCrumbNav div.compareCart a{color: #a3e75a;}
    section#mainContentWrapper section#productDetails div.rightContainer div.breadCrumbNav{margin-left: 10px;}
    section#mainContentWrapper section#productDetails div.rightContainer ul.productInfoList span{
	width: 90%;
	margin: 0 auto;
	font-size: 11px;
    }
    .productSummary .textContainer {

	min-height: 100px;
    }
    .btnCompare {
	position: relative;
	float:left;
	margin:10px auto 0;
	width: 90%;
	margin-top: 25px;
    }
    .btnCompare1 {
	position: relative;
	float:left;
	text-align: center;
	margin:20px auto 20px;
    }

    .fb-like{
	clear: both;
	width:100%;
    }
    .btnQ{
	text-align: left;
    }
    .btnQ a,.btnCompare a  {
	font-size: 14px !important; 
    }

    .textContainer{
	padding-left: 20px;
    }
    .fb_iframe_widget{
	width:100%;
	display: block;
	clear: both;
    }

    div.cateWrapper {
	top: 80px;
	/*height: 300px;*/
    }

    /* company Page */
    .thumbsContainer,
    #companyDetails .textContainer,
    .historyWrapper .leftPadding,
    .historyWrapper .rightPadding,
    #historyList .leftPaddingCell,
    #historyList .rightPaddingCell,
    #historyList .historyCell { display: none; }

    .historyWrapper { padding-bottom: 40px; border-bottom: 1px solid #E9E9E9; }
    #historyList { left: 0px; width: 90%; height: auto; position: static; margin: auto; border-left: 1px solid #E9E9E9; }
    #historyList li { display: list-item; margin: 30px 0px 0px 9px; list-style: url('../img/buttons/blueBullet.png') outside none; width: 100%; height: auto; background-color: transparent; float: none; padding-left: 10px; }
    #historyList .detailCell img { display: none; }
    #historyList .detailCell h3 { margin: auto; padding: 0; line-height: normal; letter-spacing: 0; font-size: 12px; font-weight: bold; color: #232323; text-transform: uppercase; text-decoration: none; }
    #historyList .detailCell span { width: 90%; margin: 0; padding: 0; line-height: normal; letter-spacing: 0; font-size: 12px; color: #232323; }
    #historyList .detailCell.active { }
    .historyThumbList li.detailCell.first { width: 100%; }

    #companySlider .slides li .wrapper ul li { padding: 0px 4px; }
    #companySlider .slides li .wrapper { padding: 40px 0 20px; }
    #companySlider .slides li .wrapper span { display: block; height: 60px; color: #232323; margin: 0; font-size: 16px; letter-spacing: 2px; line-height: 20px; text-align: center; }

    #companyDetails .wrapper { position: relative; width: 100%; }
    #companyDetails .titleContainer h3 { line-height: 20px; font-size: 16px; letter-spacing: 3px; }

    .companyFeatureList { border-bottom: none; }
    .companyFeatureList li { position: relative; display: block; width: 100%; height: auto; padding: 30px 0; border-bottom: 1px solid #4f4f4f; }
    .companyFeatureList li.last { border-bottom: none; }
    .companyFeatureList li h4 { position: relative; margin: 20px auto; top: auto; width: auto; }
    .companyFeatureList li span { display: block; width: 60%; text-align: center; margin: 10px auto; }

    /* Support Pages */
    section#Support .supportServiceDetails { border: none; }
    section#Support .longAfeatureContainer { border: none;}
    section#Support p { width: 90%;}

    html.js body section#mainContentWrapper section div.stockistMainContainer div.wrapper {
	width: 100%;
    }
    ul.supportListingTypeA { position: relative; width: 100%; margin: auto; }
    ul.supportListingTypeA li .leftContainer { width: 100%; float: none; }
    ul.supportListingTypeA li .leftContainer img { padding-left: 0px; width: 100%;max-width: 320px;}
    ul.supportListingTypeA li .leftContainer .textContainer {padding-left: 0px;width: 100%;}
    ul.supportListingTypeA li .rightContainer { width: 100%; }
    ul.supportListingTypeA li .rightContainer img { padding-left: 0px; width: auto;height: auto; max-width: 320px; }
    ul.supportListingTypeA li .rightContainer .textContainer { padding-left: 0px; width: 100%;}
    ul.supportListingTypeA li .textContainer { padding-top: 0px; }
    ul.supportListingTypeA li p { width: 100% }

    .supportServiceDetails { width: 90%; margin:auto; padding-left: 0px; padding-right: 0px;  }
    section#Support .supportServiceDetails {border-top: 1px solid #E9E9E9;padding-left: 0;padding-right: 0;width: 90%;margin: auto; }
    .supportServiceDetails h4 {width: 260px; line-height: 22px; font-size: 14px; letter-spacing: 4px; text-transform: uppercase;}
    .supportServiceDetails h2 { width: 90%;font-size: 13px;line-height: 20px;letter-spacing: 4px; padding-top: 5px;padding-bottom: 38px; }
    .supportServiceDetails .introDescription { width: 90%;}

    .longAfeatureContainer { position: relative; border-bottom: 1px solid #E9E9E9; }

    section#booking .longAfeatureContainer .aFeature,
    section#stockist .longAfeatureContainer .aFeature,
    section#Support .longAfeatureContainer .aFeature,
    section#contactUs .longAfeatureContainer .aFeature { position: relative; width: 100%; height: 220px; }



    .supportAfeatureHeight {height: inherit;}
    .longAfeatreContainer .aFeatureTextBackground { height: inherit;}

    .longAfeatureContainer .aFeatureTextBackground { position: relative;height: inherit;}
    .longAfeatureContainer .aFeatureTextContainer { position: relative; width: 90%; padding: 30px 0;height: auto;margin: auto; }
    .longAfeatureContainer .primaryTextWrapper {width: 80%; margin-left: 0px; border-left: none; padding: 0; line-height: 20px; }
    .longAfeatureContainer .aFeatureTextContainer span { background-color: inherit; padding: 0; color: #232323; line-height: 14px; font-size: 14px; letter-spacing: 4px; text-transform: uppercase; }
    .bookingResult, .bookingForm {
	padding-bottom: 0;
    }
    #calendar { display: none;}
    #microCalendar { display: block;}

    #microCalendar .dividerLine,
    .bookingResult .dividerLine,
    .bookingForm .dividerLine { display: none;}

    section#stockist,
    section#Support,
    section#contactUs,
    section#booking { padding-top: 0px; }
    section#booking h4 {width: 100%; line-height: 22px; font-size: 13px;padding: 3px 0 12px 0; letter-spacing: 4px; text-transform: uppercase;border-bottom: 1px solid #E9E9E9;}
    section#booking .supportServiceDetails {width: 90%; margin:auto; padding-left: 0px; padding-right: 0px;}
    section#contactUs div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li{height: 45px;}
    section#Support div.wrapper div.longAfeatureContainer div.supportServiceDetails form#frm1 ul.formContainer li{height: 45px;}
    section#mainContentWrapper section#contactUs div.wrapper div.supportServiceDetails form#frm1 div.formContainer ul.formContainer li.valueOnly{
	margin-top:60px;
    }
    .bookingResult, 
    .bookingForm { width: 90%; margin:auto; padding-left: 0px; padding-right: 0px;padding-top: 20px; }

    .review{
	margin: 10px;
    }



    section#booking .bookingResult h4,
    section#booking .bookingForm h4 { border-bottom: none;width: 90%;}

    section#booking .bookingResult .formContainer,
    section#booking .bookingForm .formContainer { padding: 0px 0 45px;}

    section#booking .supportServiceDetails h4 { padding-right: 0px;margin-right: 30px;}

    .formContainer select { display: block;}
    .formContainer .OmegaDropList { display: block;}

    .formContainer { padding: 15px 0 45px 0; }
    .formContainer label { /*display: none;*/ padding-right: 20px; width: 100px; }
    .formContainer .ddlAttendee { }
    .formContainer .chkOptin { }
    .formContainer .checkboxLabel {display: inline-block; width: 260px;padding: 0; }
    .formContainer .valueOnly { padding-left: 0px;width: 100%;padding-top: 30px; }

    .formContainer li { padding: 5px 0; width: 98%; }
    section#mainContentWrapper section#booking{min-height: 1500px}
    .formContainer li.textArea { height: inherit;}
    .formContainer input[type=text],
    .formContainer textarea { max-width: 210px; }
    .formContainer textarea { height: 120px; }
    .formContainer input.short { width: 60px; }



    /* Recipie Page */
    section#recipes h2 { text-align: center;width: 90%;margin: auto;border-bottom: none;font-size: 20px;letter-spacing: 4px; }
    #recipeDetails { border-top: 1px solid #E9E9E9;border-bottom: none; }
    ul.recipeListing { border-top: 1px solid #E9E9E9; }


    ul.recipeListing li { float: none;margin: auto;}
    article#recipeDetails .leftContainer { display: none;}
    article#recipeDetails .rightContainer { display: block;width: 90%;margin: auto; }

    /* Stockist Page */
    .stockistResult ul li { float: none;display: block;margin: auto;}
    .stockistResult { width: 90%;margin: auto;}
    .stockistResult h3 { text-align: center; }
    .stockistResult ul li a { display: block;width: 92px;margin: auto;padding-top: 0px; background-position: 100% 7px;}

    /* Sections */
    section#Support .wrapper,
    section#stockist .wrapper,
    section#booking .wrapper,
    section#recipes .wrapper,
    section#stockist .wrapper,
    section#Support .wrapper,
    section#booking .wrapper,
    section#contactUs .wrapper { padding: 0px; width: 100%; }
    section#mainContentWrapper section#productDetails div.productSummary div.wrapper div.imgContainer div.imgslider ul.slides li div.table div.tableRow div.tableCell img{
	width:100%;
    }

    .all li{
	width:100%;
	display: block;
	float:left;
    }

}


@media screen and (min-width: 768px) and (max-width: 1024px)
{
.home-wrapper-bottom .bFeatureText {
        font-size: 10px;
}
/* Helper classes
---------------------------------------------------------*/
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

.table { display: table; height: 100%; width: 100%; }
.tableRow { display: table-row; }
.tableCell { display: table-cell; vertical-align: middle; }

.hidden { display: none; }
.white { color: #fff; }

/* Print styles
---------------------------------------------------------*/
@media print {
    html.js body section#mainContentWrapper header div.wrapper div.menuContainer{
        display: none;
    }
    html.js body footer{
        display: none;
    }
}
