@charset "UTF-8";

/* responsive CORE styles */

/* Large Display */
@media only screen and (min-width: 1404px) {
.smallprintWrapper{/*background:orange*/}
.home .homeWrapper{width:78%;float:left}
.home .contentRight{width:19%;float:right}
.contentMainFirst {width:19%;max-width:270px}
.contentMainSecond{width:78.5%}
.home .contentLeft{width:66%}
.home .contentMiddle{width:31%}
.homeContent .contentWrapper ul li{font-size:1.7em}
.eventsInclude .contentHeader h2{font-size:1.8em}
.eventsInclude div.more{top:9px;right:12px}
.dynamicNav li a{font-size:1.2em}
.blogsInclude .contentHeader h3{font-size:1.8em}
.home .bannerWrapper{left:280px}
.home .bannerCover{left:680px}
.home .testimonialsInclude{width:100%;margin:28px 0 25px}
li.photoContainer{width:23%;padding-bottom:23%}	
}
/* in between */
@media only screen and (min-width: 1254px) and (max-width: 1403px) {
.smallprintWrapper{/*background:pink*/}
.home .homeWrapper{width:78%;float:left}
.home .contentRight{width:19%;float:right}
.contentMainFirst {width:20%;max-width:260px}
.contentMainSecond{width:78%}
.home .contentLeft{width:67%}
.home .contentMiddle{width:30%}
.home .testimonialsInclude{width:100%;margin:28px 0 25px}
.footer .navWrapper{width:45%}
.contactDetails{width:44%}
}
/* Desktop (iPad landscape) */
@media only screen and (min-width: 960px) and (max-width: 1253px) {
.smallprintWrapper{/*background:red*/}
.contentMainFirst {width:23%;max-width:255px}
.contentMainSecond { width:75%}
.popupBox .contentMainSecond{width:94%}
.dynamicNav .navWrapper,.shopNav .navWrapper,.searchBar{width:89%}
.footer .navWrapper{width:49%}
.firstNav{width:26%}
.secondNav{width:42%}
.thirdNav{width:29%}
.contactDetails{width:51%}
}	
/* Tablets (iPad portrait) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.smallprintWrapper{/*background:blue*/}
.home .headerWrapper{background:none}
.headerWrapper{background:url(../images/images-custom/header-message-short.png) 222px 0 no-repeat}
.contentMainFirst{width:29%}
.contentMainSecond{width:69%}
.contentMiddle,.contentRight,.shop .contentMiddle,.product .contentMiddle,.shop .contentRight,.product .contentRight{width:100%;float:none}
.home .bannerWrapper{display:none}
.home .bannerCover{left:27%}
.home .contentLeft{width:100%;float:none}
.home .contentMiddle{width:100%;float:none;margin-top:0;padding-top:24px}
.home .xprosModule{display:none}
.eventsInclude{width:95%;margin-left:auto;margin-right:auto}
.testimonialsInclude{margin:0 auto 30px}
.socialButtons{margin:20px auto}
.checkoutProgressBar li span.multiLine{display:none}
fieldset.checkoutDetails, fieldset.billingAddress, fieldset.deliveryAddress{float:none;margin-right:0;width:100%}
.footer .navWrapper{width:62%}	
.firstNav{width:27%}
.secondNav{width:41%}
.thirdNav{width:29%}
.contactDetails{width:37%;background:none;float:right}
.homeContent .contentWrapper ul{display:block}
} 
/* Smartphones to Tablets */
@media only screen and (min-width: 581px) and (max-width: 767px) {
.smallprintWrapper{/*background:green*/}
.footer .navWrapper{width:48%}
.contactDetails{width:50%;background:none;float:right}

}
/* Smartphones to Smaller Tablets */
@media only screen and (min-width: 481px) and (max-width: 580px) {
.smallprintWrapper{/*background:pink*/}
.relatedpagesInclude .outerBox, .documentsInclude .outerBox, .weblinksInclude .outerBox{padding:10px 15px}
.footer .navWrapper{width:44%}
.contactDetails{width:55%;background:none;float:right}
.pageHeader h1{margin-bottom:13px}
.galleryModule .pagingModule{padding-top:10px}
.homeContent{padding:13px 15px}
.homeContent div.introduction{padding-bottom:12px}
.blogsInclude div.more{display:none}
}
/* Smartphones */
@media only screen and (max-width: 480px) {
.smallprintWrapper{/*background:yellow*/}
.blogsInclude .outerBox,.blogsInclude li.last .outerBox{float:none;width:100%;margin-bottom:0}
.blogsInclude li.last .outerBox{padding-top:0;padding-bottom:30px}
.blogsInclude .includeContainer{background-position:-10px 0}
.homeContent .contentWrapper ul li{font-size:1.4em}
.contactDetails{background:none}
.infoTabs li{background:#e4dfd4}
.infoTabs li.active{background:#2C261D}
.infoTabs li.active span a{color:#dacfb5}
.blogsModule .contentHeader p,.blogsModule .blogComment .contentHeader h2,.blogsModule .form .contentHeader h2{margin-left:-20px}
.pageHeader h1{margin-bottom:3px}
div.introduction{font-size:1.15em;padding-top:8px}
.galleryModule .pagingModule{padding-top:10px}
.homeContent{padding:13px 15px}
.homeContent div.introduction{padding-bottom:12px}
.footerLogos ul{width:180px}
.footerLogos li.defraLogo{float:none}
.eafLogo,.leaderLogo{padding-top:0}
.blogsInclude div.more{display:none}
}
/* shared for phone devices */
@media only screen and (min-width: 0) and (max-width: 767px) {
.contentMainSecond,.home .contentMainSecond {width:96%;top:40px;float:none;max-width:999em;margin:18px auto 60px}
div.collapseNav a.navCollapse{padding-top:7px}
.contentMainFirst{width:100%;float:none;max-width:999em}
.home .collapseNav,.collapseNav{margin-top:0}
.header{position:relative}
.home .bannerCover{display:none}
.home .bannerWrapper{display:none}
.home .pagecontentContainer .contentImages{display:block;margin-bottom:12px}
.contentMain,.home .contentMain,.home .contentMiddle{margin-top:0}
.home .xprosModule{display:none}
.siteContainer,.home .siteContainer{background:none}
.outerWrapper,.home .outerWrapper{background:none}
.header,.home .header,.headerWrapper{background:url(../images/images-custom/planks-bgrpt.jpg) 0 0 repeat-x;height:60px}
.shopNav .shopParent a{height:46px}
.shopNav .navWrapper{background:none;padding-bottom:0}	
.mainNav{background:#2C261D;top:106px}
.showNav{border-top:1px solid #605B52}
.searchBar{padding-top:17px}
.shopNav .shopParent a{background:#221d15}
.staticNav li, .staticNav li.last, .dynamicNav li, .dynamicNav li.last, .accountNavMain li{border-color:#605B52}
.staticNav li a, .dynamicNav li a, .dynamicNav li a.activePage, .staticNav li.last a, .dynamicNav li.last a, .dynamicNav li.last a.activePage, .accountNavMain li a{color:#DACFB5}
.home .pagecontentContainer{margin-left:0;margin-right:0}
.blogsInclude{margin-bottom:18px}
.eventsInclude,.home .xprosModule{margin-left:13px;margin-right:13px}	
.eventsInclude div.more{top:0}
.home .testimonialsInclude{width:85%;margin-top:10px;margin-left:auto;margin-right:auto}
.socialButtons{margin-top:20px}
.mailingListSubscribeBox .contentHeader h2,.mailingListSubscribeBox div.nameDiv, .mailingListSubscribeBox div.emailDiv, .mailingListSubscribeBox div.buttonContainer, .mailingListSubscribeBox div.error{display:block}
.mailingListSubscribeBox input{margin-top:6px}
.mailingListSubscribeBox div.buttonContainer{text-align:center;margin:10px 0 2px}
.mailingListSubscribeBox div.buttonContainer input{margin:0 auto}
.basketObjects .basketInclude{top:11px;right:12px;z-index:9998}
.basketInclude .basketTitle{float:none;background:none;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.basketInclude .basketTitle a{height:40px}
.basketInclude .basketQuantity{top:-5px;left:-12px}
.contentRight{padding-left:18px;padding-right:18px}
.staticNav li a, .dynamicNav li a, .dynamicNav li a.activePage, .staticNav li.last a, .dynamicNav li.last a, .dynamicNav li.last a.activePage, .accountNavMain li a{font-size:1.1em}
.homeContent .contentWrapper ul{display:block}
.searchBar input.searchTerms{width:160px}
}
/* DISPLAY BASKET AS LIST flexible break point */
@media only screen and (min-width: 0) and (max-width: 950px) {
.basketWrapper li.productRow,.orderSummary li.itemRow{background:#eee7d9}
.basketObjects .basketWrapper li.productRow, .basketObjects .orderSummary li.itemRow{background:#fff}
}
/* image replacement for retina display e.g. background URL jpg or png + background-size:(width)px (height)px */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (-ms-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.homeContent .contentWrapper ul li{background: url(../images/images-custom/tick-bullet@x2.png) 0 0 no-repeat;background-size:42px 39px}
.relatedpagesInclude li{background:url(../images/images-custom/related-pages@x2.png) 0 0 no-repeat;background-size:24px 24px}
.weblinksInclude li{background:url(../images/images-custom/external-link@x2.png) 0 0 no-repeat;background-size:24px 24px}
.accordianContainer h2 span.categoryArrows{background:url(../images/images-custom/accarwdown@x2.png) 0 0 no-repeat;background-size:32px 32px}
.accordianContainer h2 span.accordionOpen{background:url(../images/images-custom/accarwup@x2.png) 0 0 no-repeat;background-size:32px 32px}
}

/* LOGO CONTROL STANDARD + MOBILE */

/* logo (standard) same size as custom-styles */
@media only screen and (min-width: 768px) {
.logo,.logo a{width:200px;height:122px}
.logo a{background:url(../images/images-custom/logo@x2.png) 0 0 no-repeat;background-size:200px 122px}
}

/* logo (standard) retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min--moz-device-pixel-ratio: 2) and (min-width: 768px), only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 768px), only screen and (min-device-pixel-ratio: 2) and (min-width: 768px), only screen and (min-resolution: 192dpi) and (min-width: 768px), only screen and (min-resolution: 2dppx) and (min-width: 768px) {

.logo a{background:url(../images/images-custom/logo@x2.png) 0 0 no-repeat;background-size:200px 122px}
}

/* logo (mobile nav) */
@media only screen and (min-width: 0) and (max-width: 767px) {
.logo{top:0}
.logo a{width:160px;height:60px;margin:0 auto}
.logo a{background:url(../images/images-custom/logo_sml.png) 0 0 no-repeat;background-size:160px 60px}
}

/* logo (mobile nav) retina */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0), only screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 767px) and (min-width: 0), only screen and (min-device-pixel-ratio: 2) and (max-width: 767px) and (min-width: 0), only screen and (min-resolution: 192dpi) and (max-width: 767px) and (min-width: 0), only screen and (min-resolution: 2dppx) and (max-width: 767px) and (min-width: 0) {
.logo a{background:url(../images/images-custom/logo_sml@x2.png) 0 0 no-repeat;background-size:160px 60px}
}