@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.lazy{display:none;}
img,embed,object,video,iframe{height:auto;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}
form{overflow:hidden}
.breadcrumb span.noBreadcrumb{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}

/* Structure
----------------------------------------------------------------------------------------------------------------*/
body{font-size:100%;line-height:1.3;color:#222;text-align:left;background:#fff;-webkit-font-smoothing:antialiased}
.siteContainer{min-width:240px}
.outerWrapper{position:relative}
.contentMainFirst{min-height:100px}/* can be used for top or sidenav format */
.contentMainSecond{width:92%;margin:0 auto;padding:4% 0}/* the new contentMain */
.contentLeft,.home .contentLeft,.shop .contentLeft,.product .contentLeft,.shopping-bag .contentLeft,.checkout .contentLeft,.manageAccount .contentLeft{float:left;display:none;font-size:0.95em}
.contentMiddle,.home .contentMiddle,.shop .contentMiddle,.product .contentMiddle,.shopping-bag .contentMiddle,.checkout .contentMiddle,.manageAccount .contentMiddle{float:left;width:67%;display:block;max-width:1097px}
.contentRight,.home .contentRight,.shop .contentRight,.product .contentRight,.shopping-bag .contentRight,.checkout .contentRight,.manageAccount .contentRight{float:right;width:29%;display:block;font-size:0.95em;max-width:320px}
/* 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 + smallprint + manage account (full width) */
.shopping-bag .contentLeft,.checkout .contentLeft,.manageAccount .contentLeft{display:none}
.shopping-bag .contentMiddle,.checkout .contentMiddle,.delivery-returns .contentMiddle,.secure-online-shopping .contentMiddle,.terms-conditions .contentMiddle,.privacy-policy .contentMiddle,.cookie-policy .contentMiddle,.terms-of-use .contentMiddle,.manageAccount .contentMiddle{float:none;width:100%}
.shopping-bag .contentRight,.checkout .contentRight,.delivery-returns .contentRight,.secure-online-shopping .contentRight,.terms-conditions .contentRight,.privacy-policy .contentRight,.cookie-policy .contentRight,.terms-of-use .contentRight,.manageAccount .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
-----------------------------------------------------*/
.accountNavMain{position:absolute;right:370px;top:13px;text-align:right;z-index:1}
.accountNavMain ul{display:inline-block;float:right}
.accountNavMain li{display:inline;margin-right:15px}
.accountNavMain li a{font-size:0.85em}
.accountNavMain li a:hover,.accountNavMain li a:active,.accountNavMain li a:focus{}

/* Manage account sub navigation
-----------------------------------------------------*/
.accountNav{padding-bottom:20px}
.accountNav li{display:inline;margin-right:15px}
.accountNav li a{}
.accountNav li a:hover,.accountNav li a:active,.accountNav li a:focus{}

/* Static navigation (centered)
-----------------------------------------------------*/
.staticNav{background:#999;position:relative}
.staticNav .navWrapper{text-align:center;width:100%}
.staticNav ul{position:relative;display:inline-block;border-left:1px solid #888}
.staticNav li{display:inline-block;border-right:1px solid #888}/* 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{position:relative;z-index:10}
.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;height:44px}
.dynamicNav li a span{display:block;position:absolute;bottom:10px;left:0;width:100%;padding:0 5px}/* allows control over vertical alignment */
.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;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;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{}
.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{}
.dynamicNav li.last{}
.dynamicNav li a{color:#fff}
.dynamicNav li a.activePage{background:#222;color:#fff}
.dynamicNav li a:hover,.dynamicNav li a:active,.dynamicNav li a:focus{color:#fff}
.dynamicNav li ul{background:#222}
.dynamicNav li ul li a:hover,.dynamicNav li ul li a:active,.dynamicNav li ul li a:focus{color:#fff;background:#444}
.dynamicNav li ul li a.activePage{background:#777;color:#fff}
/* hide level 3 drop down nav */
 .dynamicNav li ul li ul{display:none!important}/*remove "important" if left nav level 3 is required */
/* hide extra shop button */
.dynamicNav li.shopAnchor{display:none}
 

/* Shop navigation
-----------------------------------------------------*/
.shopNav{position:relative;z-index:9}
.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%}
.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{}
.shopNav li.last{}
.shopNav a,.shopNav .shopParent a{color:#e0e0e0}
.shopNav .shopParent a{border-left:none;border-right:none}
.shopNav a.activePage{background:#222;color:#fff}
.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 (colours on media.css)
----------------------------------------------------------------------------------------------------------------*/
.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%;height:0;position:relative;background:#ddd}/* height controls positioning of nav */
.logo,.logo a{width:200px;height:122px}
.logo{top:16px;left:24px;position:relative;z-index:11}
.logo a{display:block;text-indent:-999em;background:url(../images/images-custom/logo.png) 0 0 no-repeat}
.headerElements{}

/* 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}/* content area backgrounds (sitewide) */
.relatedProductView{padding:15px}
.moduleContainer ul,.accordianContainer ul,.galleryContainer ul,.basketContainer .basketWrapper,.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 */
.mailingList label{max-width:none}
.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:18px}
.contentHeader h2{margin:10px 0 0}
.contentHeader h3{margin-bottom:0}

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

/* Manage individual H1 styles
----------------------------------------------------------------------------------------------------------------*/
.singleBlogPost .pageHeader h1{margin-bottom:10px}
.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
----------------------------------------------------------------------------------------------------------------*/
/* 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;text-align:center}
.testimonialsInclude .contentHeader h2{font-size:1.4em;margin:0 0 16px}
/* menus */
.menuContainer .contentHeader h2{font-size:1.7em;margin:0 12px 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}
.shopCategoriesMenu .menuContainer .navBrand .contentHeader h2{margin-top:7px}
.relatedProductView .contentHeader h2{font-size:1.4em;margin:0 5px 5px}
.paymentMethods .contentHeader{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}/* hide payment methods header */
/* checkout */
.fieldContainer .contentHeader h2{font-size:1.3em;margin:2px 5px 11px}/* all checkout sections */
.deliveryOptions .contentHeader h2{}
.orderReference .contentHeader h2{}
.specialInstructions .contentHeader h2{}
.orderSummary .contentHeader h2{}
.agreeTerms .contentHeader h2{}
.mailingList .contentHeader h2{}
/* shopping footer nav */
.shoppingNav .contentHeader h2{font-size:1.3em;margin:5px 0 0;color:#fff}
/* footer */
.footer h2{font-size:1.3em;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.2em;margin-bottom:4px}
.teamInclude .contentHeader h3{font-size:1.2em}
.teamInclude .contentHeader h3 span{color:#666;font-size:0.9em}
.teamInclude .contentHeader h3 span.hyphan,.teamModule .contentHeader h3 span.hyphan,.DirectoryModule .contentHeader h3 span.hyphan{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.contentRight .teamInclude .contentHeader h3 span{display:block}
/* directory module */
.DirectoryModule .accordianItem h3{font-size:1.2em;margin-bottom:10px}
/* offers */
.offersModule h3.howToBook{font-size:1.4em;margin:20px 0 5px}
/* shop */
.shopCategoriesMenu .menuContainer .contentHeader h3{font-size:1.5em;margin:10px 12px 5px}/* shop side nav */
/* checkout */
.deliveryInformation .contentHeader h3{font-size:1.2em}
.orderSummary .contentHeader h3,.userAddressesLoggedin .contentHeader h3,.myAccountModule .addressSummary h3,.myAccountModule .contactSummary h3{font-size:1.1em;margin-bottom:5px}/* order summary items */
/* mailing list */
.mailingInterests .contentHeader h3{font-size:1.1em;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+ */}
.DirectoryModule .accordianItem .introduction{margin-bottom:11px}
p.mailingUnsubscribe,p.forgottenEmail{margin:15px 0 20px;font-size:0.9em}

/* 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:underline}
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}
div.pageLinkButton{margin-top:10px}/* directory module */
.blogsModule div.blogNavContainer{}
.blogsModule div.olderPosts{margin-right:4px;float:left}
.blogsModule div.newerPosts{margin-left:4px;float:right}
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
----------------------------------------------------------------------------------------------------------------*/
.imageWrapper{margin-bottom:10px}
.imageWrapper img{width:auto}
.photoCaption{font-size:0.9em;padding:6px 0 15px}
.contentImages .imageWrapper a img{}/* override a img border none if required */
.bannerWrapper .imageWrapper img{width:100%}

.pagecontentContainer img{max-width:100%;margin-bottom:10px}
.pagecontentContainer img.pageImageLeft{float:left;margin:0 4% 10px 0;max-width:50%}
.pagecontentContainer img.pageImageRight{float:right;margin:0 0 10px 4%;max-width:50%}

/* image structure */
.contentImages{width:50%;float:right;margin:0 0 0 4%;position:relative}
.contentImages img{margin:0}
.singlePhotoView .imageWrapper{margin:0 auto}/* gallery single photo */
.teamModule .contentImages{float:left;margin:0 4% 0 0}
.contentMiddle .teamInclude .contentImages{width:20%;float:left;margin:0 12px 0 0}
.contentRight .teamInclude .contentImages{width:40%;float:left;margin:0 12px 0 0}
.xprosModule .contentImages{float:none;margin:0;width:100%}
.xprosModule .xproGphc .imageWrapper img{margin-left:auto;margin-right:auto;width:100%}
.eventsInclude .contentImages{float:none;margin:0;width:100%}
.portfolioInclude .contentImages,.portfolioModule .contentImages{width:100%;float:none;margin:0}
.portfolioInclude .imageWrapper,.portfolioModule .contentImages .imageWrapper{margin:0;position:relative}

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

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

/* 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-width:1px;border-style:solid}
td{text-align:left;border-width:1px;border-style:solid;padding:5px;vertical-align:middle}
caption{font-size:1.1em;padding-bottom:8px}
th,td{border-color:#ccc}

/* Menus (blog categories, case studies, forthcoming events, blog archive, news archive)
----------------------------------------------------------------------------------------------------------------*/
.menuContainer{padding:12px 0 0;margin-bottom:15px;background:#e0e0e0;position:relative}
/* standard menu */
.menuContainer .menuWrapper ul.menu{}
.menuContainer .menuWrapper li.menuItem{padding:0}
.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}
.menuContainer .menuWrapper li.menuItem a{display:block;padding:8px 12px}
.menuContainer .menuWrapper li.menuItem a:hover,.menuContainer .menuWrapper li.menuItem a:active,.menuContainer .menuWrapper li.menuItem a:focus{background:#f0f0f0;text-decoration:none}
.menuContainer .menuWrapper li.menuItem{border-top:1px dotted #777}
/* archive menu */
.archiveMenu .menuWrapper li a.year{background:#ccc}
.archiveMenu .menuWrapper li a.month{}

/* Containing boxes (***** DON'T STYLE STRUCTURAL LI ITEMS *****)
----------------------------------------------------------------------------------------------------------------*/
.outerBox{padding:15px;margin-bottom:15px;background:#f1f1f1}
.xproGphc,.testimonialsInclude li,.testimonialsModule li{margin-bottom:15px}
.testimonialsInclude .speechBubble,.testimonialsModule .speechBubble{}
.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{margin:0}
/* 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{}
/* 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}
.xprosModule .last .outerBox{margin-bottom:15px!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: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:0 0 10px}
.documentsInclude .adobeReader{padding:10px 0 0}

/* 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}
.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{}
.mailingListSubscribeBox .outerBox{padding:10px 20px 4px;margin:0 auto 5px;text-align:center}
.mailingListSubscribeBox .contentHeader h2{margin:0;padding:0;display:inline-block;vertical-align:top;line-height:30px;font-size:1.2em}
.mailingListSubscribeBox legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox div.contentHeader,.mailingListSubscribeBox fieldset.yourDetails{display:inline;width:auto;padding:0;border:none;background:none;margin:0}
.mailingListSubscribeBox fieldset.yourDetails{padding-left:10px}
.mailingListSubscribeBox .nameDiv label,.mailingListSubscribeBox .emailDiv label{display:none}
.mailingListSubscribeBox input,.mailingListSubscribeBox div.buttonContainer input.go{display:inline;height:35px;vertical-align:top;margin:0 5px 6px 0;width:180px;padding:8px 10px}
.mailingListSubscribeBox div.nameDiv,.mailingListSubscribeBox div.emailDiv,.mailingListSubscribeBox div.buttonContainer,.mailingListSubscribeBox div.error{display:inline}
.mailingListSubscribeBox div.buttonContainer{margin:10px 0 0}
.mailingListSubscribeBox div.buttonContainer input.go{width:auto}
.mailingListSubscribeBox div.error span.requiredFieldInfo{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.mailingListSubscribeBox div.error input{}
.shopping-bag .mailingListSubscribeBox,.checkout .mailingListSubscribeBox{display:none}
p.signUpConfirm{padding-bottom:10px}

/* Form validation
----------------------------------------------------------------------------------------------------------------*/
.alertContainer div{-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;padding:12px 25px 13px;font-size:1em;line-height:1.1em;margin:0 0 10px 0;text-align:center;position:relative;z-index:0}/* 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.successMessage a{text-decoration:underline}
.alertContainer div.warningMessage a{color:#970000;text-decoration:underline}
.alertContainer div.warningMessage a:hover,.alertContainer div.warningMessage a:focus,.alertContainer div.warningMessage a:active{color:#710000;text-decoration:none}
.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.8em;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{font-size:0.95em;padding:12px 25px;margin:0;position:absolute;z-index:6;bottom:2%;left:3%;width:94%}
.gridView .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.1em}
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:80px}
/* 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:7px;line-height:1.15em}
span.manualEnter{display:block;font-size:0.8em;margin:-8px 1px 10px}


/* 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,div.error input.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,div.error input.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,div.error input.go:focus,div.error input.go:active{border:1px solid #8b004b;background:#790042;color:#fff;text-decoration:none}
/* exceptions */
.offersModule .buttonContainer{padding-top:10px}
.basketTotals .buttonContainer input.go,.checkoutInnerContainer .buttonContainer input.go,.myAccountModule .buttonContainer input.go,.myAccountModule .buttonContainer a.go,.registrationModule .buttonContainer input.go,.registrationModule .buttonContainer a.go{width:auto;float:right;font-size:1.1em}
.checkoutInnerContainer .buttonContainer input.go,.myAccountModule .buttonContainer input.go,.myAccountModule .buttonContainer a.go,.registrationModule .buttonContainer input.go,.registrationModule .buttonContainer a.go{margin-top:10px}
.checkoutInnerContainer .notLogin .buttonContainer input.go{float:none}
fieldset input.go,fieldset div.error input.go{margin-bottom:15px}
.postCodeLookup{width:auto;display:inline}
input.shortField{display:inline}

/* Search bar magic + search results page
----------------------------------------------------------------------------------------------------------------*/
.searchBar{position:absolute;top:12px;right:70px;text-align:center;display:inline-block;z-index:3}
.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;font-family:Arial,Helvetica,sans-serif}
.searchBar input.searchTerms,.searchBar span.customStyleSelectBox{font-size:13px;background-color:#fff;color:#666;border:1px solid #ccc;line-height:13px;margin:0 -6px 0 0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}
.searchBar input.searchTerms{background:#fff;padding:3px 12px;width:130px;-moz-border-radius:15px 0 0 15px;-webkit-border-radius:15px 0 0 15px;border-radius:15px 0 0 15px}
.searchBar span.customStyleSelectBox{position:relative;background:url(../images/images-icons/styled-select-arrow.png) no-repeat right center #fff;padding:3px 7px;overflow:hidden;width:112px;display:inline-block;border-left:1px dotted #999}
.searchBar span.customStyleSelectBox select{position:absolute;top:0;left:0;cursor:pointer;border:none;padding:0;font-family:Arial,Helvetica,sans-serif;text-transform:uppercase}
.searchBar span.customStyleSelectBox select option{padding:1em;font-size:13px;color:#666;padding:6px}
.searchBar span.customStyleSelectBox span{position:relative;top:4px;text-transform:uppercase}
.searchBar input.go{padding:3px 10px;font-size:1em;width:36px;padding:3px 8px 5px 6px;-moz-border-radius:0 15px 15px 0;-webkit-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0}
.searchBar input.searchTerms:hover,.searchBar input.searchTerms:focus,.searchBar input.searchTerms:active,.searchBar input.go:hover,.searchBar input.go:focus,.searchBar input.go:active{outline-color:transparent;outline-style:none;outline-width:0}
/* 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 */
.bannerWrapper{position:relative;margin-bottom:15px;z-index:4}
.bannerWrapper ul.rotator{width:100%}
.bannerWrapper ul.rotator li{position:absolute;top:0;left:0;width:100%;z-index:5}
.bannerWrapper ul.rotator li.show{z-index:6}
.banner .imageWrapper{position:relative;margin-bottom:0}
.banner .bannerText{background:#000;padding:15px 20px}
.banner .bannerText h2{font-size:1.7em;margin:0 0 5px}
.banner .bannerText p{padding:6px 0 0}
.home .banner .photoCaption{position:absolute;top:10px;left:0;padding:5px 10px;background:#000;color:#fff}
/* non-JS converts to single image */
.bannerWrapper ul.noJs{height:auto}
.bannerWrapper ul.noJs li{position:relative;top:auto;left:auto}


/* Featured products (see also: Shop)
----------------------------------------------------------------------------------------------------------------*/
.featuredProducts{position:relative;background:#f1f1f1;margin:0 0 30px;padding:10px 0}
.featuredProducts ul{width:100%}
.featuredProducts .buttons{width:100%;margin:0 auto;position:absolute;top:0;left:0}
.featuredProducts a.next,.featuredProducts a.prev{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}

/* Directory
----------------------------------------------------------------------------------------------------------------*/
.directoryModule .directoryDetails{}
.DirectoryModule .accordianList .contactAction,.directoryModule .memberContact{padding:10px 0 9px;border-top:1px dashed #ccc}
.directoryModule .memberContact span{}

/* Gallery
----------------------------------------------------------------------------------------------------------------*/
.photoNav{font-size:0.9em;padding-bottom:10px;text-align:center}
li.photoContainer{float:left;/* fluid squares */height:0;width:31.33333333%;padding-bottom:31.33333333%;margin:0 2% 2% 0;position:relative;background:#fff;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%;-ms-behavior: url(/js/backgroundsize.min.htc);}
div.albumName{/* lock to bottom of square */position:absolute;left:0;bottom:0;width:100%;padding:7px 10px 9px;background:url(../images/images-icons/black60.png) 0 0 repeat;color:#fff;font-size:0.85em}
/* Album view */
.albumView li.photoContainer{width:48%;padding-bottom:48%}
.albumView div.albumName{margin:3%;width:94%}
.albumView .galleryContainer ul.clearfix{max-width:660px}
/* full width adjustment for newer browsers 3 per row */
.galleryContainer ul.clearfix li:nth-child(3n+1){margin:0 0 3%}
.galleryContainer ul.clearfix li:nth-child(3n+2){margin:0 3% 3%}
.galleryContainer ul.clearfix li:nth-child(3n+3){margin:0 0 3%}
/* full width adjustment for newer browsers 2 per row */
.albumView .galleryContainer ul.clearfix li:nth-child(2n+1){margin:0 4% 4% 0}
.albumView .galleryContainer ul.clearfix li:nth-child(2n+2){margin:0 0 4%}
/* Full size image */
.singlePhotoView .imageWrapper{padding:12px;margin:10px auto 15px;background:#fff}
.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{margin-bottom:15px;background:#fff;padding:10px}
.galleryInclude ul{background:#f1f1f1;padding:12px;margin:0 0 12px;-webkit-border-radius:12px;border-radius:12px}
.galleryInclude li.photoContainer{float:none;/* fluid squares */width:100%;padding-bottom:100%;margin:10px auto 0}
.galleryInclude li.photoContainer span.photoBorder{top:0;left:0;width:100%;padding-bottom:100%}
.galleryInclude div.albumName{}

/* Hide gallery, product, thumb foreground image for all browsers except IE8/7
----------------------------------------------------------------------------------------------------------------*/
.gridView 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}
.productView,.categoryView{margin:2% 0 0}
.gridView ul.row li,.featuredProducts ul li{background:#fff;border:1px solid #ccc}/* grid and featured product container style */
.gridView ul.row li{float:left;/* fluid squares */height:auto;width:31.33333333%/* 3 per row centered */;padding:10px 10px 17px;margin:0 2% 2% 0;position:relative}/* bottom padding creates space for add to basket */
.gridView span.photoBorder,.featuredProducts span.photoBorder{/* fluid squares inner border */display:block;height:0;width:100%;/*--*/padding-bottom:100%/* image box 100% = square, 74.5% = uncropped */;overflow:hidden;position:relative;left:0;top:0;background:#fff}
.gridView span.photoBorder,.featuredProducts span.photoBorder{/*position image in box - DON'T CHANGE*/background-repeat:no-repeat;background-size:cover;background-position:50% 50%}
/* full width adjustment for newer browsers 3 per row */
.gridView ul.row li:nth-child(3n+1){margin:0 0 3%}
.gridView ul.row li:nth-child(3n+2){margin:0 3% 3%}
.gridView ul.row li:nth-child(3n+3){margin:0 0 3%}
/* -- */
.gridView .productImageWrapper{margin-bottom:8px}/*space above h3*/
.gridView .productWrapper{padding:3px 4px 0}/*inner padding*/
.gridView .contentWrapper,.gridView .contentWrapper p,.gridView h3{padding:0;margin:0}/*reset*/
.productWrapper h3{font-size:1em}
.gridView .productWrapper p{padding-top:10px}/*space between short description, product code, price*/
.gridView .productWrapper p.shortDesc,.productView .productWrapper p.productCode{font-size:0.9em;display:none}
.gridView .productWrapper p.priceWrap{line-height:1.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}

/* sliding scale prices */
.contentWrapper .productGroupPricing{padding:12px 0 8px}
.contentWrapper .productGroupPricing h2{font-size:1.2em}
.contentWrapper .productGroupPricing ul{padding:4px 0 0;margin:0}
.contentWrapper .productGroupPricing li{list-style-type:none;list-style-image:none;list-style-position:outside;padding:0 0 5px;margin:0}
.contentWrapper .productGroupPricing li span.quantityValue{min-width:37px;display:inline-block;text-align:right}

/* zero stock message */
.contentWrapper p.noStock{font-size:0.95em;color:#bf0d0d;text-align:center;padding:0}

/* category landing pages */
.categoryView ul.row li span.categoryTitle{/*lock title to bottom*/display:block;position:absolute;left:0;bottom:0;width:100%;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:17px}
.categoryView .gridView ul.row li a,.featuredProducts ul li a{display:block}

/* featured products */
.featuredProducts ul li{position:relative;float:left;width:170px;height:auto;padding:5px;margin:0 4px;text-align:center;font-size:90%}/* must be pixels for home page scroller */
.featuredProducts .productWrapper{padding:8px 8px 0}/*inner padding*/

/* related products */
.relatedProductView .gridView ul.row li{width:23%;margin:0 1% 1% 0;padding:5px 5px 3px;font-size:90%;min-width:135px}/* 4 per row */
.relatedProductView .gridView .productImageWrapper{margin-bottom:6px}/*space above h3*/
.relatedProductView .gridView .productWrapper{padding:2px 6px 6px}/*inner padding*/
.relatedProductView .gridView .productWrapper p{padding-top:7px}/*space between short description, product code, price*/
.relatedProductView .gridView ul.row li:nth-child(3n+1),.relatedProductView .gridView ul.row li:nth-child(3n+2),.relatedProductView .gridView ul.row li:nth-child(3n+3){margin:0 1% 1% 0}

/* 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:47%;float:left;margin-left:4%}
.singleProductView .contentWrapper,.singleProductView .productWrapper p,.singleProductView h1{padding:0;margin:0}
.singleProductView .productWrapper p{padding-top:10px}
.singleProductView .productWrapper p.shortDesc{display:block;line-height:1.2em;font-size:0.95em}
.singleProductView .productWrapper p.productCode{display:block;font-size:0.75em}
.singleProductView .productWrapper p.noStock{font-size:1em;color:#bf0d0d;text-align:center}

/* buy product - shop */
.variations select,.variations span{width:auto;max-width:100%}
.variations span{padding:3px 7px 4px}
.variations select{display:inline}
.actionsWrap{padding:15px 0 0}
.variations label,.purchaseWrap label{font-size:0.8em;font-weight:normal;text-transform:none;width:auto;display:block;padding:0 0 5px 0;margin:5px 6px 0 0}
.purchaseWrap input{width:40px;display:inline;vertical-align:top}
.purchaseWrap input.go{width:auto}
.purchaseWrap input.go,fieldset input.go{padding:4px 8px}
.purchaseWrap input.go{font-size:1.2em;padding:4px 12px}

/* 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;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:8}
.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:1em}
.infoContainer{background:#fff;margin-top:-1px}
.infoContainer .contentWrapper{padding:15px 18px 5px}
.infoContainer .contentWrapper h2{text-indent:-999em;height:0;width:0;padding:0;margin:0;line-height:0}
.infoContainer .contentWrapper .additionalInfo{padding:17px 0 4px;margin:17px 0 0;border-top:1px dashed #ddd}
.infoContainer .contentWrapper table{margin-bottom:10px}
/*JS loader*/
.infoLoadingOverlay{position:absolute;top:0;left:0;width:100%;height:100%;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.85em;text-align:center}
.galleryModule .pagingModule{margin:0;background:none;padding:0 0 10px}
.productCount,.sortOrder,.sortOrder span,.sortOrder ul,.sortOrder ul li,.sortOrder ul li.last,.viewSelector,.viewSelector ul{display:inline}
.productCount,.sortOrder{float:left;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-width:1px;border-style:solid;border-left:none;clear:both;display:inline-block;white-space:nowrap}	
.pagingNavigation ul li{display:inline;float:left}
.pagingNavigation ul li a{background:none;border-left-width:1px;border-left-style:solid;display:block;min-width:1em;padding:2px 9px;text-align:center;text-decoration:none}
.pagingNavigation ul li a.active{cursor:default}
.pagingNavigation p{display:none}/* back to top */

.pagingNavigation ul,.pagingNavigation ul li a{border-color:#999;background:none;color:#888}
.pagingNavigation ul li a.active{background:#999;color:#fff}

/* Checkout basket (faux table) + Order history
----------------------------------------------------------------------------------------------------------------*/
.moduleContainer .basketWrapper ul,.moduleContainer .orderSummary ul{min-width:580px;padding:0;margin:0}
.basketWrapper li.productRow,.orderSummary li.productRow{position:relative;width:100%;float:none;clear:both;padding:0;margin:0}
/* create table cell style */
.basketWrapper li ul li,.orderSummary li ul li{display:inline;float:left;padding:0;margin:0}
.basketWrapper li.first span.th,.basketWrapper span.td,.orderSummary li.first span.th,.orderSummary span.td{position:relative;top:0;display:block;border:none;overflow:hidden;margin:0;width:100%}
.basketWrapper li.first span.th,.orderSummary li.first span.th{height:40px;padding:10px 12px}/*create top row TH*/
.basketWrapper span.td,.orderSummary span.td{height:100px;padding:11px 12px}/*create TD*/
.orderSummary span.td{height:auto}/*less height for order history*/
.ordersummary .basketWrapper span.td{height:65px}/*less height for order history basket*/
.basketWrapper span.th,.orderSummary span.th{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}/*hide all other TH*/
/* create separate columns */
.orderSummary li.orderId{width:22%}
.orderSummary li.orderId a{text-decoration:underline}
.orderSummary li.dateAdded{width:20%}
.orderSummary li.orderTotal{width:18%}
.orderSummary li.orderStatus{width:40%}
.basketWrapper li.productDetails{width:42%;text-align:left}
.basketWrapper li.productDetails img{background:#FFF;float:left;margin-right:13px;margin-bottom:4px;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.groupName{display:block;font-size:0.85em}
.basketWrapper li.productDetails span.productCode{display:block;font-size:0.75em}
.basketWrapper li.itemPrice{width:17%;text-align:right}
.basketWrapper li.itemQuantity{width:20%}
.basketWrapper li.itemQuantity span.quantity{display:inline-block;font-size:0.85em;vertical-align:middle;border-style:solid;border-width:1px;padding:4px;height:25px;width:38px;background:#fff}
.basketWrapper li.itemQuantity input.go{display:inline;vertical-align:top;width:20px;height:20px;padding:0;top:3px;position:relative}
.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{background:url(../images/images-icons/remove.gif) 0 0 no-repeat;margin:0 auto;width:13px;height:15px;text-indent:-999em;border:none;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;font-size:0;line-height:0}/* delete icon size*/
.basketWrapper span.colon,.orderSummary span.colon,.basketWrapper li.itemQuantity label{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.basketWrapper li.productDetails span.groupName,.basketTotals tr.youSave{color:#D10000}
/* basket backgrounds and colours */
.basketWrapper li.first span.th,.orderSummary li.first span.th{background:#A0A0A0;color:#fff}/* standard TH */
.basketWrapper span.td,.orderSummary span.td,.basketTotals,.ukDeliveryOnly{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,.orderSummary li.first span.th,.orderSummary span.td{margin-bottom:2px/*;margin-bottom:0;border-bottom:2px solid #fff*/}/* separators use margin or bottom border */
.basketWrapper li.itemQuantity input.go{background:#848C00}
.basketWrapper li.itemQuantity span.quantity{border-color:#ccc}

/* Basket totals table
----------------------------------------------------------------------------------------------------------------*/
.basketTotals,.ukDeliveryOnly{padding:12px 16px 10px;margin-bottom:18px}
.basketTotals table{float:right;width:auto;font-size:1em;margin:0 0 10px}
.basketTotals table th{white-space:nowrap;padding:0;font-weight:normal;border:none;text-align:right;width:49%;font-size:0.9em}
.basketTotals table td{padding:0 0 0 15px;border:none;text-align:right;width:50%}
.basketTotals table .total{padding-top:6px;font-size:1.2em}

/* Basket include
----------------------------------------------------------------------------------------------------------------*/
.basketObjects{font-size:0.9em;height:100%;position:absolute;top:0;right:0;width:auto}
.basketObjects .basketInclude{display:inline-block;position:absolute;top:15px;right:0}
.basketObjects .basketExtended{height:100%;background:#2C261D;float:right;-moz-box-shadow:-5px 5px 12px 0px #2C261D;-webkit-box-shadow:-5px 5px 12px 0px #2C261D;
box-shadow:-5px 5px 12px 0px #2C261D;width:0}
/* items in basket counter */
.basketInclude .basketQuantity{background-color:#ED1C24;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#FFF;display:inline;float:left;font-size:0.9em;min-width:24px;padding:4px 4px 3px;text-align:center;position:absolute;top:-10px;left:-10px}
/* hide written content */
.basketInclude span.unitType,.basketInclude .basketItemsSeparator,.basketInclude .basketValue{display:none}
/* expander button */
.basketInclude .basketTitle{background:url(../images/images-custom/button-bg.gif) 50% 50% no-repeat #FFB000;border-radius:5px 0 0 5px;padding:0;display:block;width:40px;height:50px;-moz-box-shadow:-5px 5px 12px 0px #2C261D;-webkit-box-shadow:-5px 5px 12px 0px #2C261D;box-shadow:-5px 5px 12px 0px #2C261D}	
.basketInclude .basketTitle a{background:url(../images/images-icons/basket-icon.png) 50% 50% no-repeat;text-indent:-999em;width:40px;height:50px;display:block}	


/* pop out basket structure */
.basketObjects .alertContainer{display:none}
.basketObjects .basketWrapper{margin:15px 15px 0;width:210px}
.basketObjects .basketWrapper ul{min-width:210px;width:210px}
.basketObjects .basketWrapper ul.clearfix{border-bottom-width:1px;border-bottom-style:dashed;padding-bottom:8px}
.basketObjects .basketWrapper li.productDetails,.basketObjects .basketWrapper li.itemPrice{display:block;float:none;width:100%;text-align:left}
.basketObjects .basketWrapper li span.th,.basketObjects .basketWrapper li.first span.th,.basketObjects .basketWrapper li.productDetails span.productCode{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.basketObjects .basketWrapper span.td{background:none;height:auto;padding:0;border-bottom:none;margin-bottom:0}
.basketObjects .basketWrapper li.productDetails{padding:10px 30px 0 12px}
.basketObjects .basketWrapper li.first li.productDetails{padding-top:10px}
.basketObjects .basketWrapper li.itemPrice{padding:2px 12px 6px;font-size:0.85em}
.basketObjects .basketWrapper li.itemPrice span.td,.basketObjects .basketWrapper li.itemPrice span.th{color:inherit}
.basketObjects .basketWrapper li.itemSubTotal span.th,.basketObjects .basketWrapper li.itemSubTotal span.td{background:none}
.basketObjects .basketWrapper li.itemQuantity{float:left;width:50%;padding:0 0 0 12px}
.basketObjects .basketWrapper li.itemSubTotal{float:left;width:50%;padding:0 12px 0 0;text-align:right}
.basketObjects .basketWrapper li.itemDelete{position:absolute;top:10px;right:12px;width:13px}
.basketObjects .basketWrapper li.itemQuantity input.go{width:20px;width:20px;padding:0;top:0}
.basketObjects .basketWrapper li.itemQuantity span.quantity{height:20px;width:36px;padding:2px 3px}
.basketObjects .basketTotals{padding:14px;width:210px;margin:0 15px}
.basketObjects .basketTotals table{float:none;width:184px}
.basketObjects .basketTotals a{clear:both;display:block;width:100%;font-size:0.9em}
/* buttons outside basket */
.basketObjects .buttonContainer{padding-top:12px;width:240px;text-align:center}
.basketObjects .buttonContainer input.go{width:200px;margin-bottom:8px;float:none;font-size:1.2em}
/* apply pop out basket colors */
.basketObjects .basketWrapper,.basketObjects .basketTotals{background:#fff}
.basketObjects .basketWrapper ul.clearfix{border-color:#ccc}
.basketObjects .buttonContainer p{color:#DACFB5}

/* Payment + Manage Addresses
----------------------------------------------------------------------------------------------------------------*/
.paymentMethods{margin:0 0 12px}
.creditCardIcons{margin:0}
.creditCardIcons img{padding:0;display:inline;float:none;margin:0;width:auto}
.shopSmallPrint{font-size:0.75em}
.shopSmallPrint img, .shopSecurity img{float:right;margin:5px 0;width:auto}
.checkoutPaymentDetails .shortSelect{display:inline}
.form fieldset p.cardDetails{margin:0;font-size:0.85em}
.billingAddressSummary,.deliveryAddressSummary,.additionalInformationSummary,.altDeliveryAddressSummary{width:27%;float:left;margin-right:5%;padding:5px 5px 10px}
.userAddressesLoggedin .deliveryAddressSummary{width:68%;margin-right:0}
.userAddressesLoggedin .contentHeader h2,.myAccountModule .contentHeader h2{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.userAddressesLoggedin .deliveryAddressFirst,.userAddressesLoggedin .deliveryAddressSecond{width:50%;float:left}
.orderReference .info,.specialInstructions .info{padding:0 5px}
.billingAddressSummary p,.deliveryAddressSummary p,.additionalInformationSummary p,.myAccountModule .addressSummary p,.myAccountModule .contactSummary p{font-size:0.95em}
p.editDetails{font-size:1em;margin-top:3px}
.userAddressesLoggedin .options p.editDetails{padding-bottom:16px}
.userAddressesLoggedin .options{padding-left:0}
a.smallAnchor{font-size:0.8em}
p.nextStepMessage{margin:4px 12px 15px;font-size:0.75em}
/* Order History */
.myAccountModule .ordersummary h2{font-size:1.4em}
.myAccountModule .addressSummary{width:65%;float:left}
.myAccountModule .contactSummary{width:35%;float:left}
.myAccountModule .addressSummary .delivery_summary,.myAccountModule .addressSummary .address_summary{width:50%;float:left;padding-bottom:15px}
.myAccountModule .contactSummary .telephoneNo,.myAccountModule .contactSummary .instructions{padding-bottom:15px}
.myAccountModule .buttons{clear:both}
p.formIntroduction{padding-bottom:15px}
.myAccountModule h2.orderHistory{padding:15px 0 10px}
.myAccountModule .ordersummary h3{padding-bottom:10px;font-size:1em}


/* 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 a{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% 30px;font-size:0.9em}
.checkoutProgressBar li{display:inline-block;padding:8px 10px;margin:0 0.5%;width:24%;position:relative;line-height:1.1em;overflow:hidden}
.checkoutProgressBar li{background:#ccc}
.checkoutProgressBar li.active{background:#C06;color:#fff}
.checkoutProgressBar li.complete{background:#f0f0f0;color:#999}

/* hide Step 1, etc. */
.checkoutProgressBar li span.stepNo{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.checkoutProgressBar li span.fullDetails{}
.checkoutProgressBar li span.multiLine{}

/* Checkout forms
----------------------------------------------------------------------------------------------------------------*/
.checkoutContainer .login,.checkoutContainer .notLogin{width:48%;float:left;margin-right:1%}
.checkoutContainer .form .outerBox{margin-bottom:0;border:1px solid #ccc;background:#ccc}
.checkoutContainer .notLogin{float:right;margin-left:1%;text-align:center}
.checkoutContainer .login h2{padding-bottom:6px}
.checkoutContainer .notLogin p.guest{padding-top:10px}
.checkoutContainer .LostPasswordContainer legend{position:absolute;left:0;top:-999em;width:1px;height:1px;overflow:hidden}
.forgottenPassword a{font-size:0.85em}
fieldset.checkoutDetails,fieldset.billingAddress,fieldset.deliveryAddress{float:left;width:32%;margin-right:1.5%}
fieldset.deliveryAddress{float:right;margin-right:0}
fieldset.billingAddress input.go,fieldset.deliveryAddress input.go,div.cardSelect input.go{font-size:0.9em}

/* 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} -- */

/* Footer
----------------------------------------------------------------------------------------------------------------*/
.footer{background:#999}
.footerWrapper{position:relative;padding:25px 4% 20px}
.footer h2{margin-bottom:10px}

/* Base nav */
.footer .navWrapper{width:62%;float:left}
.baseNav{float:left;padding-bottom:15px}
.baseNav ul{}
.baseNav li{padding:3px 0}
.baseNav li.last{}
.baseNav li a{color:#fff}
.baseNav li a:hover,.baseNav li a:active,.baseNav li a:focus{text-decoration:underline}
.firstNav{width:27%}
.secondNav{width:44%}
.thirdNav{width:28%}

/* Contact */
.contactDetails{width:37%;float:right;color:#fff;padding-bottom:15px}
.contactDetails span.org{}
.contactDetails .contactPhone{display:block}
.contactDetails .contactEmail{display:block}
.contactDetails .contactEmail a{color:#fff}
.contactDetails .contactAddress{}

/* Legal
-----------------------------------------------------*/
.smallprintWrapper{position:relative;padding:15px}
.smallPrint{font-size:0.85em}
.smallPrint ul{}
.smallPrint li{display:inline;padding:0 12px 0 0}
.smallPrint li.last{border-right:none}

.siteInfo{font-size:0.75em;margin-top:15px}
.legalDetails{font-size:0.75em}
.siteAuthor{font-size:0.7em}

/* Social buttons (likes and shares)
----------------------------------------------------------------------------------------------------------------*/
.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;width:25px;height:20px;background-position:0 0;background-repeat:no-repeat;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}
.socialButtons .googlePlus1 a{background-image:url(../images/images-icons/share_google.png)}
.socialButtons .linkedIn a{background-image:url(../images/images-icons/share_linked_in.png)}
.socialButtons .pinterestLike a{background-image:url(../images/images-icons/share_pinterest.png)}
.socialButtons .twitterShare a{background-image:url(../images/images-icons/share_twitter.png)}
.socialButtons .googlePlus1 a:hover{background-position:-25px 0}
.socialButtons .linkedIn a:hover{background-position:-25px 0}
.socialButtons .pinterestLike a:hover{background-position:-25px 0}
.socialButtons .twitterShare a:hover{background-position:-25px 0}

/* footer icons */
.footerSocial .socialItem{margin:15px 8px 0 0;width:48px}
.footerSocial .socialItem img{width:100%}

.footerLogos .footerLogoitem{display:inline-block;vertical-align:middle;margin:0 5px 10px}

/* Cookie policy
----------------------------------------------------------------------------------------------------------------*/
.cookieContainer{position:relative;background:#fff000;padding:10px 45px 13px 15px;font-size:0.75em;-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,.cookieContainer input.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;border:none;margin:0;max-width:none;padding:0;text-transform:capitalize}
.cookieContainer a{text-decoration:underline;color:inherit}
.cookieMessageOuter{position:fixed;bottom:0;left:0;width:100%;z-index:9999}

/* 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}
.map{height:255px}

/* 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;float:none}
.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}