

/* WASTECYCLE DEFAULT STYLESHEET 
   ----------------------------------------------------*/

/* Default.css
   Updated: Tue 18.11.08 @ 10:30 a.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
   ----------------------------------------------------*/

body
{
	font-size: 0.625em; /* v important - this sets the default font size to 10px eqiv ems */
	overflow: -moz-scrollbars-vertical;
	background-color: #000;
}
body * 
{
	font-size: 1em;
}
#Sheet
{
	text-align: left;
	margin: auto;
	width: 945px;
}

/* =TYPOGRAPHY
   ----------------------------------------------------*/
   
/* Colours

/* #000000 - BG Black
   #FF273D - Top Navigation active
   #CC0000 - Links & Site Navigation active
*/

h1
{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size: 2em;
	margin-bottom: 0.6em;
	font-weight: bold;
}
h2
{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h3
{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-size: 1em;
	font-weight: bold;
}
h4 
{ 
	font-weight: bold;
	margin-bottom: 1em; 
}
h5, h6
{
	font-weight: bold;
	margin-bottom: 0;
}
/* Shared typographic styles */
h4.highlightTitle { color: #C00; }
#Content { font-size: 1.2em; }
#ColumnMainHp h1, #ColumnMain3Col h1, #ColumnMain2Col h1, #ColumnMain1Col h1
{ 
	color: #000;
	font-size: 1.833em; 
	border-bottom: solid 1px #CCC;
	padding-bottom: 3px;
	font-weight: bold;
}
#ColumnLeft h1, #ColumnLeft h2,
#MainRight h1, #MainRight h2 
{
	color: #FFF;
	background-color: #666;
	margin: 0 -10px 1em -10px;
	padding: 7px 10px;
	font-size: 1.417em;	
	font-weight: normal;
}
#MainRight h1, 
#MainRight h2 
{
	background-color: #000;
}
#ColumnMainHp h3, 
#ColumnMain3Col h3, 
#ColumnMain2Col h3, 
#ColumnMain1Col h3, 
#ColumnLeft h3 
{
	color: #FFF;
	background: #000 url(/SiteData/Root/SiteImages/wc_headingBlkGradBgTile.gif) repeat-x left top;
	border-top: solid 1px #F2F2F2;
	padding: 6px 10px;
	font-size: 1.167em;
}
p, blockquote, address, .vcard
{
	margin-bottom: 1.5em;
	line-height: 1.5em;
}
ul, ol 
{ 
	margin: 0.5em 0 1em 2em; 
}
ul ul { margin-bottom: 0; }
dd, ul li 
{
	line-height: 1.5em;
}
a
{
	color: #C00;
	outline: none;
}
a:hover { text-decoration: none; }
a:focus, 
a:active, 
input:focus  
{
	-moz-outline-style: none; outline: none; 
}
.enlargedImages_ThumbnailScroller a:focus { background-color: Transparent; }
blockquote, address  { font-style: italic; }
.subText, 
.shopForm .checkboxLabel
{
	font-weight: bold;
	font-size: 0.917em;
}

/* =COMMON ELEMENTS
   ----------------------------------------------------*/

.clear, .Clear, .shopForm br 
{
	clear: both;
}
.left { float: left; }
.right { float: right; }
div.clear, .miniBasket br, .customerLogin .clear,
.ticketSelectBody .clear, .productListing br, .shopFormButtons .clear, .featuredProducts .clear,
.categoryDisplay .clear, .productPromotions br, .searchBox .clear,
.formTableButtons .clear
{
	font-size: 0;
	line-height: 0;
}
/* hide these elements */
.accessibility, .hide, .homeLink span, .categoryDisplay h2, .extraDeliveryDetails, 
.product .backLink, .editAddress h3, .payment .secureMsg, .payment .varifyMsg, .featuredProduct h1,
.searchResultsList .Url, .product .productPriceText, .product .productCodeText, #Content .productListing .browseBtn,
.categoryDisplayTitle, .categoryDisplayDesc, .newsArchive h2, .recentNews h2, .printHeader, 
#ColumnLeft .blankLabel, #MainRight .blankLabel, .shopForm .formTable br
{
	display: none;
	visibility: hidden;
}
.CMSModuleERROR
{
	border: dashed 2px #F00;
	color: #F00;
}
.CMSColumnEdit
{
	border: dashed 1px #003480;
	position: relative;
}
.textbox, 
.dropdownlist, 
.clear-on-focus 
{ 
	border: solid 1px #8DA8C1; 
}
.textbox, 
.clear-on-focus  
{
	padding: 1px; 
}
.checkbox { padding-right: 4px; }
/* about security number */
.aboutSecurityCode 
{
	font-size: 1.1em;
	width: 548px;
	height: 568px;
	background-color: #FFF;
	padding: 16px;
}
.aboutSecurityCode .cardHolder { text-align: center; margin: auto; }
.aboutSecurityCode .cardHolder img { margin-bottom: 16px; }
.aboutSecurityCode .button 
{ 
	display: inline;
	padding-left: 8px; 
	padding-right: 8px; 
}
/* button */
.button, button, input.button
{
    display: block;
    margin: 0;
	border: solid 1px #C00;
	background: #C00 url(/SiteData/Root/SiteImages/wc_btnBgTile.gif) repeat-x left top;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
    font-size: 1em;
    line-height: 130%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    cursor: pointer;
    padding: 4px 6px 4px 6px; /* Links */
}
button, input.button
{
    width: auto;
    overflow: visible;
    padding: 3px 6px 2px 6px; /* IE6 */
}
.button[type]
{
    padding: 3px 6px 3px 6px; /* Firefox */
    line-height: 18px; /* Safari */
}
*:first-child+html .button[type]{ padding: 2px 6px 0 6px; /* IE7 */ }
/* nuetralise the styles of input buttons within .button class */
.button input
{
	cursor: pointer;
	background: none;
	border: none;
} 
/* button colour variations & special cases */
#MainRight .customerLogin .button, 
#ColumnLeft .customerLogin .button, 
#Content .registerLink .button,
.shopForm .addressBtn, 
#Content .updateQuantityRow .button 
{
	/* Dark Grey */
	border: solid 1px #999;	
	background: none;
	background-color: #CCC;
}
#Content .shopTableButtons .continueBtn,
#Content .shopTableButtons .saveBtn 
{
	/* Light Grey */
	border: solid 1px #3C3C3B;
	background: none;
	background-color: #3C3C3B;
}
/* smaller buttons */
#Content .updateQuantityRow .button,  
#Content .shopForm .addressBtn
{ 
	padding: 1px 6px 1px 6px; 
} 
#Content .updateQuantityRow .button[type], 
#Content .shopForm .addressBtn[type]
{
	padding: 1px 6px 1px 6px; /* Firefox */
    line-height: 12px; /* Safari */
}
*:first-child+html #Content .updateQuantityRow .button[type],
*:first-child+html #Content .shopForm .addressBtn[type]
{
    padding: 4px 6px 0 6px; /* IE7 */
}
/* disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled
{
	color: #999 !important;
	background: none;
	background-color: #EEE;
	border: solid 1px #CCC;
}
/* disabled qtyCol */
#Content .qtyCol .disabled { border: none; background-color: Transparent; color:#FFF; }
.qtyCol .disabled span.QuantityAdjust a { background-color: #CCC; }
/* Specific to Wastecycle */
/* HP Intro Box */
.introBox { position: relative; }
.introBox .left, 
.introBox .right 
{
	width: 48%;
} 
/* Feature boxes */
.featureTable
{
	width: 100%;
	margin-bottom: 10px;
}
#ColumnLeft .featureTable { margin-bottom: 5px; }
.featureTable table 
{
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}
.featureTable td 
{
	vertical-align: top;
	width: 50%; 
}
#Content .feature h1  
{
	font-size: 1.250em; 
	border: none;
	margin-bottom: 0; 
}
.feature 
{
	position: relative;
	overflow: hidden;
	padding: 10px; 
	border: solid 1px #CCC;
}
div.feature { margin-bottom: 5px; } 
.featureTable .feature  	
{
	border-top: none; 
	border-left: none;
}
.feature p { margin-bottom: 0; }
.feature img  
{
	float: right; 
	margin-left: 10px;
	margin-bottom: 1em;
}
.feature .imgBox  
{
	padding-right: 56px; 
}
/* -variations */
.recycleImg p, .wasteImg p { width: 60%; }
.recycleImg { background: url(/SiteData/Root/SiteImages/wc_featRecycleImg.gif) no-repeat right -30px; }
.wasteImg { background: url(/SiteData/Root/SiteImages/wc_featWasteImg.jpg) no-repeat right -30px; }
/* Customer boxes */
.wcCustomerBox 
{
	background: url(/SiteData/Root/SiteImages/wc_boxShadowBgTile.gif) repeat-x bottom left;
	padding-bottom: 15px;
	margin-bottom: 5px;
}
.wcCustomerBox .holder  
{
	position: relative;
	background-color: #FFF;
	border: solid 1px #CCC;
	height: 14.4em;
	padding: 10px;
}
.wcCustomerBox .overlay 
{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: -7px;
}
.wcCustomerBox p  
{
	padding-right: 110px; 
	margin-bottom: 0;
}
#Content .feature .button, 
#Content .wcCustomerBox .button
{
	color: #FFF;
	width: 108px;
	height: 24px;
	border: none;
	background: url(/SiteData/Root/SiteImages/wc_featureBtnBgTile.gif) repeat-x left top;
}
#Content .wcCustomerBox .button { width: 60px; }
/* Waste Calculator */
.wasteCalculator { margin-bottom: 16px; }
#Content .wasteCalculator h2 
{
	padding: 0;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 1em 0;
	color: #000;
	background-color: Transparent;
	font-family: Arial, Verdana, Sans-Serif;
}
.wCNotes 
{
	background-color: #666;
	margin: 0 -10px;
	padding: 10px;
	color: #FFF;
	margin-bottom: 1em;
}
.wCNotes p { margin-bottom: 0; }
/* Waste Calculator Results */
.wasteCalculatorResults { margin-bottom: 16px; }
.wasteCalculatorResults .resultsBox { width: 48%; }
.wasteCalculatorResults .holder 
{
	border: solid 1px #CCC;
	padding: 8px;
	margin-bottom: 1em;
}
.wasteCalculatorResults .grandTotalBox 
{
	border: solid 1px #6C9931;
	background-color: #95D143;
	padding: 8px;	
	color: #FFF;
	margin-bottom: 8px;	
}
.wasteCalculatorResults .grandTotalBox h4 { margin-bottom: 0.2em; }
.wasteCalculatorResults .grandTotalSaving 
{
	text-align: center;
	font-size: 1.417em;
	font-weight: bold;
	font-style: italic;
	line-height: 1.417em;
}
.perWeekSave, .perYearSave { font-style: normal; }
.wasteCalculatorResults .footnote 
{
	color: #666;
	line-height: 1.2em;
	font-size: 0.917em;
}
/* Image Rotator */
.imageRotator { position: relative; }
.imageRotator .imgHolder { position: absolute; }
/* General Table */
.genTable { margin-bottom: 1.6em; }
.genTable table  
{
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	width: 100%; 
}
.genTable td, 
.genTable th 
{ 
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	padding: 4px; 
}
.genTable th 
{ 	
	font-size: 1.08em;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	color: #FFF; 
	background-color: #666; 
	padding: 2px 4px;
}
.genTable table td.imgCol { text-align: center; }
.genTable table td.blankRow 
{
	padding: 2px 4px; 	
	background-color: #EEE;  
}
.genTable table th.greenTableHeader,
.genTable table th.redTableHeader,
.genTable table th.orangeTableHeader
{
	background-color: #6C6;
	text-align: center;
	color: #FFF;
}
.genTable table th.redTableHeader { background-color: #F33; } 
.genTable table th.orangeTableHeader { background-color: #F60; } 


/* =SYSTEM
   ----------------------------------------------------*/

.CMSPageControls
{
	padding: 3px 0;
	position: static;
	text-align: right;
	height: 16px;
}
.CMSPageControls span
{
	font-size: 9px;
	color: #666;
	vertical-align: top;
}
.CMSPageControls img, 
.CMSPageControls input
{
	margin-left: 4px;
	border: none;
}

/* =HEADER
   ----------------------------------------------------*/

#Header 
{
	position: relative;
	height: 207px;
	background: #FFF url(/SiteData/Root/SiteImages/wc_hpHeaderBg.gif) no-repeat left top;
	border-bottom: solid 7px #333;
	z-index: 1;
}
/*
#Sheet .hpHeader  
{
	/* this basically nuetralises the bg on the hp header in order for 
	the roator to be dropped in to the top column */
	/*background: #FFF url(/SiteData/Root/SiteImages/wc_hpHeaderBg.gif) no-repeat left top;
	background-color: #FFF;
} */
#Header .logo
{
	position: absolute;
	display: block;
	left: 4px;
	top: 13px;
	width: 222px;
	height: 122px;
	z-index: 101;
}
#Header .mockRota 
{ 
	width: 100%;
	z-index: 2; 
}
#Navigation
{
	position: absolute;
	right: 0;
	bottom: 5px;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	width: 451px;
	font-size: 1.4em;
	height: 20px;
	z-index: 100;
}
#Navigation ul 
{ 
	list-style: none;
	margin: 0;
	padding: 0; 
}
#Navigation li  
{
	float: left; 
	padding-right: 10px; 
}
#Navigation li a
{
	float: left;
	color: #FFF;
	display: block;
	height: 20px;
	text-decoration: none;
	font-weight: normal;
}
#Navigation a:hover, #Navigation a:active { color: #FF273D; }

/* =CONTENT LAYOUT
   ----------------------------------------------------*/

#Content
{
	border-top: solid 5px #FFF;
	border-bottom: solid 36px #CCC;
	background-color: #FFF;
	padding: 5px;
	float: left;
	width: 935px;
}
.colHpContent, .col2Content, .col3Content { background: url(/SiteData/Root/SiteImages/wc_col2BgTile.gif) repeat-y 5px top; }
/* Hp, Checkout & 2 Column */
.rightContainer
{
	float: right;
	width: 677px;
	padding-top: 3px;
}
#MainTop {}
#MainBottLeft, #MainBottRight 
{
	width: 302px;
}
/* HP 3 Column */
#MainBottLeft, #MainLeft { float: left; }
#MainBottRight, #MainRight { float: right; }
/* 3 Column */
#MainLeft { width: 454px; }
#MainRight 
{
	width: 164px;
	background-color: #EAEAEA;
	padding: 0 10px;
}
/* Text Padding */
#ColumnMain1Col .text,
#ColumnMainHp .text,
#ColumnMain2Col .text 
{
	padding: 8px 16px; 
} 
/* 3 Column  */
#ColumnMain3Col .text { padding: 8px 0 8px 16px; }
/* LeftColumn */
#ColumnLeft 
{
	float: left;
	width: 238px;
	padding: 0 10px;
}

/* =FOOTER
   ----------------------------------------------------*/

#Footer 
{
	font-size: 1.1em;
	clear: both;
	width: 945px;
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	color: #FFF;
	padding: 5px 0;
}
#Footer a 
{ 
	margin-right: 8px;
	text-decoration: none;
	color: #FFF; 
}
/* IUK Footer */
#InternovaLogo
{
	float: right;
	width: 200px;
	text-align: right; 
	/* this font size must be kept consistant */
	font-size: 10px;
	color: #CCC;
	padding-bottom: 8px;
}
#InternovaLogo a
{
	text-decoration: none;
	color: #CCC;
}

/* =MODULES
   ----------------------------------------------------*/

/* Site Navigation */
.SiteNavigation, 
.articleList,
.linkList 
{ 
	font-family: Trebuchet MS, Arial, Verdana, Sans-Serif; 
}
.SiteNavigation li,
.articleList li,
.linkList li
{
	margin-left: -4px;
	list-style: none;
	margin-bottom: 3px;
}
.SiteNavigation a,
.articleList a,
.linkList a
{
	color: #000;
	text-decoration: none;
	margin-bottom: 2px;
	background: url(/SiteData/Root/SiteImages/wc_siteNavBullet.gif) no-repeat left 6px;
	padding-left: 14px;
	line-height: 1.3em;
	/*height: 1.3em;*/
}
.articleList a,
.linkList a
{
	color:#C00 !important;
	text-decoration: underline !important;
} 
.SiteNavigation ul li a:hover,
.articleList ul li a:hover,
.linkList ul li a:hover
{
	text-decoration: underline;
}
/* -Parent of CurrentNode A Styling */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, 
#Content .SiteNavigation ul li.Current a.Current 
{
	/* parent node styling here */	
	font-weight: bold;
	/* no sliding doors image here due to long titles */
	background: url(/SiteData/Root/SiteImages/wc_siteNavBulletActive.gif) no-repeat left 6px;
}
/* -Current Node A Styling */
#Content .SiteNavigation li.Current a.Current, 
#Content .SiteNavigation ul ul li.Current a.Current
{
	/* current node styling here */
	color: #C00;
}
/* -Side Columns SiteNav & linkLists */
#ColumnLeft .SiteNavigation,
#MainRight .SiteNavigation,
#ColumnLeft .linkList
{
	margin-bottom: 13px;
}
#MainRight .SiteNavigation { margin-top: 5px; }
#ColumnLeft .SiteNavigation ul,
#MainRight .SiteNavigation ul,
#ColumnLeft .articleList ul,
#ColumnLeft .linkList ul
{
	margin: 0 0 7px 0;
	padding: 0;
	list-style: none;
}
#ColumnLeft .SiteNavigation ul li,
#MainRight .SiteNavigation ul li,
#ColumnLeft .articleList ul li,
#ColumnLeft .linkList ul li
{
	list-style: none;
	padding: 0;
	margin: 0;
}
#ColumnLeft .SiteNavigation ul ul li, 
#MainRight .SiteNavigation ul ul li,
#ColumnLeft .articleList ul ul li,
#ColumnLeft .linkList ul ul li
{
	margin-left: 12px;
}
#ColumnLeft .SiteNavigation a, 
#MainRight .SiteNavigation a,
#ColumnLeft .articleList a,
#ColumnLeft .linkList a
{
	display: block;
}
/* Site Map */
.siteMap ul { }
/* Search Results */
#Content .searchResults h1, #Content .shopResults h1,
#Content .contentResults h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-left: 0;
	background: none;
	color: #333;
	font-weight: normal;
	margin-bottom: 1em;
	border-bottom: none;
	line-height: 1em;
}
.shopResults h1 {}
.pagerLinks 
{
	text-align: right;
	margin-bottom: 1em;
}
.next, .previous { padding: 0 8px; background: url(/SiteData/Root/SiteImages/fs_linkBullet.gif) no-repeat right 50%; color: #C00;}
.previous { background: url(/SiteData/Root/SiteImages/fs_linkBulletRev.gif) no-repeat left 50%; color: #C00; }
.userPageSize 
{
	float: left;
	margin-bottom: 1em;
}
.searchResultsList { margin-left: 0; }
.searchResultsList li 
{
	background: none;
	padding-left: 0;
	margin-bottom: 1em;
} 
.contentResults a
{
	line-height: 2em;
	font-weight: bold;
}
.searchHighlight { font-style: italic; }
.featuredResult { margin-bottom: 16px; }
.featuredResult .productListingImage img
{
	margin-left: 4px;
	float: left;
}
.featuredResult .productType { display: block; }
.featuredResult .productButtons, 
.featuredResult .productType,
.featuredResult .productListingName, 
.featuredResult .productListingPrice 
{
	margin-left: 88px;
}
.featuredResult .productListingPrice 
{
	margin-bottom: 0.6em;
}
#Content .featuredResult .buyBtn { width: 44px; }
.itemsPerPage 
{
	margin-top: -32px;
	text-align: right;
	margin-bottom: 7px;
}
/* Breadcrumb */
.breadcrumb 
{ 
	display: block;
	margin-bottom: 1em; 
}
.breadcrumb a { color: #333; }
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
}
.FAQ .FAQAnswer {}
/* SearchBox */
.searchBox 
{
	color: #FFF;
	background-color: #000;
	margin-bottom: 5px;
	padding: 10px;
}
#ColumnLeft .searchBox { width: 100%; margin: 0 -10px 5px -10px; }
.searchBox .searchKeyword 
{
	font-family: "Trebuchet MS", Arial, Verdana, Sans-Serif;
	font-weight: bold;
	float: left;
	line-height: 21px;
	margin-right: 5px;
}
#Content .searchBox .textbox,
#Content .searchBox .clear-on-focus 
{
	padding: 1px 1px 2px 1px !important;
	float: left;
	/* restore this after demo */
	width: 162px;
	/* -- */
	/* delete this after demo */
	/*width: 142px;*/
	/* -- */
	margin-right: 5px;
	border-color: #FFF !important;
}
#Content .searchBox .button 
{
	/* restore this after demo */
	background: url(/SiteData/Root/SiteImages/wc_searchBoxBtnBg.gif) no-repeat left top;
	text-indent: -9999px;
	padding: 0;
	border: none;
	width: 20px;
	height: 20px;
	/* -- */
	/* delete this after demo */
	/*background: none;
	background-color: #000;
	border: solid 1px #FFF;
	font-weight: normal;
	text-transform: lowercase;
	text-align: center;
	line-height: 11px;
	font-size: 11px;
	padding: 1px 2px;*/
	/* -- */
}
/* AdminPanel */
.AdminPanel
{
	background-color: #FFF;
	border: dashed 1px #F00;
	color: #000;
	padding: 3px;
}
#Content .AdminPanel h2, #Content .AdminPanel h3 
{
	font-family: Arial, Helvetica, Verdana, Sans-Serif !important;
	padding: 0 !important;
	border: 0 !important;
	background: none !important; 
	color: #000;
	margin-bottom: 0.5em; 
}
.CheckBoxList
{
	border: 0px;
	border-collapse: collapse;
}
.CheckBoxList tr td
{
	padding: 0;
	margin: 0;
}
/* SWF Object */
.swfObject { text-align: center; }

/* =SHOP FORMS
   ----------------------------------------------------*/

/* Standard Forms */
.shopForm, .compactShopForm, .shopConditions
{
	padding: 8px;
	position: relative;
}
.shopFormButtons { padding: 8px; }
.shopConditions 
{
	text-align: center;
	margin-bottom: 8px;
}
h1.shopFormTitle 
{
	font-size: 1.727em;
	border-bottom: solid 1px #000;
	padding-bottom: 4px;
	font-weight: normal;
}
/* Assuming the Main Left of a 3 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	width: 142px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 2px;
}
.shopForm label span 
{
	font-size: 1.273em;
	position: absolute;
	left: 322px;
}
.shopForm .forgottenPasswordLink  
{
	margin-left: 146px; 
	display: block; 
	margin-bottom: 0.6em; 
}
.shopForm .pCSpan { left: 242px; }
.shopForm .textbox, 
.shopForm .textarea, 
.shopForm .dropdown, 
.shopForm .dropdownlist,
.shopForm .fileupload
{
	width: 160px;
	margin-bottom: 6px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, 
.shopForm .dropdownlist
{
	width: 164px;
}
#Content .shopForm .addressBtn { margin-bottom: 8px; }
.shopForm .checkbox 
{
	float: left;
	position: relative;
	left: -4px;
}
.shopForm .checkboxLabel  
{
	float: left;
	margin: 2px 0 6px 0;
	width: 172px;
}
/* -Table within shopForm (this can be edited by the user) */
.fieldSet { margin-bottom: 12px; }
.shopForm .formTable,
.formTableButtons  
{
	background-color: #EEE;
	border: dotted 1px #CCC;
	border-left: none;
	border-right: none;
	padding: 8px;
}
.shopForm .formTable 
{
	border-bottom: none;
}
.shopForm .formTable table { width: 100%; }
.shopForm .formTable td,
.shopForm .formTable th
{
	padding: 0 2px;
	text-align: center;
	vertical-align: top;
}
.shopForm .formTable .removeRowBtn,
.shopForm .formTableButtons .addNewRowBtn  
{
	color: #666; 
	border: solid 1px #999;
}
.shopForm .formTable .removeRowBtn   
{
	margin-left: 2px;
	width: 24px;
	height: 24px;
	background: url(/SiteData/Root/SiteImages/wc_removeRowBtnBg.gif) no-repeat right 50%;
	text-indent: -9999px;
	padding: 0 !important;
}
.formTableButtons 
{
	padding-top: 0; 
	border-top: none; 
}
.shopForm .formTableButtons .addNewRowBtn 
{
	border: solid 1px #CCC;
	background: #FFF url(/SiteData/Root/SiteImages/wc_addNewRowBtnBg.gif) no-repeat right 50%;
	width: 112px;
	padding: 0 20px 0 4px !important;	
}
#Content .shopForm .formTable  label,
#Content .shopForm .formTable .textarea, 
#Content .shopForm .formTable .dropdown, 
#Content .shopForm .formTable .dropdownlist, 
#Content .shopForm .formTable .fileupload,
#Content .shopForm .formTable .textbox
{
	float: left;
	width: 100% !important;
}
#Content .shopForm .formTable .textbox { padding: 1px 0 !important; width: auto !important; }
#Content .shopForm .formTable .checkbox 
{
	left: 0;
}
/* -shopForm Buttons */
.shopFormButtons 
{
	text-align: left;
	padding-left: 184px;
}
/* Variation based on Layout */
#ColumnMain2Col .shopForm label,
#ColumnMainHp .shopForm label 
{ 
	width: 202px; 
}
#ColumnMain2Col .shopForm .textbox,
#ColumnMainHp .shopForm .textbox, 
#ColumnMain2Col .shopForm .textarea,
#ColumnMainHp .shopForm .textarea, 
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMainHp .shopForm .dropdown,
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMainHp .shopForm .dropdownlist,
#ColumnMain2Col .shopForm .fileupload,
#ColumnMainHp .shopForm .fileupload 
{ 
	width: 240px; 
}
#ColumnMain2Col .shopForm label span,
#ColumnMainHp .shopForm label span 
{ 
	left: 462px; 
}
#ColumnMain2Col .shopForm .pCSpan ,
#ColumnMainHp .shopForm .pCSpan 
{ 
	left: 302px; 
}
#ColumnMain2Col .shopForm .dropdown,
#ColumnMainHp .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMainHp .shopForm .dropdownlist
{ 
	width: 244px; 
}
#ColumnMain2Col .shopFormButtons,
#ColumnMainHp .shopFormButtons
{ 
	padding-left: 214px; 
}
/* - shopForm in LeftCol */
#ColumnLeft .shopForm label 
{ 
	text-align: left;
	width: 198px; 
}
#ColumnLeft .shopForm .textbox, 
#ColumnLeft .shopForm .textarea, 
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist, 
#ColumnLeft .shopForm .fileupload 
{ 
	width: 198px; 
}
#ColumnLeft .shopForm label span { left: 202px; }
#ColumnLeft .shopForm .pCSpan { left: 202px; }
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist 
{ 
	width: 202px; 
}
#ColumnLeft .shopFormButtons { padding: 8px; }
#ColumnLeft .shopFormButtons .button { float: right; }
/* shopForm for wasteCalculator */
.wasteCalculator .shopForm { padding: 0; }
.wasteCalculator .shopForm label 
{ 
	text-align: left;
	width: 100px; 
	font-weight: normal;
}
.wasteCalculator .shopForm .textbox, 
.wasteCalculator .shopForm .textarea, 
.wasteCalculator .shopForm .dropdown, 
.wasteCalculator .shopForm .dropdownlist 
.wasteCalculator .shopForm .fileupload 
{ 
	width: 38px; 
}
.wasteCalculator .shopForm label span { left: 148px; }
.wasteCalculator .shopForm .dropdown, 
.wasteCalculator .shopForm .dropdownlist 
{ 
	width: 42px; 
}
.wasteCalculator .shopForm .pct  
{
	position: relative; 
	top: -8px; 
	left: 2px; 
}
.wasteCalculator .shopFormButtons { padding: 0; }
.wasteCalculator .shopFormButtons .button { float: right; }
/* Form validation */
.validationList 
{
	color: Red;
	margin-bottom: 16px;
}
#MainRight .validationList { margin-bottom: 8px; }
#Content .validationList ul
{
	background: none;
	list-style-type: disc;
	padding: 0;
	margin-left: 16px;
}
#Content .validationList ul li 
{
	background: none;
	padding: 0;
	margin: 0;
}
/* Warnings */
.warningBox 
{
	padding: 8px;
	border: solid 1px #CCC;
	background-color: #EFEFEF;
	margin-bottom: 1em;
}
.warningTxt { color: Red; }
.warningBox ol { list-style-type: decimal; }
/* Edit Address Form */
.editAddress .shopTableButtons { margin-bottom: 4px; }
.editAddress .returnLink 
{
	float: right; 
	display: block;
}
.editAddress .shopTable .btnCol  
{
	width: 80px; 
	text-align: center; 
}
.editAddress .shopTable .btnCol .button { margin: 0 auto 8px auto; }
.editAddress .shopTable .editAddressBtn,
.editAddress .shopTable .removeAddressBtn 
{
	width: 64px;
}
.editAddress .shopFormButtons .button { float: left; }
#Content .editAddress .saveAddressBtn, 
#Content .editAddress .cancelBtn
{
	padding-left: 3px;
	padding-right: 3px;	
}
#Content .editAddress .cancelBtn { margin-left: 4px; }
#Content .shopForm .useAddressBtn, 
#Content .shopForm .cancelAddressBtn
{
	float: right;
	margin-bottom: 16px;
}
#Content .shopForm .useAddressBtn { margin-left: 4px; }
/* Lost Password Form */
#Content .lostPassword .sendPasswordBtn,
#Content .lostPassword .backBtn,
#Content .lostPassword .loginBtn
{
	width: 120px;	
}
.lostPassword .shopFormButtons { padding-top: 0; }
/* Customer Login Form (specifically for the side columns) */
#MainRight .customerLogin, #ColumnLeft .customerLogin
{
	color: #000;
	padding: 36px 8px 8px 8px;
	background: #E9E9E9 url(/SiteData/Root/SiteImages/fs_customerLoginBg.gif) no-repeat 8px 10px;
	margin-bottom: 3px;
}
#MainRight .customerLogin .shopForm, 
#ColumnLeft .customerLogin .shopForm
{
	padding: 0;
}
#MainRight .customerLogin h2, 
#ColumnLeft .customerLogin h2
{
	font-size: 1em;	
}
#MainRight .customerLogin .button, 
#ColumnLeft .customerLogin .button
{
	padding-left: 4px;
	padding-right: 4px;
	float: right;
}
#MainRight .customerLogin .upgradeBtn, 
#ColumnLeft .customerLogin .upgradeBtn  
{ 
	margin-right: 4px; 
} 
#MainRight .customerLogin label, 
#MainRight .customerLogin .forgottenPasswordLink,
#ColumnLeft .customerLogin label, 
#ColumnLeft .customerLogin .forgottenPasswordLink
{ 
	margin-left: 0;
	text-align: left;
	width: 124px; 
}
#MainRight .customerLogin .textbox, 
#ColumnLeft .customerLogin .textbox  
{ 
	width: 154px; 
}
#MainRight .customerLogin .checkbox, 
#ColumnLeft .customerLogin .checkbox  
{
	float: right;
	left: 0;
	padding: 0; 
}
.customerLogin ul { margin-left: 8px; margin-bottom: 4px; }
#MainRight .customerLogin .shopFormButtons, 
#ColumnLeft .customerLogin .shopFormButtons
{
	padding: 0;
	padding-top: 4px;
	background: none;
}
/* Create Customer Form */
.createCustomer .warningBox ol li
{
	clear: right;
	padding-bottom: 8px;
}
#Content .upgradeAccountBtn, 
#Content .continueAsGuestBtn, 
#Content .reEnterBtn, 
#Content .emailPasswordBtn 
{
	float: right;
	width: 128px;
	margin-top: -17px;
	margin-bottom: 8px;
}
/* NewsLetter Sign Up Form */
.newsLetterSignup {}
.newsLetterSignup .signUpBtn {}
/* Edit Password Form */
#Content .changePassword {}
label.passwordStrengthWarning 
{
	background-color: #FFF;
	border: solid 1px #000;
	padding: 1px 3px 2px 3px;
	display: block;
	color: #000;
}
/* Edit Account Form */
.editAccountDetails {}
/* Save Basket Form */
#Content .saveBasket .saveCartBtn
{
	float: right;
	width: 120px;
}
/* Write Review Form */
.writeReview .ratingControl { margin-bottom: 6px; }
.writeReview .returnBtn { float: right; }
#Content .writeReview .returnBtn 
{
	padding-left: 4px;
	padding-right: 4px;
}
.ratingStar
{
	font-size: 0;
	width: 13px;
	height: 12px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: block;
	background-repeat: no-repeat;
}
.readOnly { cursor: default; }
.filledRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/FilledStar.gif) no-repeat left top; }
.emptyRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/EmptyStar.gif) no-repeat left top; }
.savedRatingStar { background: url(/SiteData/Generic/SiteImages/RatingStars/SavedStar.gif) no-repeat left top; }
/* Contact Form */
#Content .contact .sendBtn { width: 140px; }

/* =SHOP MODULES
   ----------------------------------------------------*/

/* Category Display Module */
.categoryDisplayProduct { padding-bottom: 24px; }
.categoryDisplayTitle { border-bottom: solid 1px #000; }
categoryDisplayDesc {}
.categoryDisplay h2 { margin-bottom: 6px; }
.featuredProduct { width: 100%; }
.featuredProduct .productImg { float: left; }
.featuredProduct h2 
{
	border: none;
	display: block;
	visibility: visible;
}
.featuredProduct h2 a 
{
	text-decoration: none;
	color: #000;
}
.featuredProduct .productDesc
{
	float: right;
	width: 186px;
}
.featuredProduct .productPrice 
{
	display: block;
	margin-bottom: 16px;
}
#Content .featuredProduct .buyBtn  { width: 44px; }
/* =variations based on location */ 
#SplitMainLeft .featuredProducts h3,
#MainLeftBott .pagerLinks
{
	display: none;
	visibility: hidden;
}
/* Product Listing & Feature Listing Modules */
.productList  { margin-bottom: 16px; }
.productRow 
{
	float: left;
	width: 100%;
}
.productListing, .placeHolder, .featureListing
{
	float: left;
	width: 116px;
}
.productListing .productContainer { margin-bottom: 0.6em; }
#Content .productSpacer 
{
	float: left;
	width: 10px;
}
.UnavailableProduct { background-color: #F5A0A0; }
.productListing .static, .featureContainer { margin-top: 0; }
.productListingImage img { display: block; margin-bottom: 8px; }
.productListingName, 
.productListing .productType, 
.productListingPrice,
.productListingCode
{
	display: block;
	color: #000; 
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 0.6em;
}
.productListing .productListingDesc  { display: inline; }
#Content .productListing h3 { margin-bottom: 0; }
.productListing .productButtons { margin-bottom: 8px; }
#Content .productListing .buyBtn, 
#Content .productListing .browseBtn, 
#Content .productListing .removeBtn,
.removeLink, .backLink, .returnLink,
#Content .viewOrderBtn
{
	border: none;
	padding: 0;
	color: #C00;
	text-decoration: underline !important;
	font-weight: normal;
}
#Content .productListing .buyBtn,
#Content .productListing .removeBtn,
#Content .productListing .browseBtn 
{
	float: left;
}
#Content .productListing .removeBtn { float: none; }
/* Alternating Product Listings Styles */
#Content .alternateFirst, #Content .alternateSecond  
{
	float: none;
	width: 100%;
	clear: both;
	margin-bottom: 1em;	
}
#Content .alternateSecond .productButtons, #Content .alternateFirst .productButtons { clear: none; }
.alternateFirst .productListingImage { float: left; padding-right: 10px; margin-bottom: 0; }
.alternateSecond .productListingImage { float: right; padding-left: 10px; margin-bottom: 0; }
.alternateFirst .productListingName, .alternateSecond .productListingName 
{
	display: block;
	font-weight: bold;
	background: none;
	padding-left: 0;
	margin-bottom: 0.6em;
}
#Content .alternateFirst .productButtons,  #Content .alternateSecond .productButtons
{
	display: block;
	visibility: visible !important;
}
#Content .alternateFirst .productListingPrice, 
#Content .alternateFirst .productListingName, 
#Content .alternateFirst .productListingDesc,
#Content .alternateSecond .productListingPrice, 
#Content .alternateSecond .productListingName, 
#Content .alternateSecond .productListingDesc
{
	display: block;	
	margin-bottom: 0.6em;
}
#Content .alternateSecond .productListingPrice, #Content .alternateSecond .productListingName, #Content .alternateSecond .productListingDesc
{
	margin-left: 0;
	padding-left: 0;
}
/* Featured Products Module */
#Content .featuredProducts { margin-bottom: 0; }
#Content .featuredProducts .productListing 
{
	float: left;
	width: 243px;
}
#Content .featuredProducts h3 
{
	color: #C00;
	font-size: 1.182em;
	margin-bottom: 1em;
}
#Content .featuredProducts .productListingPrice { margin-bottom: 0;	}
#Content .featuredProducts .productListingCode { font-weight: normal; }
#Content .featuredProducts .productListingImage img 
{
	display: block;
	margin-right: 8px;
	margin-bottom: 8px;
	float: left;
}
#Content .featuredProducts .productListingBriefDesc 
{
	display: block;
	height: 4em;
	overflow: hidden;
}
#Content .featuredProducts .productListingBriefDesc:after { content: "..."; }
#Content .featuredProducts .productListing .buyBtn,
#Content .featuredProducts .productListing .browseBtn 
{
	display: block;
}
/* Favourite Listing / Related Products / Recent Products Modules */
#Content .favouriteProducts .productListing,
#Content .relatedProducts .productListing, 
#Content .recentlyViewedProducts .productListing
{
	width: 116px;
}
#Content .relatedProducts h2 
{
	color: #000;
	margin-bottom: 1em;
}
#Content .favouriteProducts .buyBtn { margin-right: 8px; }
/* Side Column Related Products */
#Content #MainRight .relatedProducts { margin-bottom: 16px; }
#Content #MainRight .relatedProducts .productListing { width: auto; }
#Content #MainRight .productListingImage img { float: left; }
#Content #MainRight .productListingPrice,  
#Content #MainRight .productListingName
{
	margin-left: 84px;
	display: block;
}
/* MiniBasket Module */
.miniBasket
{
	text-align: center;
	color: #FFF;
	padding: 36px 8px 8px 8px;
	background: #C00 url(/SiteData/Root/SiteImages/fs_miniBasketBg.gif) no-repeat center top;
	margin-bottom: 3px;
}
.miniBasket .button 
{
	color: #FFF;
	background: #000 url(/SiteData/Root/SiteImages/fs_miniBasketBtnBgTile.gif) repeat-x left top;
	border: solid 2px #000;
}
/* RegisterLink Module */
.registerLink
{
	color: #000;
	padding: 36px 8px 8px 8px;
	background: #E9E9E9 url(/SiteData/Root/SiteImages/fs_customerRegisterBg.gif) no-repeat 8px 10px;
	margin-bottom: 3px;
}
#Content .registerLink .button
{
	float: right;
	padding-left: 4px;
	padding-right: 4px;
}
/* Product Module */
.product {}
.product h1
{
	float: right;
	width: 184px;
	font-size: 1.182em;
}
.product .productImg 
{ 
	float: left; 
	margin-bottom: 1em;
}
.product .productImg, 
#Content .productImg .button  
{
	width: 300px;
}
.product .productImg img { padding-bottom: 10px; }
.productDetails
{
	float: right;
	width: 184px;
	margin-bottom: 1em;
}
.productDetails label 
{
	display: block;
	margin-bottom: 0.2em;
}
.productDetails select 
{
	width: 132px;
	margin-bottom: 8px;
}
.productDetails h4 { margin-bottom: 16px; }
#Content .productDetails .buyBtn, #Content .productDetails .buyBtnDisabled
{
	width: 60px;
	margin-bottom: 16px;
}
.product .productPrice,
.product .productType,
.product .productCode
{
	display: block;
	font-size: 1.091em;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.6em;
}
.productLinklist ul { margin: 0; padding: 0; }
.productPrice span {}
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: Red;	}
.productDescription { clear: both; }
/* -Popup Window */
.popupBackground
{
	background-color: Gray;
	opacity: .6;
	filter: alpha(opacity=60);
}
.enlargedImages
{
	/*background-image: url(/SiteData/LTM/SiteImages/ltm_popupBg.png);*/
	background-color: #FFF;
	padding: 16px;
	width: 620px;
	height: 436px;
}
.enlargedImages_Fixer
{
	position: relative;
	width: 620px;
	height: 436px;
}
.enlargedImage
{
	position: absolute;
	left: 160px;
	top: 20px;	
}
.closeWinBtn 
{
	line-height: 17px;
	height: 16px;
	border: solid 1px #CCC;
	background: url(/SiteData/Root/SiteImages/fs_closeBtnBgTile.gif) repeat-x left bottom;
	float: right;
	text-decoration: none;
	padding: 0 4px;
	margin-bottom: 2px;
}
.closeWinBtn span  
{
	padding-right: 14px;
	background: url(/SiteData/Root/SiteImages/fs_closeBtnIcon.gif) no-repeat right 50%;
	color: #666; 
}
.enlargedImages_Thumbnails
{
	position: absolute;
	bottom: 0;	
	left: 40px;
	height: 102px;
	background: url(/SiteData/Generic/SiteImages/Popup/scrollerBgTile.gif) repeat-y center top;
}
.enlargedImages_ThumbnailHolder
{
	position: relative;
	overflow: hidden;
	width: 399px;
	height: 77px;
	top: 6px;
	left: 15px;
}
.enlargedImages_ThumbnailCell { width: 430px; }
.enlargedImages_ThumbnailScroller
{
	position: absolute;
	height: 60px;
	width: 6000px;
}
.enlargedImages_ThumbnailScroller a
{
	background: url(/SiteData/Generic/SiteImages/Popup/divider.gif) no-repeat right top;	
	padding: 0 20px;
	display: block;
	float: left;
}
.enlargedImages_ThumbnailScroller a:focus
{
	background-color: Transparent;
	outline: none;
}
.thumbnailBtnLeft, 
.thumbnailBtnRight 
{
	display: block;
	background-color: #EEE;
	width: 49px;
	height: 102px;
}
.thumbnailBtnLeft { background: url(/SiteData/Root/SiteImages/fs_tILeftBtn.gif) no-repeat 50% 50% }
.thumbnailBtnRight { background: url(/SiteData/Root/SiteImages/fs_tIRightBtn.gif) no-repeat 50% 50% }
/* -Send To A Friend */
.sendToFriend
{
	background-color: #FFF;
	width: 300px;
}
#Content .sendToFriend .validationList 
{
	color: Red;
	margin: 8px 0;
}
#Content .sendToFriend .validationList li 
{
	/* workaround the color issue here */
	color: Red;
}
.sendToFriend label
{
	text-align: left;
	display: block;
	float: none;
}
.sendToFriend .shopForm .textbox, 
.sendToFriend .shopForm .textarea
{
	width: 274px;
}
.sendToFriend .shopFormButtons .button { float: right; }
.sendToFriend  .shopConditions 
{
	text-align: left;
	padding-top: 0;
	padding-bottom: 12px;
}
/* -Product Promotions */
.productPromotions  { margin-bottom: 16px; }
.productPromotions .promotion {}
.productPromotions h2 { color: #000; text-transform: capitalize; }
.productPromotions img  
{
	float: left;
	margin-right: 10px; 
}
/* -Product Reviews */
.productReviews { margin-bottom: 16px; }
.productReviews h2 { color: #000; text-transform: capitalize; }
#Content .productReviews .review { margin-bottom: 16px; }
#Content .productReviews .reviewTitle, 
#Content .productReviews .reviewDate
{
	margin-bottom: 0.6em;
}
#Content .productReviews p { margin-bottom: 0; }
#Content .productReviews .reviewTitle, 
#Content .productReviews .reviewDate,
#Content .productReviews .rating
{
	font-weight: bold;
	display: inline;
	margin-bottom: 1em;
}
#Content .productReviews .reviewDate { padding-left: 0.5em; }
.reviewLink 
{
	float: right;
	margin-bottom: -12px;
}
/* Payment */
.payment 
{
	background-color: #E5E5E5;
	margin-bottom: 16px;
}
.payment .shopForm label 
{
	text-align: right;
	width: 120px;
}
.payment .shopForm .small 
{
	position: relative;
	top: -7px;
}
.payment .shopForm label span 
{
	position: absolute;
	left: 300px;
}
.payment .shopForm .textbox, 
.payment .shopForm .dropdown
{
	width: 158px;
}
.payment .shopForm a { background-position: 0 60%; }
.payment .shopForm .dropdown { width: 162px; }
.paymentMethodButtons { padding: 8px !important; }
.payment .shopFormButtons .button { float: right; margin-left: 4px; }
.paymentMethodButtons p { padding: 0; }

/* =SHOP TABLES
   ----------------------------------------------------*/
   
.shopTable { margin-bottom: 16px; }
.shopTable table { width: 100%; }
.shopTable table table td { padding: 0; }
.shopTable table table .subProductTotal { padding-left: 8px; }
.shopTable .nameCol a { font-weight: bold; }
.shopTable ul  
{
	padding: 0; 
	margin: 0; 
	list-style-type: none; 
}
.shopTable td { vertical-align: middle; }
#Content .shopTable .subHeadRow th
{
	font-size: 1em;
	color: #333;
	background-color: #F6F6F6;
	font-weight: bold;
}
.savedCarts .shopTable th { white-space: normal; }
.shopTable .imageCol { width: 100px; }
.shopTable .qtyCol,
.shopTable .removeCol,
.shopTable .priceCol 
{
	text-align: center !important;
}
.shopTable .qtyCol { width: 120px; }
.shopTable .removeCol { width: 48px; }
.shopTable .priceCol { width: 60px; }
.shopTable .textbox 
{
	float: left;
	height: 14px;
	line-height: 14px;
	padding: 4px 2px;
	width: 30px;
}
.shopTable .qtyHolder { width: 50px; margin: auto; }
.shopTable span.QuantityAdjust a
{
	font-family: Verdana, Arial, Sans-Serif;
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	background-color: #3597D5;
	color: #FFF;
	text-align: center;
	line-height: 9px;
	clear: right;
	margin-bottom: 2px;
	text-decoration: none;
}
#Content .savedCarts .reloadCartBtn 
{
	padding-left: 3px;
	padding-right: 3px;
}
.shopTable tbody td
{
	padding: 8px;
	background-color: #FFF;
}
.shopTable .totalRow td
{
	color: #000;
	padding: 4px 8px;
	text-align: right;
	background-color: #E2E2E2;
}
#Content .shopTable .discountRow td, 
#Content .basketShipping, 
#Content .addAddressRow td  
{ 
	background: none; 
	background-color: #F4F4F4; 
}
#Content .shopTable .updateQuantityRow td { text-align: center; border-top: solid 1px #E2E2E2; }
#Content .shopTable .discountCol .button { display: inline; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 8px; }

.shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/fs_subProductIndentImg.gif) no-repeat 50% 50%; }
.shopTable .subItem .imageCol img { display: none; }
.shopTable tbody .parentItem td { padding-bottom: 0px; }
.shopTable tbody .subItem td { padding-top: 0; padding-bottom: 0; }
tr.subItem td.nameCol a { font-weight: normal; color: #000; margin-left: 20px; }

/* Basket */
.basket { margin-bottom: 16px; }
#MainTop .basket { margin-bottom: 0; }
.basket table { empty-cells: hide; }
#Content .basket .shopTableButtons .button 
{
	float: left;
	margin-right: 16px;
}
#Content .shopTableButtons .continueBtn { width: 140px; }
#Content .shopTableButtons .saveBtn { width: 120px; }
#Content .basket .shopTableButtons .checkoutBtn 
{ 
	float: right;
	width: 120px; 
	margin-right: 0;
}
#Content .shippingTitleRow td, 
#Content .shippingRow td, 
#Content .shippingRow table td 
{
	background-color: #F4F4F4;
}
#Content .shippingTitleRow td
{
	font-weight: bold;
	padding-bottom: 0;
}
#Content .shippingRow td
{
	padding: 0;
	padding-left: 8px;
	padding-bottom: 8px;
}
#Content .shippingRow table { padding: 0; }
#Content .shippingRow table td 
{
	vertical-align: top;
	padding: 0;
	background: none;
}
#Content .shippingRow table input 
{
	position: relative;
	top: 2px;
}
/* CustomerOrders Table */
.customerOrders {}
.customerOrders .shopTableButtons { margin-bottom: 4px; }
.customerOrders .backLink
{
	float: right; 
	display: block;
}
.customerOrders .shopTable table 
{
	/* AL - keep an eye on this not good to marginilse tables */
	margin-bottom: 4px;
}
/* Address Table */
.shopAddress table { width: 100%; }
#Content .shopAddress p { margin-bottom: 0; }
.invoiceAddressTable, 
.deliveryAddressTable 
{
	background-color: #E5E5E5;
	padding-bottom: 8px;
	margin-bottom: 16px;
}
.addressCell, 
.shopAddressButtons 
{
	padding: 8px;
}
.shopAddressButtons { text-align: right; }
#Content .shopAddressButtons .button 
{
	margin-left: 8px;
	float: right;
	width: 100px;
}
/* Receipt */
.receipt .totals 
{ 
	font-weight: bold;
	text-align: right; 
}
.receipt .createFullAccount 
{
	width: 334px;
	background-color: #E5E5E5;
}
#Content .createFullAccount .shopForm label { width: 120px; }
#Content .createFullAccount .shopForm .textbox { width: 158px; }
#Content .createFullAccount .shopFormButtons { padding-left: 136px; }
.receiptLinks
{
	width: 258px;
	z-index: 2;
	position: relative;
	float: left;
	margin-left: 22px;
}
#Content .createFullAccount .shopForm label span { left: 298px; }
.receiptLinks .compactShopForm { height: 80px; }

/* =NEWS
   ----------------------------------------------------*/
   
/* Old News System */
#ColumnLeft .articleList { margin-bottom: 13px; }   
/* New News System */
/* - Author info */
.author 
{
	position: relative;
	background-color: #DDD;
	padding: 8px;
}
.author img 
{
	float: left;
	border: solid 1px #999;
	position: relative;
}
#Content .author h1 
{ 
	font-size: 1em;
	color: #333;
	margin-bottom: 0.5em;
}
.author h1 span 
{
	 display: inline; 
	 font-style: italic;
	 margin: 0;
}
.author span 
{
	display: block;
	margin-right: 10px;
	margin-bottom: 0.25em !important;
}
.author span, .author h1 { margin-left: 70px; }
.author p { margin-bottom: 0.5em; }
/* News Article (NN system) */
/* - a general class effecting everything used in an article */
.articleElement {}
/* -Article Image */
.articleImgHolder 
{ 
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}
/* -Article Title */
.articleTitle {}
/* -Article First Line */
.articleFirstLine {}
/* -Article Date */
.articleDate 
{
	display: block;
	color: #333;
	margin-bottom: 1em;
	font-weight: bold;
} 
/* -Story */
.story {}
.articleExpLink 
{
	display: block;
	height: 18px;
	line-height: 18px;
	color: #666;
	font-weight: bold;
	border-bottom: solid 2px #DDD;
	padding: 0 8px;
	background-color: #EEE; 
	margin-bottom: 1.5em;
}
.articleExpLink img 
{
	float: right;
	margin-top: 2px;
}
.articleExpLink:hover 
{
	color: #C00;
	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; }
#ColumnSub .relatedArticles { border-bottom: solid 1px #CCC; }
/* -Related Links */
.relatedLinks { margin-bottom: 5px; } 
.relatedLinks p { line-height: 16px; }
#ColumnSub .relatedLinks { border-bottom: solid 1px #CCC; }
/* News Listing (NN System) */
.newsListing { margin-bottom: 10px; }
.newsItem { position: relative; }
/* -Complex */
.newsListing .complex 
{
	background-color: #EEE;
	border: solid 1px #CCC;
	padding: 8px;
	margin-bottom: 5px;
}
.newsItem img 
{
	border: solid 1px #999;	
	float: left; 
	margin-right: 8px;
}
.newsItem h2 
{
	font-size: 1.17em;
	 margin-bottom: 0.4em; 
}
.newsItem h2 a { text-decoration: underline; }
.newsItem p { margin-bottom: 4px; }
.newsItem .moreNewsLink  
{
	float: right;
	display: block;
	/*background: url(/SiteData/Root/SiteImages/unc_arwLinkIconGrey.gif) no-repeat right 50%; */
	width: 50px;
	height: 11px;
	text-indent: -9999px;
}
.newsItem .date
{
	font-style: italic;
	color: #999;
}
.newsItem .nIFoot {}
/* -Simple */
.newsListing .simple 
{
	border-bottom: solid 1px #CCC;
	margin-bottom: 1em;
}
.newsListing .simple h2 { font-weight: normal; }
.simple .nIFoot { margin-bottom: 5px; }
/* Archive Date Tree */
.archiveDateTree { margin-bottom: 5px; }
.archiveDateTree ul { margin-left: 1em; }
.archiveDateTree ul li a { margin-bottom: 2px; }
.archiveDateTree ul ul { list-style: none; }

/* =EVENTS
   ----------------------------------------------------*/

/* Events Display */
.eventsListing { margin-bottom: 1.5em; }
.eventsItem { margin-bottom: 1.5em; }
.eventsListing h2 { }
#Content .eventsItem h3 { margin-bottom: 0; }
.eventsItem .summary { margin-bottom: 0.5em; }
.eventsItem .eIFoot { }
.eventsItem .date  
{
	display: block; 
	float: left; 
	font-style: italic; 
	color: #999;
	padding-right: 8px;
	border-right: 1px solid #999; 
}
.eventsItem .eventLink { margin-left: 8px; }
/* Event */
.event { margin-bottom: 1.5em; }
.eventTitle { }
#Content .event .date  
{
	font-weight: bold;
	display: block; 
	margin-bottom: 1em; 
}

/* =BROWSER FIXES
   ----------------------------------------------------*/

.invoiceAddressTable, .textImgHolder, .ticketSelectQty, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons,
.registerLink, .searchBox, .miniBasket, .warningBox, .shopForm, .validationList,
.warningBox, .productReviews, .productLinklist ul li, .ticketPanel, .shopTableButtons,
.shopTable .totalRow td, #Content .basketShipping, 
#Content .addAddressRow td, .productList, .productContainer, .relatedProducts, 	
.productPromotions, .productReviews, #Content .SiteNavigation li.CurrentParent a.CurrentParent, 
#Content .SiteNavigation ul li.Current a.Current, .shopTable .qtyHolder, 
.SiteNavigation, .linkList, .shopForm .formTable, .shopForm .formTableButtons, .fieldSet
{
	height: 1%;
}
* html #Content .shopForm .formTable .textbox { padding: 2px 0 !important; width: 100% !important; }
*:first-child+html #Content .shopForm .formTable .textbox { padding: 2px 0 !important; width: 100% !important; }
/* Safari Fix (for visible spacing of <br /> tag */
.miniBasket .clear, .productListing .clear, .productContainer br 
{
	content:"";
}

/* =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 
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	width: 100%;
	height: 500px;
	color: #666;
}
#jquery-lightbox 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999999;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box 
{
	position: relative;
	background-color: #FFF;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading 
{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav 
{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, 
#lightbox-nav-btnNext 
{
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev 
{ 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext 
{ 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box 
{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px;
}
#lightbox-container-image-data 
{
	padding: 0; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details 
{ 
	width: 60%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption 
{
	font-weight: bold;
	display: block;
	padding-bottom: 1em;
}
#lightbox-image-details-currentNumber 
{
	display: block; 
	clear: left;
	/* this just shifts the counter up a line */
	margin-top: -1em; 
	padding-bottom: 1em;	
}			
#lightbox-secNav-btnClose 
{
	width: 101px;
	height: 16px; 
	float: right;
}
#map  
{
	width: 600px;
	height: 409px;
	position: relative;     
	overflow: hidden; 
}
#zoomer
{
    width: 250px;
    height: 250px;
    position: absolute;
    opacity: 0.8;
    -moz-opacity: 0.8;
	filter: alpha(opacity=80);
    overflow: hidden;
    visibility: visible;
}   
#imgZoomed {}
#imgMover
{
    position: absolute;
    visibility: visible;
}
.ui-tabs-hide { display: none; }
.enlarge { z-index: 999; }