@charset "UTF-8";

/* CORE styles */

* {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/* Set elements to minimum value
----------------------------------------------------------------------------------------------------------------*/
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{line-height:1}
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,input,select,textarea,textfield,button{margin:0;padding:0;border:0;vertical-align:baseline}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,fieldset,img,summary{display:block}
table{border-collapse:collapse;border-spacing:0;font-size:1em}
ol,ul,li{list-style-type:none;list-style-image:none;list-style-position:outside}
blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a img{border:none}
img{border:none;-ms-interpolation-mode:bicubic}
img,embed,object,video{height:auto;max-width:100%}
iframe{max-width:100%}
svg:not(:root){overflow:hidden}
button,input{line-height:normal}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
iframe[src^="//assets.pinterest"]{display:none}
iframe[class*='PIN_'],iframe[class^='PIN_']{display:none!important}

/* Structure
----------------------------------------------------------------------------------------------------------------*/
body{font-size:90%;line-height:1.3;color:#222;text-align:left;background:#fff;-webkit-font-smoothing:antialiased}
.siteContainer{min-width:240px}
.outerWrapper{position:relative}
.contentMainFirst{}/* can be used for top or sidenav format */
.contentMainSecond{width:94%;margin:0 auto;padding:3% 0}/* the new contentMain */
.contentLeft,.home .contentLeft,.shop .contentLeft,.product .contentLeft,.shopping-bag .contentLeft,.checkout .contentLeft{float:left;display:none;font-size:0.95em}
.contentMiddle,.home .contentMiddle,.shop .contentMiddle,.product .contentMiddle,.shopping-bag .contentMiddle,.checkout .contentMiddle{float:left;width:67%;display:block;margin-bottom:15px}
.contentRight,.home .contentRight,.shop .contentRight,.product .contentRight,.shopping-bag .contentRight,.checkout .contentRight{float:right;width:29%;display:block;font-size:0.95em}
/* home page */
.home .contentLeft{}
.home .contentMiddle{}
.home .contentRight{}
/* shop listings (with left shop nav) */
.shop .contentLeft{display:block;width:21%}
.shop .contentMiddle{float:right;width:77%}
.shop .contentRight{display:none}
/* product detail (with RHS) */
.product .contentLeft{}
.product .contentMiddle{}
.product .contentRight{}
/* cart + checkout (full width) */
.shopping-bag .contentLeft,.checkout .contentLeft{display:none}
.shopping-bag .contentMiddle,.checkout .contentMiddle{float:none;width:100%}
.shopping-bag .contentRight,.checkout .contentRight{display:none}

/* Breadcrumb (products section only)
----------------------------------------------------------------------------------------------------------------*/
.breadcrumb{display:none}
.shop .breadcrumb,.product .breadcrumb{display:block;font-size:0.8em;padding:0 0 15px}

/* Account navigation
-----------------------------------------------------*/
.accountNav{font-size:0.95em}
.accountNav li{display:inline;list-style:none;margin-right:3px}
.accountNav li a{display:inline-block;color:#fff;padding:8px 10px;background:#00b9d4;-moz-border-radius:12px;-webkit-border-radius:12px;border-radius:12px}
.accountNav li a:hover,.accountNav li a:active,.accountNav li a:focus{background:#513416;text-decoration:none}

/* Static navigation (centered)
-----------------------------------------------------*/
.staticNav{background:#999;position:relative}
.staticNav .navWrapper{text-align:center;width:100%}
.staticNav ul{position:relative;display:inline-block}
.staticNav li{display:inline-block;border-right:1px dotted #ccc}/* or use inline for a-height dividers */
.staticNav li.last{border-right:none}
.staticNav li a{display:inline-block;color:#fff;text-decoration:none;padding:5px 8px 6px;font-size:1em;line-height:1.3em}
.staticNav li a:hover,.staticNav li a:active,.staticNav li a:focus{color:#e0e0e0;text-decoration:none}

/* Static nav (to align left or right)
-----------------------------------------------------
.staticNav ul{float:right}
.staticNav li{float:left}
.staticNav li a{display:block}*/

/* Dynamic navigation (drop down)
-----------------------------------------------------*/
/* structure */
.dynamicNav{z-index:200}
.dynamicNav .navWrapper{width:90%;margin:0 auto}/* control width and alignment */
.dynamicNav ul{/* all lists */position:relative;height:1%;width:100%}
.dynamicNav li{/* all list items */position:relative;float:left;width:14%}/* division of space if fixed */
.dynamicNav li.last{}
.dynamicNav li a{text-decoration:none;position:relative;display:block;text-align:center;font-size:1.1em;line-height:1em;height:2.2em}
.dynamicNav li a span{display:block;position:absolute;bottom:10px;left:0;width:100%;padding:0 5px}
.dynamicNav li a.activePage{text-decoration:none}
.dynamicNav li a:hover,.dynamicNav li a:active,.dynamicNav li a:focus{}
.dynamicNav li ul{/* second-level lists */position:absolute;top:1em;z-index:200;width:100%;left:-999em!important}/* remove "left" if left nav is required */
.dynamicNav li ul li{width:100%}
.dynamicNav li ul li.last{border:none}
.dynamicNav li ul li a{display:block;height:auto;font-size:1em;line-height:1.2em;padding:7px 9px;border:none;text-transform:none}
.dynamicNav li ul li a span{/* counteract top level span */display:block;position:relative;bottom:auto;left:auto;width:auto;padding:0}
.dynamicNav li ul li a:hover,.dynamicNav li ul li a:active,.dynamicNav li ul li a:focus{}
.dynamicNav li ul li a.activePage{-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none}
.dynamicNav li>ul,.dynamicNav li.over ul{/* to override top and left in browsers other than IE */top:auto;left:auto;margin:0;padding:0 0 7px;height:auto}
.dynamicNav li:hover ul,.dynamicNav li.over ul{/* lists nested under hovered list items */left:0!important}
/* color */
.dynamicNav{background:#333}
.dynamicNav .navWrapper{border-left:1px solid #5b5a53}
.dynamicNav li.last{border-right:1px solid #1e1d1e}
.dynamicNav li a{border-left:1px solid #1e1d1e;border-right:1px solid #5b5a53;color:#cac6ba}
.dynamicNav li a.activePage{background:#222;border-right:1px solid #171717/*blend into inner shadow*/;color:#fff;-moz-box-shadow:inset 0 2px 16px 0 #000;-webkit-box-shadow:inset 0 2px 16px 0 #000;box-shadow:inset 0 2px 16px 0 #000}
.dynamicNav li a:hover,.dynamicNav li a:active,.dynamicNav li a:focus{color:#fff}
.dynamicNav li ul{background:#222020}
.dynamicNav li ul li a:hover,.dynamicNav li ul li a:active,.dynamicNav li ul li a:focus{color:#fff;background:#42423f}
.dynamicNav li ul li a.activePage{background:#727068;color:#fff;border-left:1px solid #222020}
/* hide level 3 drop down nav */
.dynamicNav li ul li ul{display:none!important}/* remove "important" if left nav level 3 is required */

/* Shop navigation
-----------------------------------------------------*/
.shopNav{z-index:150;position:relative}
.shopNav .navWrapper{width:90%;margin:0 auto}/* control width and alignment */
.shopNav .shopParent{display:none}/* mobile entry point */
.shopNav ul{/* all lists */position:relative;height:1%;width:100%}
.shopNav li{/* all list items */float:left;width:20%}/* division of space if fixed */
.shopNav li.last{}
.shopNav a,.shopNav .shopParent a{text-decoration:none;position:relative;display:block;text-align:center;font-size:1.1em;line-height:1em;height:44px}
.shopNav a span,.shopNav .shopParent a span{display:block;position:absolute;bottom:12px;left:0;width:100%;padding:0 5px}
.shopNav a.activePage{text-decoration:none}
.shopNav a:hover,.shopNav a:active,.shopNav a:focus{}
/* drop down nav panel */
.shopNav li .dropdown{background:#ccc;position:absolute;top:44px;left:0;margin:0;padding:13px 0 13px 13px;width:100%;z-index:160}
.shopNav li .dropdown{left:-999em}
.shopNav li:hover .dropdown, .shopNav li.over .dropdown{left:0}
.shopNav .col1,.shopNav .col2,.shopNav .col3,.shopNav .col4{float:left;width:24%;margin-right:1%;border-right:1px solid #d7d7d7}
.shopNav .col1{}
.shopNav .col2{}
.shopNav .col3{}
.shopNav .col4{margin-right:0;border-right:0}
/* Panel content */
.shopNav li .dropdown ul li{width:96%}
.shopNav li .dropdown ul li a{/* undo parent formattting */text-align:left;font-size:1em;height:auto;-moz-text-shadow:none;-webkit-text-shadow:none;text-shadow:none;letter-spacing:0;text-transform:none;padding:7px 7px 5px;margin-bottom:5px;display:block}
/* color */
.shopNav,.shopNav .shopParent{background:#999}
.shopNav .navWrapper{border-left:1px solid #ccc}
.shopNav li.last{border-right:1px solid #666}
.shopNav a,.shopNav .shopParent a{border-left:1px solid #666;border-right:1px solid #ccc;color:#e0e0e0}
.shopNav .shopParent a{border-left:none;border-right:none}
.shopNav a.activePage{background:#222;border-right:1px solid #171717/*blend into inner shadow*/;color:#fff;-moz-box-shadow:inset 0 2px 16px 0 #000;-webkit-box-shadow:inset 0 2px 16px 0 #000;box-shadow:inset 0 2px 16px 0 #000}
.shopNav a:hover,.shopNav a:active,.shopNav a:focus{color:#fff}
.shopNav li .dropdown ul li a{color:#666;background:#f1f1f1;border:none}
.shopNav li .dropdown ul li a:hover,.shopNav li .dropdown ul li a:focus,.shopNav li .dropdown ul li a:active{color:#e0e0e0;background:#999;border:none}

/* Use to toggle main nav in shop view
----------------------------------------------------------------------------------------------------------------*/
/*.shop div.collapseNav a.navCollapse,*/div.collapseNav a.navCollapse{background:url(../images/images-icons/collapse-btn.png) 50% 50% no-repeat #444;display:block;text-indent:-999em;width:100%;height:42px;cursor:pointer}
.shop .showNav{height:auto}
.shop .hideNav{height:auto;overflow:none}/* drop down nav */
/*.shop .hideNav{height:0;overflow:hidden} left side nav */

/* Hide mobile navigation
-----------------------------------------------------*/
div.collapseNav a.navCollapse{display:none}

/* Branding
----------------------------------------------------------------------------------------------------------------*/
.header{width:100%}
.headerWrapper{padding:2%}
.logo{float:left}
.logo img{margin:0 auto}
.headerElements{float:right}

/* Content structure
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper,.commentWrapper{padding:10px 0 0}
.teamInclude .contentWrapper{padding:7px 0 0} 
/* contact details (team include, team module, offers, vacancies) */
.contactAction span{}
.contactAction{padding-bottom:3px}
.contactEmail,.xprosModule .contentWrapper p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}/* wrap emails */

/* Paragraph spacing (sitewide)
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper p{margin-bottom:15px}
.xprosModule .contentWrapper p{margin-bottom:7px}

/* Specialist spacing 
----------------------------------------------------------------------------------------------------------------*/
.pagecontentContainer,.moduleContainer,.galleryContainer,.accordianContainer,.formContainer,.shopContainer,.singleProductView,.basketContainer,.checkoutInnerContainer,.relatedProductView{background:#ddd;padding:25px;margin-bottom:15px;position:relative;z-index:1}/* content area backgrounds (sitewide) */
.moduleContainer ul,.accordianContainer ul,.galleryContainer ul,.basketContainer .basketWrapper,.basketInclude,.contentMiddle .form,.categoryView,.productView,.subpagesInclude{margin-top:15px}
.vacanciesModule .vacancyInfo{margin-bottom:15px}/* salary section */
.vacanciesModule .vacancyApply{margin-bottom:10px}/* files section */
div.snippet{margin-bottom:10px}/* truncated content */
.fieldContainer label{margin-bottom:10px;line-height:1.2em;max-width:660px;font-size:0.95em}/* delivery instructions */
.accordianContainer .outerBox ul,.accordianContainer ul li ul.accordianList{margin-top:0}

/* Headers (sitewide)
----------------------------------------------------------------------------------------------------------------*/
h1,h2,h3,h4,h5{line-height:1.1;margin-bottom:7px}

.pageHeader h1{font-size:2em;margin-bottom:0}
.contentHeader h2{margin:10px 0 0}
.contentHeader h3{margin-bottom:0}

/* WYSIWYG header styles (sitewide)
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper h1{font-size:1.5em}
.contentWrapper h2,.blogsList .contentWrapper h3{font-size:1.4em}
.contentWrapper h3,.blogsList .contentWrapper h4{font-size:1.3em}
.contentWrapper h4,.blogsList .contentWrapper h5{font-size:1.2em}
.contentWrapper h5{font-size:1em}

/* Manage individual H1 styles
----------------------------------------------------------------------------------------------------------------*/
.singleBlogPost .pageHeader h1{}
.singleProductView h1{margin:10px 0;font-size:1.8em}

/* hide shop category H1 if banner is used for page heading */
.hasBanner .pageHeader{/*position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden*/}

/* Manage individual H2 styles
----------------------------------------------------------------------------------------------------------------*/
/* banner wysiwyg */
.banner .bannerText h2{font-size:1.7em;margin:0 0 5px}
/* home page announcement */
.announcementInclude .contentHeader h2{font-size:1.7em;margin:0 0 5px}
/* home includes */
.homeInclude .contentHeader h2{font-size:1.3em;margin:5px 5px 10px}/* all home includes */
.newsInclude .contentHeader h2{}
.blogsInclude .contentHeader h2{}
.eventsInclude .contentHeader h2{}
/* page includes */
.pageInclude .contentHeader h2{font-size:1.7em;margin:0 0 8px}/* all page includes middle column */
.teamInclude .contentHeader h2{}
.documentsInclude .contentHeader h2{}
.relatedpagesInclude .contentHeader h2{}
.subpagesInclude .contentHeader h2{}
.weblinksInclude .contentHeader h2{}
/* standard modules */
.moduleContainer .contentHeader h2{font-size:1.7em}/* all modules */
.newsModule .contentHeader h2{}
.casestudiesModule .contentHeader h2{}
.caseList .contentHeader h2{margin:0}
.offersModule .contentHeader h2{margin:0}
.eventsModule .contentHeader h2{}
.blogsModule .contentHeader h2{margin:0}
.blogsModule .blogComment .contentHeader h2{margin:0 0 10px;font-size:1.3em}/* blog comments */
.blogsModule .form .contentHeader h2{margin:0}/* leave a comment form */
.testimonialsModule .contentHeader h2{}
.galleryModule .contentHeader h2{display:none}
/* RHS includes */
.galleryInclude .contentHeader h2{font-size:1.4em;margin:0 0 10px}
.testimonialsInclude .contentHeader h2{font-size:1.4em;margin:0 0 10px}
/* menus */
.menuContainer .contentHeader h2{font-size:1.7em;margin:0 0 7px}/* all menus */
.blogCategoriesMenu .menuContainer .contentHeader h2{}
.archiveMenu .menuContainer .contentHeader h2{}
.casestudiesMenu .menuContainer .contentHeader h2{}
.eventsMenu .menuContainer .contentHeader h2{}
/* shop */
.shopCategoriesMenu .menuContainer .contentHeader h2{font-size:1.2em}
.relatedProductView .contentHeader h2{font-size:1.4em;margin:0 5px 5px}
.paymentMethods .contentHeader h2{font-size:1.3em;margin:0}/* all payment methods */
.basketFooter .paymentMethods .contentHeader h2{}
.checkoutPaymentDetails .paymentMethods .contentHeader h2{}
/* checkout */
.fieldContainer .contentHeader h2{font-size:1.5em;margin:2px 5px 5px}/* all checkout sections */
.deliveryOptions .contentHeader h2{}
.orderReference .contentHeader h2{}
.specialInstructions .contentHeader h2{}
.orderSummary .contentHeader h2{}
.agreeTerms .contentHeader h2{}
.mailingList .contentHeader h2{}
/* mailing include */
.mailingListSubscribeBox .contentHeader h2{font-size:1.5em;margin:0 0 9px}
/* shopping footer nav */
.shoppingNav .contentHeader h2{font-size:1.3em;margin:5px 0 0;color:#fff}
/* OTHER */
.error .contentHeader h2{}

/* Manage individual H3 styles
----------------------------------------------------------------------------------------------------------------*/
/* home includes */
.homeInclude .contentHeader h3{font-size:1.5em}/* all home includes */
.newsInclude .contentHeader h3{}
.blogsInclude .contentHeader h3{}
.eventsInclude .contentHeader h3{}
/* blog comments */
.blogComment .commentHeader h3{font-size:1.4em}
/* xpros */
.xprosModule .contentHeader h3{font-size:1.5em}/* all xpro styles */
.xprosModule .style1 .contentHeader h3{}
.xprosModule .style2 .contentHeader h3{}
.xprosModule .style3 .contentHeader h3{}
/* team module */
.teamModule .contentHeader h3{font-size:1.4em;margin-bottom:4px}
.teamInclude .contentHeader h3{font-size:1.2em}
.teamInclude .contentHeader h3 span{color:#666;font-size:0.9em}
/* offers */
.offersModule h3.howToBook{font-size:1.4em;margin:20px 0 5px}
/* shop */
.shopCategoriesMenu .menuContainer .contentHeader h3{font-size:1.5em;margin:10px 0 5px}/* shop side nav */
/* checkout */
.deliveryInformation .contentHeader h3{font-size:1.3em}
.orderSummary .contentHeader h3{font-size:1.2em;margin-bottom:5px}/* order summary items */
/* mailing list */
.mailingInterests .contentHeader h3{font-size:1.3em;margin:12px 5px 8px}/* shop + contact form */

/* Dates, summary (blog, news, events, case studies, offers)
----------------------------------------------------------------------------------------------------------------*/
.blogsInclude .contentHeader p,.newsInclude .contentHeader p,.eventsInclude .contentHeader p,.blogsModule .contentHeader p,.newsModule .contentHeader p,.eventsModule .contentHeader p,.casestudiesModule .contentHeader p,.offersModule .contentHeader p{margin:10px 0 6px;padding:8px 0 5px;border:1px dotted #777;border-left:0;border-right:0}
.eventsInclude .contentHeader p{font-size:1.1em;margin:0;border-top:none}
.eventsModule .contentHeader p{font-size:1.2em}

/* Page intro
----------------------------------------------------------------------------------------------------------------*/
div.introduction{border:1px dashed #999;padding:10px 15px;margin:10px 0 5px;font-size:1.1em;line-height:1.2em;clear:right}
div.introduction p{white-space:pre;/* CSS 2.0 */white-space:pre-wrap;/* CSS 2.1 */white-space:pre-line;/* CSS 3.0 */white-space:-pre-wrap;/* Opera 4-6 */white-space:-o-pre-wrap;/* Opera 7 */white-space:-moz-pre-wrap;/* Mozilla */white-space:-hp-pre-wrap;/* HP Printers */word-wrap:break-word;/* IE 5+ */}
p.mailingUnsubscribe{margin:15px 0 20px}

/* Links
----------------------------------------------------------------------------------------------------------------*/
a,input.nogo,a.nogo{text-decoration:none;color:#2ba6cb;-webkit-transition:color 0.2s linear 0s;-moz-transition:color 0.2s linear 0s;-o-transition:color 0.2s linear 0s;transition:color 0.2s linear 0s;outline:none}
a:hover,a:active,a:focus,input.nogo:hover,input.nogo:focus,input.nogo:active,a.nogo:hover,a.nogo:active,a.nogo:focus{color:#137795;text-decoration:none}
a:focus,.a:active,a.nogo:active,a.nogo:focus{outline-color:transparent;outline-style:none;outline-width:0}/* hide dotted line on focus */
div.continue{font-size:1em}/* read on (testimonials include, news include, blog include, events include, case studies landing) */
div.more{text-align:right;font-size:1.1em;margin:10px 0 15px}
input.nogo,a.nogo{background:none!important;width:auto;padding:3px 1px;margin-left:3px;height:auto;cursor:pointer}
input.nogo:hover,input.nogo:focus,input.nogo:active,a.nogo:hover,a.nogo:focus,a.nogo:active{border-bottom:none!important}

/* Images
----------------------------------------------------------------------------------------------------------------*/
/*.contentImages{width:50%;float:left;margin:0 4% 0 0}*/
.imageWrapper{margin-bottom:10px}
.imageWrapper img{width:100%}
.photoCaption{font-size:0.9em;padding:4px 0}
.contentImages .imageWrapper a img{}/* override a img border none if required */

/* image structure */
.pagecontentContainer .contentImages{width:50%;float:right;margin:0 0 0 4%}
.singlePhotoView .imageWrapper{margin:0 auto}/* gallery single photo */
.blogsModule .contentImages{float:none;margin:5px 0;width:100%}
.blogsInclude .contentImages{width:50%;float:left;margin:0 4% 0 0}
.newsModule .contentImages{width:50%;float:right;margin:0 0 0 4%}
.newsInclude .contentImages{width:50%;float:left;margin:0 4% 0 0}
.casestudiesModule .contentImages{width:50%;float:right;margin:0 0 0 4%}
.caseList .contentImages{width:50%;float:left;margin:0 4% 0 0}
.teamModule .contentImages{width:25%;margin:0 12px 0 0}
.contentMiddle .teamInclude .contentImages{width:20%;margin:0 12px 0 0}
.contentRight .teamInclude .contentImages{width:40%;margin:0 12px 0 0}
.xprosModule .contentImages{float:none;margin:0;width:100%}
.xprosModule .xproGphc .imageWrapper img{margin-left:auto;margin-right:auto}
.directoryModule .accordianList .contentImages{width:144px;margin:3px 14px 0 0}
.directoryModule .contentImages{width:50%;float:left;margin:0 4% 0 0}

/* images sizes - match in uploader config */
.pagecontentContainer .contentImages{max-width:320px}/* content page */
.gridView ul.row li,.featuredProducts ul li{max-width:320px}/* product listings + featured product */
.singleProductView .imageWrapper{max-width:400px}/* product detail */
.singleProductView .productThumbs li.thumbContainer span.photoBorder img,.singleProductView .productThumbs li.thumbContainer{max-width:200px}/* product zoom thumbnail*/
.relatedProductView span.photoBorder img{max-width:320px}/* related product */
.galleryModule li.photoContainer{max-width:320px}/* gallery album/photos */
.singlePhotoView .imageWrapper{max-width:450px}/* gallery single photo */
.galleryInclude li.photoContainer{max-width:320px}/* gallery include */
.blogsModule .contentImages{max-width:450px}/* blog */
.blogsModule .contentImages img{width:auto;max-height:450px}/* blog image */
.blogsInclude .contentImages{max-width:320px}/* blog include (home) */
.newsModule .contentImages{max-width:320px}/* news */
.newsInclude .contentImages{max-width:320px}/* news include (home) */
.casestudiesModule .contentImages{max-width:320px}/* case study */
.caseList .contentImages{max-width:320px}/* case study landing page */
.teamModule .contentImages{max-width:160px}/* team page + include */
.xprosModule .contentImages{max-width:320px}/* xpro */
.xprosModule .xproGphc .imageWrapper img{max-width:320px}/* xpro image only */
.directoryModule .contentImages{max-width:320px}/* directory landing page */
.directoryModule .accordianList .contentImages{max-width:320px}/* directory */

/* Embedded content via iframe
----------------------------------------------------------------------------------------------------------------
iframe{width:100%;margin:0 0 15px;max-width:650px}*/

/* Responsive embedded content via iframe - Google Maps + Video
----------------------------------------------------------------------------------------------------------------*/
.google-map,.video-container{position:relative;height:0;overflow:hidden;margin-bottom:15px}
.google-map{padding-bottom:90%}/*(450 ÷ 500 = 0.9 = 90%)*/
.video-container{padding-bottom:56.25%;padding-top:30px}
.google-map iframe,.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}

/* Tables added via CMS
----------------------------------------------------------------------------------------------------------------*/
table{border-collapse:collapse;width:100%;line-height:1.2em;padding:0;margin:10px 0 22px;font-size:0.95em}
th{text-align:left;padding:5px;vertical-align:middle;border:1px solid #ccc}
td{text-align:left;border:1px solid #ccc;padding:5px;vertical-align:middle}
caption{font-size:1.1em;padding-bottom:8px}

/* Menus (blog categories, case studies, forthcoming events, blog archive, news archive)
----------------------------------------------------------------------------------------------------------------*/
.menuContainer{padding:12px;margin-bottom:15px;background:#e0e0e0;position:relative;z-index:10}
/* standard menu */
.menuContainer .menuWrapper ul.menu{}
.menuContainer .menuWrapper li.menuItem{padding:8px 0 7px}
.menuContainer .menuWrapper li.menuItem span{display:block}
.menuContainer .menuWrapper li.menuItem span.itemDetail{font-size:1.1em;line-height:1.2em}
.menuContainer .menuWrapper li.menuItem span.supplementaryInfo{line-height:1.2em;padding-top:2px}
/* archive menu */
.archiveMenu .menuWrapper ul{border-top:none}
.archiveMenu .menuWrapper li{padding:0;border:none}
.archiveMenu .menuWrapper li a{display:block;margin:0}
.archiveMenu .menuWrapper li a.year{font-size:1.2em;padding:4px 0 2px;margin:5px 0}
.archiveMenu .menuWrapper li a.month{font-size:1.1em;border:none;padding:0;margin:0}
.archiveMenu .menuWrapper li a.post{font-weight:normal;padding:1px 0 5px;margin:0;line-height:1.15em}
.archiveMenu .menuWrapper li ul li ul{margin:3px 0 6px}
/* shop menu */
.shopCategoriesMenu .menuContainer{padding:15px}
/* shared separators */
.menuContainer .menuWrapper ul.menu,.archiveMenu .menuWrapper li a.year{border-top:1px dotted #777}
.menuContainer .menuWrapper li.menuItem,.archiveMenu .menuWrapper li a.year{border-bottom:1px dotted #777}

/* Containing boxes (***** DON'T STYLE STRUCTURAL LI ITEMS *****)
----------------------------------------------------------------------------------------------------------------*/
.outerBox{padding:15px;margin-bottom:15px;background:#f1f1f1}
.xproGphc{margin-bottom:15px}
.singlePhotoView .outerBox{margin-bottom:0}

/* home includes */
.announcementInclude .outerBox{}
.newsInclude .outerBox{}
.blogsInclude .outerBox{}
.eventsInclude .outerBox{}
.vacanciesInclude .outerBox{}
/* module landing pages */
.blogsModule .outerBox{}
.casestudiesModule .outerBox{}
.offersModule .outerBox{}
/* testimonials */
.testimonialsModule .outerBox{}
.testimonialsInclude .outerBox{}
/* gallery photo description */
.singlePhotoView .outerBox{}
/* xpros */
.xprosModule .style1 .outerBox{}
.xprosModule .style2 .outerBox{}
.xprosModule .style3 .outerBox{}
/* accordians */
.teamModule .outerBox{}
.documentsModule .outerBox{}
.weblinksModule .outerBox{}
.vacanciesModule .outerBox{padding-top:5px}
/* blog comments */
.blogComment .outerBox{padding:10px;margin-bottom:10px}
/* page includes */
.teamInclude .outerBox{}
.documentsInclude .outerBox{}
.relatedpagesInclude .outerBox{}
.subpagesInclude .outerBox{}
.weblinksInclude .outerBox{}
/* mailing subscribe box */
.mailingListSubscribeBox .outerBox{padding:16px 16px 4px}
/* individual team members */
.teamInclude li .listWrapper{padding:10px 11px 6px;margin-bottom:4px;background:#e0e0e0}
.teamInclude li.last .listWrapper{margin-bottom:0}
/* LAST */
.last .outerBox,.last .listWrapper{margin-bottom:0!important}
/* heirarchy */
.relatedpagesInclude{position:relative;z-index:4}
.teamInclude{position:relative;z-index:5}
.documentsInclude{position:relative;z-index:6}
.weblinksInclude{position:relative;z-index:7}

/* Accordian headers (documents page, weblinks page, team page, vacancies page)
----------------------------------------------------------------------------------------------------------------*/
.accordianContainer .contentHeader h2{position:relative;padding:8px 50px 8px 10px;background:black;color:#fff;font-size:1.4em}/* allow space for arrow */
.accordianContainer h2:hover{cursor:pointer}
.accordianContainer h2 span.categoryArrows{position:absolute;top:7px;right:7px;background:url(../images/images-icons/accarwdown.gif) no-repeat 0 0;height:18px;width:22px}
.accordianContainer h2 span.accordionOpen{background:url(../images/images-icons/accarwup.gif) no-repeat 0 0}

/* Inner lists (documents, related pages, weblinks, vacancies page, team questions) - use pixels
----------------------------------------------------------------------------------------------------------------*/
.documentsInclude li,.relatedpagesInclude li,.subpagesInclude li,.weblinksInclude li,.documentsModule .outerBox li,.weblinksModule .outerBox li,.vacancyFile{list-style-type:none;list-style-image:none;list-style-position:inside;position:relative;padding:5px 8px 5px 28px;background:#e0e0e0;margin-bottom:3px/* margin controls space between inner list items */}
/* without icon */
.relatedpagesInclude li,.subpagesInclude li,.weblinksInclude li,.weblinksModule .outerBox li{padding:5px 8px}
/* team questions */
.accordianContainer .outerBox .teamQuestions ul{margin:10px 0 25px}
.accordianContainer .outerBox .teamQuestions ul li{list-style-type:none;list-style-image:none;list-style-position:inside;margin-bottom:10px;padding:0}
.accordianContainer .outerBox .teamQuestions ul li span.itemDetail{font-size:1.1em}

/* Downloads (documents, vacancies page)
----------------------------------------------------------------------------------------------------------------*/
span.fileSize{font-size:0.8em;font-weight:normal}
.documentsInclude img,.documentsModule img,.vacancyFile img{position:absolute;top:-2px;left:5px}
.adobeReader{font-size:0.85em;padding-top:10px}

/* WYSIWYG lists (sitewide)
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper ol,.contentWrapper ul{margin-bottom:15px}
.contentWrapper ol li ol,.contentWrapper ul li ul{margin-top:3px}
.contentWrapper ul li,.accordianContainer .contentWrapper ul li,.accessList li{list-style-type:disc;margin:0;margin-left:18px;padding:0}
.contentWrapper ol li,.accordianContainer .contentWrapper ol li{list-style-type:decimal;margin:0;margin-left:22px;padding:0}
.contentWrapper li ul li,.accordianContainer .contentWrapper li ul li{list-style-type:circle}
.contentWrapper li ol li,.accordianContainer .contentWrapper li ol li{list-style-type:lower-alpha}
.contentWrapper ol{}
.contentWrapper ul{}

acronym,abbr{border-bottom:1px dotted;cursor:help}

/* Testimonial specific
----------------------------------------------------------------------------------------------------------------*/
.testimonialsInclude{margin-bottom:15px} 
.testimonialsModule .contentWrapper,.testimonialsInclude .contentWrapper{padding:0}
.testimonialsModule .contentWrapper blockquote p,.testimonialsInclude .contentWrapper blockquote p{margin:0 0 10px;font-size:1.1em;line-height:1.2em}
.testimonialsModule .contentFooter,.testimonialsInclude .contentFooter{margin-top:10px;line-height:1.1em}
.testimonialsModule .contentFooter cite,.testimonialsInclude .contentFooter cite{display:block;font-size:0.9em}
.testimonialsModule .contentFooter span.authorDetail,.testimonialsInclude .contentFooter span.authorDetail{display:block;font-size:0.85em}
.testimonialsModule .contentFooter span.testimonialDate,.testimonialsInclude .contentFooter span.testimonialDate{font-size:0.85em}
.testimonialsModule .backgroundInfo{font-size:0.9em;margin-bottom:15px}

/* Blog specific
----------------------------------------------------------------------------------------------------------------*/
.blogsList .contentHeader p{padding-top:0;margin-top:0;margin-bottom:15px;border-top:none}/* no top border on date */
.blogsList li .contentFooter{margin-bottom:5px}
span.blogAuthor{font-size:0.9em;margin-right:4px}
span.blogDate{font-size:0.9em;margin-right:8px}
span.commentCount{font-size:0.9em}
.blogsModule .blogComment{margin:15px 0 25px}
.blogComment .commentHeader{padding-bottom:5px;border-bottom:1px dotted #777}
.blogComment .commentHeader h3,.blogComment .commentHeader p{font-size:1.1em;display:inline;border:none;padding:0;margin-right:6px}
.blogComment .commentHeader p{font-size:1em}
.blogComment .commentWrapper p{font-size:0.9em;margin-bottom:5px}
.singleBlogPost{margin-bottom:15px}
.commentSubmitted{margin:30px auto 18px;text-align:center;width:80%}
.commentSubmitted span{}
.commentSubmitted p{font-size:0.95em;padding-top:10px}

/* Mailing subscribe box specific
----------------------------------------------------------------------------------------------------------------*/
.mailingListSubscribeBox legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox fieldset{margin:0;padding:10px 0 0;background:none}
.mailingListSubscribeBox p.formInfo{color:inherit}
.mailingListSubscribeBox fieldset input.go{margin:0}

/* Form validation
----------------------------------------------------------------------------------------------------------------*/
.alertContainer div{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:12px 25px 15px;font-size:1.2em;line-height:1.1em;margin:0 0 10px 0;text-align:center;position:relative;z-index:15}/* alert */
.alertContainer div a.closeMessage{position:absolute;top:4px;left:4px;width:15px;height:15px;text-indent:-999em}
.alertContainer div.warningMessage a.closeMessage{background:url(../images/images-icons/close-error.gif) 0 0 no-repeat}
.alertContainer div.successMessage a.closeMessage{background:url(../images/images-icons/close-success.gif) 0 0 no-repeat}
.alertContainer div.warningMessage{background:#F6E9E9;border:1px solid #EAD2D3;color:#CC0000}/* error */
.alertContainer div.successMessage{background:#EBF6D2;border:1px solid #E2EAD2;color:#527800}/* success */
.alertContainer div.warningMessage a{color:#970000;border-bottom:1px dotted #cb6060}
.alertContainer div.warningMessage a:hover,.alertContainer div.warningMessage a:focus,.alertContainer div.warningMessage a:active{color:#710000;text-decoration:none;border-bottom:1px solid #cb6060}
.alertContainer div span{font-weight:normal;line-height:1em}/* details */
.shopping-bag .alertContainer div span{text-transform:none}
div.error input,div.error select,div.error textarea{background:#fffeba}/* highlight input */
div.error span.requiredFieldInfo{line-height:1.1em;font-size:0.85em;display:block;margin:-4px 2px 12px;color:#ae0101}/* field message */
div.agreeTerms.error span.requiredFieldInfo{margin:10px 0}

/* Add to basket messages
----------------------------------------------------------------------------------------------------------------*/
/* products + related products */
.gridView .actionsWrap .alertContainer div,.listView .actionsWrap .alertContainer div{font-size:0.95em;padding:12px 25px;margin:0;position:absolute;z-index:12;bottom:2%;left:3%;width:94%}
.listView .actionsWrap .alertContainer div{bottom:4%;left:1%;width:98%;padding:9px 25px}
.gridView .actionsWrap .alertContainer div span,.listView .actionsWrap .alertContainer div span{font-size:0.95em;line-height:1.2em;font-weight:normal;text-transform:none}
/* single product */
.singleProductView .actionsWrap .alertContainer div{font-size:1em;padding:10px 30px}
.singleProductView .actionsWrap .alertContainer div span{font-size:0.9em;font-weight:normal;text-transform:none}
/* basket zero quantity warning + TnC alert */
.basketWrapper li.alert span.td,.basketWrapper li.alert li.itemSubTotal span.td,.basketWrapper li.alert a,.agreeTerms.error,.agreeTerms.error h2{background:#F6E9E9;color:#CC0000}
.agreeTerms.error{border:1px dotted #CC0000;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.basketWrapper li.alert li.itemSubTotal span.td{background:#ebd3d3}

/* Forms
----------------------------------------------------------------------------------------------------------------*/
.form p.formInfo{font-size:0.8em;margin:10px 0 15px;color:#ce0000}/* required fields message */
.form fieldset p{margin:0 0 15px}/* non-uk delivery */
fieldset,.fieldContainer{position:relative;width:100%;display:block;padding:0 12px 6px/* 0 keeps legend at top */;margin-bottom:15px;background:#f1f1f1;border:none}
legend{width:100%;color:#fff/* colorforIE6 */;display:inline-block;position:relative;top:0;left:0;font-size:1em;line-height:1.1em;padding:0;margin:0/* don't alter these - style the span below */}
legend span{display:block;white-space:normal;margin:0 -12px;padding:9px 12px;background:#000;font-size:1.2em}
legend span span{display:inline;font-weight:normal;font-size:0.8em;margin:0 0 0 5px;padding:0;background:none}
.legendMargin{background:none;border:none;margin:0;padding:6px}/* adjusts space under legend */
label{display:block;margin:0 0 3px;line-height:1em}
label span,fieldset h3 span{font-size:0.9em}
input,textarea,select,.variations span{display:block;border:1px solid #ccc;background-color:#fff;padding:5px;margin-bottom:10px;font-size:0.9em;width:100%;max-width:320px}
fieldset input,.fieldContainer input,fieldset textarea,.fieldContainer textarea{}/* isolate form fields */
textarea{overflow:auto;font-size:0.9em}
select{padding:3px}
select.country{width:80%}
select.shortSelect{width:auto}
input.shortField{width:40%;max-width:100px}
/* checkbox or radio group */
.options{display:block;padding-left:5px}
.options input,.options input:hover,.options input:active,.options input:focus{width:auto;background:#fff;border:none;height:13px;width:13px;padding:0!important;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;display:block;float:left;clear:both;margin-right:8px}
.options label{display:block;text-transform:none;font-size:0.95em;margin-bottom:8px}


/* Individually wrapped form elements (an alternative to fieldset/fieldcontainer wrapper)
----------------------------------------------------------------------------------------------------------------
fieldset,.fieldContainer{background:none;border:none;padding:0}
legend span{margin:0}
fieldset.yourDetails div,fieldset.companyDetails div,fieldset.reasonEnquiry div,fieldset.yourEnquiry div,fieldset.addComment div,fieldset.checkoutDetails,fieldset.billingAddress,fieldset.deliveryAddress,div.mailingListInclude,div.deliveryOptions,div.orderReference,div.specialInstructions,div.paymentMethods,div.cardSelect,div.paymentDetails,div.orderSummary,div.agreeTerms{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:14px 14px 6px;background:#f1f1f1;margin-bottom:8px;border:1px dashed #fff}
fieldset.yourDetails div.legendMargin,fieldset.companyDetails div.legendMargin,fieldset.reasonEnquiry div.legendMargin,fieldset.yourEnquiry div.legendMargin,fieldset.mailingList div.legendMargin,fieldset.yourInterests div.legendMargin,fieldset.addComment div.legendMargin,fieldset.checkoutDetails div.legendMargin,fieldset.billingAddress div.legendMargin,fieldset.deliveryAddress div.legendMargin,div.mailingListInclude div.legendMargin,div.deliveryOptions div.legendMargin,div.orderReference div.legendMargin,div.specialInstructions div.legendMargin,fieldset.checkoutPaymentDetails div.legendMargin,div.orderSummary div.legendMargin,div.agreeTerms div.legendMargin,div.mailingList div.legendMargin{background:none;border:none;margin:0;padding:0}
fieldset.yourDetails div.legendMargin,fieldset.companyDetails div.legendMargin,fieldset.reasonEnquiry div.legendMargin,fieldset.yourEnquiry div.legendMargin,fieldset.mailingList div.legendMargin,fieldset.yourInterests div.legendMargin,fieldset.addComment div.legendMargin,fieldset.checkoutPaymentDetails div.legendMargin{padding:4px 0}*/

/* Buttons
----------------------------------------------------------------------------------------------------------------*/
.buttonContainer{clear:both}
/* buttons and pseudo button links */
input.go,a.go{border:1px solid #8b004b;background:#d20172;color:#fff;width:auto;padding:4px 8px;margin:0;height:auto;cursor:pointer;font-weight:normal;display:inline-block;vertical-align:baseline;font-size:1em;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;/* unstyle iPhone buttons */-webkit-appearance:none}
input.go:hover,a.go:hover{border:1px solid #8b004b;background:#790042;color:#fff;text-decoration:none}
input.go:focus,input.go:active,a.go:focus,a.go:active{border:1px solid #8b004b;background:#790042;color:#fff;text-decoration:none}
/* exceptions */
.offersModule .buttonContainer{padding-top:10px}
.shopping-bag .buttonContainer input.go,.checkout .buttonContainer input.go{width:auto;float:right;font-size:1.1em;margin-top:8px}
fieldset input.go{margin-bottom:15px}

/* Search bar magic + search results page
----------------------------------------------------------------------------------------------------------------*/
.searchBar{position:relative;z-index:10;float:right;clear:right;margin-top:15px;text-align:center}
.searchBar .searchWrapper{display:inline-block}
.searchBar input.searchTerms,.searchBar span.customStyleSelectBox,.searchBar input.go,.searchBar span.customStyleSelectBox select{display:inline;vertical-align:top;height:28px;text-align:left}
.searchBar input.searchTerms,.searchBar span.customStyleSelectBox{font-size:13px;background-color:#fff;color:#888;padding:6px 7px;border:1px solid #ccc;line-height:13px;margin:0 2px 0 0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.searchBar input.searchTerms{background:url(../images/images-icons/magnify.gif) 0 50% no-repeat #fff;width:165px;padding-left:24px}
.searchBar span.customStyleSelectBox{position:relative;background:url("../images/images-icons/styled-select-arrow.gif") no-repeat right center #fff;overflow:hidden;width:100px;display:inline-block}
.searchBar span.customStyleSelectBox select{position:absolute;top:0;left:0;cursor:pointer}
.searchBar input.go{padding-top:3px;font-size:1em;width:auto}
/* results page */
.searchResults .result{border-bottom:1px dashed #777;margin:0 0 14px}
.searchResults .result h2{font-weight:normal}
.searchResults .result p{font-weight:normal}
.searchResults .highlight{background:#B1EEFD;padding:0 2px 2px}

/* Banner
----------------------------------------------------------------------------------------------------------------*/
/* multi-image changer *//*
.home .bannerWrapper{position:relative;height:0;padding-bottom:49.938775510%} % width to height + 3% for bottom margin 
.home .bannerWrapper ul.rotator{width:100%}
.home .bannerWrapper ul.rotator li{position:absolute;top:0;left:0;width:100%}
.home .banner .imageWrapper{position:relative}
.home .banner .bannerText{background:#e0e0e0;padding:15px 20px;position:absolute;bottom:50px;left:0;width:100%}
.home .banner .photoCaption{position:absolute;bottom:10px;left:0;padding:5px 10px;background:#000;color:#fff}*/

/* Featured products (see also: Shop)
----------------------------------------------------------------------------------------------------------------*/
.featuredProducts{position:relative;background:#f1f1f1;margin:0 0 30px;padding:10px 0}
.featuredProducts ul{width:100%;z-index:9}
.featuredProducts .buttons{width:100%;margin:0 auto;z-index:10;position:absolute;top:0;left:0}
.featuredProducts a.next,.featuredProducts a.prev{z-index:11;width:54px;height:54px;display:block;text-indent:-999em;cursor:pointer;position:absolute;top:50px}
.featuredProducts a.prev{background:url(../images/images-icons/prod-scroller-prev.png) 0 0 no-repeat;left:-2%}
.featuredProducts a.next{background:url(../images/images-icons/prod-scroller-next.png) 0 0 no-repeat;right:-2%}
.featuredProducts a.prev:hover{background:url(../images/images-icons/prod-scroller-prev.png) -54px 0 no-repeat}
.featuredProducts a.next:hover{margin-left:840px;background:url(../images/images-icons/prod-scroller-next.png) -54px 0 no-repeat}

/* Gallery
----------------------------------------------------------------------------------------------------------------*/
.photoNav{font-size:0.9em;padding-bottom:10px;text-align:center}
li.photoContainer{float:left;/* fluid squares */height:0;width:31.33333333333%;padding-bottom:31.33333333333%;margin:0 2% 2% 0;position:relative;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 10px 0  rgba(0, 0, 0, 0.2);box-shadow:0 0 10px 0  rgba(0, 0, 0, 0.2);-webkit-border-radius:8px;border-radius:8px;overflow:hidden}
li.photoContainer span.photoBorder{/* fluid squares inner border */display:block;height:0;width:94%;padding-bottom:94%;overflow:hidden;position:absolute;left:3%;top:3%}
li.photoContainer span.photoBorder{/* position image in box - DON'T CHANGE */background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
div.albumName{/* lock to bottom of square / align with inner border */position:absolute;left:3%;bottom:3%;width:94%;padding:7px 10px 9px;background:url(../images/images-icons/black60.png) 0 0 repeat;color:#fff;-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;font-size:0.85em}
/* Full size image */
.singlePhotoView .imageWrapper{padding:12px;margin:10px auto 15px;background:#fff;border:1px solid #ddd;-webkit-box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);-moz-box-shadow:0 0 10px 0  rgba(0, 0, 0, 0.2);box-shadow:0 0 10px 0  rgba(0, 0, 0, 0.2);-webkit-border-radius:8px;border-radius:8px}
.singlePhotoView .imageWrapper img{width:auto;max-height:600px;margin:0 auto}/* config 600px height or width */
.singlePhotoView .imageWrapper div.photoCaption{text-align:center;padding:15px 0 7px}
/* Gallery include */
.galleryInclude ul{background:#f1f1f1;padding:12px;margin:0 0 12px;-webkit-border-radius:12px;border-radius:12px}
.galleryInclude li.photoContainer{float:none;/* fluid squares */height:0;width:100%;padding-bottom:100%;margin:0 auto 10px}

/* Hide gallery, product, thumb foreground image for all browsers except IE8/7
----------------------------------------------------------------------------------------------------------------*/
.gridView span.photoBorder img,.listView span.photoBorder img,.featuredProducts span.photoBorder img,.singleProductView .productThumbs li.thumbContainer span.photoBorder img,.relatedProductView span.photoBorder img,li.photoContainer span.photoBorder img{position:absolute;left:0;top:-999em;width:auto;height:auto;overflow:hidden}

/* Shop
----------------------------------------------------------------------------------------------------------------*/
.productView{clear:right}
.gridView ul.row li,.listView ul.row li,.featuredProducts ul li{background:#fff;border:1px solid #ccc}/* grid and list product container style */
.gridView ul.row li{position:relative;float:left;/* fluid squares */height:auto;width:32%/* 3 per row centered */;padding:10px 10px 25px;margin:0 0.5% 1%}/* bottom padding creates space for add to basket */
.featuredProducts ul li{position:relative;float:left;width:170px;height:auto;padding:5px 5px 0;margin:0 4px;text-align:center;font-size:90%}/* must be pixels for home page scroller */
.gridView span.photoBorder,.listView span.photoBorder,.featuredProducts span.photoBorder{/* fluid squares inner border */display:block;height:0;width:100%;/*--*/padding-bottom:74.5%/* image box 100% = square, 74.5% = uncropped */;overflow:hidden;position:relative;left:0;top:0;background:#fff}
.gridView span.photoBorder,.listView span.photoBorder,.featuredProducts span.photoBorder{/*position image in box - DON'T CHANGE*/background-repeat:no-repeat;background-size:contain;background-position:50% 50%}
.gridView .productWrapper{padding:2px 8px 8px}/*inner padding*/
.featuredProducts .productWrapper{padding:8px}/*inner padding*/
.gridView .contentWrapper h3,.listView .contentWrapper h3,.featuredProducts .productWrapper h3{font-size:1em;margin-bottom:10px}
p.shortDesc,p.productCode{display:none}
p.priceWrap{margin-top:10px;line-height:1em}
span.was{text-decoration:line-through;display:inline-block}
span.now{display:inline-block}
span.salePrice{color:#bf0d0d}
span.vatStatus{font-size:0.75em}
p.noStock{font-size:0.95em;color:#bf0d0d;text-align:center;padding:10px 0}
/* buy product - shop + basket */
.variations select,.variations span{width:auto;max-width:100%}
.variations span{padding:3px 7px 4px}
.variations select{display:inline}
.purchaseWrap label,.basketWrapper li.itemQuantity label,.variations label{display:inline;font-size:0.8em;font-weight:normal;text-transform:none;vertical-align:middle;width:auto}
.variations label{vertical-align:baseline;display:inline-block;padding:0 3px 2px 0}
.purchaseWrap input,.basketWrapper li.itemQuantity input{width:35px;display:inline;vertical-align:top}
.purchaseWrap input.go,.basketWrapper li.itemQuantity input.go{width:auto}
.purchaseWrap input.go,.basketWrapper li.itemQuantity input.go,fieldset input.go{padding:4px 8px}
.productView .gridView .purchaseWrap,.relatedProductView .gridView .purchaseWrap{position:absolute;bottom:0;right:4%;z-index:10;width:92%;text-align:right}/*lock 'add to basket' to bottom*/
/* category landing pages */
.categoryView ul.row li span.categoryTitle{/*lock title to bottom*/display:block;position:absolute;left:1%;bottom:1%;width:98%;padding:4px 10px 6px;background:url(../images/images-icons/black60.png) 0 0 repeat;color:#fff;font-size:1.1em;height:31px}
.categoryView .gridView ul.row li{/* leave space for name */padding-bottom:35px}
.categoryView .gridView ul.row li a,.featuredProducts ul li a{display:block}
/* related products specific */
.relatedProductView .gridView ul.row li{width:23%;margin:0.75%;padding:5px;font-size:90%;min-width:135px}/* 4 per row */
.relatedProductView .gridView .productWrapper{padding:2px 8px 6px}
.relatedProductView .gridView .variations,.relatedProductView .gridView .purchaseWrap{display:none}
.relatedProductView .gridView .contentWrapper p.priceWrap,.relatedProductView .gridView .contentWrapper p.noStock{margin-bottom:0}
/* list view */
.listView ul.row li{position:relative;padding:7px;margin:0 0 9px}
.listView .productImageWrapper{float:left;width:24%}
.listView .productWrapper{float:right;width:75%;padding:5px}
.listView .contentWrapper{float:left;width:50%;padding:0}
.listView .actionsWrap{float:right;width:40%}
.listView .purchaseWrap{text-align:right}

/* Product detail structure
----------------------------------------------------------------------------------------------------------------*/
.singleProductView{position:relative} 
.singleProductView .imageWrapper{width:46%;float:left}
.singleProductView .imageWrapper .productImage{margin:0 0 10px;width:98%}
.singleProductView .imageWrapper img{float:none;border:3px solid #fff;background:#fff}
.singleProductView .productWrapper{width:49%;float:left;margin-left:2%}
.singleProductView .productWrapper .contentWrapper{padding:0}
.singleProductView .productWrapper p.shortDesc{display:block;margin:10px 0;line-height:1.2em;font-size:0.95em}
.singleProductView .productWrapper p.productCode{display:block;margin:10px 0 0;font-size:0.75em}

/* Brand logo
----------------------------------------------------------------------------------------------------------------*/
.brandLogo img{float:right;margin:0;padding:5px;background:#fff;margin:0 0 10px}/*top of brand page*/
.singleProductView .brandLogo{border-bottom:1px dashed #fff;margin:0 0 10px} 
.singleProductView .brandLogo img{float:none;margin:0 0 5px}/*product detail page */

/* Main + thumbnail images
----------------------------------------------------------------------------------------------------------------*/
.singleProductView .productThumbs li.thumbContainer{float:left;/*fluid squares*/height:0;width:31.3%;padding-bottom:31.3%;margin:0 2% 2% 0;position:relative;background:#fff;border:1px solid #ddd;overflow:hidden}
.singleProductView .productThumbs li.thumbContainer span.photoBorder{/*fluid squares inner border*/display:block;height:0;width:94%;padding-bottom:94%;overflow:hidden;position:absolute;left:3%;top:3%}
.singleProductView .productThumbs li.thumbContainer span.photoBorder{/*position image in box - DON'T CHANGE*/background-repeat:no-repeat;background-size:cover;background-position:50% 50%}

/* Zoom
----------------------------------------------------------------------------------------------------------------*/
.singleProductView .imageWrapper .productImageZoomContainer{position:absolute;top:-20px;left:48%/*must be clear of imageWrapper*/;width:400px;height:400px;overflow:hidden;z-index:200;border:3px solid #fff;background:#fff;-webkit-box-shadow:0 0 15px 0 rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 15px 0  rgba(0, 0, 0, 0.4);box-shadow:0 0 15px 0  rgba(0, 0, 0, 0.4);z-index:20}
.singleProductView .imageWrapper .productImageZoomContainer img.productImageZoom{position:relative;max-height:999999px!important;max-width:999999px!important;border:none;width:900px;height:auto}

/* Product detail info Container
----------------------------------------------------------------------------------------------------------------*/
.informationInclude{clear:both;font-size:0.9em;margin-top:15px}
.infoTabs li,.infoContainer li.active{display:inline-block;cursor:pointer;list-style-type:none;list-style-image:none;list-style-position:inside;margin:0;padding:0;width:auto;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}
.infoTabs li{background:#ccc;border-bottom:1px solid #fff}
.infoTabs li.active{background:#fff}
.infoTabs li span,.infoTabs li.active span{display:block}
.infoTabs li span a,.infoTabs li.active span a{display:block;background:none;padding:6px 12px 5px;font-size:1.1em}
.infoContainer{background:#fff;margin-top:-1px}
.infoContainer .contentWrapper{padding:12px 12px 4px}
.infoContainer .contentWrapper h2{text-indent:-999em;height:0;width:0;padding:0;margin:0;line-height:0}
.infoContainer .contentWrapper .additionalInfo{padding:9px 0 0;margin:10px 0 0;border-top:1px dashed #ddd}
/*JS loader*/
.infoLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:14;background:none;text-align:center}
.infoLoadingOverlay img{margin:45px 0 0}

/* Paging
----------------------------------------------------------------------------------------------------------------*/
.pagingModule{margin:10px 0 0;background:#ccc;padding:10px 13px;font-size:0.9em;text-align:center}
.viewSelector li.linkList,.viewSelector li.linkGrid{background:url(../images/images-icons/listview.gif) 0 4px no-repeat;padding:3px 0 3px 25px;display:inline}
.viewSelector li.linkGrid{background:url(../images/images-icons/gridview.gif) 0 4px no-repeat}
.viewSelector li.selected{display:none}
.productCount,.sortOrder,.sortOrder span,.sortOrder ul,.sortOrder ul li,.sortOrder ul li.last,.viewSelector,.viewSelector ul{display:inline}
.productCount,.sortOrder{float:left;margin-right:19px;line-height:1.3em}
.viewWrapper{float:right}
.viewWrapper a{}
.sortOrder ul li.last,.galleryContainer a.last{border-left:1px dotted #888;padding-left:8px;margin-left:5px}
.pagingNavigation{text-align:center;margin:15px 0 0}
.pagingNavigation ul{border:1px solid #ccc;border-left:none;clear:both;display:inline-block;white-space:nowrap}	
.pagingNavigation ul li{display:inline;float:left}
.pagingNavigation ul li a{background:#FFF;border-left:1px solid #CCC;display:block;min-width:1em;padding:7px 13px;text-align:center;text-decoration:none}
.pagingNavigation ul li a.active{background:#e0e0e0;color:#666;cursor:default}
.pagingNavigation p{display:none}/* back to top */

/* Checkout basket (faux table)
----------------------------------------------------------------------------------------------------------------*/
.basketWrapper ul{min-width:630px;padding:0;margin:0}
.basketWrapper li.productRow{position:relative;width:100%;float:none;clear:both;padding:0;margin:0}
/* create table cell style */
.basketWrapper li ul li{display:inline;float:left;padding:0;margin:0}
.basketWrapper li.first span.th,.basketWrapper span.td{position:relative;top:0;display:block;border:none;overflow:hidden;margin:0;width:100%}
.basketWrapper li.first span.th{height:40px;font-size:1.1em;z-index:9;padding:10px 12px}/*create top row TH*/
.basketWrapper span.td{height:100px;font-size:1em;padding:11px 12px}/*create TD*/
.basketWrapper span.th{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}/*hide all other TH*/
/* create separate columns */
.basketWrapper li.itemSubTotal span.th{}
.basketWrapper li.itemSubTotal span.td{}
.basketWrapper li.productDetails{width:47%;text-align:left}
.basketWrapper li.productDetails img{background:#FFF;float:left;margin-right:13px;max-height:72px;max-width:72px;padding:3px}/* basket thumbnail config 75px*/
.basketWrapper li.productDetails span.productDetailWrapper{display:block;margin-left:85px;line-height:1.2em}
.basketWrapper li.productDetails span.productCode{display:block;font-size:0.75em}
.basketWrapper li.productDetails span.productCode span{}
.basketWrapper li.itemPrice{width:16%;text-align:right}
.basketWrapper li.itemQuantity{width:16%/*;text-align:right*/}
.basketWrapper li.itemQuantity input{margin-right:3px}
.basketWrapper li.itemQuantity input.go{font-size:0.85em;margin-right:0}
.basketWrapper li.itemSubTotal{width:16%;text-align:right}
.basketWrapper li.itemDelete{width:5%}
.basketWrapper li.itemDelete span.td{padding-left:0;padding-right:0}
.basketWrapper li.itemDelete input{width:auto;background:none;margin:0 auto}/*fix delete icon size*/
.basketWrapper span.colon{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
/* basket backgrounds */
.basketWrapper li.first span.th{background:#A0A0A0;color:#fff}/* standard TH */
.basketWrapper span.td,.basketTotals{background:#EFEFEF}/* standard background */
.basketWrapper li.itemSubTotal span.th{background:#777}/* subtotal TH */
.basketWrapper li.itemSubTotal span.td{background:#E0E0E0}/* subtotal background */
.basketWrapper li.first span.th,.basketWrapper span.td{margin-bottom:2px/*;margin-bottom:0;border-bottom:2px solid #fff*/}/* separators use margin or bottom border */
/*.basketWrapper li.productDetails,.basketWrapper li.itemPrice,.basketWrapper li.itemSubTotal{background:#EFEFEF} use standard BG color for MEDIA */

/* Payment (basket smallprint, payment details)
----------------------------------------------------------------------------------------------------------------*/
.paymentMethods{margin:0 0 5px}
.creditCardIcons{margin:12px 0}
.creditCardIcons img{padding:0;display:inline;float:none;margin:0 3px 0 0;width:auto}
.shopSmallPrint{font-size:0.8em}
.shopSmallPrint img, .shopSecurity img{float:right;margin:5px 0;width:auto}
.checkoutPaymentDetails .shortSelect{display:inline}
.form fieldset p.cardDetails{margin:0}
.billingAddressSummary,.deliveryAddressSummary,.additionalInformationSummary{width:28%;float:left;margin-right:5%;padding:5px 5px 10px}
.orderReference .info,.specialInstructions .info{padding:0 5px}
.billingAddressSummary p,.deliveryAddressSummary p,.additionalInformationSummary p{font-size:0.95em}
p.editDetails{font-size:1em;margin-top:3px}
a.smallAnchor{font-size:0.9em}
p.nextStepMessage{margin:4px 12px 15px;font-size:0.9em}

/* Basket totals table
----------------------------------------------------------------------------------------------------------------*/
.basketTotals{padding:19px 16px 10px;margin-bottom:18px}
.basketTotals table{float:right;width:auto;font-size:1em;margin:0 0 30px}
.basketTotals table th{white-space:normal;padding:0;font-weight:normal;border:none;text-align:center}
.basketTotals table td{padding:0 0 0 15px;border:none;text-align:right}
.basketTotals table .total{padding-top:10px;font-size:1.2em}
.basketTotals a{display:block;padding:0 10px 10px 0}

/* Basket include
----------------------------------------------------------------------------------------------------------------*/
.basketInclude{position:relative;z-index:10;float:right;clear:right;margin-top:10px;text-align:center}
.basketInclude .basketIncludeWrapper{display:inline-block}
.basketInclude .basketTitle{font-size:1.15em;background:url(../images/images-icons/shopping-bag.gif) 0 1px no-repeat;padding-left:27px}
.basketInclude .basketQuantity{}
.basketInclude .basketItemsSeparator{}
.basketInclude .basketValue{}

/* Progress bar
----------------------------------------------------------------------------------------------------------------*/
.checkoutProgressBar{margin:0 -0.5% 1.5%}
.checkoutProgressBar li{display:inline-block;padding:10px 2%;margin:0 0.5%;width:24%;position:relative;font-size:1.1em;line-height:1.1em;overflow:hidden}
.checkoutProgressBar li{background:#ccc}
.checkoutProgressBar li.active{background:#C06;color:#fff}
.checkoutProgressBar li.complete{background:#f0f0f0;color:#999}

/* Step 1 OR Step 1 of 4 - if you want the words to be displayed */
.checkoutProgressBar li span{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.checkoutProgressBar li span span{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}

/* Checkout forms
----------------------------------------------------------------------------------------------------------------*/
fieldset.checkoutDetails,fieldset.billingAddress,fieldset.deliveryAddress{float:left;width:32.3%;margin-right:1.5%}
fieldset.deliveryAddress{float:right;margin-right:0}

/* Delivery page
----------------------------------------------------------------------------------------------------------------*/
.deliveryOptions{width:58%;float:left}
.deliveryInformation{padding:15px 15px 2px;margin-bottom:20px;background:#fff;border:1px solid #ddd;float:right;width:40%;font-size:0.9em}
.deliveryInformation .contentWrapper{padding-top:6px}
.deliveryInformation .contentWrapper p{margin-bottom:5px}
/* -- Hide delivery section if delivery is £0.00 (FREE)
.deliveryOptions,.deliveryInformation{display:none} -- */

/* Social buttons
----------------------------------------------------------------------------------------------------------------*/
.socialItem{display:inline-block;vertical-align:top}
.socialButtons{margin-bottom:15px;text-align:center}
.socialButtons .socialItem{margin:0 0 6px 0}
.socialButtons .googlePlus1 a,.socialButtons .linkedIn a,.socialButtons .pinterestLike a,.socialButtons .twitterShare a{display:block;text-indent:-999em;overflow:hidden;height:20px;background-position:0 0;background-repeat:no-repeat}
.socialButtons .googlePlus1 a{width:39px;background-image:url(../images/images-icons/share_google.png)}
.socialButtons .linkedIn a{width:56px;background-image:url(../images/images-icons/share_linked_in.png)}
.socialButtons .pinterestLike a{width:40px;background-image:url(../images/images-icons/share_pinterest.png)}
.socialButtons .twitterShare a{width:53px;background-image:url(../images/images-icons/share_twitter.png)}
.socialButtons .googlePlus1 a:hover{background-position:-39px 0}
.socialButtons .linkedIn a:hover{background-position:-56px 0}
.socialButtons .pinterestLike a:hover{background-position:-40px 0}
.socialButtons .twitterShare a:hover{background-position:-53px 0}
.footerSocial .socialItem{margin:5px 4px}

/* Footer
----------------------------------------------------------------------------------------------------------------*/
.footer{text-align:center;width:100%;padding-bottom:15px}
.footerWrapper{width:90%;margin:0 auto}
.contactDetails{font-size:0.9em}
.contactDetails .contactAddress{}
.contactDetails .contactPhone{}
.contactDetails .contactEmail{}
.legalDetails{font-size:0.8em;margin-top:10px}
.siteInfo{font-size:0.8em;margin-top:10px}
.siteAuthor{font-size:0.8em}

/* Base nav (centered)
-----------------------------------------------------*/
.baseNav{background:#999;position:relative;padding:5px 0}
.baseNav .navWrapper{text-align:center;width:100%}
.baseNav ul{position:relative;display:inline-block}
.baseNav li{display:inline-block;border-right:1px dotted #ccc}/* or use inline for a-height dividers */
.baseNav li.last{border-right:none}
.baseNav li a{display:inline-block;color:#fff;text-decoration:none;padding:5px 8px 6px;font-size:1em;line-height:1.3em}
.baseNav li a:hover,.baseNav li a:active,.baseNav li a:focus{color:#e0e0e0;text-decoration:none}
.shoppingNav{}

/* Smallprint nav (centered)
-----------------------------------------------------*/
.smallPrint{font-size:0.85em;padding:20px 0}
.smallPrint ul{}
.smallPrint li{display:inline;padding:0 6px}
.smallPrint li.last{border-right:none}

/* Cookie policy
----------------------------------------------------------------------------------------------------------------*/
.cookieContainer{z-index:500;position:relative;background:#ffec80;padding:10px 45px 13px 15px;font-size:0.85em;-moz-box-shadow:0 0 15px 0 #000;-webkit-box-shadow:0 0 15px 0 #000;box-shadow:0 0 15px 0 #000;line-height:1.2em;min-height:39px}
.cookieContainer .contentWrapper{padding:0}
.cookieContainer .contentWrapper p{margin:0}
.cookieContainer a.closeMessage{position:absolute;top:0;right:0;width:36px;height:36px;text-indent:-999em;background:url(../images/images-icons/close-cookie.gif) 0 0 no-repeat}

/* Pop up (security code, shopping terms, verified by visa)
----------------------------------------------------------------------------------------------------------------*/
body.popupBox .pagecontentContainer{max-width:800px;margin:10px auto}
body.popupBox span{display:block;margin-top:15px}/* close window */
body.popupBox span a{}
body.popupBox .cardtype{width:48%;float:right;padding:15px;margin:14px 0 0;font-size:0.9em;background:#f1f1f1}
body.popupBox .first{float:left;margin-right:4%}
body.popupBox img{margin:0 auto 10px}
body.popupBox .vbvLogos img{display:inline;margin:0 1px}

/* Fixes
----------------------------------------------------------------------------------------------------------------*/
.offscreen{position:absolute!important;left:0!important;top:-999em!important;width:1px!important;height:1px!important;overflow:hidden!important}
.hide{display:none}
.clear{clear:both}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .clearfix{display:block} 
* html .clearfix{height:1%}
a#newscontent,a#eventcontent,a#caseContent,a#sideMenu{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
a#maincontent,a#comments{width:1px;height:1px;overflow:hidden;line-height:1px;display:block;text-decoration:none;border:none}

/* Security class - CHANGE FOR EACH SITE
----------------------------------------------------------------------------------------------------------------*/
.y36ul5{display:none}
.y36ul5{height:1px}

/* strip formatting from truncated content (news include, events include, blog include, case study list
----------------------------------------------------------------------------------------------------------------*/
.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5,.contentWrapper .snippet p,.contentWrapper .snippet ul,.contentWrapper .snippet ol,.contentWrapper .snippet ul li,.contentWrapper .snippet ol li{font-size:1em;background:none;border:none;text-transform:none;letter-spacing:0;padding:0 4px 0 0;margin:0;font-weight:normal;display:inline}
.contentWrapper .snippet h2,.contentWrapper .snippet h3,.contentWrapper .snippet h4,.contentWrapper .snippet h5{margin-right:3px}
.contentWrapper .snippet ul li,.contentWrapper .snippet ol li{padding:0 9px 0 0;font-style:oblique}
/*hide WYSIWYG images*/
.snippet img,.teamModule ul.teamQuestions img{display:none}