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

/* Default.css
   Created: Fri 16.09.11 @ 9:00 a.m.
   Updated: Fri 30.09.11 @ 1:00 p.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 & OTHER JS
   SHOP FORMS        |   
*/

/* =TOP LEVEL
   ----------------------------------------------------*/
   
html, body, form, fieldset, input, select, textarea, .textbox, .clear-on-focus, .dropdown, .dropdownlist { font-family: Helvetica,Sans-serif; }
/* -Make the 'ancored' footer possible */
html, body, #form_Main, #PageContentPanel { height: 100%; }
body { font-size: 0.625em; line-height: 1.0; background: #FFF url(/SiteData/Root/SiteImages/racu_bodyBgTile.jpg) repeat-x left top; overflow: -moz-scrollbars-vertical; }
/* Sheet (optimum for 800 = 768px | optimum for 1024 = 960px) */ 
#Sheet { margin-bottom: -200px; height: auto !important; height: 100%; min-height: 100%; width: 960px; color: #666; }
#Sheet, .inner { margin-left: auto; margin-right: auto; padding: 0 3px; width: 960px; background: url(/SiteData/Root/SiteImages/racu_sheetBgTile.png) repeat-y left top; }

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

/* #F15F1F - Link Orange
   #FF5E00 - Original RAC Orange
   #F09500 - RAC Yellow
   #74655E - Brown
*/

h1, .categoryDisplay h2 { border-bottom: dotted 1px #CCC; margin-bottom: 0.333em; padding-bottom: 0.167em; color: #F15F1F; font: normal 2.333em/normal Helvetica,Sans-serif; }
h1.noBorder { padding: 0; }
.panelContent h1 { margin-bottom: 0.357em; padding-bottom: 0.286em; color: #FFF; border-bottom: none; background: url(/SiteData/Root/SiteImages/racu_titleDivideBgTile.gif) repeat-x left bottom; }
h2 { margin-bottom: 0.6em; color: #F15F1F; font: normal 1.6667em/normal Helvetica,Sans-serif; }
.searchBox h2, h2.greyTitle { margin-bottom: 0.333em; color: #666; font: 2em/normal Helvetica,Sans-serif; }
h2.divider, .relatedProducts h2 { border-bottom: dotted 1px #CCC; padding-bottom: 0.15em; }
h3 { margin-bottom: 0.5em; color: #F15F1F; font: bold 1.3334em/1.5em Helvetica,Sans-serif; }
h3.divider { border-bottom: dotted 1px #CCC; margin-bottom: 1em; padding-bottom: 0.125em; color: #666; }
.redAlert h3 { color: #FFF; margin-bottom: 0; }
#Footer h3 { text-transform: capitalize; }
.productImg h3 { text-align: center; color: #333; font: normal 1em/1.5em Helvetica,Sans-serif; }
h4 { margin-bottom: 0.429em; font: bold 1.167em/normal Helvetica,Sans-serif; }
h5, h6 { margin-bottom: 0.250em; font: bold 1em/normal Helvetica,Sans-serif; }
#Sheet, #Footer, .aboutSecurityCode { font: normal 1.2em/1.5em Helvetica,Sans-serif; text-align: left; } 
p, blockquote, address, .vcard, .hcard .forumMessage  { padding-bottom: 1.5em; }
.panelContent p { padding-bottom: 0.7692em; font: normal 1.333em/normal Helvetica,Sans-serif; }
.searchBox p { padding-bottom: 1em; }
.promoPanel p { padding-bottom: 0.5em; }
p.super { color: #F15F1F; font: 2em/normal Arial,Sans-serif; }
/* - Headings */
#Content .searchResults h2, #Content .author h2 { margin-bottom: 1em; font: bold 1em/normal Arial,Sans-serif; }
#Content .createCustomer h2.secondary { margin-top: 0.778em; }
.product .productPrice { margin-bottom: 0.333em; color: #F15F1F; font: normal 2.333em/normal Helvetica,Sans-serif; }
/* - Lists */
ul, ol { margin-left: 2em; padding-bottom: 1.5em; }
ul ul { margin-bottom: 0; }
dd, ul li, ol li { line-height: 1.5em; }
/* - Links */
a, input, button { /* hiding the dotted focus outline here */ outline: 0; }
a { color: #F15F1F; text-decoration: none; }
a:hover, a:active { text-decoration: underline; }
a:active, a:focus { text-decoration: none; }
:focus { -moz-outline-style: none; }
.shopTable .nameCol a, .customerLogin a.Current { font-weight: bold; }
/* --should be styled as regular text */
#MBSummaryDisplay a { color: #FFF; } 
.pager a.active { color: #333; }
#Footer a { color: #5F5346; }
a.external { margin-right: 0.25em; padding-right: 1.25em; background: url(/SiteData/Root/SiteImages/racu_externalIcon.gif) no-repeat right 25%; }
/* 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.doc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/doc.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 & other misc */
.subText, .checkboxLabel, .frameSubText { font: bold 0.917em/1.091em Arial,Sans-serif; padding-bottom: 0.545em; }
.frameSubText { font-weight: normal; } 
.checkboxLabel { position: relative; top: 2px; }
.orange { color: #F15F1F; }
.green { color: #063; }
.phone { padding-left: 0.75em; background: url(/SiteData/Root/SiteImages/racu_phoneIcon.gif) no-repeat left 33%; }
/* --Validation mark */
.shopForm label span { font-size: 1.333em; }
/* - Titles used for modules (usually no bottom margin ) */
#Content .modTitle, #Content .paymentTitle { margin-bottom: 0 !important; padding: 4px 12px; color: #FFF; font: bold 1.333em/1.125em Helvetica,Sans-serif; background: #CCC none; }
#Content .paymentTitle { border: solid 1px #F15F1F; padding: 6px 12px; color: #FFF; background: #F15F1F url(/SiteData/Root/SiteImages/racu_activeOrgGradBgTile.jpg) repeat-x left top; }
#Content h3.hpFeatureTitle { display: block; margin: 0; padding-left: 24px; color: #FFF; font: bold 1em/1.5em Arial,Sans-serif; text-transform: uppercase; /*letter-spacing: -0.0652em;*/ background: #999 url(/SiteData/Root/SiteImages/racu_siteNavigationBg.gif) no-repeat left -800px; }
/* - Table headings and things that need to look as such */
.shopTable th, .invoiceAddressTable th, .toggleBar,
.deliveryAddressTable th, #Content .shopTableTitle, #Content .createFullAccount h3, 
#Content .receiptCreateFullAccount h3, #Content .payment h3, #Content .forum .forumMessagePoster  
{
	margin-bottom: 0 !important;
	padding: 6px 12px; 
	color: #FFF;
	font-weight: bold;
	text-align: left;
	background: #CCC none;
}
.toggleBar { display: block; text-decoration: none; }

/* =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, .searchKeyword, .currencyKeyword, .extraDeliveryDetails, 
.payment .secureMsg, .payment .varifyMsg, .contentResults .url, .product .productPriceText, .product .productCodeText,
.textImage span, .printHeader, .shopTable .qtyCol .validationList, .sideColumn .blankLabel, .customerSubscriptions .blankLabel,
.newsItem img, .batchContainer .moreImages, .product .productType, .product .productCode, .productImg .enlargeImgBtn,
.recentlyViewedProducts h2, .shippingNotes, .newsListing img, .galleryProduct .moreImages, .dateCol label, .viewBasketBtn,
.productButtons, .panelContent h1 span
{
	display: none !important;
	visibility: hidden !important;
}
/* No additional padding / margin / list-style on these ULs */
#Navigation ul, .topNavigation ul,
.siteNavigation ul, .productLinklist ul,
.scrollPanel ul, .shopTable ul, .bulletList ul,
.contentResults ul, .galleryNavigation ul, .shopLinks ul,
.progressBar ul, .cBRegResult ul
{
	margin: 0;
	padding: 0; 
	list-style: none;
}
/* Hide padding / margins / border */
.noPadding { padding: 0; }
.noMargin { margin: 0; } 
.noBorder  { border: none; }
/* Floats */
.left { float: left; }
.right { float: right; }
img.left { padding: 0 1em 1em 0; } 
img.right { padding: 0 0 1em 1em; }
.sideColumn img.left { padding-left: 0 0.5em 0.5em 0; }
.sideColumn img.right { padding: 0 0 0.5em 0.5em; }
/* Positioning */
.outdent { position: relative; }
#Content img.right.outdent { right: -1em; padding-left: 0; }
#Content img.left.outdent { left: -1em; padding-right: 0; }
/* Column Edit */ 
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
#Footer .CMSColumnEdit, #Sheet.home #MM .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; }
.checkbox { padding-right: 4px; }
/* About security number */
.aboutSecurityCode { width: 556px; padding: 12px; background: #FFF none; }
.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: none;
    margin: 0;
    padding: 5px 6px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #FFF;
	font-size: 11px !important;
	font-weight: bold;
	line-height: 14px;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
    /*background: #F15F1F url(/SiteData/Root/SiteImages/racu_btnBgTile.jpg) repeat-x left top;*/
    background: #F15F1F none;  
}
.button:hover { color: #FFF; background: #C14C19 none; text-decoration: none; }
.button:active, .button:focus { color: #FFF; background: #000 none; text-decoration: none; }
/* -adjust padding for for IE6 & 7 */
* html input.button, * html button { padding: 4px 6px 3px 6px; width: 0; }
/* -adjust padding for IE7 */
*:first-child+html .button[type]  { padding: 4px 6px 3px 6px;  }
/* -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; }
#Content .buyBtn, #Content .checkoutBtn, #Content .createCustomer .continueBtn, .payment .makePaymentBtn,
#Content .cBSearchBtn, #Content .cBResetBtn, #Content .fittingBtn, #Content .enterDiscountBtn 
{
	color: #FFF; 
	height: 31px; 
	width: 71px; 
	padding: 0 1em !important; 
	font: bold 12px/30px Arial,Sans-serif !important; 
	text-align: left; 
	text-transform: lowercase; 
	background: url(/SiteData/Root/SiteImages/racu_greenBtnBgReg.gif) no-repeat left top; 
}
#Content .checkoutBtn, #Content .createCustomer .continueBtn, .payment .makePaymentBtn, #Content .cBSearchBtn, #Content .cBResetBtn, #Content .enterDiscountBtn { width: 120px; background: url(/SiteData/Root/SiteImages/racu_greenBtnBgWide.gif) no-repeat left top; }
#Content .fittingBtn { float: right; width: 136px; background: url(/SiteData/Root/SiteImages/racu_greyBtnBgWide.gif) no-repeat left top; }
#Content .notifyBtn, #Content .preorderBtn { width: 95px; }
#Content .cBSearchBtn, #Content .cBResetBtn, #Content .enterDiscountBtn { background: url(/SiteData/Root/SiteImages/racu_orangeBtnBgReg.gif) no-repeat left top; }
#Content .enterDiscountBtn { background: url(/SiteData/Root/SiteImages/racu_orangeWhtBtnBgReg.gif) no-repeat left top; }
#Content .cBSearchBtn, #Content .enterDiscountBtn { margin: -5px 0 0 6px; }
/* -smaller buttons */
.updateQuantityRow .button[type], .shopForm .addressBtn[type], #Content .searchBox .button[type], .warningBox .button[type] { padding: 2px 5px; }
/* --IE6 */
* html .updateQuantityRow .button, * html .shopForm .addressBtn, * html #Content .searchBox .button, * html .warningBox .button { padding: 0 5px; }
/* --IE7 */
*:first-child+html .updateQuantityRow .button, *:first-child+html .shopForm .addressBtn, *:first-child+html #Content .searchBox .button, *:first-child+html .warningBox .button { padding: 0 5px; }
/* -disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled { border: solid 1px #CCC; color: #999; background: #EEE 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: #333;
	font: normal 1em/1.5em Helvetica,Sans-serif !important;
	text-align: left !important;
	background: none;
	cursor: pointer;
}
/* Bulleted links */
.next, .previous, .backLink, .returnLink, .bulletLink, .conversionLink, .eventLink, #Content .productLinklist input, #Content .productLinklist a, .customerLogin .linkList li a, .bulletList a, .moreNewsLink .forumReplyLink, .goToBasketBtn, .moreLink, .productListingName { padding-left: 1.5em !important; background: url(/SiteData/Root/SiteImages/racu_bulletIcon.gif) no-repeat left 55%; }
/* -bullet reversed */
.previous, .backLink, .returnLink { background: url(/SiteData/Root/SiteImages/racu_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; }
/* Grand list */
.grandList { margin-bottom: 1em; }
.grandList ul { list-style: none; }
.grandList li { font: normal 1.333em/1.5em Arial,Sans-serif; padding-left: 1.5em; background: url(/SiteData/Root/SiteImages/racu_grandListBullet.gif) no-repeat left 50%;  }
/* side col modules */
.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;
	border: solid 1px #CCC;
	border-top: none;
	margin-bottom: 1.5em;
	padding: 11px;
	background: #FFF none;
}
.subColumn .customerLogin, .subColumn .searchBox,
.subColumn .shopSearchBox, .subColumn .registerLink,
.subColumn .archiveDateTree, .subColumn .currencySelector,
.subColumn .competitionForm, .subColumn .contentHolder
{
	border: none;
	padding: 12px;
}
/* Specific to RAC */
.hpFeature .description { padding: 0.769em; font-size: 1.083em; }
.findOutMore  
{
	border: solid 1px #F15F1F;
	padding: 1px 2em 1px 0.75em;
	font: bold 12px/normal Helvetica,Sans-serif !important;
	background: #E5E4E3 url(/SiteData/Root/SiteImages/racu_subBtnBg.jpg) no-repeat right top;
	text-align: left;
	text-transform: lowercase;
    /* CSS3 */
    -moz-border-radius: 0.333em;
    -webkit-border-radius: 0.333em;
    border-radius: 0.333em; 	 
}
.hpFButtons .findOutMore { float: right; }
.hpFeature h4 { margin-bottom: 0.462em; color: #333; font: bold 1.231em/normal Helvetica,Sans-serif; }
.findOutMore:hover { text-decoration: none; }
/* -Side column content panels */
.sCPanel { display: block; position: relative; margin-bottom: 1.5em; padding: 1.5em 1em 0 1em; background: #FFF url(/SiteData/Root/SiteImages/racu_sideColContentBg.jpg) no-repeat left top; }
a.sCPanel { color: #666; text-decoration: none; }
/* --within the panel */
.sCFooter { position: relative; z-index: 0; height: 85px; margin: -61px -1em 0 -1em; width: 220px; background: url(/SiteData/Root/SiteImages/racu_sideColContentFootBg.jpg) no-repeat left top; }
a.sCPanel .sCFooter { background-image: url(/SiteData/Root/SiteImages/racu_sideColContentLinkFootBg.jpg); }
.sCPanel .sCPContent  { position: relative; z-index: 1; }
.sCPanel h3 { line-height: 1em; margin-bottom: 0.5em; text-transform: capitalize; }
.sCPanel p { padding-bottom: 0.5em; line-height: 1.25em; }
.sCPanel p.super { padding-bottom: 0; }
/* Featurette banners */
/* -default banner (image left) */
.featurette a { position: relative; display: block; margin-bottom: 0.667em; padding: 2.1667em 1em 0.5em 7.667em; height: 50px; color: #666; }
.featurette a:hover { text-decoration: none; }
.featurette a.last { margin-bottom: 0; }
/* -- others */
.featurette a.reverse { padding: 2.1667em 7.667em 0.5em 1em; }
.featurette a.full { color: #FFF; padding: 3.5em 0.5em 0.75em 0.75em; height: 34px; }
.featurette a.narrow { padding: 2.1667em 1em 0.5em 12.5em; }
/* - Elements inside */
.featurette a img { position: absolute; left: 0; top: 0; z-index: 0; }
.fContent { position: relative; z-index: 1; }
.fContent p { padding-bottom: 0; line-height: 1.1667em; }
.fContent span { display: block; font-weight: bold; }
/* Payment types */
.paymentTypes { text-align: center; margin-bottom: 1em; }
/* Register for (side column) */
.registerFor  
{
	margin-bottom: 1.5em;
	padding: 1.5em 1em 3em 1em;
	background: #F09500 url(/SiteData/Root/SiteImages/racu_regForBgTile.jpg) repeat-x left bottom;
	/* CSS3 */
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em; 
}
.registerFor img { display: block; margin-bottom: 1em; }
/* -Progress bar */
.progressBar { position: relative; margin: 0 0.417em 1.5em 0.417em; overflow: hidden; }
#MT .progressBar { margin-bottom: 0; }
.progressBar ul li  
{
	float: left;
	position: relative;
	border-left: solid 1px #FFF;
	margin-right: -7px;
	padding: 2px 4px 5px 0;
	font: normal 1.167em/1.286em Arial,Sans-serif;
	width: 33.3%;
	height: 16px; 
	color: #FFF;
	text-align: center;
	background: url(/SiteData/Root/SiteImages/racu_progressBarBg.gif) no-repeat right top;
}
.progressBar ul li.active { border-color: #FFF; position: relative; color: #FFF; background-position: right -23px; }
.progressBar ul li.first { z-index: 2; }
.progressBar ul li.second { z-index: 1; }
.progressBar ul li.third { z-index: 0; }
/* Battery landing page promo content */
.contentPromoPanels { width: 416px; }
.promoPanel  
{
	padding: 1em;
	width: 176px;
	background: #FFF none;
	/* CSS3 */
    -moz-border-radius: 1.5em;
    -webkit-border-radius: 1.5em;
    border-radius: 1.5em;
	-webkit-box-shadow: 1px 1px 1px 1px #BBB;
	-moz-box-shadow: 1px 1px 1px 1px #BBB;
	box-shadow: 1px 1px 1px 1px #BBB; 
}

/* =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: 10px 10px 0 10px; height: 110px; color: #5F5346; background: #FFF url(/SiteData/Root/SiteImages/racu_headerBgTile.jpg) repeat-x left bottom; }
.homeLink { position: absolute; left: 20px; top: 20px; display: block; height: 50px; width: 100px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/racu_headerLogo.gif) no-repeat left top; }
#Sheet.process #Header { height: 76px; }
/* Shop Navigation */
#ShopNavigation { float: right; width: 566px; }
/* -Find Shop Info */
.findShopInfo { float: left; width: 284px; }
/* --Contact number */
.contactNumber { margin-bottom: 1.333em; text-align: right; }
.contactNumber span { font-weight: bold; color: #F15F1F; }
/* --Search box */
#Header .searchBox .textbox, #Header .searchBox .clear-on-focus, #Header .searchBox .button { margin-bottom: 0; }
#Header .searchBox .textbox, #Header .searchBox .clear-on-focus { border-color: #CCC; padding: 4px 4px 4px 24px; width: 224px; background: url(/SiteData/Root/SiteImages/racu_magnifierIconBg.gif) no-repeat 4px 50%; }
#Header .searchBox .button  
{
	float: right; 
	padding: 5px; 
	height: 24px; 
	width: 24px; 
	font: bold 1.083em/normal Helvetica,Serif; 
	text-transform: lowercase;
	background: url(/SiteData/Root/SiteImages/racu_btnBgTile.jpg) repeat-x left top;
    /* CSS3 */
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    border-radius: 0.5em; 
}
/* -Shop Info */
.shopInfo { float: right; width: 238px; height: 76px; }
/* --ShopLinks */
.shopLinks { position: relative; margin-bottom: 0.833em; }
.shopLinks li { float: left; padding-right: 1.25em; }
.shopLinks li a  { float: left; }
a.fauxShopLink { float: right; }
a.fauxShopLink, .shopLinks li a { display: block; padding-left: 1em; color: #605446; background: url(/SiteData/Root/SiteImages/racu_bulletIcon.gif) no-repeat left 50%; text-transform: lowercase; }
/* --Minibasket */
.mBHolder { position: relative; float: right; padding-left: 62px; width: 146px; height: 48px; background: url(/SiteData/Root/SiteImages/racu_basketIconBg.gif) no-repeat left bottom; }
.mBHolder a { position: absolute; top: 0; left: 0; height: 100%; width: 100%; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/clearpixel.gif) repeat left top; }
.mBHolder .mbTitle { display: block; padding-left: 1em; color: #F15F1F; background: url(/SiteData/Root/SiteImages/racu_bulletIcon.gif) no-repeat left 50%; }
.mBHolder p { padding-bottom: 0; text-transform: lowercase; }
.mBHolder em { font-style: normal; }
.mBHolder .items { border-right: solid 1px #5F5346; padding-right: 0.417em; margin-right: 0.250em; }
/* -Navigation */
#Navigation { clear: right; position: relative; z-index: 9; border: solid 1px #CCC; border-bottom: none; height: 33px; width: 938px; background: #CCC url(/SiteData/Root/SiteImages/racu_navBgTile.jpg) repeat-x left top;  }
/* -TopNavigation */
.topNavigation, .topNavigation li  { float: left; position: relative; }
.topNavigation { margin: -1px; width: 940px; }
.topNavigation li a
{
	float: left;
	border-left: solid 1px #CCC;
	height: 34px;
	width: 132px;
	padding: 0 12px;
	color: #5F5346; 
	font: bold 1.083em/2.6154em Helvetica,Sans-serif;
	text-align: center;
}
.topNavigation li.nav01 a { border-left: none; width: 131px; }
.topNavigation li:hover a, .topNavigation li.active a  { text-decoration: none; color: #FFF; background: #F15C22 url(/SiteData/Root/SiteImages/racu_activeOrgGradBgTile.jpg) repeat-x left top; }
.topNavigation li:hover .subNav a { color: #333; background: none; }
/* --SubNavigation */
.topNavigation .subNav { display: none; position: absolute; top: 36px; width: 300px; border: solid 1px #333; background: #FFF none; }
.subNav dl { float: left; padding: 4px; width: 142px; 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 .topNavigation .subNav a { display: inline; float: none; border: none; padding: 0; width: auto; height: auto; font: normal 1em/1.5em Arial,Sans-serif; text-align: left; text-transform: none; background: none; }
#Navigation .topNavigation li .subNav a:hover { color: #F00; background: none; }
/* -Breadcrumb */
#SubNavigation { clear: both; padding: 0.833em; background: #FFF none; }

/* =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 { padding: 0 10px 212px 10px; width: 940px; min-height: 400px; background: #FFF none; }
#Sheet.home #Content, #Sheet.process #Content { padding-top: 1em; }
/* 2 Column */
#ColumnMain2Col { float: right; width: 700px; }
/* HP */
#MT, #MM, #MBLT, #MBLB { margin-bottom: 1em; }
#Sheet.process #MT { border-bottom: dotted 1px #CCC; padding-bottom: 1em; margin-bottom: 1em; }
/* - all the left and right floats */
#MTL, #MBL, #MBLTL, #MBLBL, #MBLTLL, #MBLBLL { float: left; }
#MTR, #MBR, #MBLTR, #MBLBR, #MBLTLR, #MBLBLR { float: right; }
#MTL { width: 658px; }
#MTR { width: 272px; }
#MBL { width: 710px; }
/* Features of HP */
#MBLTL, #MBLBL { width: 470px; }
.hpFeature { width: 230px; min-height: 276px; background: url(/SiteData/Root/SiteImages/racu_featureContentGryGradBg.jpg) repeat-x left bottom; }
/* Sub columns */
#Content .subColumn { width: 464px; }
/* Side columns */
.sideColumn { float: right; width: 220px; }
#ColumnLeft { float: left; padding: 0 5px; }

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

#Footer { clear: both; margin-top: -200px; height: 200px; color: #5F5346; background: url(/SiteData/Root/SiteImages/racu_footerBgTile.jpg) repeat-x left bottom; }
/* Footer navigation */
#FooterNavigation
{
	padding: 1em 0.8333em;
	height: 136px;
	background: #F0F0F0 none;
}
#FN { background: url(/SiteData/Root/SiteImages/racu_divideBgTile.gif) repeat-y 699px 0; }
#FNL { float: left; width: 680px; }
#FNR { float: right; width: 220px; }
#FooterNavigation .bulletList li { margin-bottom: 0.25em; }
#FooterNavigation #FNL .bulletList { float: left; padding-left: 10px; width: 220px; }
#FooterNavigation #FNL .bulletList.first { padding: 0; }
/* Copyright notice */
#Copyright { background: #D4D4D4; padding: 0.9167em 0.8333em; height: 18px; }
#Copyright p { padding: 0; }
#InternovaLogo { float: right; padding: 0 12px 0 0; width: 200px; /* this font size must be kept consistant */ text-align: right; }
#InternovaLogo a { color: #5F5346; text-decoration: none; }

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

/* Site Navigation */
.siteNavigation { margin-bottom: 1em; }
.siteNavigation ul li a { }
/* -Parent of current node styling (top level) */
.siteNavigation li.CurrentParent a.CurrentParent, .siteNavigation li.Current a.Current { font-weight: bold; }
/* -Current node styling (second level) */
.siteNavigation ul ul li.Current a.Current { }
/* -left and right columns */
.sideColumn .siteNavigation { margin: 0 -5px 1em -5px; width: 230px; padding-bottom: 1.5em; font-family: Arial,Sans-serif; background: url(/SiteData/Root/SiteImages/racu_shadowTile.gif) repeat-x left bottom; }
.sideColumn .siteNavigation li { margin-bottom: 1px; background: #FFF none; }
.sideColumn .siteNavigation li a { display: block; padding: 1px 4px 2px 24px; color: #5F5346; /*text-transform: lowercase;*/ line-height: normal; /*letter-spacing: -0.0652em;*/ background: #DDD url(/SiteData/Root/SiteImages/racu_siteNavigationBgUpdated.gif) no-repeat left top; }
.sideColumn .siteNavigation ul li a.Current, .sideColumn .siteNavigation li a:hover { text-decoration: none; color: #FFF; font-weight: normal; background-color: #74655E; background-position: 0 -800px; }
.sideColumn .siteNavigation li a:hover { background-color: #F15F1F; }
/* Link list */
.linkList { }
/* Site Map */
.siteMap { margin-bottom: 1.5em; }
.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) */
.searchResults { margin-bottom: 1.5em; }
.contentResults li { margin-bottom: 1em; }
.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  { /*text-transform: lowercase;*/ }
.breadcrumb a { font-weight: bold; }
/* FAQ */
.FAQ .FAQQuestion * { font-weight: bold; text-decoration: underline; }
.FAQ .FAQAnswer { display: none; }
/* SearchBox */
.searchBox { position: relative; }
.searchBox label, .searchBox .textbox, .searchBox .clear-on-focus, .searchBox .button { float: left; }
.textbox, .searchBox .clear-on-focus { margin-bottom: 5px; width: 156px; }
/* 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; }
#Content object { display: block; margin-bottom: 1em; } 
/* 3D Secure */
.threeDSecureIFrame { width: 100% !important; }
/* Modules speicfic to RAC */
.carBatteryWizard { margin-bottom: 1.5em; }
.carBatteryWizard .searchBox { margin-bottom: 1.5em; border-bottom: dotted 1px #CCC; border-top: dotted 1px #CCC; padding: 1.5em 1em; background: #F0F0F0 none; }
.carBatteryWizard .searchBox label { padding-right: 1em; color: #F15F1F; font-weight: bold;  }
.carBatteryWizard .searchBox .textbox { border-color: #999; padding: 3px; width: 102px; }
/* Membership discount */
.membershipDiscount { margin-bottom: 1.5em; }
.membershipDiscount .searchBox label { padding-right: 1em; color: #F15F1F; font-weight: bold; line-height: 1.8em;  }
.membershipDiscount .searchBox .textbox { padding: 3px; }
/* Reg result */
.cBRegResult { margin-bottom: 1em; font-weight: bold; }
.cBRegResult span { display: inline-block; width: 10em; }

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

/* Standard Forms */
.shopForm, .compactShopForm, .shopConditions { position: relative; }
.shopConditions { position: static; padding-top: 1em; 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 Right of a 2 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	margin-bottom: 2px;
	padding-right: 6px;
	width: 200px;
	font: bold 1em/normal Arial,Sans-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: 284px;
}
/* -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: 498px; /* left = (label width + label padding + textbox width + 8) */ }
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, .shopForm .dropdownlist { width: 288px; /* 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: 264px; /* width = (textbox width - 20) */ }
.shopForm .forgottenPasswordLink { display: block; line-height: 1em; margin: 0 0 0.5em 206px; /* margin left = (label width + label padding) */ }
.shopFormButtons { position: relative; padding: 12px 0 12px 206px; text-align: left; /* padding left (same as above) */ }
/* Variation based on Layout */
/* 1Column */
#ColumnMain1Col .shopForm label { width: 300px; }
#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: 324px; 
}
#ColumnMain1Col .shopForm label span, #ColumnMain1Col .shopForm .validationSub { left: 638px; }
#ColumnMain1Col .shopForm .dropdown, #ColumnMain1Col .shopForm .dropdownlist { width: 328px; }
#ColumnMain1Col .shopForm .checkboxLabel { width: 304px; }
#ColumnMain1Col .shopForm .forgottenPasswordLink  { margin-left: 300px; }
#ColumnMain1Col .shopFormButtons { padding-left: 300px; } 
/* Sub Columns */
#Content .subColumn .shopForm label { width: 198px; width: 120px; }
#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: 230px; 
}
#Content .subColumn .shopForm label span, #Content .subColumn .shopForm .validationSub { left: 362px; }
#Content .subColumn .shopForm .dropdown, #Content .subColumn .shopForm .dropdownlist { width: 234px; }
#Content .subColumn .shopForm .checkboxLabel { width: 210px; }
#Content .subColumn .shopForm .forgottenPasswordLink  { margin-left: 126px; }
#Content .subColumn .shopFormButtons { padding-left: 126px; }
/* Side Columns */
#Content .sideColumn .shopForm label { margin-bottom: 0; padding-right: 0; text-align: left; width: 188px; }
#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: 184px;
}
#Content .sideColumn .shopForm .holder, #Content .sideColumn .shopForm .checkboxHolder { width: 100%; margin-bottom: 0; }
#Content .sideColumn .shopForm label span, #Content .sideColumn .shopForm .validationSub { left: 188px; } 
#Content .sideColumn .shopForm .dropdown, #Content .sideColumn .shopForm .dropdownlist { width: 188px; }
#Content .sideColumn .shopForm .checkboxLabel { width: 164px; }
#Content .sideColumn .shopForm .forgottenPasswordLink { margin-left: 0; width: auto; }
#Content .sideColumn .shopFormButtons .button { float: right; }
/* Form validation */
.validationList 
{
	border: solid 1px #F00;
	margin-bottom: 1.5em;
	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.5em; padding: 0; font-weight: normal; }
/* -validation for simpleProduct */
#Content .simpleProduct .shopTable .validationSub { position: static; float: right; }
/* Warnings */
.warningBox 
{
	border: solid 1px #CCC;
	margin-bottom: 1.5em;
	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; }
/* Red Alert!!! */
.redAlert { border: none; padding: 1em 1em 1em 8em; color: #FFF !important; background: #FF3300 url(/SiteData/Root/SiteImages/racu_redAlertIcon.gif) no-repeat left 50%; }
/* Edit Address Form */
.editAddress { position: relative; margin-bottom: 1.5em; }
.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 .sendPasswordBtn, #Content .lostPassword .backBtn, #Content .lostPassword .loginBtn { width: 120px; }
/* Currency Selector Form */
.sideColumn .currencySelector label { margin-bottom: 3px; }
.currencySelector .holder .button  { float: right; }
/* Customer Login Form (specifically for the side columns) */
.customerLogin { }
.sideColumn .customerLogin h2 { font-size: 1em;	}
.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: 23px;
	width: 23px;
	font-size: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.readOnly { cursor: default; }
.filledRatingStar { background: url(/SiteData/Root/SiteImages/racu_ratingStarFilled.gif) no-repeat left top; }
.emptyRatingStar { background: url(/SiteData/Root/SiteImages/racu_ratingStarEmpty.gif) no-repeat left top; }
.savedRatingStar { background: url(/SiteData/Root/SiteImages/racu_ratingStarSaved.gif) no-repeat left top; }
/* Contact Form */
#Content .contactForm { margin-bottom: 1.5em; }
/* 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 */
.productList  { margin-bottom: 1.5em; }
.productRow { float: left; width: 100%; }
.productListing, .placeHolder, .featureListing { float: left; width: 140px; }
.productContainer { margin: 0 0 1.5em 1em; }
/* - productSpacer (change with layout where needed) */
.productSpacer { float: left; width: 46px; }
/* - only shown in Admin mode */
.unavailableProduct { background: #F5A0A0 none; }
/* - productListingImage structure (with preloader) */
.productListingImage { display: block; margin: 0 0 0.5em -1em; 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.5em Arial,Sans-serif; }
.productListingName { margin-left: -1em; padding-left: 1em !important; color: #F15F1F; background-position: 0 0.333em;  }
.productButtons .button { float: right; }
.productButtons .removeBtn { position: relative; right: 6px; }
/* -Batch Buy */
.batchContainer { margin-bottom: 1em; }
.batchContainer .productImg { float: left; width: 88px; }
.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; border-bottom: dotted 1px #CCC; padding-bottom: 1em; }
.alternate .productListingName, .alternate .productListingBriefDesc, .alternate .productListingPrice, .alternate .productListingStock { margin-bottom: 0.5em; }
.alternate .productListingName, .alternate .productListingPrice { font-weight: bold; }
.alternate .productListingName, .alternate .productListingImage { margin-left: 0; background: none; }
.alternate .productButtons .button { float: left; }
.alternate .productListingImage { float: left; padding-right: 2em; } 
/* Featured Products Module */
.featuredProducts { }
/* Stand alone Listing / Favourite Listing / Related Products / Recent Products Modules / Car Battery Wizard */
.sAProductList, .favouriteProducts, .relatedProducts, .recentlyViewedProducts { margin-bottom: 1.5em; }
.sAProductList .productListing, .favouriteProducts .productListing, .relatedProducts .productListing, .recentlyViewedProducts .productListing { /* only put a value here if these image sizes differ from the standard */ }
.carBatteryWizard .productButtons, .favouriteProducts .productButtons { display: block !important; visibility: visible !important; }
.carBatteryWizard .productButtons { margin-left: 164px; width: 267px;  }
/* MiniBasket Module */
.miniBasket .button { float: right; }
/* RegisterLink Module */
#Content .registerLink .button { float: right; }
/* Product Module */
.product .backLink { float: right; }
.product .productImg { float: left; margin-bottom: 1.5em; /* insert whatever the large product image size is here */ width: 350px !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: 10px; }
/* --thumbail current indicator (for zoomer) */
.productImg .thumbRow img { border: 1px solid #FFF !important; }
.productImg .thumbRow .currentThumb { border: 1px solid #F15F1F !important; }
/* -product details */
.productDetails, .productDescription { float: right; margin-bottom: 1em; /* insert the remainder of the column width here */ width: 338px; }
.productNoImg .productDetails { float: none; width: 100%; }
/* -- */
.productDetails label { display: block; margin-bottom: 2px; }
.productDetails select { margin-bottom: 0.5em; }
.productDetails .buyBtn, .productDetails .buyBtnDisabled { margin-bottom: 1em; /* this width is only applied to give the button prominance */ width: 56px; }
.productDetails .notifyBtn, .productDetails .preorderBtn { /* width: 71px; */ }
.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: #F00; }
/* -Extended for Simple product module */
.simpleProduct .productDescription { float: none; clear: none; }
/* -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.5em Arial,Sans-serif;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/racu_closeBtnIcon.gif) no-repeat right 50%;
}
.closeWinBtn:hover { text-decoration: none; }
/* -Pop form ( Send To A Friend / Product Notification - make class path explicit to avoid overwriting ) */
#Content .popForm { width: 300px; background: #FFF none; }
#Content .popForm .shopForm, #Content .popForm .shopConditions, #Content .popForm .shopFormButtons { border: none; padding: 1em; background: #FFF none; }
#Content .popForm label { display: block; float: none; 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 { 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 { margin-bottom: 1.5em; }
.productReviews .review { margin-bottom: 1em; }
.productReviews .rating { line-height: 1.5em; 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 */
.productPromotions  { margin-bottom: 1.5em; }
.productPromotions .promotion { }
.productPromotions h2 { }
.productPromotions img  { }
/* Payment */
#Content .payment { border-color: #F15F1F; margin-bottom: 1.5em; }
#Content .payment h3 { margin: 0 -12px 1.5em -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 .shopForm, .subColumn .payment .shopFormButtons { padding: 0; }
.subColumn .payment .shopFormButtons { padding-left: 0; }
.subColumn .payment .shopFormButtons .button  { float: right; }
/* Top Sellers Module */
.topSellers { margin-bottom: 1.5em; }
/* Gallery */
/* -gallery Navigation */
/* --filter sections */
/* ---filter section (colour) */

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

.slider { position: relative; margin-bottom: 1.5em; }   
.slider .sliderViewPort { 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 { margin-bottom: 0; height: 248px; /* - here we assume main of ColumnMain2Col layout */ width: 700px; }
.slider .productButtons .button { float: right; }
.sliderButtons .button { float: right; }
.sliderButtons .prevBtn { float: left; }
/* HP and Category Landing Scroll panels */
.slider.scrollPanel { color: #FFF; background: #F09500 url(/SiteData/Root/SiteImages/racu_scrollPanelBgTile.jpg) repeat-x left bottom; }
.slider .panelImage { position: absolute; left: 0; top: 0; }
.slider .panelContent { margin: 16px 16px 16px 442px; }
/* -HP only */
#MTL .slider { margin: 0; }
#MTL .slider .sliderViewPort, #MTL .slider li { height: 262px; /* - here we assume MTL column on HP layout --> */ width: 658px; }
#MTL .slider .panelContent { margin: 16px 16px 16px 412px; }
/* Product slider on 2Column */
.productSlider { position: relative; border: solid 1px #CCC; margin-bottom: 1.5em; padding: 4px 30px; width: 638px; }
.productSlider .sliderViewPort, .productSlider li, .productSlider .productRow { /* - here we assume main of ColumnMain2Col layout --> */ width: 638px; }
.productSlider .sliderViewPort, .productSlider li { height: 218px; }
.productSlider .productSpacer { width: 26px; }
.productSlider .sliderButtons { position: absolute; left: 0; top: 0; z-index: 1; width: 698px; }
.productSlider .sliderButtons .button { padding: 0; height: 226px; width: 20px; text-indent: -9999px; background: url(/SiteData/Root/SiteImages/racu_sliderBtnBgSprite.gif) no-repeat left top; /* CSS3 */ -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.productSlider .sliderButtons .prevBtn { background-position: 0 -226px; }
.productSlider .sliderButtons .button:hover { background-color: #CCC; background-position: 0 -452px; }
.productSlider .sliderButtons .prevBtn:hover { background-position: 0 -678px; }
/* -product slider on HP */
#Sheet.home #MM .productSlider { margin-bottom: 0; padding: 4px 29px; }
#Sheet.home #MM .productSlider, #Sheet.home #MM .sliderViewPort, #Sheet.home #MM li, #Sheet.home #MM .productRow { width: 880px; }
#Sheet.home #MM .productSpacer { width: 8px; }
#Sheet.home #MM .sliderButtons { width: 938px; }

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

/* ShopTable (new styling 13.04.10) */
.shopTable { border: solid 1px #CCC; border-bottom: none; margin-bottom: 1.5em;  }
.shopTable table { width: 100%; }
.shopTable table table td { padding: 0; }
.shopTable td { border-bottom: solid 1px #CCC; 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 #CCC; }
.shopTable .qtyCol, .shopTable .priceCol, .shopTable .dateCol { border-left: solid 1px #CCC; }
.shopTable .nameCol a  { font-weight: bold; text-decoration: none; }
#Content .shopTable th { border-color: #CCC; }
.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: top; }
.updateQuantityRow .textbox { margin-right: 6px; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 12px; }
/* -Discount */
.discount { float: right; padding-top: 4px; }
/* -Sub Items */
.shopTable table table .subProductTotal { padding-left: 10px; }
.shopTable .subHeadRow th { color: #FFF; font-size: 1em; font-weight: bold; background: #AAA 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; }
#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; line-height: 1.167em; }
.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,Arial,Sans-serif;
	text-align: center;
	text-decoration: none;
	background: #F15F1F 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 .shopTableButtons { margin-bottom: 1.5em; }
.customerOrders .backLink { display: block; float: right; }
.customerOrders .orderPriceCol, .customerOrders .statusCol { text-align: right; }
.customerOrders .shopTable { margin-bottom: 1.5em; }
.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 { margin-bottom: 1.5em; }
.shopAddress p { padding-bottom: 0; }
.invoiceAddressTable, .deliveryAddressTable { border: solid 1px #CCC; 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: 342px; }
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable th, .receipt .shopTable td, .receipt .totals { text-align: right; }
.receipt .shopTable .nameCol { text-align: left; }
.receipt .totals { font-weight: bold; }
/* 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 { margin-bottom: 1.5em; width: 100%; overflow: hidden; }
/* - Author info */
.author { border: solid 1px #BBB; margin-bottom: 1.5em; 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.5em Arial,Sans-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 { margin-bottom: 1.5em; } 
.articleMoreInfo h3  { }
.articleMoreInfo p { font-style: italic; }
/* -Related Articles */
.relatedArticles { margin-bottom: 1.5em; }
/* -Related Links */
.relatedLinks { margin-bottom: 1.5em; }
/* Archive Date Tree */
.archiveDateTree { }
.archiveDateTree ul { list-style: disc; } 
/* News Listing (Important - his governs the display in News, Events and Journal) */
.itemListing { }
.item { margin-bottom: 1.5em; }
#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, 
.siteNavigation li, .forum .forumMessagePoster, .productImg .moreImages, .warningBox, .rating, .topLink, .searchBox,
.journalButtons, .popupMiniBasket a, #pfcontent, .radioBtnSet,
#MT, #MM, .searchBox
{
	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: 14px !important; }
/* this levels up buttons with input fields */
.updateQuantityRow .button[type],
.searchBox .button[type]
{
	line-height: 15px !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 Arial, Helvetica, sans-serif;
	line-height: 1.091em;
	/* -- */
	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 12px; 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 Helvetica,Sans-serif; }