/* RAC DEFAULT STYLESHEET
   ----------------------------------------------------*/

/* Default.css
   Updated: Thu 01.07.10 @ 3:45 p.m.
   Author : Alan Durkan
   ----------------------------------------------------*/
   
/* Index(Organised according to control groupings)

/* TOP LEVEL         |   SHOP FORMS
   TYPOGRAPHY        |   SHOP MODULES
   COMMON ELEMENTS   |   SHOP TABLES
   SYSTEM            |   NEWS
   HEADER            |   EVENTS
   CONTENT LAYOUT    |   BROWSER FIXES
   FOOTER            |   LIGHTBOX
   MODULES           |   
*/

/* =TOP LEVEL
   ----------------------------------------------------*/
   
html, body, form, fieldset, input, select, textarea, .textbox, .dropdown, .dropdownlist { font-family: Helvetica, Arial, Sans-Serif; }
input, select, textarea, .textbox, .dropdown, .dropdownlist { font-family: Arial, Helvetica, Sans-Serif; }
/* specifically for ensuring the layout fills the page */
html, body, #form_Main { height: 100%; }
#PageContentPanel { position: relative; min-height: 100%; }
body { font-size: 0.625em; line-height: 1.0; background: url(/SiteData/Root/SiteImages/rac_bodyBgTile.jpg) repeat-x left top; }
#Sheet { padding-bottom: 87px; color: #666; text-align: left; }
.subSheet { margin: 0 auto; width: 960px; }
#TSheet { padding-bottom: 2em; }
#PSheet { margin-bottom: -96px; padding: 1.5em 0 96px 0; }
#PSheet .subSheet { width: 900px; }

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

/* #FF5E00 - RAC Orange
   #75675E - Tan
*/

h1 { font: normal 3em/100% Helvetica,Arial,San-serif; color: #75675E; letter-spacing: -0.033em; }
h2 { font: normal 1.8em/100% Helvetica,Arial,San-serif; color: #FF5E00; }
h3 { font-size: 1.3em; font-weight: bold; }
h4, h5, h6 { font-size: 1em; font-weight: bold; }
p, blockquote, address, .vcard { padding-bottom: 1.5em; }
/* Shared typographic styles */
#Content, #PSheet  { font-size: 1.3em; line-height: 1.5em; }
#Content h1, #PSheet h1, .aboutSecurityCode h1  { font-size: 2.308em; margin-bottom: 0.231em; }
#Content h2, #PSheet h2 { font-size: 1.385em; margin-bottom: 0.769em; }
#Content h3, #PSheet h3 { font-size: 1.231em; margin-bottom: 0.769em; }
#Content h4, #PSheet h4, #Content h5, #PSheet h5, #Content h6, #PSheet h6 { margin-bottom: 1em; line-height: 1.5em; }
ul, ol { margin-left: 2em; padding-bottom: 1.5em; }
ul { list-style-type: square; }
ul ul { margin-bottom: 0; }
dd, ul li { line-height: 1.5em; }
a { color: #FF5E00; outline: none; }
a:hover { text-decoration: none; }
a:focus, a:active { outline: none; }
:focus { -moz-outline-style: none;  }
blockquote, address { font-style: italic; }
/* Common typographic styles */
/* - File type doc links */
/* -- generic first */
a.file  
{
	padding: 1px 0 1px 24px;
	line-height: 2em; 
	background: url(/SiteData/Generic/SiteImages/docTypeIcons/generic.gif) no-repeat left top; 
}
/* -- all the various file types */
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.mpeg { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mpeg.gif) no-repeat left top; }
a.pdf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pdf.gif) no-repeat left top; }
a.rar { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rar.gif) no-repeat left top; }
a.txt { background: url(/SiteData/Generic/SiteImages/docTypeIcons/txt.gif) no-repeat left top; }
a.zip { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; }
/* -- */
.subText, .checkboxLabel, .closeWinBtn { font: normal 0.846em/1.182em Arial,Verdana,Sans-serif; padding-bottom: 0.5em; }
.checkboxLabel, .shippingRow table input { position: relative; top: 2px; }
/* validation asterix */
.shopForm label span, .validationSub { font-weight: normal; font-size: 1.385em; }
/* - Titles used for modules (HTML in FCK Editor) */
#Content .modTitle { margin-bottom: 0; color: #75675E; font-size: 1.385em; }
#ColumnLeft .modTitle { font: bold 1em/1.5em Helvetica,Arial,Sans-serif; margin-left: 30px; }
#ColumnLeft .modTitle a { color: #75675E; text-decoration: none; }
#ColumnLeft .modTitle a:hover { color: #FF5E00; text-decoration: underline; }
#ColumnLeft .modTitle a.Current { color: #FF5E00; }
#Content .miniBasketTitle { padding-top: 4px; background: url(/SiteData/Root/SiteImages/rac_basketIcon.gif) no-repeat 155px top; }
.shopTableTitle, .shopTable th,
.invoiceAddressTable th, .deliveryAddressTable th,
#Content .shopTableTitle, #Content .createFullAccount h3,
#Content .receiptCreateFullAccount h3, #Content .payment h3 
{
	position: relative;
	z-index: 1;	
	margin-bottom: 0 !important;
	padding: 6px 10px; 
	color: #666;
	font: bold 1em/1em Helvetica,Arial,Sans-serif;
	background-color: #EAE8E7;
}
.invoiceAddressTable th, .deliveryAddressTable th { text-align: left; }
#Content .paymentTitle 
{
	border: none !important;
	margin-bottom: 0 !important;
	padding: 0 10px;
	color: #FFF;
	height: 30px;
	font: bold 1em/30px Helvetica,Arial,Sans-serif !important;
	background: url(/SiteData/Root/SiteImages/rac_paymentTitleBg.gif) no-repeat left top;	
}
.batchContainer .shopTable { font-size: 0.833em; }

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

.noMargin { margin: 0; }
.noPadding { padding: 0 !important; }
.inset { padding-left: 28px; }
.clear, .Clear, #Footer, .shopForm br, .productListingBriefDesc { clear: both; }
div.clear, br.clear, .shopFrom br, .productListing br, .miniBasket br, .wizard .shopFormButtons br { font-size: 0; line-height: 0; } 
/* hide these elements */
/* note - the batchContainer thumbs are currently hidden */
.accessibility, .hide, .homeLink span, .currencyKeyword, .categoryDisplay h2, .extraDeliveryDetails, 
.product .backLink, .editAddress h3, .payment .secureMsg, .payment .varifyMsg, .featuredProduct h1,
.searchResultsList .Url, .product .productPriceText, .product .productCodeText, #Content .productListing .browseBtn,
.categoryDisplayDesc, .newsArchive h2, #Content .featuredProducts h3, .textImage span, .printHeader,
.shopTable .qtyCol .validationList, .sideColumn .blankLabel, .newsItem img, .batchContainer .moreImages,
.product .productType, .product .productCode, .productImg .enlargeImgBtn, .categoryDisplay h1, .newsListing h2,
.categoryDisplay .productListing .productButtons, productListing .buyBtn, .shopResults .productButtons
{
	display: none !important;
	visibility: hidden !important;
}
/* no additional padding / margin / list-style on these ULs */
#Navigation ul, .socialMediaLinks ul, .footerNav ul, .SiteNavigation ul, .productLinklist ul, .shopTable ul, .hpPanel ul, .scrollPanel ul { margin: 0; padding: 0; list-style: none; }
/* CMSModule */
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
/* form elements */
.textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; }
.textbox, .textarea, .clear-on-focus { padding: 1px; }
.clear-on-focus { color: #999; }
.checkbox { padding-right: 4px; }
/* about security number */
.aboutSecurityCode { padding: 10px; height: 568px; width: 548px; font-size: 1.1em; background-color: #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 #CCC;
    border-bottom: solid 1px #666;
    margin: 0;
    padding: 4px 5px 4px 5px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #666;
	font: normal 11px/13px Arial,Sans-serif !important;
	text-align: center;
	text-decoration: none;
	text-transform: lowercase;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
    background: #EFEFEF url(/SiteData/Root/SiteImages/rac_btnBgTile.gif) repeat-x left top;
}  
/* -adjust padding for for FF */
.button::-moz-focus-inner  { border: none; padding: 0; }
/* -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 input.button[type], *:first-child+html button[type] { padding: 3px 5px 2px 5px;  }
/* nuetralise the styles of input buttons within .button class */
#Content .button input, .button input { border: none; background: none; cursor: pointer; }
/* button colour variations & special cases */
#Content .shopForm .addressBtn, #Content .updateQuantityRow .button { display: inline; }
#Content .product .buyBtn, #Content .miniBasket .viewBasketBtn, #Content .searchBox .button, #Content .basket .checkoutBtn, .createCustomer .continueBtn, .payment .makePaymentBtn, .wizard .wizardFindBtn, .customerLogin .loginBtn, .customerLogin .logoutBtn { border: none; width: 76px; padding: 8px 10px; color: #FFF; font: bold 12px/12px Arial,Helvetica,Sans-serif !important; text-align: left; background: url(/SiteData/Root/SiteImages/rac_btnOrg96.gif) no-repeat left top; }
#Content .miniBasket .viewBasketBtn { padding: 9px 10px 10px 9px; }
.customerLogin .loginBtn, .customerLogin .logoutBtn { width: 96px; }
.wizard .wizardFindBtn { background: url(/SiteData/Root/SiteImages/rac_btnOrgGry96.gif) no-repeat left top; }
.sideColumn .relatedProducts .buyBtn, .catPromo .description .button, .scrollPanel .button { float: left; border: none; width: 85px; padding: 5px 5px 5px 8px; color: #FF5E00; text-align: left; background: url(/SiteData/Root/SiteImages/rac_relProductBtnBg.gif) no-repeat left top;  }
.catPromo .description .button { float: right; width: 108px; background: url(/SiteData/Root/SiteImages/rac_promoBtnBg.gif) no-repeat left top; }
.scrollPanel .button { float: right; width: 114px; padding: 6px 5px 6px 8px;  background: url(/SiteData/Root/SiteImages/rac_scrollPanelBtnBg.gif) no-repeat left top; }
#Content .product .buyBtn, #Content .basket .checkoutBtn, .createCustomer .continueBtn, .wizard .wizardFindBtn { width: 96px; height: 31px; }
.payment .makePaymentBtn { width: 140px; height: 31px; background: url(/SiteData/Root/SiteImages/rac_btnOrg140.gif) no-repeat left top; }
#Content .searchBox .button { padding: 4px 7px 5px 7px; font: bold 12px/12px Arial,Helvetica,Sans-serif !important; background: url(/SiteData/Root/SiteImages/rac_searchBtnBg.gif) no-repeat left top; }
/* smaller buttons */
.updateQuantityRow .button[type], .shopForm .addressBtn[type], .warningBox .button[type] { padding: 2px 5px 1px 5px; }
/* 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; }
/* disabled button */
#Content .disabled, #Content .buyBtnDisabled, .currencySelector .active, disabled { border: solid 1px #AAA; background: #CCC none; cursor: default; }
#Content .wizard input[disabled], #Content .wizard disabled, .payment .shopFormButtons input[disabled] { display: none; visibility: hidden; } 
/* 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 .viewOrderBtn
{
	display: block;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	color: #FF5E00;
	font-weight: normal !important;
	text-align: left !important;
	background: none;
	background-color: Transparent;
	cursor: pointer;
}
/* common styles */
/* bulleted links */
#Content .productLinklist input,
.customerLogin .linkList li a,
.backLink, .next, .previous, .eventLink, 
.moreNewsLink, .returnLink, .hpPanel li a, .productListingName
{
	padding-left: 16px !important;
	background: url(/SiteData/Root/SiteImages/rac_bulletIcon.gif) no-repeat left 55%;
}
/* -bullet reversed */
.backLink, .previous, .returnLink { background: url(/SiteData/Root/SiteImages/rac_bulletRevIcon.gif) no-repeat left 55%;	}
/* side col modules */
.sideColumn .miniBasket, .sideColumn .customerLogin, 
.sideColumn .searchBox, .sideColumn .shopSearchBox,
.sideColumn .registerLink, .sideColumn .archiveDateTree,
.sideColumn .payment, .sideColumn .currencySelector,
.sideColumn .relatedProducts, .subColumn .customerLogin, 
.subColumn .searchBox, .subColumn .shopSearchBox,
.subColumn .registerLink, .subColumn .archiveDateTree,
.subColumn .payment, .subColumn .currencySelector
{
	position: relative;
	padding: 13px 11px 15px 0;
}
.sideColumn .miniBasket, .sideColumn .customerLogin, 
.sideColumn .searchBox, .sideColumn .shopSearchBox,
.sideColumn .registerLink, .sideColumn .archiveDateTree,
.sideColumn .payment, .sideColumn .currencySelector,
.sideColumn .relatedProducts
{
	background: url(/SiteData/Root/SiteImages/rac_sideColModTopBg.gif) no-repeat right top;
}
.sideColumn #MTRT .miniBasket, .sideColumn #MTRT .customerLogin, 
.sideColumn #MTRT .searchBox, .sideColumn #MTRT .shopSearchBox,
.sideColumn #MTRT .registerLink, .sideColumn #MTRT .archiveDateTree,
.sideColumn #MTRT .payment, .sideColumn #MTRT .currencySelector,
.sideColumn #MTRT .relatedProducts
{
	background: url(/SiteData/Root/SiteImages/rac_sideColModBottBg.gif) no-repeat right bottom; 
}
.subColumn .customerLogin, .subColumn .searchBox,
.subColumn .shopSearchBox, .subColumn .registerLink,
.subColumn .archiveDateTree, .subColumn .payment,
.subColumn .shopAddresses
{
	padding: 12px 10px;
}
/* Specific to RAC */
/* - hp Panel */
.hpPanel .description { padding: 10px; }
.hpPanel p { padding-bottom: 1em; }
.hpPanel a { text-decoration: none; }
/* - Category promo */
#PSheet .subSheet { position: relative; }
.catPromo { overflow: visible; }
.catPromo p, .catPromo ul { padding-bottom: 0.5em; } 
.catPromo .promoImg { float: left; width: 350px; }
.catPromo .promoImg img { position: relative; }
.catPromo .description { float: left; width: 328px; }
.catPromo .description table { width: 100%; color: #FF5E00; font: normal 1.846em/75% Helvetica,Arial,San-serif; }
.catPromo .description td { vertical-align: middle; }
.catPromo .strap { width: 54px; }
.catPromo .price { font: bold 2em/normal Helvetica,Arial,San-serif; text-align: left; }
.catPromo .attributes {  float: right; width: 200px; color: #FF5E00; }
.catPromo .attributes li * { color: #666; }
/* 3D Secure */
.threeDSecureIFrame { width: 100%; height: 600px; }
.threeDSecureIFrame .copyright { padding-bottom: 1em; }
/* Wizard */
#Content .wizard .shopForm, #Content .wizard .shopFormButtons { padding: 12px 24px; background-color: #EEE; }
#Content .wizard .shopFormButtons { padding-top: 0; }
#Content .wizard .shopForm { border-top: solid 1px #CCC; }
#Content .wizard .shopForm label { font-weight: normal; width: 100%; text-align: left; }
#Content .wizard .shopForm .dropdown { width: auto; margin-bottom: 0.5em; }
#Content .wizard .shopFormButtons { padding-top: 0; border-bottom: solid 1px #CCC; }
/* -Product wizard */
#Content .inProductWizard { margin-bottom: 1.5em; border-bottom: solid 1px #CCC; }
#Content .inProductWizard p { padding: 0; }

/* =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 { margin: 0 -3px; padding: 0 3px; height: 110px; width: 960px; font-size: 1.3em; background: url(/SiteData/Root/SiteImages/rac_headerBg.jpg) no-repeat -1px top; }
#Logo { position: relative; float: left; width: 131px; }
.homeLink { position: relative; display: block; left: 16px; top: 21px; height: 50px; width: 100px; background: url(/SiteData/Root/SiteImages/rac_headerLogo.gif) no-repeat left top; text-indent: -9999px; }
/* -Navigation */
#Navigation { position: relative; float: left; height: 52px; z-index: 99; }
#Navigation ul li  { float: left; }
#Navigation ul li a.nTL { position: relative; display: block; margin-bottom: 3px; height: 52px; text-indent: -9999px; }
/* -- tabs */
#Navigation .navTab1 a.nTL { width: 110px; background: url(/SiteData/Root/SiteImages/rac_navTab01.jpg) no-repeat left top; }
#Navigation .navTab2 a.nTL { width: 103px; background: url(/SiteData/Root/SiteImages/rac_navTab02.jpg) no-repeat left top; }
#Navigation .navTab3 a.nTL { width: 106px; background: url(/SiteData/Root/SiteImages/rac_navTab03.jpg) no-repeat left top; }
#Navigation .navTab4 a.nTL { width: 144px; background: url(/SiteData/Root/SiteImages/rac_navTab04.jpg) no-repeat left top; }
#Navigation .navTab5 a.nTL { width: 133px; background: url(/SiteData/Root/SiteImages/rac_navTab05.jpg) no-repeat left top; }
#Navigation .navTab6 a.nTL { width: 88px;  background: url(/SiteData/Root/SiteImages/rac_navTab06.jpg) no-repeat left top; }
/* -- top level */
#Navigation ul li a.nTL:hover { background-position: 0 -52px; }
/* -- sub nav */
#Navigation .navSub { visibility: hidden; display: none; }
#Navigation .navSub { /* visibility: visible; display: block; */ position: absolute; left: 0; display: block; width: 654px; border-bottom: solid 5px #F15D21; border-left: solid 1px #F2F2F2; border-right: solid 1px #F2F2F2; padding: 14px 14px 14px 15px; font-family: Arial, Helvetica, Sans-Serif; background: #FDFDFD; }
.nSPromo { float: left; padding-right: 10px; width: 230px; line-height: 1.2em; }
.nSPromoTitle { display: block; padding-bottom: 9px; font-weight: bold; } 
.nSPromo p { padding-bottom: 1.692em; }
.sNLinklist { float: left; padding-top: 25px; width: 360px; }
.sNLinklist li { float: left; padding: 0 0 15px 0; width: 170px; }
.sNLinklist li a { padding-left: 7px; font-weight: bold; line-height: 1.2em; display: block; background: url(/SiteData/Root/SiteImages/rac_sNLinklistBullet.gif) no-repeat 0 2px; }
.nSPromoBtn { display: block; padding: 0 10px; height: 31px; width: 130px; font: bold 0.923em/29px Arial,Sans-serif; color: #FFF; background: url(/SiteData/Root/SiteImages/rac_btnOrg130.gif) no-repeat left top; text-decoration: none; }
/* --- differing button sizes here */
#Navigation .navTab1 .nSPromoBtn { width: 140px; background: url(/SiteData/Root/SiteImages/rac_btnOrg140.gif) no-repeat left top; }
#Navigation .navTab3 .nSPromoBtn { width: 110px; background: url(/SiteData/Root/SiteImages/rac_btnOrg110.gif) no-repeat left top; }
/* -SearchBox */
#NavSearch { float: left; padding: 8px 0 0 4px; height: 52px; width: 138px; color: #75675E; font-size: 0.923em; background: url(/SiteData/Root/SiteImages/rac_navSearchBoxBg.gif) no-repeat 3px 24px; }
#NavSearch .searchBox { position: relative; }
#NavSearch .searchBox .searchKeyword { margin-bottom: 2px; font-weight: bold; background: url(/SiteData/Root/SiteImages/rac_searchLabelIcon.gif) no-repeat 51px 1px; }
#NavSearch .searchBox .textbox, #NavSearch .searchBox .clear-on-focus, #NavSearch .searchBox .button { margin-bottom: 0; }
#NavSearch .searchBox .textbox, #NavSearch .searchBox .clear-on-focus { font-family: 'MS Shell Dlg', Sans-Serif; border: none; padding: 4px 5px; width: 99px; background: none; }
#NavSearch .searchBox .button { border: none; text-align: left; padding: 3px 4px 5px 4px; width: 22px; color: #FFF; font-weight: bold !important; background: transparent url(/SiteData/Root/SiteImages/rac_navSearchBtnBg.gif) no-repeat right top; }
/* -Contact numbers */
#ContactNumbers { float: right; width: 200px; padding: 7px 27px 0 0; color: #75675E; }
#ContactNumbers p { text-align: right; padding-bottom: 0.667em; font: bold 0.923em/1em Helvetica,Arial,Sans-serif; }
/* Promo Banner */
#PSheet { background: #E7E7E7 url(/SiteData/Root/SiteImages/rac_pSheetBgTile.jpg) repeat-x left bottom; }


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

#Content { padding-bottom: 2em; width: 960px; background: url(/SiteData/Root/SiteImages/rac_contentBg.gif) no-repeat left top; z-index: 1; }
/* Hp & 3 Column */
#ColumnMainHp, #ColumnMain2Col, #ColumnMain3Col { float: right; width: 700px; }
/* pad these columns at the top */
#ColumnMain1Col, #ColumnMain2Col, #MTL, #MTR { padding-top: 21px;  }
/* Home page */
.hpSubColumn { float: left; padding-right: 11px; width: 221px; margin-bottom: 1em; }
#MBTR, #MBBR { padding-right: 0; }
/* 3 Column */
#ML { float: left; width: 458px; }
#MT, #MM { margin-bottom: 1.5em; }
#MTL { float: left; width: 431px; }
#MTR { float: right; width: 248px; background: url(/SiteData/Root/SiteImages/rac_rgtColBg.gif) no-repeat left top; }
/* text */
.text { padding-right: 10px; }
#ColumnMain1Col .text { padding: 0 2em; }
#ColumnMainHp #MM .text, #ColumnMainHp #MB .text { padding: 0 15px 0 0; }
#ColumnMain3Col #MM .text { padding: 0 0 0 21px; }
#MTR .text { padding: 0 0 0 30px; }
/* Checkout */
#MBL, #MBR { float: left; width: 442px; }
#MBR { float: right; }
/* RightColumn */
#ColumnRight { float: right; width: 248px; }
/* LeftColumn */
#ColumnLeft { float: left; padding: 21px 0 24px 0; width: 238px; background: url(/SiteData/Root/SiteImages/rac_lftColNavBg.gif) no-repeat left bottom; }

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

#Footer { position: absolute; bottom: 0; height: 52px; width: 100%; margin-top: 35px; color: #666; text-align: left; background: #F15D21 url(/SiteData/Root/SiteImages/rac_footerBgTile.gif) repeat-x left top; }
/* Footer navigation */
#FSheet {  color: #75675E; background-color: #FAFAFA; overflow: visible; }
#FSheet a { color: #75675E; }
.footerTop { position: relative; top: -35px; margin: 0 -3px -53px -3px; height: 35px; background: url(/SiteData/Root/SiteImages/rac_footerTopBg.gif) no-repeat 1px top; }
/* - socialMediaLinks */
.socialMediaLinks { position: relative; padding: 0 7px 11px 7px;  }
.socialMediaLinks { font-size: 1.3em; }
.socialMediaLinks li { float: left; padding: 0 15px 0 22px; background: url(/SiteData/Root/SiteImages/rac_socialIconsSprite.gif) no-repeat left top; }
.socialMediaLinks li a { font-size: 0.846em; }
/* -- the icons */
.socialMediaLinks .rssIcon { background-position: 0 -20px; }
.socialMediaLinks .videoIcon { background-position: 0 -40px; }
.socialMediaLinks .podcastIcon { background-position: 0 -60px; } 
.socialMediaLinks .forumsIcon { background-position: 0 -100px; }
.socialMediaLinks .blogIcon { background-position: 0 -100px; }
.socialMediaLinks .facebookIcon { background-position: 0 -80px; }
.socialMediaLinks .youtubeIcon { background-position: 0 -40px; }
.socialMediaLinks .twitterIcon { background-position: 0 -120px; }
/* - payment Logos - */
.paymentBar { position: relative; padding: 0 14px 11px 14px; height: 32px; }
.paymentBar .paymentLogo { padding-right: 12px; }
/* -Footer navigation */
.footerNav { position: relative; padding: 0 7px 12px 7px;  }
/* -- Get Involved */
#GetInvolved { float: left; width: 89px; font: bold 1.1em/1.4em Helvetica,Arial,Sans-serif; }
#GetInvolved.open { background: url(/SiteData/Root/SiteImages/rac_downArwIcon.gif) no-repeat 95% 95%; }
/* -- navigation links */
.footerNav ul { float: right; width: 835px; }
.footerNav li { float: left; padding: 0 3px 0 4px; background: url(/SiteData/Root/SiteImages/rac_footerNavSeparator.gif) no-repeat left 50%; }
.footerNav li.first { background: none; padding-left: 0; }

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

/* Site Navigation & link list - Incorrect capitalised class name here */
.SiteNavigation, .linkList { margin-bottom: 1.5em; color: #75675E; }
.SiteNavigation ul li a, .linkList ul li a { color: #75675E; font-weight: normal; text-decoration: none; }
.SiteNavigation ul ul li a, .linkList ul ul li a { font-weight: normal; }
.SiteNavigation ul li a:hover, .linkList ul li a:hover { color: #FF5E00; text-decoration: underline; }
/* -Parent of current node styling (top level) */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, #Content .SiteNavigation li.Current a.Current { color: #FF5E00; font-weight: normal; }
/* -Current node styling (second level) */
#Content .SiteNavigation ul ul li.Current a.Current  { font-weight: normal; }
/* -- Side column (shared) */
.sideColumn .SiteNavigation, .sideColumn .linkList { margin-bottom: 1em; }
/* -- Left Col Nav (assumes nav is top most at all times) */
#ColumnLeft .SiteNavigation ul, #ColumnLeft .linkList ul { margin-left: 45px; }
#ColumnLeft .SiteNavigation ul ul, #ColumnLeft .linkList ul ul { margin-left: 15px; }
/* link list */
#ColumnLeft .linkList ul { padding-bottom: 0; list-style: none; }
/* Site Map */
.siteMap { margin-bottom: 1em; }
.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 */
.shopResults, .contentResults, .newsResults { margin-bottom: 1em; }
#Content .shopResults h1, #Content .contentResults h1, #Content .newsResults h1 { margin-bottom: 1em; padding-left: 0; font-size: 1em; line-height: 1em; }
.pagerLinks { margin-bottom: 1em; text-align: right; }
.next, .previous { }
.userPageSize { float: left; margin-bottom: 1em; }
.searchResultsList li { margin-bottom: 1em; padding-left: 0; } 
.contentResults a { font-weight: bold; line-height: 2em; }
.searchHighlight { font-style: italic; }
.featuredResult { margin-bottom: 1em; }
.featuredResult .productListingImage img { float: left; margin-left: 4px; }
.featuredResult .productType { display: block; }
.featuredResult .productButtons, .featuredResult .productType, .featuredResult .productListingName, .featuredResult .productListingPrice { margin-left: 88px; }
.featuredResult .productListingPrice { margin-bottom: 0.5em; }
#Content .featuredResult .buyBtn { width: 44px; }
.itemsPerPage { margin: -32px 0 7px 0; text-align: right; }
/* Pager Sorting ( CategoryDisplay & Search Results ) */
.pager { margin-bottom: 1em; text-align: right; }
.pager .pgCntrl { padding-left: 10px; }
.pager .next { margin-left: 5px; }
.pagerSort { margin-bottom: 1em; }
/* -- specific to this column */
#ColumnMain3Col #MM .pagerSort { margin: 0 -10px 0.5em -10px; padding: 5px 15px 1em 15px; color: #FFF; height: 36px; background: url(/SiteData/Root/SiteImages/rac_pagerSortBg.jpg) no-repeat left top; }
/* This measure is based on text size & should be adjusted if the overall font size changes */
.pagerSort .pageSize { float: left; }
.pagerSort .sortBy { float: right; }
/* Breadcrumb */
.breadcrumb  { }
.breadcrumb a { }
/* FAQ */
.FAQ .FAQQuestion * { font-weight: bold; text-decoration: underline; }
.FAQ .FAQQuestion p { padding-bottom: 1em; }
.FAQ .FAQAnswer { display: none; }
/* SearchBox */
.searchBox .searchKeyword { display: block; margin-bottom: 5px; font-weight: bold; background: url(/SiteData/Root/SiteImages/rac_searchLabelOrgIcon.gif) no-repeat 88px 2px; }
.searchBox .textbox, .searchBox .clear-on-focus, .searchBox .button  { float: left; margin-bottom: 5px; }
.searchBox .textbox, .searchBox .clear-on-focus { width: 161px; border-color: #C3D7D7; }
#Content .searchBox .button  { position: relative; top: -2px; left: 3px; width: 39px; }
/* AdminPanel */
.AdminPanel { border: dashed 1px #F00; padding: 4px; color: #000; background-color: #FFF; }
.AdminPanel h2 { color: #000; }
.CheckBoxList { border: none; border-collapse: collapse; }
.CheckBoxList tr td { margin: 0; padding: 0; }
/* SWF Object */
.swfObject { text-align: center; }

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

/* Standard Forms */
.shopForm, .compactShopForm, .shopConditions { position: relative; padding: 10px 0; }
.shopConditions { position: static; padding-top: 10px; text-align: center; }
.shopFormButtons { position: relative; padding: 10px 0; }
/* -for side columns */
.sideColumn .shopForm, #Content .subColumn .shopForm, .sideColumn .shopFormButtons, #Content .subColumn .shopFormButtons { margin: 0; padding: 0; }
/* Assuming the Main Left of a 3 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	margin-bottom: 2px;
	padding-right: 5px;
	width: 121px;
	font-weight: bold;
	text-align: right;
	cursor: default;
}
.shopForm .textbox, .shopForm .textarea, 
.shopForm .dropdown, .shopForm .dropdownlist,
.shopForm .clear-on-focus, .shopForm .fileupload,
.shopForm .holder
{
	float: left;
	margin-bottom: 5px;
	width: 222px;
}
/* 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 { position: absolute; left: 354px; }
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, .shopForm .dropdownlist { width: 226px; }
.shopForm .addressBtn { margin: 0 0 5px 5px; }
.shopForm .checkbox { position: relative; left: -4px; float: left; margin: -2px 0; }
.shopForm .checkboxLabel  { float: left; width: 202px; }
.shopForm .forgottenPasswordLink  { display: block; line-height: 1em; margin: 0 0 6px 125px; }
.shopFormButtons  { padding-left: 126px; text-align: left; }
/* Variation based on Layout */
/* 1Column */
#ColumnMain1Col .shopForm label { width: 310px; }
#ColumnMain1Col .shopForm .textbox, #ColumnMain1Col .shopForm .textarea, 
#ColumnMain1Col .shopForm .dropdown, #ColumnMain1Col .shopForm .dropdownlist,
#ColumnMain1Col .shopForm .clear-on-focus, #ColumnMain1Col .shopForm .fileupload,
#ColumnMain1Col .shopForm .holder 
{ 
	width: 289px;
}
#ColumnMain1Col .shopForm label span { left: 608px; }
#ColumnMain1Col .shopForm .dropdown, #ColumnMain1Col .shopForm .dropdownlist { width: 293px; }
#ColumnMain1Col .shopForm .checkboxLabel { width: 269px; }
#ColumnMain1Col .shopForm .forgottenPasswordLink  { margin-left: 315px; }
#ColumnMain1Col .shopFormButtons { padding-left: 315px; }
/* 2Column */
#ColumnMain2Col .shopForm label { width: 199px; }
#ColumnMain2Col .shopForm .textbox, #ColumnMain2Col .shopForm .textarea, 
#ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist,
#ColumnMain2Col .shopForm .clear-on-focus, #ColumnMain2Col .shopForm .fileupload,
#ColumnMain2Col .shopForm .holder 
{ 
	width: 270px; 
}
#ColumnMain2Col .shopForm label span { left: 478px; }
#ColumnMain2Col .shopForm .dropdown, #ColumnMain2Col .shopForm .dropdownlist { width: 274px; }
#ColumnMain2Col .shopForm .checkboxLabel { width: 250px; }
#ColumnMain2Col .shopForm .forgottenPasswordLink  { margin-left: 204px; }
#ColumnMain2Col .shopFormButtons { padding-left: 204px; }   
/* Side Columns */
.sideColumn .shopForm label { margin-bottom: 0; padding-right: 0; text-align: left; width: 200px; }
.sideColumn .shopForm .textbox, .sideColumn .shopForm  .textarea, 
.sideColumn .shopForm .dropdown, .sideColumn .shopForm .dropdownlist,
.sideColumn .shopForm .clear-on-focus, .sideColumn .shopForm .fileupload
{ 
	width: 196px; 
}
.sideColumn .shopForm .holder { margin-bottom: 0; width: 100%; }
.sideColumn .shopForm label span { left: 192px; } 
.sideColumn .shopForm .dropdown, .sideColumn .shopForm .dropdownlist { width: 200px; }
.sideColumn .shopForm .checkboxLabel { width: 176px; }
.sideColumn .shopForm .forgottenPasswordLink { margin-left: 0; width: auto; }
.sideColumn .shopFormButtons .button { float: right; }
/* Side 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
{ 
	width: 196px; 
}
#Content .subColumn .shopForm .holder { margin-bottom: 0; width: 100%; }
#Content .subColumn .shopForm label span { left: 340px; } 
#Content .subColumn .shopForm .dropdown, #Content .subColumn .shopForm .dropdownlist { width: 200px; }
#Content .subColumn .shopForm .checkboxLabel { width: 176px; }
#Content .subColumn .shopForm .forgottenPasswordLink  { margin-left: 138px; }
#Content .subColumn .shopFormButtons .button { float: right; }
/* Form validation */
.validationList { border: solid 1px #F00; margin-bottom: 1em; padding: 11px 9px; color: #333 !important; background-color: #FFF; }
.validationList p { font-weight: bold; padding-bottom: 0; }
#Content .validationList ul { margin: 0.5em 0 1em 1.5em; padding: 0; font-weight: normal; }
/* Warnings */
.warningBox { border: solid 1px #CCC; margin-bottom: 1em; padding: 11px 9px; color: #333 !important; background-color: #EEE; }
.warningBox p { padding-bottom: 0; } 
.warningBox ol { margin: 0.5em 0 0.5em 2em; padding: 0; font-weight: normal; list-style-type: decimal; }
.warningBox ul { margin: 0.5em 0 1em 1.5em; padding: 0; font-weight: normal; }
.warningBox ol li { line-height: 2em; }
.warningBox ol li .button  
{
	position: relative;
	float: right;
	/* keep an eye on this if the button text height changes */
	/*margin: -21px 0; */
}
#Content .warningBox .upgradeAccountBtn, #Content .warningBox .continueAsGuestBtn, #Content .warningBox .reEnterBtn, #Content .warningBox .emailPasswordBtn { width: 126px; }
/* Edit Address Form */
.editAddress .shopTableButtons { margin-bottom: 3px; }
.editAddress .returnLink { display: block; float: right; }
.editAddress .shopTable .btnCol { width: 80px; text-align: center; }
.editAddress .shopTable .btnCol .button { margin: 0 auto 5px auto; }
.editAddress .shopTable .editAddressBtn, .editAddress .shopTable .removeAddressBtn { width: 64px; }
.editAddress .shopFormButtons .button { float: left; }
#Content .editAddress .saveAddressBtn, #Content .editAddress .cancelBtn { padding-left: 4px; padding-right: 4px; }
#Content .shopForm .useAddressBtn, #Content .shopForm .cancelAddressBtn { float: right; margin-bottom: 1em; }
#Content .editAddress .cancelBtn, #Content .shopForm .useAddressBtn  { margin-left: 5px; }
/* 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) */
.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; }
/* 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-color: #FFF; }
/* Edit Account Form */
.editAccountDetails { }
/* Save Basket Form */
.saveBasket .saveCartBtn { }
/* Write Review Form */
.writeReview .ratingControl { margin-bottom: 5px; }
.writeReview .returnBtn { float: right; }
#Content .writeReview .returnBtn { padding-left: 5px; padding-right: 5px; }
.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/rac_ratingStarFilled.gif) no-repeat left top; }
.emptyRatingStar { background: url(/SiteData/Root/SiteImages/rac_ratingStarEmpty.gif) no-repeat left top; }
.savedRatingStar { background: url(/SiteData/Root/SiteImages/rac_ratingStarSaved.gif) no-repeat left top; }
/* Contact Form */
#Content .contactForm { margin-bottom: 1em; }

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

/* Shop SearchBox */
.shopSearchBox { }
/* for batch buy display only */
.categoryDisplay { padding: 0 10px; }
.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: 152px; }
.productListing .productContainer { margin-bottom: 1.5em; }
.productSpacer { float: left; width: 17px; }
#MTL .productSpacer { width: 34px; }
.unavailableProduct { background-color: #F5A0A0; }
.productListing .static, .featureContainer { margin-top: 0; }
/* -New productListingImage structure (with preloader) */
.productListingImage
{
	display: block;
	padding: 6px;
	margin-bottom: 0.5em;
	text-align: center;
	background: url(/SiteData/Root/SiteImages/rac_catImgBg.gif) no-repeat left top;
	overflow: hidden;
}
.productListingImage .preLoader { display: none; margin: 56px auto 0 auto; }
.productListingName, .productListing .productType, .productListingPrice, .productListingDesc, .productListingCode
{
	display: block;
	margin: 0 0 5px 26px;
	font-size: 1em;
	text-decoration: none;
}
.productListingName { margin-left: 10px; background-position: left 5px; }
.productListingDesc { font-weight: normal; }
#Content .productListing h3 { margin-bottom: 0; }
#Content .productListing .removeBtn { position: relative; right: 5px; }
/* Batch Buy (new functionality) */
.batchContainer { margin-bottom: 1em; }
.batchContainer .productImg { float: left; width: 100px; }
.batchContainer .shopTable 
{
	/* based on small image size */
	margin-left: 105px;
}
.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 .alternateFirst, #Content .alternateSecond { float: none; }
.alternateFirst .productListingImage { float: left; padding-right: 10px; }
.alternateSecond .productListingImage { float: right; padding-left: 10px; } 
#Content .alternateFirst .productButtons .button, #Content .alternateSecond .productButtons .button { float: left; }
/* Featured Products Module */
#Content .productListingBriefDesc { display: block; }
#Content .productListingBriefDesc:after { content: "..."; }
#Content .featuredProducts .productListing .browseBtn { }
/* Favourite Listing / Related Products / Recent Products Modules */
.relatedProducts { margin-bottom: 1em; }
.relatedProducts h2 { color: #75675E; }
.favouriteProducts .productListing, .relatedProducts .productListing, .recentlyViewedProducts .productListing { width: 152px; }
.favouriteProducts .button { float: right; }
/* -in the side columns */
.sideColumn .relatedProducts .productListing { width: 100%; }
.sideColumn .relatedProducts .productListingImage { float: left; }
.sideColumn .relatedProducts .productListingImage { padding: 4px; background: url(/SiteData/Root/SiteImages/rac_productImgSmlBg.gif) no-repeat left top; }
.sideColumn .relatedProducts .productListingName { padding-left: 0 !important; background: none; }
.sideColumn .relatedProducts .productListingName, .sideColumn .relatedProducts .productListingPrice, .sideColumn .relatedProducts .productButtons { margin-left: 110px; }
/* MiniBasket Module */
.miniBasket p { padding-bottom: 0.5em; color: #FF5E00; font-size: 1.231em; text-transform: lowercase; }
.miniBasket span { color: #75675E; }
.miniBasket .button { float: right; }
/* RegisterLink Module */
.registerLink { }
#Content .registerLink .button { float: right; }
/* Product Module */
.product .productImg { float: left; margin-bottom: 1em; width: 220px !important; padding: 10px 25px 0 25px; background: url(/SiteData/Root/SiteImages/rac_productImgBg.gif) no-repeat left top; }
.productImg .enlargeImgBtn { }
/* -New main image structure */
.productImg .mainImage { position: relative; margin-bottom: 10px; text-align: center; }
.productImg .mainImage .preloader { position: absolute; display: none; }
.product .productImg h3 { margin: 0 -25px; padding: 9px 10px; width: 250px; color: #FFF; font: normal 1em/100% Helvetica,Arial,Sans-serif; text-align: center; background: url(/SiteData/Root/SiteImages/rac_productImgTitleBg.gif) no-repeat left top;  }
/* -New thumbnail structure */
.productImg .moreImages { margin: 0 -25px; width: 270px; }
.productImg .thumbRow { float: left; width: 100%; }
.productImg .thumbRow img, .productImg .thumbSpacer { float: left; margin-bottom: 0; }
.productImg .thumbSpacer { width: 2px; }
/* -- */
.productDetails { float: right; width: 150px; }
.productDetails label { display: block; margin-bottom: 2px; }
.productDetails select { margin-bottom: 6px; width: 132px; }
#Content .productDetails .buyBtn, #Content .productDetails .buyBtnDisabled { margin-bottom: 1em; }
.product .productPrice { font-size: 1.231em; }
.product .productPrice, .product .productType, .product .productCode { display: block; padding-bottom: 0.5em; }
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: #B82424;	}
.productDescription  { clear: both; float: left; width: 100%; }
/* -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;
	font-weight: normal;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/rac_closeBtnIcon.gif) no-repeat right 50%;
}
/* -Pop form ( Send To A Friend ) */
.popForm { width: 300px; background-color: #FFF; }
.popForm .shopForm, .popForm .shopConditions, .popForm .shopFormButtons { border: none; padding: 10px; background-color: #FFF; }
.popForm label { display: block; float: none; text-align: left; }
.popForm .shopForm label span { left: 282px; }
.popForm .shopForm .textbox, .popForm .shopForm .textarea, .popForm .shopForm .clear-on-focus { width: 274px; }
.popForm .shopConditions { padding-top: 0; text-align: left; }
.popForm .shopFormButtons .button { float: right; }
/* -Write Review */
.ratingHolder {	margin-bottom: 5px; }
/* -Product Reviews */
.productReviews { margin-bottom: 1em; }
#Content .productReviews .review { margin-bottom: 1.5em; }
#Content .productReviews .rating { margin-bottom: 0.5em; }
#Content .productReviews p { padding-bottom: 0.5em; }
#Content .productReviews .name,
#Content .productReviews .location, 
#Content .productReviews .date
{
	display: inline;
	color: #75675E;
	font-weight: bold;
}
#Content .productReviews .date { font-weight: normal; }
#Content .productReviews .location { font-style: italic; }
.writeReviewBtn { float: right; }
/* -Product Promotions */
.productPromotions  { margin-bottom: 1em; }
.productPromotions .promotion { }
.productPromotions h2 { }
.productPromotions img  { }
/* Payment */
.payment { border: solid 1px #CCC; border-top: none; padding: 10px; margin-bottom: 1em;}
#Content .subColumn .payment .monthDd { margin-right: 5px; width: 40px; }
#Content .subColumn .payment .yearDd { width: 60px; }
#Content .payment h3 { margin: 0 -10px 1em -10px !important; } 
#Content .paymentMethodButtons { padding: 0 0 1em 0 !important; }
.paymentMethodButtons p { padding: 0; }
/* Top Sellers Module */
.topSellers { margin-bottom: 1em; }
.topSellers ol { }
.topSellers ol li { }
.topSellers a { }
.topSellers .productImage { }
.topSellers .productName { }
.topSellers .productPrice { }
.topSellers .viewLink { }

/* =SHOP TABLES
   ----------------------------------------------------*/
   
.shopTable { margin-bottom: 1em; }
.shopTable table { width: 100%; }
.shopTable table table td { padding: 0; }
.shopTable table table .subProductTotal { padding-left: 10px; }
.shopTable .nameCol a { font-weight: bold; }
.shopTable td  { border-bottom: solid 2px #FFF; padding: 12px 10px; background-color: #F8F7F7; vertical-align: middle; }
#Content .shopTable .subHeadRow th { color: #FFF; font-size: 1em; font-weight: bold; background-color: #AAA; }
.savedCarts .shopTable th { white-space: normal; }
.shopTable .imageCol { width: 100px; }
.shopTable .qtyCol, .shopTable .removeCol, .shopTable .priceCol { text-align: center !important; }
.shopTable .qtyCol { width: 110px; }
.shopTable .removeCol { width: 60px; }
.shopTable .priceCol { width: 80px; }
.shopTable td.qtyCol { border-left: solid 2px #FFF; border-right: solid 2px #FFF; }
.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: 11px/9px Verdana, Arial, Sans-Serif;
	text-align: center;
	text-decoration: none;
	background-color: #FF5E00;
}
/* discount column */
#Content .shopTable .discountCol { 	text-align: center !important; }
#Content .savedCarts .reloadCartBtn { padding-left: 5px; padding-right: 5px; }
.shopTable .totalRow td { border: none; padding: 6px 10px; color: #333; text-align: right; background: #FFF; }
#Content .shopTable .discountRow td, #Content .basketShipping, #Content .addAddressRow td  { background-color: #FFF; }
#Content .shopTable .updateQuantityRow td  { border-bottom: solid 2px #FFF; padding-top: 11px; }
/* vertical-align all elements in this row */ 
.updateQuantityRow td * { vertical-align: middle; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 10px; }
/* -Sub Items */
.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; }
#MainTop .basket { margin-bottom: 0; }
.basket table { empty-cells: hide; }
#Content .basket .shopTableButtons .button { float: left; margin-right: 10px; }
.displayBasket .shopTable .qtyCol, .displayBasket .shopTable .priceCol { width: auto; }
#Content .shopTableButtons .continueBtn { }
#Content .shopTableButtons .saveBtn { }
#Content .basket .shopTableButtons .checkoutBtn { float: right; margin-right: 0; }
#Content .shippingTitleRow td, #Content .shippingRow td, #Content .shippingRow table td { border: none; }
#Content .shippingTitleRow td, #Content .shippingRow td { padding: 6px 10px; font-weight: bold; }
#Content .shippingRow td { padding-top: 0; font-weight: normal; }
#Content .shippingRow table { padding: 0; }
#Content .shippingRow table td { padding: 0; vertical-align: top; background: none; }
#Content .shippingRow table input { }
/* CustomerOrders Table */
.customerOrders .shopTableButtons { margin-bottom: 0.5em; }
.customerOrders .backLink { display: block; float: right; }
.customerOrders .shopTable table 
{
	/* AL - keep an eye on this, not good to marginilse tables */
	margin-bottom: 0.5em;
}
.customerOrders .makePaymentBtn { float: right; }
/* Address Table & Receipt */
.shopAddress { margin-bottom: 1em; }
.shopAddress table { width: 100%; background: #F8F7F7; }
.invoiceAddressTable { margin-bottom: 1em; }
.shopAddress p { padding-bottom: 0; }
.shopAddress .holder { padding: 5px 0 0 10px; }
.shopAddressButtons { padding: 0 10px 10px 10px; background: #F8F7F7; }
.shopAddressButtons .button { float: right; }
/* - Reciept */
.receipt { margin-bottom: 1em; }
.receipt .addresses { width: 100%; } 
.receipt .invoiceAddressTable, .receipt .deliveryAddressTable { float: left; width: 334px; }
.receipt .invoiceAddressTable td, .receipt .deliveryAddressTable td { padding: 6px 10px; }
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable { margin-bottom: 0; }
.receipt .totals { font-weight: bold; text-align: right; }
#Content .receiptCreateFullAccount { width: 334px; }
#Content .receiptCreateFullAccount .shopForm, #Content .receiptCreateFullAccount p { padding: 0 10px; }
.receiptCreateFullAccount .shopForm label { width: 132px; }
.receiptCreateFullAccount .shopForm .textbox { width: 158px; }
.receiptCreateFullAccount .shopFormButtons { padding-left: 144px; }
.receiptCreateFullAccount .button { width: 120px; }
.receiptCreateFullAccount .shopForm label span { left: 308px; }

/* =SCROLL PANEL
   ----------------------------------------------------*/

.scrollPanel ul { height: 229px; width: 685px; overflow: hidden; }
/* We set the width/height explicitly. No width/height causes infinite loops. */
.scrollPanel li { position: relative; float: left; padding: 0; height: 229px; width: 685px; }
.scrollPanel h3 { color: #FF5E00; }
.scrollPanel .panelImage { position: absolute; left: 0; top: 0; }
.scrollPanel .panelContent { position: relative; z-index: 2; left: 10px; top: 20px; padding: 10px; width: 200px; color: #FFF;  }
.scrollPanel .panelContent p { line-height: normal; }
.scrollPanelButtons .button { float: left; }
.jcarousel-next, .jcarousel-prev { z-index: 3; display: none; }

/* =NEWS
   ----------------------------------------------------*/
   
/* A general class effecting everything used in an article */
.articleElement { }
/* -Article Image */
.articleImgHolder { margin-bottom: 1em; width: 100%; overflow: hidden; }
/* - Author info */
.author { margin-bottom: 1em; padding: 12px 10px; background-color: #EEE; }
.author img { display: block; float: left; }
#Content .author h1 { font-size: 1em; }
.author h1 span { display: inline; margin: 0; font-style: italic; }
.author span { display: block; margin-right: 10px; }
/* assumes 60 x 60 author image */
.author span, .author h1 { margin-left: 70px; }
.author p { padding-bottom: 0.5em; }
/* -Article Title */
.articleTitle { }
/* -Article First Line */
.articleFirstLine { }
/* -Article Date */
.articleDate { display: block; margin-bottom: 1em; color: #333; font-weight: bold; } 
/* -Story */
.story { margin-bottom: 1em; }
.articleExpLink 
{
	display: block;
	border-bottom: solid 2px #DDD;
	margin-bottom: 0.5em;
	padding: 2px 5px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	background-color: #999; 
}
.articleExpLink img { background-color: #FF5E00; float: right; margin-top: 2px; }
.articleExpLink:hover { background-color: #AAA; cursor: pointer; }
/* -Article Credits */
.articleMoreInfo { margin-bottom: 1em; border-bottom: solid 1px #CCC; } 
.articleMoreInfo h3 { margin-bottom: 0; color: #333; }
.articleMoreInfo p { font-style: italic; }
/* -Related Articles */
.relatedArticles { margin-bottom: 5px; }
/* -Related Links */
.relatedLinks { margin-bottom: 5px; } 
.relatedLinks p { }
/* News Listing (NN System) */
.newsListing { margin-bottom: 1.5em; }
.newsItem { margin-bottom: 1.5em; }
.newsItem img { }
#Content .newsItem h3 { margin-bottom: 0; }
.newsItem .summary { padding-bottom: 0.5em; }
.newsItem .nIFoot { line-height: 1em; }
.newsItem .date  { border-right: 1px solid #999; padding-right: 8px; color: #999; font-style: italic; }
.newsItem .moreNewsLink  { margin-left: 10px; }
/* Archive Date Tree */
.archiveDateTree { }
.archiveDateTree ul { list-style: disc; }

/* =EVENTS
   ----------------------------------------------------*/

/* Events Display */
.eventsListing { margin-bottom: 1.5em; }
.eventsItem { margin-bottom: 1.5em; }
.eventsListing h2 { }
#Content .eventsItem h3 { margin-bottom: 0; }
.eventsItem .summary { padding-bottom: 0.5em; }
.eventsItem .eIFoot { line-height: 1em; }
.eventsItem .date  
{
	float: left;
	display: block;
	border-right: 1px solid #999;  
	padding-right: 10px;
	color: #999; 
	font-style: italic; 
}
.eventsItem .eventLink { margin-left: 10px; }
/* Event */
.event { margin-bottom: 1.5em; }
.eventTitle { }
#Content .event .date  
{
	display: block; 
	margin-bottom: 1em; 
	font-weight: bold;
}

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

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons,
.registerLink, .shopForm, .shopAddressButtons, 
.productReviews, .productLinklist ul li, .shopTableButtons,
.validationList ul li, .shopTable .totalRow td, #Content .basketShipping,
.addAddressRow td, .productList, .productContainer, .relatedProducts, 	
.productPromotions, .productReviews, .siteNavigation li a, .shopTable .qtyHolder, 
.pagerSort, .productListing .productContainer, .featuredProducts, 
.productListing .productButtons, .author, .story, .siteNavigation li,
.searchBox, .warningBox, .socialMediaLinks, .footerNav, .miniBasket, .text,
#Content, #Sheet, #Content .productReviews .rating
{
	height: 1%;
}
/* Fix to miniBasket height IE7 (review this) */
*:first-child+html .miniBasket { margin-bottom: -1px; }
/* 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],
.shopForm .addressBtn[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-color: #FFF; }
#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-color: #FFF;
	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 tool styles */
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 #CCC; }
div.mojozoom_fill { background-color: #FFF; opacity: 0.25; -moz-opacity: 0.25; -khtml-opacity: 0.25; filter: alpha(opacity=25); }
img.mojozoom_img { padding: 0; border: none; }
div.mojozoom_imgctr { position: absolute; margin: -9px 0 0 35px; border: 1px solid #75675E; }
div.mojozoom_caption { position: absolute; left: 0; top: 0; height: 16px; padding: 5px 5px 5px 30px; color: #FFF; background: #75675E url(/SiteData/Root/SiteImages/rac_catMagTitleIcon.gif) no-repeat 4px 3px; opacity: 0.80; -moz-opacity: 0.80; -khtml-opacity: 0.80; filter: alpha(opacity=80);  z-index: 10000; }
div.mojozoom_caption span { font: normal 1.3em/1em Helvetica,Arial,Sans-serif; }

/* Thumbail current indicator */
.productImg .thumbRow img { border: 1px solid #FFF !important; }
.productImg .thumbRow .currentThumb { border: 1px solid #FF5E00 !important; }