/* GO CREATIVE DEFAULT STYLESHEET
   ----------------------------------------------------*/

/* Default.css
   Updated: Fri 01.08.08 @ 11:00 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            |   FORUM
   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;
	padding-top: 11px;
}
body * 
{
	font-size: 1em;
}
#Sheet
{
	text-align: left;
	margin: 0 auto;
	width: 806px;
}

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

/* #231F20 - Header / Footer Bg Colour
   #E21D38 - Link Red
   #800A1A - Dark Hover Red
   #F79333 - Link Orange
*/

h1
{
	font-size: 2em;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 0.6em;
}
h2
{
	font-size: 1.6em;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h3
{
	font-size: 1.1em;
	font-weight: bold;
}
h4, h5, h6
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
/* Shared typographic styles */
#Content { font-size: 1.1em; }
#Content h1 { font-size: 1.455em; }
#Content h2 { font-size: 1.273em; }
#Content h3 { font-size: 1.091em }
p, blockquote, address, .vcard
{
	margin-bottom: 1em;
	line-height: 1.5em;
}
ul, ol
{
	margin: 0.5em 0 1em 2em;
}
ul ul 
{
	margin-bottom: 0;
}
dd, 
ul li 
{
	line-height: 1.5em;
}
blockquote, address { font-style: italic; }
div.hr 
{
	background: url(/SiteData/Root/SiteImages/gc_hrBgTile.gif) repeat-x left top;
	height: 2px;
	margin: 14px 0;
}
a
{
	color: #E21D38; 
	outline: none;
}
a:hover { color: #800A1A; }
a:focus, 
a:active, 
input:focus, 
label:focus 
{
	outline: none; 
	-moz-outline-style: none; 
}
.subText, .shopForm .checkboxLabel
{
	font-weight: bold;
	font-size: 0.909em;
}
/* shared link styles */
.pdfDLLink 
{
	display: block;
	height: 32px;
	margin-bottom: 1em;
	background: url(/SiteData/Root/SiteImages/gc_pdfIcon.gif) no-repeat left top;
	padding-left: 42px;
	color: #666;
	text-decoration: underline;
	cursor: pointer;
	vertical-align: middle;
}
.pdfDLLink:hover { color: #E21D38; }

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

.clear, .Clear, .shopForm br
{
	clear: both;
}
.left { float: left; }
.right { float: right; }
div.clear, .customerLogin .clear, .productListing br, .designProductListing br, 
.shopFormButtons .clear, .featuredProducts .clear, .categoryDisplay .clear, 
.productPromotions br, .footerNav br, .pagerSort .clear, .receipt .addresses .clear, 
#Footer .clear, .basket .clear, .designRange .clear
{
	font-size: 0;
	line-height: 0;
}
/* hide these elements */
.accessibility, .hide, .homeLink span, .searchKeyword, .categoryDisplay h2, .extraDeliveryDetails, 
.product .backLink, .editAddress h3, .payment .secureMsg, .payment .varifyMsg, .featuredProduct h1,
.searchResultsList .Url, .product .productPriceText, .product .productCodeText, #Content .productListing .browseBtn,
.newsArchive h2, #Content .featuredProducts h3, .textImage span, .printHeader,
.headerStrapLine span, .mBBar .miniBasket br, .productButtons, .mBBar .miniBasket .total,
.productListingPrice, div.hr hr, .product .shopTableButtons, .categoryDisplayDesc,
.splitColumn .categoryDisplay h1, .batchContainer .moreImages, .product .thumbRow .thumbSpacer, #ColumnLeft .blankLabel, 
#MainRight .blankLabel, .moreImages .enlargeImgBtn, .shopTable .qtyCol .validationList
{
	display: none !important;
	visibility: hidden !important;
}
.CMSModuleERROR
{
	border: dashed 2px #F00;
	color: #F00;
}
.CMSColumnEdit
{
	border: dashed 1px #003480;
	position: relative;
}
.textbox, 
.dropdown,
.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 #999;
	background: #C1C1C1 url(/SiteData/Root/SiteImages/gc_lrgGreyBtnBg.gif) repeat-x left 50%;
	/* need to keep font ultra consistant here */
	font-size: 11px !important;
	font-weight: bold;
    line-height: 130%;
    text-decoration: none;
    text-align: center;
    color: #666;
    cursor: pointer;
    width: auto;
    overflow: visible;
    padding: 5px 6px 5px 6px; /* Links */    
}
.button[type]
{
    padding: 4px 6px 4px 6px; /* Firefox */
    line-height: 14px; /* Safari */
}
/* padding adjustments for IE */
* html input.button, * html button  { padding: 4px 6px 3px 6px; }
*:first-child+html .button[type]  
{
	padding: 1px 6px 0 6px; 
	line-height: 21px; /* adjust for IE7 */ 
}
/* nuetralise the styles of input buttons within .button class */
.button input
{
	cursor: pointer;
	background: none;
	border: none;
} 
/* button colour variations & special cases */
#Content .updateQuantityRow .button 
{
	/* Small Grey */
	color: #666;
	font-weight: bold;
	border: solid 1px #999 !important;
	background: url(/SiteData/Root/SiteImages/gc_smlGreyBtnBg.gif) repeat-x left top;
	display: inline;
}
/* smaller buttons */
#Content .updateQuantityRow .button[type]
{
	padding: 1px 6px; /* Firefox */
    line-height: 16px; /* Safari */
}
* html #Content .updateQuantityRow .button
{
    padding: 0 6px; /* IE6 */
}
*:first-child+html #Content .updateQuantityRow .button[type]
{
    padding: 2px 6px 1px 6px;
    line-height: 12px; /* adjust for IE7 */
}
.button:hover { color: #666; }
/* 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 
{
	cursor: pointer;
	background: none;
	background-color: Transparent;
	border: none;
	padding: 0 !important;
	text-align: left !important;
	margin: 0 !important;
	display: block;
	background-position : left 5px !important;
}
#Content .productLinklist input, 
.productListingName,
#Content .findOutMoreLink,
.customProductLink
{
	color: #F79333 !important;
	padding-left: 9px !important;
	background-image : url(/SiteData/Root/SiteImages/gc_redarwIcon.gif);
	background-repeat: no-repeat;
	background-position : left 4px;
}
#Content .findOutMoreLink { color: #666 !important; }
.customProductLink  
{
	text-decoration: none;
	background-position: left 50%; 
}
/* disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled
{
	color: #999 !important;
	background: none;
	background-color: #EEE;
	border: solid 1px #CCC;
}
/* Specific to Go Creative */
/* Promo Box */
.promoBox 
{
	border: solid 1px #D6D6D6;
	padding: 6px;
	margin-bottom: 14px;
}
#Content .promoBox h2 
{
	font-size: 1em;
	text-transform: none;
	color: #FFF;
	font-weight: bold;
	background: url(/SiteData/Root/SiteImages/gc_promoHeadBgTile.gif) repeat-x left top;
	margin: -7px -7px 4px -7px;
	padding: 3px 7px;
}
.promoBox img 
{ 
	display: block; 
	margin-bottom: 0.6em; 
}
.promoBox .promoLink { text-align: right; }
.mHBBLeft .promoBox,
.mHBBRight .promoBox 
{ 
	min-height: 218px; 
}
/* Design Range */ 
.designRange { margin-bottom: 1em; }
.designRange h1  
{
	display: inline;
	margin-bottom: 0;
}
.designRange .new 
{
	background: url(/SiteData/Root/SiteImages/gc_newIcon.gif) no-repeat right top;
	padding-right: 42px;
	padding-top: 4px; 
}
.designRange h3 { text-transform: uppercase; }
.designRange .linkHolder a 
{ 
	float: right; 
	margin-bottom: 1em;
}
/* temp to solve differing widths */
.designRange .design3 { width: 128px; }
.designRange .productListing .productContainer { margin-bottom: 0; }
.designRange .productListingName { margin-bottom: 0; }
.designRange .productSpacer { width: 12px !important; }
/* Custom Category */
.customCategoryDisplay h1 { margin-bottom: 0; }
.customCategoryDisplay h2 { margin-bottom: 2em; }
.imgTitle { margin-bottom: 1em; }
/* Custom Product */
.customProduct h1 { margin-bottom: 0; }
.customProduct .productImg { float: left; }
.customProduct .subText { color: #AAA; }

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

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

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

#Header 
{
	height: 123px;
	position: relative;
	z-index: 998;
}
.headerStrapLine 
{
	height: 16px;
	text-align: right;
	background: url(/SiteData/Root/SiteImages/gc_strapline.gif) no-repeat right top;
}
.headerLogo
{
	border-top: solid 1px #95969A;
	background-color: #231F20;
	height: 106px;
	/*background: url(/SiteData/Root/SiteImages/mockHeaderSearch.gif) no-repeat left top;*/
}
.homeLink 
{
	display: block;
	position: relative;
	width: 253px;
	height: 83px;
	top: 11px;
	left: 20px;
	background: url(/SiteData/Root/SiteImages/gc_headerLogo.gif) no-repeat left top;
	text-indent: -9999px;
}
/* -Header Promo */
.headerPromo
{
	position: absolute;
	left: 442px;
	top: 38px;
	width: 340px;
}
.headerPromo .productListing { width: 54px; }
.headerPromo .productSpacer { width: 17px; }
.headerPromo .productListing .productContainer { margin-bottom: 0; }
/* -Header Search */
.headerSearch 
{
	position: absolute;
	left: 547px;
	top: 87px;
}
.headerSearch .searchBox {}
.headerSearch .searchBox .textbox,
.headerSearch .searchBox .clear-on-focus 
{
	width: 144px;
	font-size: 1.2em;
	float: left;
}
.headerSearch .searchBox .button
{
	padding: 0;
	margin: 0;
	border: none;
	width: 55px;
	height: 19px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_headerSearchBtnBg.gif) no-repeat left top;
	position: relative;
	left: 6px;
}
/* Navigation */
#Navigation
{
	position: relative;
	border-top: solid 1px #C9C9C9;
	border-bottom: solid 1px #888;
	background: url(/SiteData/Root/SiteImages/gc_navBgTile.jpg) repeat-x left top;
}
#Navigation ul  
{
	margin: 0;
	padding: 0;
	list-style: none; 
}
#Navigation ul li { float: left; }
#Navigation ul li a 
{ 
	display: block;
	height: 24px;
	text-indent: -9999px;
	position: relative; 
	line-height: 1em;
}
/* Need to be very precise here hence the left position values */
#Navigation a.rootNavigationTab0 
{ 
	background: url(/SiteData/Root/SiteImages/gc_rootNavigationTab0.gif) no-repeat left top;
	width: 38px;
	left: 32px;
}
#Navigation a.rootNavigationTab1 
{ 
	background: url(/SiteData/Root/SiteImages/gc_rootNavigationTab1.gif) no-repeat left top;
	width: 80px;
	left: 78px;
}
#Navigation a.rootNavigationTab2 
{ 
	background: url(/SiteData/Root/SiteImages/gc_rootNavigationTab2.gif) no-repeat left top;
	width: 62px; 
	left: 125px;
}
#Navigation a.rootNavigationTab3 
{ 
	background: url(/SiteData/Root/SiteImages/gc_rootNavigationTab3.gif) no-repeat left top;
	width: 91px;
	left: 171px; 
}
#Navigation a.rootNavigationTab4 
{ 
	background: url(/SiteData/Root/SiteImages/gc_rootNavigationTab4.gif) no-repeat left top;
	width: 79px;
	left: 212px;
}

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

#Content  
{
	padding-bottom: 14px; 
}
/* Bg based on columns */
.col2Content { background: url(/SiteData/Root/SiteImages/gc_col2BgTile.gif) repeat-y 147px top; }
.col3Content { background: url(/SiteData/Root/SiteImages/gc_col3BgTile.gif) repeat-y left top; }
/* MiniBasket bar */
.mBBar 
{
	border-top: solid 1px #76777B;
	height: 20px;
	background: url(/SiteData/Root/SiteImages/gc_mBBarBgTile.png) repeat-x left top;
	margin-bottom: 7px;
}
.mBBar .miniBasket
{
	text-align: left;
	float: right;
	width: 117px;
	padding: 2px 9px;
	height: 16px;
	background: url(/SiteData/Root/SiteImages/gc_mBasketBg.gif) no-repeat left top;
}
.mBBar .miniBasket p  
{
	float: left; 
	display: inline;
} 
.mBBar .miniBasket .button 
{
	border: none;
	padding: 0;
	float: right;
	width: 16px;
	height: 14px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_mBBarBtnBg.gif) no-repeat left top;
}
.mBBar .miniBasket .items 
{
	overflow: hidden;
	width: 28px;
	float: left;
	height: 1.3em;
}
/* Hp & 3 Column */
.rightContainer, 
#ColumnMain2Col,
#ColumnMain3Col,
#ColumnMainHp
{
	float: right;
	width: 657px;
}
/* Home */
#MainHpBottLeft 
{
	float: left;
	width: 359px;
}
/* -Sub banner columns */
.mHBTop 
{
	width: 100%;
	margin-bottom: 14px;
}
.mHBBLeft 
{
	float: left;
	width: 176px;
}
.mHBBRight 
{
	float: right;
	width: 176px;
}
#MainHpBottRight 
{
	float: right;
	width: 270px; 
}
/* 3 Column */
#MainLeft 
{
	float: left;
	width: 477px; 
}
#MainRight  
{
	float: right;
	width: 178px; 
}
/* Split 3 Column */
.splitColumn { background: url(/SiteData/Root/SiteImages/gc_col2BgTile.gif) repeat-y 350px top; }
.splitColumn #MainLeft { width: 350px; }
.splitColumn #MainRight { width: 290px; } 
/* - v important to margin out elements which need to strech across column */
#MainTop  
{
	width: 100%; 
	margin-bottom: 14px;
}
#MainBottLeft 
{
	float: left;
	width: 314px;
}
#MainBottRight 
{
	float: right;
	width: 314px;
}
/* LeftColumn */
#ColumnLeft 
{
	float: left;
	width: 147px;
}
/* text */
.text { padding-left: 14px; }
#ColumnLeft .text { padding: 0 7px 0 0; }
#MainRight .text { padding-left: 7px; }
#MainLeft .text { padding-right: 14px; }

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

#Footer 
{
	clear: both;
	background: #231F20 url(/SiteData/Root/SiteImages/gc_footBarBg.gif) no-repeat left top;
	position: relative;
	height: 12px;
	padding: 9px 0;
	border-top: solid 1px #88898D;
	border-bottom: solid 1px #88898D;
	margin-bottom: 1em;
}
#Footer ul 
{
	margin: 0;
	padding: 0;
	list-style: none; 
}
#Footer ul li { float: left; }
#Footer ul li a 
{ 
	display: block;
	height: 12px;
	text-indent: -9999px;
	position: relative; 
	line-height: 1em;
}
/* Again need to be very precise here hence the left position values */
#Footer a.rootNavigationTab0 
{ 
	background: url(/SiteData/Root/SiteImages/gc_footNavigationTab0.gif) no-repeat left top;
	width: 41px;
	left: 168px; 
}
#Footer a.rootNavigationTab1 
{ 
	background: url(/SiteData/Root/SiteImages/gc_footNavigationTab1.gif) no-repeat left top;
	width: 127px;
	left: 207px; 
}
#Footer a.rootNavigationTab2 
{ 
	background: url(/SiteData/Root/SiteImages/gc_footNavigationTab2.gif) no-repeat left top;
	width: 136px;
	left: 242px; 
}
/* IUK Footer */
#InternovaLogo
{
	float: right;
	width: 200px;
	text-align: right; 
	/* this font size must be kept consistant */
	font-size: 10px;
	padding-bottom: 8px;
	color: #231F20;
}
#InternovaLogo a
{
	text-decoration: none;
	color: #231F20;
}

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

/* Site Navigation */
.SiteNavigation li,
.linkList li
{
	list-style: none;
}
.SiteNavigation li a:hover, 
.linkList li a:hover
{
	text-decoration: underline;
}
/* -Parent of CurrentNode A Styling */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, 
#Content .SiteNavigation li.Current a.Current 
{
	font-weight: bold;	
}
/* -Current Node A Styling */
.SiteNavigation ul ul li.Current a.Current
{
	font-weight: bold;	
}
/* -Side Columns SiteNav & linkLists */
#ColumnLeft .SiteNavigation,
#ColumnLeft .linkList 
{ 
	margin-bottom: 14px; 
}
#ColumnLeft .SiteNavigation ul,
#ColumnLeft .linkList ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#ColumnLeft .SiteNavigation a,
#ColumnLeft .linkList a
{
	color: #333;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin-bottom: 14px;
	line-height: 1em;
	font-weight: bold;
	padding: 3px 4px;
}
.lLDeleteBtn, .lLMoveUpBtn, .lLMoveDownBtn { display: inline !important; }
#ColumnLeft .SiteNavigation a:hover,
#ColumnLeft .linkList a:hover 
{ 
	background-color: #CCC; 
}
#ColumnLeft .SiteNavigation ul ul a {}
#ColumnLeft .SiteNavigation li.CurrentParent a.CurrentParent, 
#ColumnLeft .SiteNavigation li.Current a.Current,
#ColumnLeft .linkList a.Current
{
	color: #E21D38;
}
#ColumnLeft .SiteNavigation ul ul li a.Current { }
/* Site Map */
.siteMap { margin-bottom: 1em; }
.siteMap ul { list-style-type: disc !important; }
/* Search Results */
.shopResults, .contentResults 
{
	margin-bottom: 1em;
}
#Content .shopResults h1,
#Content .contentResults h1
{
	font-size: 1em;
	padding-left: 0;
	background: none;
	margin-bottom: 1em;
	line-height: 1em;
}
.shopResults h1 {}
.pagerLinks 
{
	text-align: right;
	margin-bottom: 1em;
}
.next, .previous 
{ 
	padding: 0 8px; 
	background: url(/SiteData/Root/SiteImages/cd_pinkBullet.gif) no-repeat right 50%;
}
.previous { background: url(/SiteData/Root/SiteImages/cd_pinkBulletBack.gif) no-repeat left 50%; }
.userPageSize 
{
	float: left;
	margin-bottom: 1em;
}
.searchResultsList { }
.searchResultsList li 
{
	background: none;
	padding-left: 0;
	margin-bottom: 1em;
} 
.contentResults a
{
	line-height: 2em;
	font-weight: bold;
}
.searchHighlight { font-style: italic; }
.itemsPerPage 
{
	margin-top: -32px;
	text-align: right;
	margin-bottom: 7px;
}
/* Pager Sorting ( CategoryDisplay & Search Results ) */
.pager  	
{
	text-align: right;
	text-transform: lowercase;
	margin-bottom: 1em;
}
.pager .pgCntrl { padding-left: 8px; }
.pager .nextLink 
{
	background: url(/SiteData/Root/SiteImages/cd_pinkBullet.gif) no-repeat right 5px;
	padding-right: 8px;
	margin-left: 8px;
}
.pager .backLink { background: url(/SiteData/Root/SiteImages/cd_pinkBulletBack.gif) no-repeat 0 5px; }
.pagerSort { margin-bottom: 1em; }
.pagerSort .pageSize { float: left; }
.pagerSort .sortBy { float: right; }
/* Breadcrumb */
.breadcrumb a { color: #333; }
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
}
.FAQ .FAQAnswer {}
/* SearchBox */
.searchBox {}
#Content .searchBox .textbox {}
#Content .searchBox .button {}
/* AdminPanel */
.AdminPanel
{
	background-color: #FFF;
	border: dashed 1px #F00;
	color: #000;
	padding: 3px;
}
.AdminPanel h2
{
	color: #000;
}
.CheckBoxList
{
	border: none;
	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: 136px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 2px;
}
.shopForm label span 
{
	font-size: 1.273em;
	position: absolute;
	left: 326px;
}
.shopForm .forgottenPasswordLink  
{
	margin-left: 140px; 
	display: block; 
	margin-bottom: 0.6em; 
}
.shopForm .textbox, 
.shopForm .textarea, 
.shopForm .dropdown, 
.shopForm .dropdownlist,
.shopForm .clear-on-focus
{
	width: 172px;
	margin-bottom: 6px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, 
.shopForm .dropdownlist
{
	width: 176px;
}
#Content .shopForm .addressBtn  
{
	border: none;
	width: 83px;
	height: 20px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_findAddressBtn.gif) no-repeat left top;	
	margin-bottom: 6px; 
}
.shopForm .checkbox 
{
	float: left;
	position: relative;
	left: -4px;
}
.shopForm .checkboxLabel  
{
	float: left;
	margin: 2px 0 6px 0;
	width: 152px;
}
.shopFormButtons 
{
	text-align: left;
	padding-left: 147px;
}
/* Variation based on Layout */
/* ColumnLeft */
#ColumnLeft .shopForm label 
{
	margin-left: 0;
	text-align: left; 
	width: 100px; 
}
#ColumnLeft .shopForm .textbox, 
#ColumnLeft .shopForm .textarea, 
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist,
#ColumnLeft .shopForm .clear-on-focus  
{ 
	width: 116px; 
}
#ColumnLeft .shopForm label span { left: 122px; }
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist 
{ 
	width: 120px; 
}
#ColumnLeft .shopForm .checkboxLabel { width: 94px; }
#ColumnLeft .shopFormButtons { padding-left: 0; }
#ColumnLeft .shopFormButtons .button { float: right; }
/* MainRight */
#MainRight .shopForm label 
{
	margin-left: 0;
	text-align: left; 
	width: 130px; 
}
#MainRight .shopForm .textbox, 
#MainRight .shopForm .textarea, 
#MainRight .shopForm .dropdown, 
#MainRight .shopForm .dropdownlist,
#MainRight .shopForm .clear-on-focus  
{ 
	width: 146px; 
}
#MainRight .shopForm label span { left: 152px; }
#MainRight .shopForm .dropdown, 
#MainRight .shopForm .dropdownlist 
{ 
	width: 150px; 
}
#MainRight .shopFormButtons { padding-left: 0; }
#MainRight .shopForm .checkboxLabel { width: 124px; }
#MainRight .shopFormButtons .button { float: right; }
/* - 2Column & Hp */
#ColumnMain2Col .shopForm label,
#ColumnMainHp .shopForm label
{ 
	width: 187px; 
}
#ColumnMain2Col .shopForm .textbox, 
#ColumnMain2Col .shopForm .textarea, 
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMain2Col .shopForm .clear-on-focus,
#ColumnMainHp .shopForm .textbox, 
#ColumnMainHp .shopForm .textarea, 
#ColumnMainHp .shopForm .dropdown, 
#ColumnMainHp .shopForm .dropdownlist,
#ColumnMainHp .shopForm .clear-on-focus   
{ 
	width: 240px; 
}
#ColumnMain2Col .shopForm label span,
#ColumnMainHp .shopForm label span 
{ 
	left: 447px; 
}
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMainHp .shopForm .dropdown, 
#ColumnMainHp .shopForm .dropdownlist
{ 
	width: 244px; 
}
#ColumnMain2Col .shopForm .forgottenPasswordLink,
#ColumnMainHp .shopForm .forgottenPasswordLink  
{ 
	margin-left: 191px; 
}
#ColumnMain2Col .shopFormButtons,
#ColumnMainHp .shopFormButtons 
{ 
	padding-left: 200px; 
}
#ColumnMain2Col .shopForm .checkboxLabel,
#ColumnMainHp .shopForm .checkboxLabel 
{
	width: 220px;
}  
/* 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 
{
	color: #333;
	padding: 8px;
	border: solid 1px #CCC;
	background-color: #EFEFEF;
	margin-bottom: 1em;
}
.warningTxt { color: Red; }
.discountCol .warningTxt { padding-top: 2px; }
.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
{
	padding: 24px 6px 6px 6px;
	background: #FECE8C url(/SiteData/Root/SiteImages/gc_custLoginBg.gif) no-repeat 6px 8px;
	border: solid 1px #FCC175;
	margin-bottom: 14px;
	color: #333;
	font-size: 0.91em;
}
#MainRight .customerLogin h2,
#ColumnLeft .customerLogin h2 
{
	font-size: 1.1em;
}
#MainRight .customerLogin .shopForm, 
#ColumnLeft .customerLogin .shopForm
{
	padding: 0;
}
#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;
}
#MainRight .customerLogin .checkbox, 
#ColumnLeft .customerLogin .checkbox  
{
	float: right;
	left: 0;
	padding: 0; 
}
#MainRight .customerLogin .checkboxLabel, 
#ColumnLeft .customerLogin .checkboxLabel
{
	width: 100px;
}
.customerLogin ul  
{
	margin-left: 8px; 
	margin-bottom: 4px; 
}
#MainRight .customerLogin .shopFormButtons, 
#ColumnLeft .customerLogin .shopFormButtons
{
	padding: 0;
	padding-top: 4px;
	background: none;
}
#MainRight .customerLogin .loginBtn,
#ColumnLeft .customerLogin .loginBtn,
#MainRight .customerLogin .logoutBtn,
#ColumnLeft .customerLogin .logoutBtn,
#MainRight .customerLogin .upgradeBtn,
#ColumnLeft .customerLogin .upgradeBtn
{
	padding: 0;
	border: none;
	width: 52px;
	height: 20px;
	background: url(/SiteData/Root/SiteImages/gc_custLoginBtn.gif);
	text-indent: -9999px;
}
#MainRight .customerLogin .logoutBtn,
#ColumnLeft .customerLogin .logoutBtn 
{
	background: url(/SiteData/Root/SiteImages/gc_custLogoutBtn.gif);
}
#MainRight .customerLogin .upgradeBtn,
#ColumnLeft .customerLogin .upgradeBtn 
{
	background: url(/SiteData/Root/SiteImages/gc_custUpgradeBtn.gif);
	width: 56px;
}
/* -nuetralise linkList style */
#Content .customerLogin .linkList li { list-style: disc; }
#Content .customerLogin .linkList ul { margin-left: 1.5em; }
#Content .customerLogin .linkList a
{
	color: #E21D38;
	text-decoration: underline;
	text-transform: none;
	display: inline;
	margin-bottom: 14px;
	line-height: 1em;
	font-weight: bold;
	padding: 0;
}
#Content .customerLogin .linkList a:hover 
{ 
	color: #800A1A;
	background-color: transparent;
}
/* 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;
}
#Content .createCustomer .enterManuallyBtn
{
	border: none;
	width: 161px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_enterManuallyBtn.gif) no-repeat left top;
}
#Content .createCustomer .continueBtn 
{
	border: none;
	width: 80px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_continueBtn.gif) no-repeat left top;
}
/* 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 .contactForm .button { }
#Content .contactForm { margin-bottom: 1em; }

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

/* Category Display Module */
.categoryDisplay  { margin-bottom: 14px; }
.categoryDisplay h1 { margin-bottom: 0; }
.categoryDisplayDesc 	
{
	text-transform: uppercase !important;
	font-size: 1em !important;
	font-weight: normal !important;
}
.categoryDisplay h2 { margin-bottom: 6px; }
.categoryDisplay .shopTableButtons .button 
{
	float: right;
}
.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: 14px; }
.productRow 
{
	float: left;
	width: 100%;
}
.productListing, .placeHolder, .featureListing
{
	float: left;
	width: 90px;
}
.productListing .productContainer { margin-bottom: 22px; }
.productSpacer  
{
	float: left; 
	width: 22px;
}
.UnavailableProduct { background-color: #F5A0A0; }
.productListing .static, 
.featureContainer 
{ 
	margin-top: 0; 
}
.productListingImage img  
{
	display: block; 
	margin-bottom: 7px; 
}
.productListingName, 
.productListing .productType, 
.productListingPrice,
.productListingCode
{
	display: block; 
	font-size: 0.91em;
	text-decoration: none;
	margin-bottom: 0.6em;
}
.productListing .productListingDesc  
{ 
	display: inline; 
}
#Content .productListing h3 { margin-bottom: 0; }
.productListing .productButtons {} 
#Content .productListing .browseBtn,
.backLink, .returnLink, .removeLink,
#Content .viewOrderBtn
{
	border: none;
	padding: 0;
	text-decoration: underline !important;
	font-weight: normal;
	padding-left: 8px;
	background: url(/SiteData/Root/SiteImages/gc_redarwIcon.gif) no-repeat 0 5px;
}
.backLink, 
.returnLink
{
	background: url(/SiteData/Root/SiteImages/gc_redarwBackIcon.gif) no-repeat 0 5px;	
}
#Content .viewOrderBtn { background-image: none; padding: 0; color: #E21D38; }
#Content .productListing .buyBtn,
#Content .productListing .removeBtn,
#Content .productListing .browseBtn 
{
	float: left;
}
#Content .productListing .removeBtn { float: none; }
/* Batch Buy (new functionality) */
.product .shopTable { margin-bottom: 12px; }
/*.product .shopTableButtons { margin-bottom: 12px; }
.product .shopTableButtons .button { float: right; }*/
.batchContainer { margin-bottom: 28px; }
.batchContainer .productImg 
{
	float: left;
	width: 142px;
	text-align: right;
}
.batchContainer .productImg .enlargeImgBtn { margin: -28px 0; }
.batchContainer .productListingImage img { display: inline; }
.batchContainer .shopTable
{
	margin-left: 156px;
	width: 480px;
}
.batchContainer .shopTable table,
.product .shopTable table
{ 
	margin-top: -3px; 
}
.batchContainer .shopTable th,
.batchContainer .shopTable td,
.product .shopTable th,
.product .shopTable td   
{ 
	background-color: #FFF;
	padding: 4px 1px;
}
.batchContainer .shopTable th,
.product .shopTable th  
{
	padding-top: 0;
	font-weight: normal;
}
.shopTable th.buyCol,
.shopTable th.moreCol
{
	text-indent: -9999px;
}
.batchContainer .shopTable td.nameCol,
.product .shopTable td.nameCol 
{
	font-family: Verdana, Arial, Helvetica Sans-Serif; 
	font-size: 0.818em;
	font-weight: bold; 
	padding-left: 0;
}
.batchContainer .shopTable .qtyHolder,
.product .shopTable .qtyHolder  
{
	width: 36px; 
}
.batchContainer .shopTable .buyCol,
.product .shopTable .buyCol  
{
	width: 68px; 
}
.batchContainer .shopTable .moreCol,
.product .shopTable .moreCol 
{
	width: 80px;
	padding-right: 0; 
}
.nameCol .optName,
.nameCol .optDesc 
{
	display: block;
}
.nameCol .optDesc 
{
	font-weight: normal;
}
.batchContainer .shopTable th.nameCol,
.product .shopTable th.nameCol 
{ 
	color: #F79333; 
}  
/* - Corrects the problem with * span */
.batchContainer .shopTable th.qtyCol,
.product .shopTable th.qtyCol  
{ 
	text-indent: -4px; 
}
.batchContainer .shopTable .qtyCol,
.product .shopTable .qtyCol 
{ 
	width: 48px; 
}
#Content .shopTable .batchBuyBtn, 
#Content .shopTable .productBatchBuyBtn 
{
	border: none;
	width: 68px;
	height: 20px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_batchBuyNowBtn.gif) no-repeat left top;	 
}
#Content .shopTableButtons .batchAddToBasketBtn,
#Content .shopTableButtons .addAllToBasket 
{
	border: none;
	width: 145px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_batchAddToBasketBtn.gif) no-repeat left top;	 
}
.batchContainer .shopTable .textbox,
.product .shopTable .textbox
{ 
	margin-bottom: 0; 
	padding: 1px; 
}
/* Alternating Product Listings Styles */
#Content .alternateFirst, 
#Content .alternateSecond  
{
	float: none;
	width: 100%;
	clear: both;
	margin-bottom: 14px;
}
#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;
	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-left: 120px;	
	margin-bottom: 0.6em;
}
#Content .alternateSecond .productListingPrice, 
#Content .alternateSecond .productListingName, 
#Content .alternateSecond .productListingDesc
{
	margin-left: 0;
	padding-left: 0;
}
/* Featured Products Module */
#Content .featuredProducts { }
#Content .featuredProducts .productListing { }
#Content .featuredProducts h3 { }
#Content .featuredProducts .productListingPrice { }
#Content .featuredProducts .productListingCode { }
#Content .featuredProducts .productListingImage img { }
#Content .productListingBriefDesc 
{ 
	display: block; 
	clear: both; 
}
#Content .productListingBriefDesc:after { content: "..."; }
#Content .featuredProducts .productListing .buyBtn { } 
#Content .featuredProducts .productListing .browseBtn { }
/* Favourite Listing / Related Products / Recent Products Modules */
#Content .relatedProducts  
{
	padding: 8px;
	background-color: #EEE; 
}
#Content .relatedProducts .productRow 
{
	width: auto;
	padding-left: 155px;
}
#Content .relatedProducts .productSpacer  { width: 22px; }
#Content .favouriteProducts .productListing,
#Content .relatedProducts .productListing, 
#Content .recentlyViewedProducts .productListing
{
	width: 120px;
}
#Content .favouriteProducts .buyBtn  
{
	width: auto;
	margin-right: 8px; 
}
#Content .relatedProducts h2 { }
.relatedProducts .productListing .productContainer { margin-bottom: 0; }
/* MiniBasket Module */
.miniBasket
{
	text-align: center;
	position: relative;
}
.miniBasket p {}
.miniBasket .button 
{
	float: right;
	color: #FFF;
	background-image: none;
	background-color: #000;
	border: solid 1px #000;
	width: 82px;
}
/* RegisterLink Module */
.registerLink
{
	padding: 6px;
	background-color: #FECE8C;
	border: solid 1px #FCC175;
	margin-bottom: 14px;
	color: #333;
	font-size: 0.91em;
}
#Content .registerLink .button
{
	float: right;
	border: none;
	width: 64px;
	height: 20px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_registerLinkBtn.gif) no-repeat left top;
}
/* Product Module */
.product { }
/* hack to put in second line on title */
.productPg .product h1 { margin-bottom: 2em !important; }
.productPg .categoryDisplay h1 { margin-bottom: 1em !important; }
.productSubText  
{
	position: absolute;
	top: 48px;  
	width: 643px;
	z-index: 99;
}
.productSubText *, 
.productSubTextTitle 
{
	text-transform: uppercase !important;
	font-size: 1em !important;
	font-weight: normal !important;
	margin-bottom: 0;
	padding: 0 !important;
}
.productSubTextTitle { margin-bottom: 1em; }
.product .productImg 
{ 
	float: left; 
	width: 230px !important;
	margin-bottom: 22px;
	text-align: right;
	position: relative;
}
.product .productImg img { margin-bottom: 22px; }
.productImg .enlargeImgBtn
{
	display: block;
	visibility: visible;
	position: relative;
	float: left !important;
	margin-top: -43px;
}
/* -New thumbnail structure */
.productImg .moreImages { }
.batchContainer .moreImages  
{
	width: 110px; 
	float: right; 
	position: relative; 
}
.productImg .thumbRow 
{ 
	float: left; 
	width: 100%; 
}
.batchContainer .thumbRow .enlargeImgBtn { margin: -21px 0 !important; }
.batchContainer .thumbRow img,
.batchContainer .thumbSpacer 
{ 
	float: right; 
}
.batchContainer .thumbSpacer { width: 10px; }
/* hack to reduce the V Space between thumbs */
.product .thumbRow a  
{
	height: 114px; 
	width: 160px; 
	overflow: hidden; 
	display: block; 
	float: right; 
	margin-bottom: 22px; 
}
.product .thumbRow a img { margin-top: -47px; }
/* -- */
.productDetails, 
.productDescription
{
	float: right;
	width: 389px;
	margin-bottom: 1em;
}
.productDetails label 
{
	display: block;
	margin-bottom: 0.2em;
}
.productDetails select 
{
	width: 132px;
	margin-bottom: 8px;
}
.productDescription h4 
{ 
	margin-bottom: 0;
	color: #F79333; 
}
.productDescription ul 
{
	list-style: none;
	margin-left: 0;
	margin-top: 0;
}
.productDescription img { margin-top: 0.6em; }
#Content .productDetails .buyBtn, 
#Content .productDetails .buyBtnDisabled
{
	border: none;
	width: 84px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_buyBtn.gif) no-repeat left top;
	margin-bottom: 14px;
}
#Content .productDetails .buyBtnDisabled 
{
	/* a different (greyed) button here */
}
.product .productPrice,
.product .productType,
.product .productCode
{
	display: block;
	font-size: 1.091em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
.productLinklist ul  
{
	list-style: none;
	margin: 0; 
	padding: 0; 
}
.productPrice span {}
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: Red;	}
/* -Popup Window */
.popupBackground
{
	background-color: #666;
    opacity: 0.6;
    -moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
.closeWinBtn 
{
	line-height: 18px;
	height: 18px;
	float: right;
	text-decoration: none;
	padding: 0 20px 0 4px;
	margin-bottom: 2px;
	color: #666;
	background: url(/SiteData/Root/SiteImages/gc_closeBtnIcon.gif) no-repeat right 50%;
}
.closeWinBtn:hover { color: #666; }
/* -Send To A Friend (* reminder - ammend this when the popForm class is added to the codebase) */
.popForm
{
	background-color: #FFF;
	width: 300px;
}
.popForm .shopForm,
.popForm .shopConditions
{
	color: #333;
}
#Content .popForm .validationList,
#Content .popForm .validationList li 
{
	/* workaround the color issue here */
	color: Red;
}
#Content .popForm label
{
	text-align: left;
	display: block;
	float: none;
}
#Content .popForm .shopForm .textbox, 
#Content .popForm .shopForm .textarea,
#Content .popForm .shopForm .clear-on-focus
{
	width: 274px;
}
.popForm .shopConditions  
{
	text-align: left;
	padding-top: 0;
}
#Content .popForm .shopFormButtons { padding-left: 0 !important; }
.popForm .shopFormButtons .button
{ 
	float: right; 
}
/* -Write Review */
.ratingHolder {	margin-bottom: 6px; }
/* -Product Reviews */
.productReviews { margin-bottom: 1em; }
#Content .productReviews .review { margin-bottom: 1em; }
#Content .productReviews p { margin-bottom: 0; }
#Content .productReviews .name,
#Content .productReviews .location, 
#Content .productReviews .date
{
	font-weight: bold;
	display: inline;
	margin-bottom: 1em;
}
.writeReviewBtn 
{
	float: right;
}
/* -Product Promotions */
.productPromotions  { margin-bottom: 14px; }
.productPromotions .promotion {}
.productPromotions h2 { }
.productPromotions img  { }
/* Payment */
.payment 
{
	color: #333;
	margin-bottom: 16px;
	background-color: #EEE;
}
#Content .payment h3, 
#Content .paymentTitle 
{
	padding-top: 7px;
}
.payment .shopForm { background-color: #EEE; }
.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  
{
	color: #333;
	margin-bottom: 14px; 
}
.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 th 
{ 
	color: #333; 
	background-color: #FFF;
	padding: 4px 8px; 
}
.shopTable td  
{
	vertical-align: middle; 	
	padding: 8px;
	background-color: #EEE; 
}
#Content .shopTable .subHeadRow th
{
	font-size: 1em;
	color: #333;
	background-color: #F6F6F6;
	font-weight: bold;
}
.savedCarts .shopTable th { white-space: normal; }
.shopTable .qtyCol,
.shopTable .removeCol,
.shopTable .priceCol,
.shopTable .buyCol,
.shopTable .moreCol
{
	text-align: center !important;
}
.shopTable .textbox 
{
	float: left;
	height: 14px;
	line-height: 14px;
	padding: 4px 2px;
	width: 24px;
}
/* adjustment for basket tables */
.shopTable .qtyCol { width: 94px; }
.shopTable .removeCol { width: 48px; }
.shopTable .priceCol { width: 80px; }
.basket .shopTable td.qtyCol  
{
	border-left: solid 1px #FFF; 
	border-right: solid 1px #FFF; 
}
.basket .shopTable .priceCol  
{
	width: 80px; 
	text-align: right !important; 
	padding-right: 12px; 
}
/* -- */
.shopTable .qtyHolder  
{
	width: 48px;
	margin: auto; 
}
.shopTable span.QuantityAdjust a
{
	font-family: Verdana, Arial, Sans-Serif;
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	background-color: #FC8035;
	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 .totalRow td
{
	color: #333;
	padding: 4px 12px 4px 8px;
	text-align: right;
	background-color: #FFF;
}
#Content .shopTable .discountRow td, 
#Content .basketShipping, 
#Content .addAddressRow td  
{ 
	background: none; 
	background-color: #FFF; 
}
#Content .shopTable .updateQuantityRow td 
{ 
	text-align: center; 
	border-top: solid 1px #FFF; 
}
#Content .shopTable .discountCol { text-align: center !important; }
#Content .shopTable .discountCol .button { display: inline; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 8px; }
/* -Sub Items */
.shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/gc_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  
{
	font-weight: normal; 
	color: #000; 
	margin-left: 20px; 
}
/* Basket */
.basket { margin-bottom: 14px; }
#MainTop .basket { margin-bottom: 0; }
.basket table { empty-cells: hide; }
#Content .basket .shopTableButtons .button 
{
	float: left;
}
#Content .shopTableButtons .continueBtn 
{
	border: none;
	width: 140px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_continueShoppingBtn.gif) no-repeat left top;
}
#Content .shopTableButtons .saveBtn 
{
	border: none;
	padding: 0;
	width: 100px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_saveBasketBtn.gif) no-repeat left top;
}
#Content .basket .shopTableButtons .checkoutBtn 
{ 
	float: right;
	margin-right: 0;
	border: none;
	width: 150px;
	height: 24px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/gc_proceedCheckoutBtn.gif) no-repeat left top;
}
#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;
}
.customerOrders .makePaymentBtn { float: right; }
/* Address Table & Receipt */
.shopAddress table { width: 100%; }
.shopAddress table td { padding: 8px; }
#Content .shopAddress p { margin-bottom: 0; }
.invoiceAddressTable, 
.deliveryAddressTable 
{
	color: #333;
	background-color: #EEE;
	padding-bottom: 8px;
	margin-bottom: 1em;
}
.invoiceAddressTable th, 
.deliveryAddressTable th,
#Content .createFullAccount h3,
.payment h3, 
.paymentTitle 
{
	font-size: 1.273em;
	color: #333; 
	background-color: #FFF;
	padding: 0 0 0.6em 0;
	text-transform: uppercase;
}
.addressCell, 
.shopAddressButtons 
{
	padding: 8px;
}
.shopAddressButtons { text-align: right; }
#Content .shopAddressButtons .button 
{
	margin-left: 8px;
	float: right;
	width: 100px;
}
/* - Reciept */
.receipt { margin-bottom: 1em; }
.receipt .addresses { width: 100%; } 
.receipt .invoiceAddressTable,
.receipt .deliveryAddressTable
{ 
	width: 309px;
	float: left; 
}
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable { margin-bottom: 0; }
.receipt .totals 
{ 
	font-weight: bold;
	text-align: right; 
}
.receipt .createFullAccount 
{
	width: 356px;
	background-color: #FFE2FF;
	color: #333;
}
.receipt .createFullAccount .shopForm,
.receipt .createFullAccount p 
{
	padding: 0 8px;
}
#Content .createFullAccount h3 { margin-bottom: 8px; }
#Content .createFullAccount .shopForm label { width: 132px; }
#Content .createFullAccount .shopForm .textbox { width: 158px; }
#Content .createFullAccount .shopFormButtons { padding-left: 144px; }
#Content .createFullAccount .button { width: 120px; }
#Content .createFullAccount .shopForm label span { left: 308px; }

/* =NEWS
   ----------------------------------------------------*/
   
/* A general class effecting everything used in an article */
.articleElement {}
/* -Article Image */
.articleImgHolder 
{ 
	width: 100%;
	overflow: hidden;
	margin-bottom: 1em;
}
/* - 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; }
/* -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 { margin-bottom: 0.6em; }
.newsItem h2 a { text-decoration: underline; }
.newsItem p { margin-bottom: 4px; }
.newsItem .moreNewsLink  
{
	float: right;
	display: block;
	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; }

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

.forum
{
	background-color: #FFF;
	color: #000;
	padding: 5px;
}
.forum img { border: none; }
.forumReplyLink, 
.forumNewTopicLink
{
	display: block;
	padding: 10px 0 5px 0;
}
.forumMessageOptionButtons { text-align: right; }
.forumMessages
{
	width: 100%;
	border: solid 1px #666;
	margin: 10px 0;
}
.forumMessageItem { background-color: #FFF; }
.forumMessageAlternateItem { background-color: #EFEFEF; }
.forumMessageItem, 
.forumMessageAlternateItem
{
	padding: 0 5px;
}
.forumMessage blockquote
{
	border: 1px solid #666;
	margin: 10px;
	padding: 10px;
}
.forumQuoteMessageLink {}
.forumMessageEditedBy {}
.forumMessageSeparator
{
	line-height: 0;
	overflow: hidden;
	border-bottom: dotted 2px #000;
}
.forumMessagePoster, 
.forumMessageOptionButtons
{
	font-size: 0.85em;
	padding: 5px 0;
}
.forumMessageEditedBy
{
	display: block;
	font-size: 0.85em;
	padding-top: 30px;
}
.forumTable { width: 100%; }
.forumTableCount { width: 60px; }
.forumTableLastPost { width: 120px; }
.forumTableCount, .forumTableLastPost { text-align: center; }
td.forumTableLastPost, td.forumTableCount {}
.forumTableItem {}
.forumTableAlternateItem {}
.forumTable td, 
.forumTable th
{
	padding: 3px;
}
.forumTable th { background-color: #CCC; }
.forumTopicList { margin: 10px 0; }
.forumTableTopicStarter { width: 120px; }
.forumEditProfileAvatar
{
	padding: 6px;
	border: solid 1px #8DA8C1;
}
.forumProfileAvatar { border: solid 1px #8DA8C1; }
.forumProfile h3
{
	background-color: #CCC;
	font-size: 1em;
	color: #666;
	font-weight: bold;
	padding: 3px;
}
.forumProfile p {}
.forumEditProfileLink
{
	display: block;
	float: right;
	margin-top: 5px;
}
.forumEditProfile textarea.textbox
{
	width: 300px;
	height: 150px;
}

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

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li a, .customerLogin, 
.shopFormButtons, .registerLink, .miniBasket, .warningBox, 
.shopForm, .validationList, .warningBox, .productReviews, 
.productLinklist ul li, .shopTableButtons, #Content .validationList ul li,
.shopTable .totalRow td, #Content .basketShipping, #Content .addAddressRow td, 
.productList, .productContainer, .relatedProducts, .productPromotions,
.productReviews, #Content .SiteNavigation li a, .shopTable .qtyHolder, 
.pagerSort, .productListing, .designProductListing, .productContainer, 
.featuredProducts, .productListing .productButtons, #Navigation, #Content
{
	height: 1%;
}

/* =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;
	width: 100%;
	height: 500px;
	color: #666;
	z-index: 9996;
	display: none;
}
#jquery-lightbox 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	text-align: center;
	line-height: 0;
	z-index: 9997;
	display: none;
}
#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: 11px Arial, 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: 90px;
	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; }

.threeDSecureIFrame
{
	/*  706px for ePDQ
		800(ish)px for HSBC
	*/
	width: 806px;
}