/* YBUK DEFAULT STYLESHEET
   ----------------------------------------------------*/

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

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

/* =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: 20px;
}
body * 
{
	font-size: 1em;
}
#Sheet
{
	text-align: left;
	margin: 0 auto 8px auto;
	width: 950px;
	background: url(../../../SiteData/Root/SiteImages/ybuk_redGryContentBgTile.gif) repeat-y left top;
}

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

/* #B5D335 - Left Column Green
   #66BC47 - Right Column Green
*/

h1
{
	font-size: 2em;
	margin-bottom: 0.6em;
	color: #FFF;
	font-weight: bold;
}
h2
{
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h3
{
	font-size: 1em;
	margin-bottom: 0.6em;
	font-weight: bold;
}
h4, h5, h6
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
/* Shared typographic styles */
#ColumnMain2Col, #ColumnMain1Col { font-size: 1.2em; }
#ColumnMain2Col h1, #ColumnMain1Col h1 { font-size: 2em; }
#ColumnMain2Col h2, #ColumnMain1Col h2 { font-size: 1.500em; color: #B3B3A3; }
#ColumnLeft a { color: #E6A1A5; }
#ColumnLeft a:hover { color: #FFF; }
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;
}
a
{
	color: #666;
	outline: none;
}
a:focus, 
a:active, 
input:focus
{
	-moz-outline-style: none;
}
.enlargedImages_ThumbnailScroller a:focus { background-color: Transparent; }
cite {}
hr {}

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

.clear, .Clear
{
	clear: both;
}
div.clear
{
	font-size: 0;
	line-height: 0;
}
/* hide these elements */
.accessibility, .hide, .searchResultsList .Url, #MainLeftBott .recentNews h2 span, 
#MainLeftBott .recentNews h4, .newsItem .readMore span, .productListing .productListingStock,
#Content .productListing .productButtons, #Content .featuredProducts h3, .product .productPriceText,
.payment .secureMsg, .payment .varifyMsg, .printHeader 
{
	display: none !important;
	visibility: hidden !important;
}
.CMSModuleERROR
{
	border: dashed 2px #F00;
	color: #F00;
}
.CMSColumnEdit
{
	border: dashed 1px #003480;
	position: relative;
}
.textbox, .dropdownlist, .clear-on-focus { border: solid 1px #8DA8C1; }
.textbox { 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 #333;
	background-color: #333;
    font-size: 1em;
    line-height: 130%;
    text-decoration: none;
    text-align: center;
    font-weight: bold !important;
    color: #FFF;
    cursor: pointer;
    padding: 4px 6px 4px 6px; /* Links */
}
.button span { line-height: 16px; }
button, input.button
{
    width: auto;
    overflow: visible;
    padding: 3px 6px 2px 6px; /* IE6 */
}
.button:hover, button:hover { text-decoration: none; }
.button[type]
{
    padding: 2px 6px 2px 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;
} 
/* 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: 2px 6px 2px 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 YBUK */

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

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

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

#Header {}

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

#Content
{
	float: left;
	width: 100%;
	background: url(../../../SiteData/Root/Image/Backgrounds/ybuk_hpBg.gif) no-repeat right top;
	background-color: #b3b3a3;
}
#ColumnMain2Col, 
#ColumnMain1Col, 
#ColumnLeft 
{
	height: auto !important; /* Firefox, Safari, IE7, etc */
	height: 430px; /* IE6 */
	min-height: 430px; /* Firefox, Safari, IE7, etc */
}
/* Hp & 2 Column */
#ColumnMain2Col 
{
	float: right;
	width: 77%;
	color: #FFF;
}
#ColumnMain2Col a { color: #ecb941; }
/* Hp */
#MainTop p 
{
	font-size: 1.083em;
	font-weight: bold;
	line-height: 130%;
}
#MainLeftBott 
{
	position: absolute;
	top: 270px;
	width: 294px;
}
.text { padding: 32px; }
/* 1 Column */
#ColumnMain1Col .text
{
	padding: 36px 32px 32px 32px;
	background: none;
	height: auto;
}
/* Checkout */
#MainTop
{
	width: 100%;
	padding-bottom: 16px;
}
#MainBottLeft,
#MainBottRight  	
{
	float: left;
	padding-bottom: 16px; 
}
#MainBottRight { float: right; }
/* LeftColumn */
#ColumnLeft 
{
	float: left;
	width: 21%;
	padding-left: 12px;
	background: url(../../../SiteData/Root/SiteImages/ybuk_leftHpBg.gif) no-repeat 84px 124px;
	  background-color: #c1131d;
	  padding-bottom:10px;
}
#YBUKLogo 
{
	font-size: 0;
	text-decoration: none;
	display: block;
	width: 92px;
	height: 102px;
	background: url(../../../SiteData/Root/SiteImages/ybuk_leftLogoRed.gif) no-repeat left top;
	margin: 20px 0 36px 10px;
}

/* =FOOTER
   ----------------------------------------------------*/
   
#Footer 
{
	clear: both;
	width: 748px;
	margin: auto;
	text-align: left;
	font-size: 1.2em;
	color: #BFBFBF;
}
/* IUK Footer */
#IUKCopyright 
{
	clear: both;
	width: 748px;
	margin: auto;
	text-align: right;
	font-size: 1.2em;
	position: relative;	
	color: #BFBFBF;
	padding-bottom: 8px;
}
.copyright 
{
	padding-top: 1px;
	float: left;
}
#InternovaLogo
{
	float: right;
	width: 200px;
	text-align: right; 
	/* this font size must be kept consistant */
	font-size: 9px;
	color: #BFBFBF;
}
#InternovaLogo a, 
#Footer a
{
	color: #BFBFBF;
}
#InternovaLogo a { text-decoration: none; }

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

/* Site Navigation */
.SiteNavigation .Scroller
{
	height: 260px;
	overflow: auto;
}
.SiteNavigation .Scroller div img
{
	float: left;
	margin-bottom: 10px;
	border: solid 1px #000;
}
.SiteNavigation .Scroller div div
{
	float: left;
	width: 81px;
	padding-left: 10px;
}
.SiteNavigation .Admin, .linkList .Admin
{
	background-color: #FFF;
	color: #3A3A3A;
}
.SiteNavigation li, .linkList li
{
	list-style: none;
	margin-bottom: 3px;
}
.SiteNavigation 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 */
}
/* Current Node A Styling */
.SiteNavigation li.Current a.Current, .linkList li a.Current, #Content .SiteNavigation ul ul li.Current a.Current
{
	/* current node styling here */
}
/* ColumnLeft SiteNav */
#ColumnLeft .SiteNavigation 
{
	text-align: left;
	padding-bottom: 16px;
}
#ColumnLeft .SiteNavigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
#ColumnLeft .SiteNavigation li { margin-bottom: 10px; }
#ColumnLeft .SiteNavigation ul ul li { margin-bottom: 3px; }
#ColumnLeft .SiteNavigation ul ul { margin-top: 3px; }
#ColumnLeft .SiteNavigation ul li
{
	display: block;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}
#ColumnLeft .SiteNavigation a
{
	text-decoration: none;
	display: block;
}
#ColumnLeft .SiteNavigation ul ul li 
{
	margin-left: 10px;
	text-transform: capitalize;
}
#ColumnLeft .SiteNavigation ul ul ul li 
{
	font-size: 1em;
} 
#ColumnLeft .SiteNavigation li.Current a.Current { color: #FFF; }
/* Site Map */
.siteMap ul li a {}
.siteMap ul 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 { width: 350px; }
.pagerLinks 
{
	text-align: right;
	padding-top: 3px;
}
.userPageSize 
{
	float: left;
	width: 160px;
}
.searchResultsList { margin-left: 0; }
.searchResultsList .Url {}
.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 .productContainer 
{
	padding: 0;
	margin-top: 0;
}
.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 a {}
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
	color: #FFF;
}
.FAQ .FAQAnswer {}
/* SearchBox */
.searchBox { margin-bottom: 12px; }
#Content .searchBox .textbox,
#Content .searchBox .clear-on-focus 
{
	font-size: 1.091em;
	padding: 2px 1px 3px 1px;
	float: left;
	width: 132px;
	margin-right: 4px;
}
#Content .searchBox .button 
{
	padding: 0;
	border: none;
	display: block;
	width: 22px;
	height: 22px;	
}
/* AdminPanel */
.AdminPanel
{
	background-color: #FFF;
	border: dashed 1px #F00;
	color: #000;
	padding: 3px;
}
.AdminPanel h2 { color: #000; }
.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, .shopFormButtons
{
	padding: 8px;
	position: relative;
	padding-top: 16px;
}
.shopFormButtons { padding: 8px; }
.shopConditions 
{
	text-align: center;
	margin-bottom: 8px;
}
/* Assuming the Main Column in 2, 3, Hp */
.shopForm label
{
	float: left;
	display: block;
	text-align: right;
	width: 102px; 
	padding-right: 4px;
	font-weight: bold;
	margin-bottom: 2px;
}
.shopForm label span 
{
	font-size: 1.273em;
	position: absolute;
	left: 382px; 
}
.shopForm .forgottenPasswordLink  
{
	margin-left: 176px;
	display: block; 
	margin-bottom: 0.6em; 
}
.shopForm .pCSpan { left: 202px; }
.shopForm .textbox, .shopForm .textarea, 
.shopForm .dropdown, .shopForm .dropdownlist
{
	width: 260px; 
	margin-bottom: 6px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, 
.shopForm .dropdownlist
{
	width: 264px;
}
#Content .shopForm .addressBtn { margin-bottom: 8px; }
.shopForm .checkbox 
{
	position: relative;
	left: -4px;
}
.shopFormButtons 
{
	padding-left: 114px; 
	text-align: left;
}
/* Form validation */
.validationList 
{
	color: Red !important;
	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: 100px; }

/* =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; }
/* 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
   ----------------------------------------------------*/
   
.newsStory h2
{
	font-size: 1.2em;
	font-weight: bold;
}
.newsStory .details { margin-bottom: 8px; }
.newsStory .related h2, #Content .newsStory h2  
{
	display: block;
	color: #FFF;
	font-size: 1.167em;
}
#Content .newsStory .related h2 
{
	padding-bottom: 3px;
	border-bottom: solid 1px #FFF;
}
.newsStory .related ul 
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.newsStory .related li a
{
	background: url(../../../SiteData/Root/SiteImages/ybuk_newsArticleIcon.gif) no-repeat left top;	
	padding-left: 24px;
	padding-bottom: 4px;
}
#Content .newsStory .details h2
{
	font-size: 1.250em !important;
	color: #C50101;
}
.recentNews table { width: 100%; }
.recentNews h4  
{
	display: none;
	visibility: hidden;
	font-style: italic;
}
.recentNews .newsItem { color: #FFF; }
#Content .newsItem h3  
{
	font-size: 1em;
}
#Content .newsItem h4  
{
	visibility: visible;
	display: inline;
	font-style: normal;
	font-weight: normal; 
}
#MainRight .recentNews h2 { font-size: 1.364em; }
.recentNews .newsItem .readMore { text-align: right; }
.newsItem .readMore a
{
	display: block;
	background: url(../../../SiteData/Root/SiteImages/ybuk_moreNewsBtnWht.gif) no-repeat left top;
	height: 17px;
	width: 64px;
	float: right;	
}
.recentNews .small tr.Pager { text-align: right; }
.recentNews .small tr.Pager table { width: auto; }
.recentNews .small tr.Pager td { font-weight: bold; }
.recentNews .small tr.Pager td a 
{
	font-weight: normal;
	color: #000;	
}
.recentNews .small .simple td { padding-bottom: 0.8em; }
.recentNews .small .simple a { color: #000; }
.recentNews .small .complex .newsItem h3  
{
	font-size: 1em; 
	font-weight: bold; 
}
.recentNews .small .complex .newsItem h4 { font-weight: bold; }
.recentNews .large tr.Pager td { font-weight: bold; }
.recentNews .large tr.Pager td a 
{	
	font-weight: normal;
	color: #FFF;
}
.recentNews .large .simple td { padding-bottom: 0.8em; }
.recentNews .large .simple a { color: #FFF; }
.recentNews .large .complex .newsItem h3 { font-weight: bold; }
.RecentNews .large .complex .newsItem h4 { font-weight: bold; }
/* specifically for the YBUK Homepage */
#MainLeftBott .recentNews 
{
	background: url(../../../SiteData/Root/SiteImages/ybuk_npNewsItemFooterBg.gif) no-repeat left bottom;
	padding-bottom: 12px;
}
#MainLeftBott .recentNews h2 
{
	background: url(../../../SiteData/Root/SiteImages/ybuk_npNewsItemHeaderBg.gif) no-repeat left top;
	height: 24px;
	margin-bottom: 0;
}
#MainLeftBott .recentNews table 
{
	padding: 0;
	border: none;
}
#MainLeftBott .recentNews h3 
{
	text-transform: uppercase;
	margin-bottom: 0.6em;
}
#MainLeftBott .newsItem 
{
	color: #666;
	background-color: #FFF;
	border: none;
	padding: 0 16px;
}
#MainLeftBott .recentNews .newsItem p 
{
	color: #000;
	display: block;
	margin-bottom: 10px !important;
	height: 6em;
	overflow: hidden;
	font-size: 0.917em;
}
#MainLeftBott .recentNews .newsItem p:after { content: "..."; }
#MainLeftBott .newsItem .readMore { position: relative; }
#MainLeftBott .newsItem .readMore a { background: url(../../../SiteData/Root/SiteImages/ybuk_moreNewsBtnRed.gif) no-repeat left top; }

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

.forum
{
	background-color: #FFF;
	color: #000;
	padding: 5px;
}
.forum img { border: 0; }
.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
   ----------------------------------------------------*/

/* IE gets confused here - use the bott margin of .rootNaviagtion */
* html #Footer { height: 1%; margin-bottom: 14px;}
/* fixes the body background alignment issue (amazingly) */
* html ol { margin-left: 1.5em; }
/* infuriatingly input buttons don't seem to be exact here */
* html #Content .productListing .removeBtn 
{
	display: inline;
}
/* create customer button wrangling */
* html #Content .warningBox ol { margin-left: 2.5em; }
* html #Content .upgradeAccountBtn, * html #Content .continueAsGuestBtn, 
* html #Content .reEnterBtn, * html #Content .emailPasswordBtn 
{
	margin-top: -25px;
}
* html #Content .updateQuantitiesBtn { width: 120px; }
/* line height spoils things in IE */
* html .ticketSelectHeader { line-height: 1.273em; }
* html .ticketSelectHeader .title { position: relative; top: 4px; }
* html .ticketOptions .checkbox input { margin-top: -4px; margin-bottom: 4px; }
.fullWeekendTicket div, 
.dayTicket div, 
.nightTicket div 
{
	/* sorts out an issue in IE7 */
	height: 1%;
} 
* html .receiptLinks .compactShopForm { height: 83px; }
* html .enlargedImages { background-image: url(../../../SiteData/Generic/SiteImages/bg-popup.gif); }
* html .shopTable .qtyCol .textbox { width: 26px; }
* html .shopFormButtons { padding-left: 136px; }
* html #ColumnMainHpCol .shopFormButtons, * html #ColumnMain2Col .shopFormButtons { padding-left: 118px; }
/* HP Images */
* html .hpOptions { margin: 0 -6px 12px -6px; }

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, .ticketSelectQty, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons, ul li, 
.registerLink, .searchBox, .miniBasket, .warningBox, .shopForm, .validationList,
.warningBox, .productReviews, .productlinkList ul li, .ticketPanel, .shopTableButtons,
#Content .validationList ul li, .shopTable .totalRow td, #Content .basketShipping, 
#Content .addAddressRow td, .productList, .productContainer, .relatedProducts, 	.productPromotions,
.productReviews, #Content .SiteNavigation li.CurrentParent a.CurrentParent, #Footer,
#Content .SiteNavigation ul li.Current a.Current , .shopTable .qtyHolder, 
#MainLeftBott .newsItem .readMore, #MainLeftBott .newsItem  
{
	height: 1%;
}
/* Safari Fix (for visible spacing of <br /> tag */
.miniBasket .clear, .productListing .clear, .productContainer br 
{
	content:"";
}