/* WASTECYCLE DEFAULT STYLESHEET (v2)
   ----------------------------------------------------*/

/* Default.css
   Created: Mon 05.09.11 @ 11:30 a.m.
   Updated: Fri 20.01.12 @ 11:00 a.m.
   Author : Alan Durkan
   ----------------------------------------------------*/
   
/* Index(Organised according to control groupings)

/* TOP LEVEL         |   SHOP MODULES
   TYPOGRAPHY        |   SLIDER
   COMMON ELEMENTS   |   SHOP TABLES
   SYSTEM            |   NEWS
   HEADER            |   EVENTS & JOURNAL
   CONTENT LAYOUT    |   FORUM
   FOOTER            |   BROWSER FIXES
   MODULES           |   LIGHTBOX
   SHOP FORMS        |   AJAX CALENDER
*/

/* =TOP LEVEL
   ----------------------------------------------------*/
   
html, body, form, fieldset, input, select, textarea, .textbox, .clear-on-focus, .dropdown, .dropdownlist { color: #111; font-family: Georgia,Times,Serif; }
body { font-size: 0.625em; line-height: 1.0; background: #EEE none; overflow: -moz-scrollbars-vertical; }
/* Sheet (optimum for 800 = 768px | optimum for 1024 = 960px) / font (the following assumes the line height 20px (13px/20px) */  
#Sheet { margin: 0 auto; padding: 0 27px; width: 892px; font: normal 1.3em/1.538em Georgia,Times,Serif; text-align: left; background: #FFF none; }

/* =TYPOGRAPHY
   ----------------------------------------------------*/
   
/* Colours

/* #FF263F - Link Red
   #B20E22 - Dark Red
   #00B227 - Button Green
*/

h1, h2.fauxH1 { margin-bottom: 0.524em; padding: 0; font: normal 3.231em/normal Georgia,Times,Serif; background: none; }
h1.subTitleSize { margin-bottom: 0.462em; padding-bottom: 0.231em; font: normal 2em/normal Georgia,Times,Serif; background: url(/SiteData/Root/SiteImages/wcy_divideTileGry.gif) repeat-x left bottom; }
h2 { margin-bottom: 0.786em; padding-bottom: 0.214em; font: normal 2.154em/normal Georgia,Times,Serif; background: url(/SiteData/Root/SiteImages/wcy_divideTileGry.gif) repeat-x left bottom; }
h2.panelTitle { padding: 0; background: none; }
.createCustomer h2 { padding-bottom: 0.385em; text-transform: uppercase; }
.customerLogin h2 { font-size: 1em; background: none; }
h3 { margin-bottom: 0.750em; font: bold 1.231em/normal Georgia,Times,Serif; }
.thumbSlider .panelContent h3 { margin-bottom: 0.25em; font-size: 1.846em; font-weight: normal; }
#ColumnMain1Col .thumbSlider h3.panelTitle { margin-bottom: 0.25em; font-size: 0.923em; }
.productImg h3 { text-align: center; font-style: italic; font-weight: normal; }
h4 { margin-bottom: 0.846em; font: bold 1.077em/normal Georgia,Times,Serif; }
h5, h6, .createCustomer h2 { margin-bottom: 1.077em; width: 524px; font: bold 1em/normal Georgia,Times,Serif; }
p, blockquote, address, .vcard, .hcard { padding-bottom: 1.538em; }
/* Shared typographic styles */
/* - Headings */
h1.super { margin-bottom: 0.2em; font: normal 4.615em/1em Georgia,Times,Serif; }
h2.super { margin-bottom: 0.389em; padding: 0; font: normal 2.769em/1em Georgia,Times,Serif; background: none; }
#Content .author h2 { margin-bottom: 1em; padding: 0; font: bold 1em/normal Georgia,Times,Serif; background: none; }
#Content .createCustomer h2.secondary { margin-top: 1.077em; }
/* - Lists */
ul, ol { margin-left: 2em; padding-bottom: 1.538em; }
ul ul { margin-bottom: 0; }
dd, ul li, ol li { line-height: 1.538em; }
dd { margin-left: 0; }
/* - Links */
a, input, button { /* hiding the dotted focus outline here */ outline: 0; }
a { color: #FF263F; text-decoration: none; }
a:hover, a:active, a:focus { color: #B20E22; text-decoration: underline; }
:focus { -moz-outline-style: none; }
.shopTable .nameCol a, .customerLogin a.Current { font-weight: bold; }
.captionImage a { color: #FFF; }
/* --should be styled as regular text */
#InternovaLogo a, #FooterNavigation li a, .panelItem > a:first-child { color: #111; }
.sideColumn .siteNavigation { font: 1.231em/normal Georgia,Times,Serif; }
.likeLink { color: #FF263F; }
.panelItem > a:first-child, .sliderThumbnails li a { display: block; width: 100%; height: 100%; text-decoration: none; background: url(/SiteData/Generic/SiteImages/clearpixel.gif) repeat left top; cursor: pointer; }
/* Common typographic styles */
blockquote, address { font-style: italic; }
/* - File type doc links */
a.file { padding: 1px 0 2px 24px; line-height: 2em; background: url(/SiteData/Generic/SiteImages/docTypeIcons/generic.gif) no-repeat left top; }
/* -- all the various file types */
a.avi { background: url(/SiteData/Generic/SiteImages/docTypeIcons/avi.gif) no-repeat left top; }
a.bin { background: url(/SiteData/Generic/SiteImages/docTypeIcons/bin.gif) no-repeat left top; }
a.doc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/doc.gif) no-repeat left top; }
a.fla { background: url(/SiteData/Generic/SiteImages/docTypeIcons/fla.gif) no-repeat left top; }
a.gif { background: url(/SiteData/Generic/SiteImages/docTypeIcons/gif.gif) no-repeat left top; }
a.mp3 { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mp3.gif) no-repeat left top; }
a.pdf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pdf.gif) no-repeat left top; }
a.rtf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rtf.gif) no-repeat left top; }
a.txt { background: url(/SiteData/Generic/SiteImages/docTypeIcons/txt.gif) no-repeat left top; }
a.xls { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xls.gif) no-repeat left top; }
a.xml { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; }
a.zip { background: url(/SiteData/Generic/SiteImages/docTypeIcons/zip.gif) no-repeat left top; }
/* - Small text */
.subText, .checkboxLabel, .frameSubText { padding-bottom: 0.909em; font: 0.846em/1.364em Georgia,Times,Serif; }
.panelContent p { font: 0.923em/1.5em Georgia,Times,Serif; }
.thumbContainer p { padding-bottom: 0; }
.productQuote p { color: #FF263F; font: 1.231em/1.5em Georgia,Times,Serif; }
.quoteSelector p { padding-bottom: 1.188em; font: italic normal 1.231em/1.5em Georgia,Times,Serif; }
.frameSubText { font-weight: normal; } 
.checkboxLabel { position: relative; top: 2px; }
/* spans & labels */
.hightlight, .qCriteria label { color: #B20E22; }
.productQuote span { display: inline-block; width: 100px; color: #333; }
/* --Validation mark */
.shopForm label span { font-size: 1.333em; }
/* - Titles used for modules (usually no bottom margin ) */
#Content .modTitle { margin-bottom: 0.600em; padding-bottom: 0.600em; /* padding: 0 0 0.375em 0.375em; */ font: 1.538em/normal Georgia,Times,Serif; background: url(/SiteData/Root/SiteImages/wcy_divideTileGry.gif) repeat-x left bottom; }
/* - Table headings and things that need to look as such */
.shopTable th, .shopTableTitle, .invoiceAddressTable th,
.deliveryAddressTable th, #Content .shopTableTitle, #Content .createFullAccount h3, 
#Content .receiptCreateFullAccount h3, #Content .paymentTitle 
{
	margin-bottom: 0 !important;
	padding: 6px 12px; 
	color: #FFF;
	font: 1em/1.538em Georgia,Times,Serif;
	text-align: left;
	background: #FF2942 none;
}
#Content .paymentTitle { font-size: 1.231em; }
#Content .shopTable th { border-color: #FF2942; }
.invoiceAddressTable th, .deliveryAddressTable th, #Content .compTable th { background-color: #BBB; }

/* =COMMON ELEMENTS
   ----------------------------------------------------*/

/* Clearing elements */
.clear, .Clear, .shopForm br { clear: both; }
div.clear, br.clear { font-size: 0; line-height: 0; height: 0; } 
/* Hide these elements */
.accessibility, .hide, .homeLink span, .searchKeyword, .currencyKeyword, .extraDeliveryDetails, 
.payment .secureMsg, .payment .varifyMsg, .contentResults .url, .product .productPriceText, .product .productCodeText,
.categoryDisplayDesc, .textImage span, .printHeader, .shopTable .qtyCol .validationList,
.sideColumn .blankLabel, .customerSubscriptions .blankLabel, .newsItem img, .batchContainer .moreImages,
.product .productType, .product .productCode, .productImg .enlargeImgBtn, .shippingNotes, .newsListing img,
.galleryProduct .moreImages, .dateCol label, .sageLogo span
{
	display: none !important;
	visibility: hidden !important;
}
/* No additional padding / margin / list-style on these ULs */
#Navigation ul, #FooterNavigation ul, .topNavigation ul, .siteNavigation ul,
.productLinklist ul, .slider ul, .shopTable ul, .bulletList ul,
.contentResults ul, .galleryNavigation ul, .serviceList ul, .hpPromo ul,
#Certification dd, .progressBar ul, .containerTypeNav ul
{
	margin: 0;
	padding: 0; 
	list-style: none;
}
/* Reccuring bottom margin (because this value appears so often we'll group all selectors in one place) */
#MT, .siteNavigation, .siteMap, .searchResults, .validationList, .warningBox, .editAddress, .contactForm, .productList, .productContainer,
.sAProductList, .favouriteProducts, .relatedProducts, .recentlyViewedProducts, .productImg, .productReviews, .productPromotions, .payment,
.topSellers, .galleryBanner, .galleryNavigation, .filterSection, .shopTable, .customerOrders .shopTableButtons, .shopAddress, .articleImgHolder,
.author, .articleMoreInfo, .relatedArticles, .relatedLinks, .item, #FooterNavigation, #Certification, .quoteSelector, .mTeam, .progressBar,
#Sheet.checkout .progressBar, .containerTypeNav
{
	margin-bottom: 1.583em;
}
/* Hide padding / margins / border */
.noPadding { padding: 0; }
.noMargin { margin: 0; } 
.noBorder  { border: none; }
/* Useful floats */
#Content .left { float: left; }
#Content .right { float: right; }
img.left, .captionImage.left { padding: 0 1em 1.583em 0; }
img.right, .captionImage.right { padding: 0 0 1.583em 1em; }
/* CMSModule */
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
#MT .CMSColumnEdit, #MB .CMSColumnEdit, #Certification .CMSColumnEdit { margin: 0 -1px; }
/* --Currency convertor within basket */
.basketConvertor { text-align: right; }
.basketConvertor .bulletLink { display: none; }
/* ---Toggle links without JS */
.jsEnabled .basketConvertor .bulletLink, .basketConvertor .conversionLinkNJS { display: inline; }
.jsEnabled .conversionLinkNJS { display: none; visibility: hidden; }
.convPrice { font-weight: bold; }
.basketConvertor .currencyConvertor { margin-top: 0.5em; text-align: left; }
.basketConvertor .shopForm, .basketConvertor .shopFormButtons { padding-bottom: 0; }
/* Form elements */
.textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; }
.textbox, .textarea, .clear-on-focus { padding: 1px; }
.textarea { overflow: hidden; }
.clear-on-focus { color: #666; }
.externalLogin .textbox { border-color: #FFF; }
.checkbox { padding-right: 4px; }
/* About security number */
.aboutSecurityCode { padding: 20px; height: 360px; width: 540px; font: normal 1.3em/1.538em Georgia,Times,Serif; background: none #FFF; }
.aboutSecurityCode .cardHolder { margin: auto; text-align: center; }
.aboutSecurityCode .cardHolder img { margin-bottom: 1em; }
.aboutSecurityCode .button { display: inline; }
/* Button */
.button, button, input.button
{
    display: block;
    border: solid 1px #00B227;
    margin: 0;
    padding: 4px 5px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #FFF;
	font-size: 16px !important;
	line-height: 18px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
    background: #00B227 none;
}
.button:hover { border-color: #006B17; color: #FFF; background: #006B17 none; text-decoration: none; }
.button:active, .button:focus { border-color: #000; color: #FFF; background: #000 none; text-decoration: none; }
/* -adjust padding for for IE6 & 7 */
* html input.button, * html button { padding: 3px 5px 2px 5px; width: 0; }
/* -adjust padding for IE7 */
*:first-child+html .button[type]  { padding: 1px 5px 2px 5px;  }
/* -neutralise the styles of input buttons within .button class */
.button input { border: none; background: none; cursor: pointer; }
/* -button colour variations & special cases */
.updateQuantityRow .button { display: inline; }
.shopTableButtons .continueBtn, .shopTableButtons .saveBtn, .customerLogin .upgradeBtn, .customerLogin .logoutBtn, .favouriteProducts .removeBtn, .editAddress .removeAddressBtn, .editAddress .cancelBtn, .editAddress .cancelAddressBtn { border-color: #BBB; color: #FFF; background-color: #BBB; }
.searchBox .button, .accountLoginBtn, .customerLogin .loginBtn, #Content .getQuoteBtn { border-color: #FF263F; background-color: #FF263F; }
.searchBox .button, #Content .getQuoteBtn { padding: 2px 5px; height: 24px; }
/* -smaller buttons */
.updateQuantityRow .button[type], .shopForm .addressBtn[type], .warningBox .button[type] { border-color: #999; padding: 2px 5px; color: #333; font: normal 11px/14px Sans-serif !important; background: #EEE url(/SiteData/Root/SiteImages/wcy_subBtnBgTile.jpg) repeat-x left 50%; }
/* --IE6 */
* html .updateQuantityRow .button, * html .shopForm .addressBtn, * html .warningBox .button { padding: 0 5px; }
/* --IE7 */
*:first-child+html .updateQuantityRow .button, *:first-child+html .shopForm .addressBtn, *:first-child+html .warningBox .button { padding: 0 5px; }
/* -- hovers */
.shopTableButtons .continueBtn:hover, .shopTableButtons .saveBtn:hover, .customerLogin .upgradeBtn:hover,
.customerLogin .logoutBtn:hover, .favouriteProducts .removeBtn:hover, .editAddress .removeAddressBtn:hover, .editAddress .cancelBtn:hover,
.updateQuantityRow .button:hover, .shopForm .addressBtn:hover, .warningBox .button:hover, .editAddress .cancelAddressBtn:hover  
{
	border-color: #666; 
	color: #FFF; 
	background: #666 none; 
}
.searchBox .button:hover, .accountLoginBtn:hover, .customerLogin .loginBtn:hover, #Content .getQuoteBtn:hover { border-color: #B20E22; background-color: #B20E22; }
/* -disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled { border: solid 1px #CCC; color: #999; background-color: #EEE; background-image: none; cursor: default; }
/* -these buttons have the class button or are input buttons but need to be neutralised 
    to look like links for this particlar design */
#Content .productLinklist input, #Content .productLinklist a, #Content .viewOrderBtn
{
	display: block;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	width: 100%;
	color: #FF263F;
	font: normal 1em/1.538em Georgia,Times,Serif !important;
	text-align: left !important;
	background: none;
	cursor: pointer;
}
/* Bulleted links */
.next, .previous, .backLink, .returnLink, .bulletLink, .conversionLink, .siteNavigation a, .eventLink, #Content .productLinklist input, #Content .productLinklist a, .customerLogin .linkList li a, .moreNewsLink, .goToBasketBtn, .moreLink, .forgottenPasswordLink { padding-left: 8px !important; background: url(/SiteData/Root/SiteImages/wcy_bulletIcon.gif) no-repeat left 55%; }
/* -bullet reversed */
.previous, .backLink, .returnLink { background: url(/SiteData/Root/SiteImages/wcy_bulletRevIcon.gif) no-repeat left 55%;	}
/* Top link (usually the backLink button */
.topLink { margin: -3.667em 0 2.250em 0; /* this isn't the greatest but seems to be the best way for the moment of placing the backlink in the top right hand corner */ }
.topLink .backLink { float: right; }
/* side col modules */
.miniBasket, .sideColumn .customerLogin, .sideColumn .searchBox,
.sideColumn .shopSearchBox, .sideColumn .registerLink,
.sideColumn .archiveDateTree, .sideColumn .payment,
.sideColumn .currencySelector, .sideColumn .competitionForm,
.sideColumn .contentHolder, .subColumn .customerLogin,
.subColumn .searchBox, .subColumn .shopSearchBox,
.subColumn .registerLink, .subColumn .archiveDateTree,
.subColumn .payment, .subColumn .currencySelector,
.subColumn .competitionForm, .subColumn .contentHolder
{
	position: relative;
	margin-bottom: 1.583em;
}
/* Specific to Wastecycle */
#MT .serviceList { position: relative; }
.serviceList ul { margin: 0 1px; }
.serviceList li { float: left; padding-left: 6px; }
.serviceList li:first-child { padding-left: 0; }
.serviceList li a { display: block; padding: 6px 6px 6px 60px; width: 152px; min-height: 64px; color: #FFF; font: 1.538em/normal Georgia,Times,Serif; text-align: right; text-transform: capitalize; background-color: #FF263F; background-position: 6px 50%; background-repeat: no-repeat; }
.serviceList li a:hover { text-decoration: none; background-color: #B20E22; }
.serviceList li.rcy a { background-image: url(/SiteData/Root/SiteImages/wcy_recycleLogo.gif); }
.serviceList li.skp a { background-image: url(/SiteData/Root/SiteImages/wcy_skipHireLogo.gif); }
.serviceList li.bsw a { background-image: url(/SiteData/Root/SiteImages/wcy_businessWasteLogo.gif); }
.serviceList li.cnw a { background-image: url(/SiteData/Root/SiteImages/wcy_constructionWasteLogo.gif); }
.serviceList li.bsv a { background-image: url(/SiteData/Root/SiteImages/wcy_businessServicesLogo.gif); }
/* Agument these elements where possible */
.sideColumn .siteNavigation li a:before { content: ">"; padding-right: 6px; }
/* Enquiries title */
h2.enquiries { border: none; margin-bottom: 0.071em; padding: 0; height: 62px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/wcy_enquiriesTitleBg.gif) no-repeat left top; }
/* HP Promos */
.hpPromo { position: relative; margin-bottom: 1.583em; }
.promoImage { position: absolute; left: 0; top: 0; height: 300px; }
.hpPromo a { display: block; margin: 0 0 1em 616px; padding-left: 24px; color: #111; font-size: 0.923em; text-decoration: none; }
.hpPromo a.active { background: url(/SiteData/Root/SiteImages/wcy_promoArwGrn.gif) no-repeat left top; }
.hpPromo h3 { margin-bottom: 0.167em; font-size: 1.333em; color: #FF263F; }
.hpPromo p { padding-bottom: 0; line-height: 1.5em; }
/* Quotes */
.quote { margin-bottom: 1em; padding-left: 24px; background: url(/SiteData/Root/SiteImages/wcy_quotemarkOpen.gif) no-repeat left top; }
.quote blockquote { padding: 0 24px 0.5em 0; background: url(/SiteData/Root/SiteImages/wcy_quotemarkClose.gif) no-repeat right bottom; }
.sQuote blockquote { font: normal normal 1.846em/1.250em Georgia,Serif; }
/* Captioned images */
.captionImage span { display: block; color: #FFF; padding: 0.25em 0.5em; background-color: #FF263F; }
/* Contact number */
.contactNumber { text-indent: -9999px; }
/* Comaprison table */
#Content .compTable td { padding-bottom: 1.5em; vertical-align: top; }
.accept { border-right: solid 1px #BBB; background: url(/SiteData/Root/SiteImages/wcy_acceptIcon.gif) no-repeat right bottom; }
.reject { background: url(/SiteData/Root/SiteImages/wcy_rejectIcon.gif) no-repeat right bottom; }
/* Management team */
.mTeamRow, .person, .pImage { float: left; }
a.pImage, .pContent span { display: block; }
.mTeamRow { margin-bottom: 2.462em; width: 100%; }
.person { width: 295px; }
a.pImage { border: solid 1px #BBB; padding: 1px; height: 100px; width: 100px; background: #FFF none; }
a.pImage:hover { border-color: #B20E22; }
.pContent { margin-left: 110px; }
span.pPos { margin-bottom: 1em; font-weight: bold; }
/* -Progress bar */
#MT .progressBar { margin-bottom: 0; }
.progressBar ul li  
{
	float: left;
	position: relative;
	border-left: solid 1px #BBB;
	margin-right: -7px;
	padding: 7px 4px 10px 0;
	width: 33.3%;
	height: 16px;
	text-align: center;
	background: url(/SiteData/Root/SiteImages/wcy_progressBarBg.gif) no-repeat right top;
}
.progressBar ul li.active { position: relative; border-color: #FF263F; color: #FFF; background-position: right -33px; }
.progressBar ul li.first { z-index: 2; }
.progressBar ul li.second { z-index: 1; }
.progressBar ul li.third { z-index: 0; }
/* -Container Type Navigation */
.containerTypeNav { position: relative; padding-bottom: 1px; background: url(/SiteData/Root/SiteImages/wcy_containerTypeNavBg.jpg) no-repeat left bottom; }
.containerTypeNav li { float: left; padding-right: 8px; }
.containerTypeNav li a { display: block; padding: 4px 6px 4px 72px; color: #FFF; font-size: 1.231em; background: #FF263F none; text-decoration: none; }
.containerTypeNav li.active a, .containerTypeNav li a:hover { background: #B20E22 none; }

/* =SYSTEM
   ----------------------------------------------------*/

.CMSPageControls { position: static; padding: 3px 0; height: 16px; text-align: right; }
.CMSPageControls span { color: #666; font-size: 9px; vertical-align: top; }
.CMSPageControls img, .CMSPageControls input { border: none; margin-left: 4px; }

/* =HEADER
   ----------------------------------------------------*/

#Header { position: relative; z-index: 1; padding-top: 12px; height: 98px; }
/* -Process header */
#Sheet.process #Header { margin-bottom: 12px; padding: 12px 0; height: 88px; background: url(/SiteData/Root/SiteImages/wcy_divideTileFade.gif) repeat-x left bottom; }
.sageLogo { position: absolute; top: 18px; right: 24px; height: 70px; width: 206px; text-align: center; background: url(/SiteData/Root/SiteImages/wcy_sageLogo.gif) no-repeat left bottom; }
/* -- */
#Header .homeLink, #Header .contactNumber { position: absolute; }
.homeLink { display: block; left: -4px; top: 12px; height: 78px; width: 282px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/wcy_headerLogo.gif) no-repeat left top; }
#Header .contactNumber { left: 314px; top: 50px; height: 19px; width: 280px; background: url(/SiteData/Root/SiteImages/wcy_headerContactNumber.gif) no-repeat left top; }
/* Shop Navigation */
#ShopNavigation { float: right; width: 252px; }
.accountLoginBtn { display: block; margin-bottom: 0.5em; padding: 7px 5px; font-size: 1.538em !important; }
/* --Search box */
.searchBox .textbox, .searchBox .clear-on-focus { float: left; padding: 3px 2px; width: 216px; }
.searchBox .button { float: right; padding: 2px 1px; width: 26px; text-transform: lowercase; }
/* -Navigation */
#Navigation { position: relative; z-index: 100; height: 26px; margin-bottom: 0.769em; }
#Sheet.home #Navigation { margin-bottom: 0; }
/* -TopNavigation */
.topNavigation { float: left; width: 100%; }
.topNavigation li  { float: left; padding-right: 1em; position: relative; }
.topNavigation li a
{
	float: left;
	padding: 0 0.5em;
	height: 26px;
	color: #000; 
	text-decoration: none;
	text-transform: capitalize;
}
.topNavigation li.active a { background: url(/SiteData/Root/SiteImages/wcy_divideTileRed.gif) repeat-x left bottom; }
.topNavigation li:hover .subNav a { color: #333; background: none; }
/* --Sub navigation */
.topNavigation .subNav { display: none; position: absolute; top: 26px; border: solid 1px #FF263F; border-top: none; width: 188px; background: #FFF none; }
.subNav dl { float: left; padding: 4px; text-align: left; }
.subNav dt { margin: -4px -4px 0.5em -4px; padding: 4px 8px; background: #EEE none; }
.subNav dd { padding: 0 4px; margin: 0 0 0.5em 0; }
#Navigation .subNav a:before { content: "> "; }
#Navigation .subNav a { display: inline; float: none; border: none; padding: 0; width: auto; height: auto; color: #FF263F; font: normal 1em/1.538em Georgia,Times,Serif; text-align: left; text-transform: none; background: none; }
#Navigation .subNav a:hover { color: #B20E22; background: none; }
/* -Breadcrumb */
#SubNavigation 
{
	clear: both;
	padding: 1em 0.5em;
	color: #999;
	background: url(/SiteData/Root/SiteImages/wcy_divideTileFade.gif) repeat-x left top;
}

/* =CONTENT LAYOUT
   ----------------------------------------------------*/

/* Be very careful about adding position relative here (or to any elements within) as it
   may seriously effect the popForm in IE6 */
#Content { margin-bottom: 2em; }
/* Floats */
#ColumnMain2Col, #MR, #MBR, #Sheet.process #ColumnLeft { float: right; }
#Sheet.process #ColumnMain2Col, #ML, #MBL, #ColumnLeft { float: left; }
/* Hp & 3 Column */
#ColumnMain2Col { width: 614px; }
/* HP Column */
#ML { width: 592px; }
#MR { width: 288px; }
/* -these values should be half the column width minus whatever gutter width is used */
#MBL, #MBR { width: 436px; }
/* LeftColumn */
#ColumnLeft { width: 254px; }

/* =FOOTER
   ----------------------------------------------------*/

#Footer { position: relative; }
/* -Process / Checkout pages */
#Sheet.process #Footer, #FooterNavigation { padding-top: 1.538em; background: url(/SiteData/Root/SiteImages/wcy_footerBg.gif) no-repeat left top; }
/* Contact number */
#Footer .contactNumber { height: 54px; background: url(/SiteData/Root/SiteImages/wcy_contactNumber.gif) no-repeat right top; }
/* Footer navigation */
#FooterNavigation li { display: inline; padding-left: 1em; text-transform: capitalize; }
#FooterNavigation li:first-child { padding-left: 0; }
/* Certification */
#Certification { position: relative; padding: 0 3px; }
#Certification dd { display: block; float: left; padding-left: 24px; }
#Certification dd a { display: block; }
#Certification dd:first-child { padding-left: 0; }
/* IUK Link */
#InternovaLogo { float: right; padding: 0 12px 12px 0; width: 200px; /* this font size must be kept consistant */ font-size: 11px; text-align: right; }
#InternovaLogo img { padding-left: 12px; } 

/* =MODULES
   ----------------------------------------------------*/

/* Site Navigation */
/* -For Side columns */
.sideColumn .siteNavigation li { margin-bottom: 6px; line-height: 1.5em; }
.sideColumn .siteNavigation a { display: block; padding: 5px 12px; color: #FFF; text-align: right; text-decoration: none; background: #FF263F none; }
.sideColumn .siteNavigation ul ul a, .sideColumn .siteNavigation li.Current a, .sideColumn .siteNavigation li a:hover { background: #B20E22 none; }
.sideColumn .siteNavigation ul ul { padding: 10px 0; background: #B20E22 url(/SiteData/Root/SiteImages/wcy_siteNavGradBg.jpg) repeat-x left top; }
.sideColumn .siteNavigation ul ul li { font-size: 0.875em; margin-bottom: 0; }
/* Link list */
.linkList { }
/* Site Map */
.siteMap ul { list-style-type: disc !important; }
.siteMap ul ul { padding-bottom: 0; }
.siteMap .productUL { margin-left: 0; list-style: none; }
.siteMap .productUL ul { margin-left: 0; }
/* Search Results (covers News Results / Content Results / Shop Results / Gallery Results) */
.contentResults a { font-weight: bold; line-height: 2em; }
.searchHighlight { font-style: italic; }
/* -featured product result (only style this if it differs from product) */
.featuredResult .product { }
/* -paging */ 
.pagerLinks { margin-bottom: 1em; text-align: right; }
.next, .previous { }
.userPageSize { float: left; margin-bottom: 1em; }  
.itemsPerPage { margin: -32px 0 7px 0; text-align: right; }
/* Pager Sorting ( CategoryDisplay, Search Results & Journal ) */
.pager { display: block; margin-bottom: 1em; text-align: right; }
.pager .pgCntrl { padding-left: 10px; }
.pager .next { margin-left: 6px; }
.pagerSort { margin-bottom: 1em; }
/* This measure is based on text size & should be adjusted if the overall font size changes */
.pagerSort label { padding-right: 6px; }
.pagerSort select { margin-bottom: 5px; }
.pagerSort .pageSize { float: left; }
.pagerSort .sortBy { float: right; }
/* Breadcrumb */
.breadcrumb, .breadcrumb a { text-transform: capitalize; }
/* FAQ */
.FAQ .FAQQuestion * { font-weight: bold; text-decoration: underline; }
.FAQ .FAQAnswer { display: none; }
/* SearchBox */
/* AdminPanel */
.AdminPanel { border: dashed 1px #F00; padding: 4px; color: #000; background: #FFF none; }
.AdminPanel h2 { color: #000; }
/* Checkbox list */
.CheckBoxList { border: none; border-collapse: collapse; }
.CheckBoxList tr td { margin: 0; padding: 0; }
/* SWF Object */
.swfObject { text-align: center; }
/* 3D secure */
.threeDSecureIFrame { width: 100% !important; }

/* =SHOP FORMS
   ----------------------------------------------------*/

/* Standard Forms */
.shopForm, .compactShopForm, .shopConditions { position: relative; }
.shopConditions { position: static; border-top: none; padding-top: 12px; text-align: center; }
/* -for side and sub columns */
#Content .sideColumn .shopForm, #Content .subColumn .shopForm, #Content .sideColumn .shopFormButtons, #Content .subColumn .shopFormButtons { border: none; padding-left: 0; padding-right: 0; }
#Content .sideColumn .shopForm, #Content .sideColumn .shopFormButtons { padding: 0; }
/* Assuming the Main of a 2 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	margin-bottom: 2px;
	padding-right: 6px;
	width: 174px;
	font: bold 0.923em/1.667em Georgia,Times,Serif;
	text-align: right;
	cursor: default;
}
.shopForm .textbox, .shopForm .textarea, 
.shopForm .dropdown, .shopForm .dropdownlist,
.shopForm .clear-on-focus, .shopForm .fileupload,
.shopForm .holder, .shopForm .checkboxHolder
{
	float: left;
	margin-bottom: 5px;
	width: 250px;
	width: 340px;
}
/* -checkboxHolder (04.05.11) - relates to notification sign up only for the moment */
.checkboxHolder { display: block; }
.shopForm .checkboxHolder label { float: none; display: inline; font-weight: normal; }
/* because IE fails to render the dropdown at the correct height */
*:first-child+html .shopForm .dropdown, *:first-child+html .shopForm .dropdownlist { margin-bottom: 3px; }
.shopForm label span, .validationSub { position: absolute; left: 438px; left: 528px; /* left = (label width + label padding + textbox width + 8) */ }
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, .shopForm .dropdownlist { width: 254px; width: 344px; /* width = (textbox width + 4) */ }
.shopForm .addressBtn { float: left; margin-left: 5px; }
.shopForm .checkbox, .checkboxHolder input { position: relative; left: -4px; float: left; }
.shopForm .checkbox { margin: -2px 0; }
.shopForm .checkboxLabel { float: left; width: 230px; width: 320px; /* width = (textbox width - 20) */ }
.shopForm .forgottenPasswordLink { display: block; line-height: 1em; margin: 0 0 0.5em 180px; /* margin-right = (label width + label padding) */ }
.shopFormButtons { position: relative; padding: 12px 0 12px 180px; text-align: left; /* padding right (same as above) */ }
/* Variation based on Layout */
/* 1Column */
#ColumnMain1Col .shopForm label { width: 254px; }
#ColumnMain1Col .shopForm .textbox, #ColumnMain1Col .shopForm .textarea, 
#ColumnMain1Col .shopForm .dropdown, #ColumnMain1Col .shopForm .dropdownlist,
#ColumnMain1Col .shopForm .clear-on-focus, #ColumnMain1Col .shopForm .fileupload,
#ColumnMain1Col .shopForm .holder, #ColumnMain1Col .shopForm .checkboxHolder
{ 
	width: 368px; 
}
#ColumnMain1Col .shopForm label span, #ColumnMain1Col .shopForm .validationSub { left: 636px; }
#ColumnMain1Col .shopForm .dropdown, #ColumnMain1Col .shopForm .dropdownlist { width: 372px; }
#ColumnMain1Col .shopForm .checkboxLabel { width: 348px; }
#ColumnMain1Col .shopForm .forgottenPasswordLink  { margin-left: 260px; }
#ColumnMain1Col .shopFormButtons { padding-left: 260px; } 
/* Sub Columns */
#Content .subColumn .shopForm label { width: 132px; }
#Content .subColumn .shopForm .textbox, #Content .subColumn .shopForm .textarea, 
#Content .subColumn .shopForm .dropdown, #Content .subColumn .shopForm .dropdownlist,
#Content .subColumn .shopForm .clear-on-focus, #Content .subColumn .shopForm .fileupload,
#Content .subColumn .shopForm .holder, #Content .subColumn .shopForm .checkboxHolder
{ 
	width: 234px;
}
#Content .subColumn .shopForm label span, #Content .subColumn .shopForm .validationSub { left: 380px; }
#Content .subColumn .shopForm .dropdown, #Content .subColumn .shopForm .dropdownlist { width: 238px; }
#Content .subColumn .shopForm .checkboxLabel { width: 214px; }
#Content .subColumn .shopForm .forgottenPasswordLink  { margin-left: 138px; }
#Content .subColumn .shopFormButtons { padding-left: 138px; }
/* Side Columns */
#Content .sideColumn .shopForm label { margin-bottom: 0; padding-right: 0; text-align: left; width: 242px; }
#Content .sideColumn .shopForm .textbox, #Content .sideColumn .shopForm  .textarea, 
#Content .sideColumn .shopForm .dropdown, #Content .sideColumn .shopForm .dropdownlist,
#Content .sideColumn .shopForm .clear-on-focus, #Content .sideColumn .shopForm .fileupload
{ 
	width: 250px; 
}
#Content .sideColumn .shopForm .holder, #Content .sideColumn .shopForm .checkboxHolder { width: 100%; margin-bottom: 0; }
#Content .sideColumn .shopForm label span, #Content .sideColumn .shopForm .validationSub { left: 246px; } 
#Content .sideColumn .shopForm .dropdown, #Content .sideColumn .shopForm .dropdownlist { width: 254px; }
#Content .sideColumn .shopForm .checkboxLabel { width: 230px; }
#Content .sideColumn .shopForm .forgottenPasswordLink { margin-left: 0; width: auto; }
#Content .sideColumn .shopFormButtons .button { float: right; }
/* Form validation */
.validationList 
{
	border: solid 1px #B20E22;
	padding: 11px;
	color: #333 !important;
	font-weight: bold;
	background: #FFF none;
}
.shopForm .valdiationList { margin-bottom: 1em; }
#Content .validationList ul { margin: 0.5em 0 1em 1.538em; padding: 0; font-weight: normal; }
/* -validation for simpleProduct */
#Content .simpleProduct .shopTable .validationSub { position: static; float: right; }
/* Warnings */
.warningBox 
{
	border: solid 1px #CCC;
	margin-bottom: 1em;
	padding: 11px;
	color: #333 !important;
	background: #EFEFEF none;
}
.warningBox p { padding-bottom: 0; } 
.warningBox ol  { margin: 0.5em 0 0.5em 2em; padding: 0; font-weight: normal; list-style-type: decimal; }
.warningBox ol li { line-height: 2em; }
.warningBox ol li .button { position: relative; float: right; }
/* Edit Address Form */
.editAddress { position: relative; }
.editAddress .shopTable .btnCol { width: 80px; }
.editAddress .shopTable .btnCol .button { margin-bottom: 0.5em; }
.editAddress .shopFormButtons .button { float: left; }
#Content .shopForm .useAddressBtn, #Content .shopForm .cancelAddressBtn { float: right; margin-bottom: 1em; }
#Content .editAddress .cancelBtn, #Content .shopForm .useAddressBtn { margin-left: 6px; }
#Content .editAddress .shopTableButtons .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 10px; }
/* Lost Password Form */
#Content .lostPassword { margin-bottom: 1.583em; }
/* Currency Selector Form */
.sideColumn .currencySelector label { margin-bottom: 3px; }
.currencySelector .holder .button  { float: right; }
/* Customer Login Form (specifically for the side columns) */
.sideColumn .customerLogin .upgradeBtn { margin-right: 5px; }
.customerLogin .linkList ul  { margin-left: 0; }
.customerLogin .linkList ul li { list-style: none; }
/* Create Customer Form */
#Content .shopForm .enterManuallyBtn { width: 156px; }
#Content .warningBox .upgradeAccountBtn, #Content .warningBox .continueAsGuestBtn, 
#Content .warningBox .reEnterBtn, #Content .warningBox .emailPasswordBtn { width: 126px; }
.lookupResults p { padding-bottom: 0.5em; }
/* NewsLetter Sign Up Form */
.newsLetterSignup { }
.newsLetterSignup .signUpBtn { }
/* Edit Password Form */
#Content .changePassword { }
label.passwordStrengthWarning 
{
	display: block;
	border: solid 1px #000;
	padding: 1px 3px 2px 3px;
	color: #000;
	background: #FFF none;
}
/* Edit Account Form */
.editAccountDetails { }
/* Save Basket Form */
.saveBasket .saveCartBtn { }
/* Write Review Form */
.writeReview .ratingControl { margin-bottom: 5px; }
.writeReview .returnBtn { float: right; }
.ratingStar
{
	display: block;
	margin: 0;
	padding: 0;
	height: 12px;
	width: 13px;
	font-size: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.readOnly { cursor: default; }
.filledRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/FilledStar.gif) no-repeat left top; }
.emptyRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/EmptyStar.gif) no-repeat left top; }
.savedRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/SavedStar.gif) no-repeat left top; }
/* Contact Form */
/* Customer subscriptions Form */
#Content .customerSubscriptions .checkboxLabel { padding-bottom: 1em; width: 90% !important; }
#Content .customerSubscriptions .shopFormButtons { padding-left: 0; margin-bottom: 1em; }
#Content .customerSubscriptions .shopFormButtons .button { float: left; }

/* =SHOP MODULES
   ----------------------------------------------------*/

/* Shop SearchBox */
.shopSearchBox { }
/* for batch buy display only */
.categoryDisplay .shopTableButtons { float: right; }
/* Product Listing & Feature Listing Modules */
.productRow { float: left; width: 100%; }
.productListing, .placeHolder, .featureListing { float: left; width: 144px; }
/* - productSpacer (change with layout where needed) */
.productSpacer { float: left; width: 18px; }
/* - only shown in Admin mode */
.unavailableProduct { background: #F5A0A0 none; }
/* - productListingImage structure (with preloader) */
.productListingImage { display: block; margin-bottom: 0.5em; text-align: center; overflow: hidden; }
.productListingImage .preloader { display: none; /* to calculate the margin - image height - 28px (preloader height) / 2 */ margin: 58px auto 0 auto; }
/* - productListing text */
.productListingName, .productListingBriefDesc, .productListingPrice, .productListingStock { display: block; font: normal 1em/1.538em Georgia,Times,Serif; }
.productListingBriefDesc { padding-bottom: 1em; }
.productListingBriefDesc:after { content: "..."; }
.productButtons .button { float: right; }
.productButtons .removeBtn { position: relative; right: 6px; }
/* -Batch Buy */
.batchContainer { margin-bottom: 1em; }
.batchContainer .productImg { float: left; width: 88px; }
.batchContainer .productImg .enlargeImgBtn { }
.batchContainer .productListingImage img { }
.batchContainer .shopTable { /* based on small image size */ margin-left: 100px; font-size: 0.917em; }
.batchContainer .shopTable th.nameCol { /* hide this unless required (the title takes up too much space) */ white-space: normal; text-indent: -9999px; }
.batchContainer .shopTable .qtyHolder, .product .shopTable .qtyHolder { width: 32px; }
.batchContainer .shopTable .buyCol, .product .shopTable .buyCol { width: 72px; }
.batchContainer .shopTable .moreCol, .product .shopTable .moreCol { width: 80px; padding-right: 0; }
.nameCol .optName, .nameCol .optDesc { display: block; }
.nameCol .optDesc { font-weight: normal; }  
/* -- Corrects the problem with * span */
.batchContainer .shopTable th.qtyCol, .product .shopTable th.qtyCol { text-indent: -4px; }
.batchContainer .shopTable .qtyCol, .product .shopTable .qtyCol { width: 48px; }
.batchBuyBtn { width: 92px !important; }
/* Alternating Product Listings Styles */
#Content .alternate  { float: none; }
.alternate .productButtons .button { float: left; }
.altFirst .productListingImage { float: left; padding-right: 12px; }
.altSecond .productListingImage { float: right; padding-left: 12px; } 
/* Featured Products Module */
.featuredProducts { }
/* Stand alone Listing / Favourite Listing / Related Products / Recent Products Modules */
.sAProductList .productListing, .favouriteProducts .productListing, .relatedProducts .productListing, .recentlyViewedProducts .productListing { /* only put a value here if these image sizes differ from the standard */ }
/* MiniBasket Module */
.miniBasket p { padding-bottom: 1em; font-weight: bold; }
.miniBasket .button { float: right; }
/* RegisterLink Module */
#Content .registerLink .button { float: right; }
/* Product Module */
.product .backLink { float: right; }
.product .productImg { float: left; /* insert whatever the large product image size is here */ width: 300px !important; }
.product .smallImg { /* insert whatever the medium product image size is here */ width: 144px !important; }
/* -main image structure */
.productImg .mainImage { position: relative; margin-bottom: 1em; text-align: center; }
.productImg .mainImage a { display: block !important; }
.productImg .mainImage .preloader { display: none; position: absolute; }
/* -new thumbnail structure */
.productImg .thumbRow  { float: left; margin-bottom: 0.5em; width: 100%; }
.productImg .thumbRow img, .productImg .thumbSpacer { float: left; margin-bottom: 0; }
.productImg .thumbSpacer { width: 6px; }
/* --thumbail current indicator (for zoomer) */
.productImg .thumbRow img { border: 1px solid #FFF !important; }
.productImg .thumbRow .currentThumb { border: 1px solid #B20E22 !important; }
/* -product details */
.productDetails { float: right; margin-bottom: 1em; /* insert the remainder of the column width here */ width: 290px; }
.productNoImg .productDetails { float: none; width: 100%; }
/* -- */
.productDetails label { display: block; margin-bottom: 2px; }
.productDetails select { margin-bottom: 0.5em; }
.productDetails .buyBtn, .productDetails .buyBtnDisabled, .featuredProduct .viewBtn { margin-bottom: 1em; display: inline-block; }
.galleryProduct .productDetails .buyBtn, .galleryProduct .productDetails .buyBtnDisabled { margin-bottom: 0; width: auto; }
.product .productPrice, .product .productType, .product .productCode, .product .productMsg, .product .productDimensions, .product .productSize { display: block; margin-bottom: 0.5em; }
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: #B20E22; }
.productDescription { clear: both; display: block; float: left; width: 100%; }
/* -Extended for Simple product module */
.simpleProduct .productDescription { float: none; clear: none; }
/* -Extended for Price Calculator */
.quoteSelector { position: relative; }
.qCriteria { float: left; padding-right: 8px; }
.qCriteria label { display: block; margin-bottom: 2px; }
.qCriteria select { margin: 0; width: 100%; }
.getQuoteBtn { position: absolute; right: 0; top: auto; bottom: 0; }
/* prevent layout issues */
.area.qCriteria { max-width: 222px; }
.waste.qCriteria { max-width: 147px; }
.onOff.qCriteria { max-width: 129px; }
/* -Popup Window */
.popupBackground { background-color: #666; filter: alpha(opacity=60); opacity: 0.6; -moz-opacity: 0.6; }
.closeWinBtn 
{
	float: right;
	margin-bottom: 0.5em;
	padding: 0 21px 0 4px;
	height: 18px;
	color: #666;
	font: normal 1em/1.538em Georgia,Times,Serif;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/wcy_closeBtnIcon.gif) no-repeat right 50%;
}
/* -Pop form ( Send To A Friend / Product Notification - make class path explicit to avoid overwriting ) */
#Content .popForm { width: 300px; font-size: 0.846em; background: #FFF none; }
#Content .popForm .shopForm, #Content .popForm .shopConditions, #Content .popForm .shopFormButtons { padding: 10px; border: none; background: #FFF none; }
#Content .popForm label { display: block; float: none; font-size: 1em; text-align: left; }
#Content .popForm .shopForm .textbox, #Content .popForm .shopForm .textarea, #Content .popForm .shopForm .clear-on-focus { width: 274px; }
#Content .popForm .shopForm .dropdown, #Content .popForm .shopForm .dropdownlist { width: 278px; }
#Content .popForm .shopForm .checkboxLabel { /* check this on product notifications */ }
#Content .popForm .shopConditions, #Content .popForm .shopFormButtons { padding-top: 0; text-align: left; }
#Content .popForm .shopFormButtons .button { float: right; }
/* GalleryProduct */
.galleryProduct { }
.productPurchaseBox { border: solid 1px #BBB; border-top: none; padding: 11px; width: 148px; /* make this equal to the productDetails width */  background: none #EFEFEF; }
#Content .productLinks { position: relative; padding: 11px; border: solid 1px #BBB; }
#Content .productLinks .productLinklist li { float: left; width: 50%; }
/* Featured product */
.featuredProduct {  }
/* -Write Review */
.ratingHolder {	margin-bottom: 0.5em; }
/* -Product Reviews */
.productReviews .review { margin-bottom: 1em; }
.productReviews .rating { line-height: 1.538em; padding-bottom: 0.5em; }
.productReviews p { padding-bottom: 0.5em; }
.productReviews .name, .productReviews .location, .productReviews .date { display: inline; font-weight: bold; }
.writeReviewBtn { float: right; }
/* -Product Promotions */
/* Payment */
#Content .payment h3 { margin: 0 -12px 1.538em -12px !important; }
#Content .payment .shopForm .monthDd, #Content .payment .shopForm .yearDd { width: 64px; } 
#Content .payment .shopForm .monthDd { width: 42px; margin-right: 5px; }
.paymentMethodButtons p { padding: 0; }
/* -for subColumns (as usual for checkout page) */
.subColumn .payment { border: solid 1px #FF2942; border-top: none; padding: 11px; }
.subColumn .payment .shopForm, .subColumn .payment .shopFormButtons { padding: 0; }
.subColumn .payment .shopFormButtons { padding-left: 0; }
.subColumn .payment .shopFormButtons .button  { float: right; }
/* Top Sellers Module */
/* Gallery */
/* -gallery Navigation */
/* --filter sections */
.filterSection { position: relative; }
.filterSection .moreLink, .filterSection .expLink { cursor: pointer; }
.filterSection .expand, .filterSection .collapse { display: block; height: 14px; width: 14px; text-indent: -9999px; background: #C00 url(/SiteData/Root/SiteImages/expand.gif) no-repeat left top; }
.filterSection .expLink { position: absolute; right: 6px; top: 6px; }
.filterSection li { display: block; border-bottom: solid 1px #BBB; padding: 4px 6px 4px 12px; color: #333; vertical-align: middle; font-weight: normal; }
.filterSection li a { text-decoration: none; }
.filterSection li.current { font-weight: bold; }
.filterSection ul ul { margin-left: 1em; }
.filterSection ul .expand, .filterSection ul .collapse { float: left; margin: 1px 10px 0 0; }
.filterSection .collapse { background: #C00 url(/SiteData/Root/SiteImages/collapse.gif) no-repeat left top; }
.filterSection .moreLink { float: right; }
/* ---filter section (colour) */
.galleryColourSwatch { display: block; float: left; border: solid 1px #BBB; width: 13px; height: 13px; text-indent: -9999px; }
.galleryColourSwatchName { margin-left: 6px; }

/* =SLIDER
   ----------------------------------------------------*/

.slider { position: relative; z-index: 0; /* <-- pretty important to stop any slides overlapping other elements on the page */ }   
.slider .sliderViewPort { z-index: 0; overflow: hidden; }
/* - the following rules are ESSENTIAL to make the slider function properly - check context and add appropriate values where needed */ 
.slider .sliderViewPort, .slider li, .slider .holder { margin-bottom: 0; height: 300px; /* - here we assume one column template */ width: 892px; }
.slider .productButtons .button { float: right; }
.sliderButtons .button { float: right; }
.sliderButtons .prevBtn { float: left; }
/* -- Panel content */
.panelImage { position: absolute; left: 0; top: 0; }
.panelContent, .panelTitle { position: relative; }
a .panelContent { color: #111; }
/* --- Panel content on the homepage */
#Sheet.home #MT .panelContent { position: absolute; left: 0; top: 20px; width: 516px; }
#Sheet.home #MT .slider .sliderViewPort, #Sheet.home #MT .slider li, #Sheet.home #MT .slider .holder { height: 262px; /* <-- here we assume #MT of HP template */ }
/* -- Scroll bar navigation */
.scrollPanel .pager { margin: 0; height: 18px; }
.scrollPanel .pager a { display: inline-block; padding: 0 6px; color: #FFF; text-align: center; text-decoration: none; background-color: #FF263F; }
.scrollPanel .pager a:hover { color: #FFF; background-color: #B20E22; }
.scrollPanel .pager a.active, .scrollPanel .pager a.active:hover { color: #333; background-color: #CCC; }
.tL, .tR, .bL, .bR { position: absolute; }
.tL, .tR { top: 0; } .bL, .bR { bottom: 0; } .tL, .bL { left: 0; text-align: left; } .tR, .bR { right: 0; text-align: right; }
.tL a, .bL a { margin-right: 4px; }
.tR a, .bR a { margin-left: 4px; }
/* -Thumbnail slider (14 12 11) */
.thumbContainer, .thumbContainer .sliderButtons a { position: absolute; left: 0; top: 0; }
.thumbContainer { z-index: 1; height: 100%; width: 100%; } /* <-- this assumes that we keep our thumbnail container within the confines of the thumbslider */
.horz.thumbContainer { height: 100px; }
.vert.thumbContainer { width: 278px; }
/* --The thumbnails */
.sliderThumbnails { overflow: hidden; }
.sliderThumbnails ul { position: relative; height: 96px; }
.sliderThumbnails li { float: left; position: relative; height: 100px; width: 278px; }
/* --The slider buttons (next / prev) */
.thumbContainer .sliderButtons { position: static; height: 100%; width: 100%; }
.thumbContainer .sliderButtons a { display: block; float: none; z-index: 1; height: 100px; width: 20px; text-indent: -9999px; background-color: #000; cursor: pointer;  }
.thumbContainer .sliderButtons a:hover { background-color: #BBB; }
.vert.thumbContainer .sliderButtons a { height: 20px; width: 278px; text-align: center; }
/* --Position these elements (based on module options) */
.right.thumbContainer, .thumbContainer .sliderButtons a.nextBtn { left: auto; right: 0; }
.bottom.thumbContainer, .vert.thumbContainer .sliderButtons a.nextBtn { top: auto; bottom: 0; }
/*--*/
#MB .sliderThumbnails h3 { margin-bottom: 0.25em; }
#MB .sliderThumbnails li a { padding-left: 24px; width: 254px; }
#MB .sliderThumbnails li.active { background: url(/SiteData/Root/SiteImages/wcy_thumbSliderActiveIcon.gif) no-repeat left top; }
/* Specifically for the Skip hire landing page (03/01/12) */
#ColumnMain1Col .horz.thumbContainer { padding: 12px 32px; height: 96px; width: 828px; background: url(/SiteData/Root/SiteImages/wcy_tumbContainerBg.jpg) no-repeat left top; } 
/* Note: for completeness a vertical setting should also be inserted */
#ColumnMain1Col .thumbSlider .sliderViewPort, #ColumnMain1Col .thumbSlider li { height: 358px; }
#ColumnMain1Col .sliderThumbnails li { height: 96px; width: 280px; }
#ColumnMain1Col .thumbSlider .sliderViewPort { padding-bottom: 120px; /* <-- accomedates the slider buttons */ }
/* -- Panel content on Skip hire */
#ColumnMain1Col .thumbSlider .panelTitle { float: left; width: 494px; }
#ColumnMain1Col .thumbSlider .panelContent { margin-left: 506px; font-size: 1em; }
#ColumnMain1Col .thumbSlider .panelImage { top: auto; bottom: 12px; }
/* --The thumbnails */
#ColumnMain1Col .sliderThumbnails li a { display: block; border: solid 2px #FFF; margin-right: 12px; padding: 4px; height: 84px; width: 256px; }
#ColumnMain1Col .sliderThumbnails li.active a { border-color: #FF263F; }
#ColumnMain1Col .thumbContainer .panelContent, #ColumnMain1Col .thumbContainer .panelTitle { margin-left: 84px; width: 172px; }
#ColumnMain1Col .thumbContainer .panelImage { left: 6px; top: 6px; }
#ColumnMain1Col .thumbContainer .sliderButtons { position: absolute; z-index: -1; top: 12px; left: 0; }
#ColumnMain1Col .thumbContainer .sliderButtons a  
{
	border: none; 
	height: 96px; 
	width: 24px;
	background: #FF263F url(/SiteData/Root/SiteImages/wcy_tSliderBtnHorzBg.gif) no-repeat 0 50%; 
}
#ColumnMain1Col .thumbContainer .sliderButtons a:hover { background-color: #B20E22; }
#ColumnMain1Col .thumbContainer .sliderButtons a.disabled { background-color: #EEE; }
#ColumnMain1Col .thumbContainer .sliderButtons a.nextBtn { background-position: right 50%; }

/* =SHOP TABLES
   ----------------------------------------------------*/

/* ShopTable (new styling 13.04.10) */
.shopTable { border: solid 1px #BBB; border-bottom: none; }
.shopTable table { width: 100%; }
.shopTable table table td { padding: 0; }
.shopTable td { border-bottom: solid 1px #BBB; padding: 6px 12px; vertical-align: middle; }
.shopTable .qtyCol, .shopTable .priceCol, .shopTable .totalCol, .shopTable .removeCol, .shopTable .btnCol, .shopTable .dateCol { text-align: center !important; }
.shopTable .btnCol .button { margin: 0 auto; display: inline-block; }
.shopTable .qtyCol, .shopTable .priceCol, .shopTable .totalCol { border-right: solid 1px #BBB; }
.shopTable .qtyCol, .shopTable .priceCol, .shopTable .dateCol { border-left: solid 1px #BBB; }
.shopTable .nameCol a  { font-weight: bold; text-decoration: none; }
.shopTable td.imageCol { width: 88px; }
/* TotalsTable */
.totalsTable { border: none; padding-bottom: 1em; }
.totalsTable td { border: none; padding: 1px 12px 2px 12px; font-weight: bold; text-align: right; background: transparent none; }
.totalsTable .priceCol { border: none; width: 102px; /* based on small delete col width */ text-align: right !important; }
/* Special rows */
#Content .basketShipping, #Content .addAddressRow td { background: #FFF none; }
.updateQuantityRow td * { vertical-align: middle; }
.updateQuantityRow .textbox { margin-right: 6px; }
#Content .addAddressRow .button, .discount { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 12px; }
/* -Sub Items */
.shopTable table table .subProductTotal { padding-left: 10px; }
.shopTable .subHeadRow th { color: #FFF; font-size: 1em; font-weight: bold; background: #BBB none; }
.shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/ic_subProductIndentImg.gif) no-repeat 50% 50%; }
.shopTable .subItem .imageCol img { display: none; }
.shopTable tbody .parentItem td { padding-bottom: 0; }
.shopTable tbody .subItem td  { padding-top: 0; padding-bottom: 0; }
tr.subItem td.nameCol a  { margin-left: 20px; font-weight: normal; }
/* -Basket (includes show & display baskets) */
.basket { margin-bottom: 1em; }
.basket table { empty-cells: hide; }
.showBasket table { border-collapse: collapse; empty-cells: show; }
.showBasket .productAdditional { display: block; font-size: 0.923em; line-height: normal; }
#MT .basket { margin-bottom: 0; }
/* -Adjust quantity functionality */
.shopTable .qtyCol { width: 120px; }
.shopTable td.qtyCol .textbox { float: left; padding: 4px 2px; height: 14px; width: 28px; font: 0.923em/normal Georgia,Serif; }
.shopTable .qtyHolder  { margin: auto; width: 53px; }
.shopTable span.QuantityAdjust a
{
	clear: right;
	float: right;
	display: block;
	margin-bottom: 2px;
	height: 11px;
	width: 11px;
	color: #FFF;
	font: normal 11px/9px Verdana,Sans-Serif;
	text-align: center;
	text-decoration: none;
	background: #FF2942 none;
}
#Content .basket .shopTableButtons .button { float: left; margin-right: 12px; }
.displayBasket .shopTable .qtyCol, .displayBasket .shopTable .priceCol { /* in the display basket the qtyAdjust buttons do not appear */ width: auto; }
#Content .basket .shopTableButtons .checkoutBtn { float: right; margin-right: 0; }
#Content .shippingRow th { border-bottom: none; padding-bottom: 0; color: #333; background: #FFF; }
#Content .shippingRow td  { font-weight: normal; }
#Content .shippingRow table { padding: 0; }
#Content .shippingRow table td { border: none; padding: 0; vertical-align: top; background: none; }
/* Checkout basket */
#Content .checkoutPriceCol, #Content .checkoutQtyCol, #Content .checkoutTotalCol { text-align: right; }
/* CustomerOrders Table */
.customerOrders .backLink { display: block; float: right; }
.customerOrders .orderPriceCol, .customerOrders .statusCol { text-align: right; }
.customerOrders .shopTable { margin-bottom: 1.538em; }
.customerOrders .makePaymentBtn { float: right; }
/* Save Basket Table */
#Content .saveBasket .priceCol { border-right: none; }
#Content .saveBasket .qtyCol { width: auto; }
/* Saved Basket Table */
.savedBaskets .shopTable th { white-space: normal; }
/* Address Table & Receipt */
.shopAddress p { padding-bottom: 0; }
.invoiceAddressTable, .deliveryAddressTable { border: solid 1px #BBB; margin-bottom: 1em; }
.shopAddress table { width: 100%; }
.shopAddress td { padding: 12px; }
.shopAddressButtons { padding: 0 12px 1em 12px; }
#Content .shopAddressButtons .button { float: right; }
/* Reciept */
.receipt { margin-bottom: 1em; }
.receipt .addresses { width: 100%; }
.receipt .invoiceAddressTable, .receipt .deliveryAddressTable { float: left; /* this values depends on the template of course */ width: 295px; }
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable th, .receipt .shopTable td, .receipt .totals { text-align: right; }
.receipt .shopTable .nameCol { text-align: left; }
/* Notifications */
.customerNotifications .shopTable .btnCol .buyBtn { margin-bottom: 0.5em; }
/* Simple Product table */
.simpleProduct .dateCol { width: 108px; }
.simpleProduct td.dateCol { text-align: left !important; }
.simpleProduct .dateCol .textbox { display: inline; float: left; margin: 0; padding: 0; width: 80px !important; }
#Content .simpleProduct .shopFormButtons { padding-left: 0; }
#Content .simpleProduct .shopFormButtons .button { float: right; }
#Content .simpleProduct .shopFormButtons .confirmBtn { margin-left: 6px; }
/* Calendar - Don't show this without JS */
.calendarButton { display: none; }
.jsEnabled .calendarButton { display: inline-block; padding: 0 2px; height: 16px; width: 16px; }
.jsEnabled .startDateInput { width: 80px !important; }
.simpleProduct .shopTable .qtyCol { border-left: none; border-right: none; }

/* =NEWS
   ----------------------------------------------------*/
   
/* A general class effecting everything used in an article */
.articleElement { }
/* -Article Image */
.articleImgHolder { width: 100%; overflow: hidden; }
/* - Author info */
.author { border: solid 1px #BBB; padding: 11px; background: #EFEFEF none; }
.author img { border: solid 1px #BBB !important; /* put this in here to show the form for putting a border on this image */ display: block; float: left; }
.author h2 span { display: inline; margin: 0; font-style: italic; }
.author span { display: block; margin-right: 12px; }
/* assumes 60 x 60 author image */
.author span, .author h2 { margin-left: 74px; }
.author p { padding-bottom: 0.5em; }
/* -Article Title */
.articleTitle { }
/* -Article First Line */
.articleFirstLine { }
/* -Article Date */
.articleDate { display: block; margin-bottom: 1em; color: #333; font: bold 1em/1.538em Georgia,Times,Serif; } 
/* -Story */
.story { }
.articleExpLink 
{
	display: block;
	border-bottom: solid 2px #999;
	margin-bottom: 0.5em;
	padding: 2px 5px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	/*line-height: 18px;*/
	background: #BBB none; 
}
.articleExpLink img { float: right; margin-top: 2px; /* make this the same as the main link color */ background: #C00 none; }
.articleExpLink:hover { background: #999 none; cursor: pointer; }
/* -Article Credits */
.articleMoreInfo p { font-style: italic; }
/* -Related Articles */
/* -Related Links */
/* Archive Date Tree */
.archiveDateTree ul { list-style: disc; } 
/* News Listing (Important - his governs the display in News, Events and Journal) */
#Content .item h3 { margin-bottom: 0.143em; }
.item .date { color: #999; font-style: italic; }
.item itemFoot a  { margin-left: 6px; }

/* =EVENTS & JOURNAL
   ----------------------------------------------------*/

/* =FORUM
   ----------------------------------------------------*/

/* =BROWSER FIXES
   ----------------------------------------------------*/

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons,
.registerLink, .miniBasket, .shopForm, .shopAddressButtons, 
.productReviews, .shopTableButtons, .validationList ul li, #Content .basketShipping,
.addAddressRow td, .productList, .productContainer, .relatedProducts, 	
.productPromotions, .productReviews, .siteNavigation li a, .shopTable .qtyHolder, 
.pagerSort, .featuredProducts, .productButtons, #Content, .author, .story, 
#Footer, .siteNavigation li, .productImg .moreImages, .warningBox, .rating, .topLink, .searchBox,
.popupMiniBasket a, #pfcontent, .radioBtnSet, .serviceList
{
	height: 1%;
}
/* Firefox Only */
.button::-moz-focus-inner { border: none; padding: 0; }
input::-moz-focus-inner { border: solid 1px transparent; padding: 0; }
/* Safari Only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.button[type] { line-height: 18px !important; }
/* this levels up buttons with input fields */
.updateQuantityRow .button[type], .shopForm .addressBtn[type], .warningBox .button[type]
{
	line-height: 14px !important;
}
}

/* =LIGHTBOX
   ----------------------------------------------------*/
/* jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
#jquery-overlay, #jquery-lightbox { position: absolute; left: 0; top: 0; display: none; width: 100%; }  
#jquery-overlay { z-index: 9996; height: 500px; color: #666; }
#jquery-lightbox { z-index: 9997; line-height: 0; text-align: center; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; margin: 0 auto; height: 250px; width: 250px; background: #FFF none; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; left: 0; top: 40%; height: 25%; width: 100%; line-height: 0; text-align: center; }
#lightbox-nav { position: absolute; left: 0; top: 0; z-index: 10; height: 100%; width: 100%; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { display: block; height: 100%; width: 49%; zoom: 1; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box 
{
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	/* Change this depending on the base font family */
	font: 11px/1.091em Georgia,Serif;
	/* -- */
	background: #FFF none;
	overflow: auto;
}
#lightbox-container-image-data { padding: 0; color: #666; }
#lightbox-container-image-data #lightbox-image-details { float: left; width: 60%; text-align: left; }	
#lightbox-image-details-caption { display: block; padding-bottom: 1em; /*font-weight: bold;*/ }
/* this just shifts the counter up a line */
#lightbox-image-details-currentNumber { clear: left; display: block; margin-top: -1em; padding-bottom: 1em; }			
#lightbox-secNav-btnClose { float: right; height: 16px; width: 101px; }
#map { position: relative; overflow: hidden; }
#zoomer { position: absolute; height: 250px; width: 250px; opacity: 0.85; overflow: hidden; }   
#imgMover { position: absolute; }
.ui-tabs-hide { display: none; }
.enlarge { z-index: 999; }
/* Mojozoom (for image zoomer) */
div.mojozoom_marker { position: absolute; cursor: move; }
div.mojozoom_border, div.mojozoom_fill { position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
div.mojozoom_border { border: 1px solid #000; }
div.mojozoom_fill { padding: 1px; background: #FFF none; opacity: 0.50; -moz-opacity: 0.50; -khtml-opacity: 0.50; filter: alpha(opacity=50); }
img.mojozoom_img { border: none; padding: 0; }
div.mojozoom_imgctr { position: absolute; border: 1px solid #000; margin: 0 0 0 16px; height: 398px !important; width: 398px !important; /* Assumes 400 x 400 enlargement */ }
div.mojozoom_caption { position: absolute; left: 0; top: 0; z-index: 10000; width: 398px !important; padding: 4px 6px 5px 6px; color: #FFF; background: #000 none; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80); }
div.mojozoom_caption span { font: bold 1.2em/1.5em Sans-serif; }

/* =AJAX CALENDAR
   ----------------------------------------------------*/

.ajax__calendar { z-index: 999; }
.ajax__calendar_container { z-index : 1000; }
.ajax__calendar .cms__today_disabled, .ajax__calendar .cms__date_disabled .ajax__calendar_day { cursor: default; }
.ajax__calendar .cms__date_disabled div { /* same as default disabled style */ color: #999; background: #EEE none; }
/* stops exterior styling encroaching */
#Sheet .ajax__calendar table, #Sheet .ajax__calendar td { margin: 0; border: none !important; }
#Sheet .ajax__calendar td { background-image: none; }

/* Fix styles */
.panelContent a p, .panelContent a h3, .panelContent a:hover p, .panelContent a h3 { color: #000 !important; text-decoration: none !important; }
.panelContent a p a { color: #ff263f !important; text-decoration: none !important; }
.panelContent a p a:hover { text-decoration: underline; }