/* INTERNOVA DEFAULT STYLESHEET
   ----------------------------------------------------*/

/* Default.css
   Updated: Mon 17.11.08 @ 11:15 a.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    |   EVENTS
   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;
}
body * { font-size: 1em; }
#Sheet
{
	text-align: left;
	margin: 10px auto 0 auto;
	width: 760px;
}

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

/* #000 - Pitch Black
   #000 - Another Colour etc
*/

h1
{
	color: #C50101;
	font-size: 1.5em;
	margin-bottom: 0.6em;
	font-weight: bold;
}
h2
{
	color: #C50101;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h3
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0.6em;
}
h4, h5, h6
{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0;
}
/* Shared typographic styles */
#MainLeft, #ColumnMain2Col, #ColumnRight { font-size: 1.2em; }
#MainLeft h1, #ColumnMain2Col h1, #ColumnRight h1 { font-size: 1.333em; }
#MainLeft h2, #ColumnMain2Col h2, #ColumnRight h2 { font-size: 1.250em; }
#MainRight { font-size: 1.1em; }
#MainRight h1 { font-size: 1.364em; }
#MainRight h2 { font-size: 1.273em; }
p, blockquote, address, .vcard, .adr 
{
	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: #C50101;
  	text-decoration: underline;
	outline: none;
}
a:hover { text-decoration: underline; }
a:focus, a:active, input:focus { -moz-outline-style: none; }
.enlargedImages_ThumbnailScroller a:focus { background-color: Transparent; }
blockquote, address { font-style: italic; }

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

.clear, .Clear, .shopForm br
{
	clear: both;
}
div.clear, .casestudies br, .shopForm br
{
	font-size: 0;
	line-height: 0;
	height: 0;
}
/* hide these elements */
.accessibility, .hide, #Navigation span, #Footer .rootNavigation span, 
#Content .featuredProducts h3, .printHeader, .searchResultsList .Url,
.productListing .productListingStock, #Content .productListing .productButtons,
.product .productPriceText
{
	display: none;
	visibility: hidden;
}
.CMSModuleERROR
{
	border: dashed 2px #F00;
	color: #F00;
}
.CMSColumnEdit
{
	border: dashed 1px #003480;
	position: relative;
}
.textbox, .dropdownlist { 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 #CCC;
	border-bottom: solid 1px #666;
	border-right: solid 1px #666;
	background: #FFF url(/SiteData/Root/SiteImages/int_redArrowBullet.gif) no-repeat 4px 50%;
    font-size: 1em;
    line-height: 130%;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    color: #666;
    cursor: pointer;
    padding: 4px 4px 4px 16px; /* Links */
}
button, input.button
{
    width: auto;
    overflow: visible;
    padding: 3px 4px 2px 16px; /* IE6 */
}
.button[type]
{
    padding: 3px 4px 3px 16px; /* Firefox */
    line-height: 18px; /* Safari */
}
*:first-child+html .button[type]
{
    padding: 2px 4px 0 16px; /* IE7 */
}
/* nuetralise the styles of input buttons within .button class */
.button input
{
	cursor: pointer;
	background: none;
	border: none;
} 
/* button colour variations & special cases */
#MainRight .customerLogin .button, 
#ColumnLeft .customerLogin .button, 
#Content .registerLink .button,
.shopForm .addressBtn, 
#Content .updateQuantityRow .button 
{
	/* Dark Grey */
	color: #FFF;
	border: solid 1px #3A3A3A;	
	background: #3A3A3A url(/SiteData/Root/SiteImages/fs_gryButtonBgTile.gif) repeat-x left top;
}
#Content .shopTableButtons .continueBtn,
#Content .shopTableButtons .saveBtn 
{
	/* Light Grey */
	border: solid 1px #3C3C3B;
	background: #3C3C3B url(/SiteData/Root/SiteImages/fs_lightGryButtonTile.gif) repeat-x top left;
}
/* 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 .updateQuantityRow .button[type],
*:first-child+html #Content .shopForm .addressBtn[type]
{
    padding: 2px 4px 0 6px; /* IE7 */
}
/* disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled
{
	color: #999 !important;
	background: none;
	background-color: #EEE;
	border: solid 1px #CCC;
}
/* disabled qtyCol */
#Content .qtyCol .disabled { border: none; background-color: Transparent; color:#FFF; }
.qtyCol .disabled span.QuantityAdjust a { background-color: #CCC; }
/* Specific to Internova */
.casestudies 
{
	border: solid 1px #E2E2E2;
	background-color: #F2F2F2;
	padding: 4px 4px 0 4px;
	text-align: center;
	width: 156px;
	margin-bottom: 16px;
}
.casestudies table img
{
	width: 50px;
	margin-bottom: 4px;
}
.vcard .org { font-weight: bold; }
.vcard .icon img { margin-right: 4px; }
.vcard .fax img { margin-left: 3px; margin-right: 7px; }
.lpImgHolder { text-align: center; }
.lpImgHolder img { margin-bottom: 40px; }

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

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

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

#Header 
{
	background: url(/SiteData/Root/SiteImages/int_headerBg.jpg) no-repeat center top;
	height: 121px;
}
#Header a
{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -10000px;
}
#Navigation
{
	text-align: left;
	font-weight: bold;
	line-height: 21px;
	height: 21px;
	padding-bottom: 10px;
	background: #FFF url(/SiteData/Root/SiteImages/int_navBottBg.gif) no-repeat center bottom;
}
#Navigation a
{
	float: left;
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	margin-right: 2px;
	height: 21px;
}
#Navigation .rootNavigationTab1 { background: url(/SiteData/Root/SiteImages/int_homeTab.jpg) no-repeat left top; width: 76px; }
#Navigation .rootNavigationTab2 { background: url(/SiteData/Root/SiteImages/int_webDesignTab.jpg) no-repeat left top; width: 121px; }
#Navigation .rootNavigationTab3 { background: url(/SiteData/Root/SiteImages/int_webShopTab.jpg) no-repeat left top; width: 105px; }
#Navigation .rootNavigationTab4 { background: url(/SiteData/Root/SiteImages/int_printshopTab.jpg) no-repeat left top; width: 115px; }
#Navigation .rootNavigationTab5 { background: url(/SiteData/Root/SiteImages/int_digitalContentTab.jpg) no-repeat left top; width: 155px; }
#Navigation .rootNavigationTab6 { background: url(/SiteData/Root/SiteImages/int_newsTab.jpg) no-repeat left top; width: 78px; }
#Navigation .rootNavigationTab7 { background: url(/SiteData/Root/SiteImages/int_careersTab.jpg) no-repeat left top; width: 98px; }
#Navigation a.rootNavigationTab7 {margin-right: -2px;}
#Navigation .rootNavigationTab1, #Navigation a.active, #Navigation a:hover { background-position: 0 -21px; }

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

#Content
{
	float: left;
	width: 746px;
	padding: 0 7px;
}
/* Content backgrounds */
.col1Content { background: url(/SiteData/Root/SiteImages/int_content1ColBgTile.gif) no-repeat center bottom; }
.col2Content { background: url(/SiteData/Root/SiteImages/int_content2ColBgTile.gif) no-repeat center bottom; }
.colHpContent, .col3Content { background: url(/SiteData/Root/SiteImages/int_content3ColBgTile.gif) no-repeat center bottom; }
/* Hp 3Column & 2Column Layout */
.leftContainer 
{
	width: 553px;
	float: left;
}
#MainLeft
{
	float: left;
	width: 301px;
	background: url(/SiteData/Root/SiteImages/int_mainColBg.gif) repeat-x top left;
}
#MainRight 
{
	float: right;
	width: 250px;
	background: url(/SiteData/Root/SiteImages/int_midColBg.gif) repeat-x top left;	
}
.text { padding: 30px 12px 8px 8px; }
/* Right Column */
#ColumnRight 
{
	float: right;
	width: 191px;
	background: url(/SiteData/Root/SiteImages/int_mainColBg.gif) repeat-x top left;
}

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

#Footer 
{
	clear: both;
	background: url(/SiteData/Root/SiteImages/int_contentFootBg.gif) no-repeat top center;
	font-size: 1.1em;
	text-align: right;
	height: 38px;
	line-height: 38px;
	padding-right: 31px;
	margin-bottom: 12px;
}
#Footer span { padding-left: 12px; }
#Footer .rootNavigation 
{
	text-align: left;
	margin-bottom: 14px;
}
#Footer a
{
	color: #333;
	text-decoration: underline;
	margin-right: 4px;
}
/* IUK Footer */
#IUKCopyright 
{
	clear: both;
	width: 754px;
	margin: auto;
	text-align: right;
	padding-bottom: 8px;
	position: relative;	
	color: #666;
}
.copyright 
{
	padding-top: 1px;
	float: left;
}
#InternovaLogo
{
	float: right;
	width: 200px;
	text-align: right; 
	/* this font size must be kept consistant */
	font-size: 10px;
}
#InternovaLogo a { color: #666; }

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

/* Site Navigation */
.SiteNavigation ul
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
.SiteNavigation li 
{
	background: url(/SiteData/Root/SiteImages/int_redArrowBullet.gif) no-repeat left 4px;
	padding-left: 20px;
}
/* -Parent of CurrentNode A Styling */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, 
#Content .SiteNavigation li.Current a.Current 
{
}
/* -Current Node A Styling */
#Content .SiteNavigation ul ul li.Current a.Current { }
/* link list (this currently matches the Site Navigation Module)  */
.linkList ul 
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}
.linkList li 
{
	background: url(/SiteData/Root/SiteImages/int_redArrowBullet.gif) no-repeat left 4px;
	padding-left: 20px;
}
/* Site Map */
.siteMap { margin-bottom: 1em; }
.siteMap ul { list-style-type: disc !important; }
/* Search Results */
.shopResults, 
.contentResults,
.newsResults
{
	margin-bottom: 1em;
} 
#Content .shopResults h1,
#Content .contentResults h1,
#Content .newsResults h1
{
	font-size: 1em;
	padding-left: 0;
	background: none;
	margin-bottom: 1em;
	line-height: 1em;
}
.pagerLinks 
{
	text-align: right;
	margin-bottom: 1em;
}
.next, 
.previous { }
.userPageSize 
{
	float: left;
	margin-bottom: 1em;
}
.searchResultsList { margin-left: 0; }
.searchResultsList li 
{
	background: none;
	padding-left: 0;
	margin-bottom: 1em;
} 
.contentResults a
{
	line-height: 2em;
	font-weight: bold;
}
.searchHighlight { font-style: italic; }
.featuredResult { margin-bottom: 16px; }
.featuredResult .productListingImage img
{
	margin-left: 4px;
	float: left;
}
.featuredResult .productType { display: block; }
.featuredResult .productButtons, 
.featuredResult .productType,
.featuredResult .productListingName, 
.featuredResult .productListingPrice 
{
	margin-left: 88px;
}
.featuredResult .productListingPrice { margin-bottom: 0.6em; }
#Content .featuredResult .buyBtn { width: 44px; }
.itemsPerPage 
{
	margin-top: -32px;
	text-align: right;
	margin-bottom: 7px;
}
/* Pager Sorting ( CategoryDisplay & Search Results ) */
.pager  	
{
	text-align: right;
	margin-bottom: 1em;
}
.pager .pgCntrl { padding-left: 8px; }
.pager .next
{
	margin-left: 8px;
}
.pager .backLink { }
.pagerSort { margin-bottom: 1em; }
.pagerSort .pageSize { float: left; }
.pagerSort .sortBy { float: right; }
/* Breadcrumb */
.breadcrumb  
{
	display: block; 
	margin-bottom: 1em;
}
.breadcrumb a { color: #333; }
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
}
.FAQ .FAQAnswer { display: none; }
/* SearchBox */
.searchBox { }
.searchBox .textbox,
.searchBox .clear-on-focus,
.searchBox .button  
{
	vertical-align: middle;
	display: inline;
}
.searchBox .button 
{
	/* stops a wrapping issue in IE */
	width: 32px;
}
/* variations based on layout */
#MainRight .searchBox .textbox,
#MainRight .searchBox .clear-on-focus
{  
	font-size: 1.091em;
	width: 120px;
}
#ColumnLeft .searchBox .textbox,
#ColumnLeft .searchBox .clear-on-focus
{
	font-size: 1.091em;
	width: 140px;
}
/* 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;
}
/* Assuming the Main Left of a 3 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	width: 168px;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
	margin-bottom: 2px;
}
.shopForm label span 
{
	font-size: 1.273em;
	position: absolute;
	left: 368px;
}
.shopForm .textbox, 
.shopForm .textarea, 
.shopForm .dropdown, 
.shopForm .dropdownlist,
.shopForm .clear-on-focus,
.shopForm .fileupload
{
	width: 182px;
	margin-bottom: 5px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, 
.shopForm .dropdownlist
{
	width: 186px;
}
.shopForm .addressBtn { margin-bottom: 6px; }
.shopForm .checkbox 
{
	float: left;
	position: relative;
	left: -4px;
}
.shopForm .checkboxLabel  
{
	float: left;
	margin: 2px 0 6px 0;
	width: 172px;
}
.shopForm .forgottenPasswordLink  
{
	margin-left: 172px; 
	display: block; 
	margin-bottom: 5px; 
}
.shopFormButtons { text-align: left; padding-left: 180px; }
/* Variation based on Layout */
/* 2 Column */
#ColumnMain2Col .shopForm label  
{
	width: 124px; 
}
#ColumnMain2Col .shopForm .textbox, 
#ColumnMain2Col .shopForm .textarea, 
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMain2Col .shopForm .clear-on-focus  
{ 
	width: 277px; 
}
#ColumnMain2Col .shopForm label span { left: 421px; }
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist 
{ 
	width: 281px; 
}
#ColumnMain2Col .shopForm .checkboxLabel { width: 257px; }
#ColumnMain2Col .shopForm .forgottenPasswordLink  { margin-left: 128px; }
#ColumnMain2Col .shopFormButtons { padding-left: 136px; }   
/* Column Left */
#ColumnLeft .shopForm label  
{
	text-align: left;
	width: 178px; 
}
#ColumnLeft .shopForm .textbox, 
#ColumnLeft .shopForm .textarea, 
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist,
#ColumnLeft .shopForm .clear-on-focus  
{ 
	width: 174px; 
}
#ColumnLeft .shopForm label span { left: 172px; }
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist 
{ 
	width: 178px; 
}
#ColumnLeft .shopForm .checkboxLabel { width: 154px; }
#ColumnLeft .shopForm .forgottenPasswordLink  
{
	margin-left: 0;
	width: auto; 
}  
#ColumnLeft .shopFormButtons { padding-left: 0; }
#ColumnLeft .shopFormButtons .button { float: right; }
/* Main Right */
#MainRight .shopForm label  
{
	text-align: left;
	width: 158px; 
}
#MainRight .shopForm .textbox, 
#MainRight .shopForm .textarea, 
#MainRight .shopForm .dropdown, 
#MainRight .shopForm .dropdownlist,
#MainRight .shopForm .clear-on-focus  
{ 
	width: 154px; 
}
#MainRight .shopForm label span { left: 152px; }
#MainRight .shopForm .dropdown, 
#MainRight .shopForm .dropdownlist 
{ 
	width: 158px; 
}
#MainRight .shopForm .checkboxLabel { width: 134px; }
#MainRight .shopForm .forgottenPasswordLink  
{
	margin-left: 0;
	width: auto; 
}  
#MainRight .shopFormButtons { padding-left: 0; }
#MainRight .shopFormButtons .button { float: right; }
/* Form validation */
.validationList 
{
	color: Red;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}
#Content .validationList ul
{
	background: none;
	padding: 0;
	margin: 8px 0 0 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) */
.customerLogin { }
#MainRight .customerLogin .shopForm,
#ColumnLeft .customerLogin .shopForm
{
	font-size: 1em;	
	padding: 0;
} 
#MainRight .customerLogin h2, 
#ColumnLeft .customerLogin h2
{
	font-size: 1em;	
}
#MainRight .customerLogin .shopFormButtons, 
#ColumnLeft .customerLogin .shopFormButtons
{
	padding: 0;
}
#MainRight .customerLogin .button, 
#ColumnLeft .customerLogin .button
{
	padding-left: 4px;
	padding-right: 4px;
	float: right;
}
#MainRight .customerLogin .upgradeBtn, 
#ColumnLeft .customerLogin .upgradeBtn  
{ 
	margin-right: 4px; 
} 
.customerLogin .linkList ul  { margin-left: 0; }
.customerLogin .linkList ul li { list-style: none; }
/* Create Customer Form */
.createCustomer .warningBox ol li
{
	clear: right;
	padding-bottom: 8px;
}
#Content .shopForm .enterManuallyBtn { width: 156px; }
#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 */
.saveBasket .saveCartBtn {}
/* 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 */
.categoryDisplayProduct { padding-bottom: 24px; }
.categoryDisplayDesc {}
.categoryDisplay h2 { margin-bottom: 6px; }
/* for batch buy display only */
.categoryDisplay .shopTableButtons { 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; }
/* Product Listing & Feature Listing Modules */
.productList  { margin-bottom: 1.5em; }
.productRow 
{
	float: left;
	width: 100%;
}
.productListing, 
.placeHolder, 
.featureListing
{
	float: left;
	width: 170px;
}
.productListing .productContainer { margin-bottom: 1.5em; }
#Content .productSpacer  
{
	float: left; 
	width: 10px;
}
.UnavailableProduct { background-color: #F5A0A0; }
.productListing .static, 
.featureContainer 
{ 
	margin-top: 0; 
}
/* -New productListingImage structure (with preloader) */
.productListingImage
{
	text-align: center;
	overflow: hidden;
	margin-bottom: 5px;
}
.productListingImage .preLoader
{
	margin: 25px auto 0 auto;
	display: none;
}
.productListingImage a img { display: block; }
.productListingName, 
.productListing .productType, 
.productListingPrice,
.productListingDesc,
.productListingCode
{
	display: block;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
	margin-bottom: 5px;
}
.productListingDesc { font-weight: normal; }
#Content .productListing h3 { margin-bottom: 0; }
.productListing .productButtons { margin-bottom: 0; }
#Content .productListing .buyBtn,
#Content .productListing .removeBtn,
#Content .productListing .browseBtn 
{
	float: right;
}
#Content .productListing .removeBtn  
{
	position: relative; 
	right: 5px;
}
/* Alternating Product Listings Styles */
#Content .alternateFirst, 
#Content .alternateSecond  
{
	float: none;
}
.alternateFirst .productListingImage { float: left; }
.alternateSecond .productListingImage { float: right; } 
#Content .alternateFirst .productButtons .button,
#Content .alternateSecond .productButtons .button 
{
	float: left;
}
/* 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 { margin-bottom: 1em; }
#Content .favouriteProducts .productListing,
#Content .relatedProducts .productListing, 
#Content .recentlyViewedProducts .productListing
{
	width: 170px;
}
#Content .relatedProducts h2 
{
	color: #000;
}
/* MiniBasket Module */
.miniBasket { }
.miniBasket p {}
.miniBasket span {}
.miniBasket .button 
{
	float: right;
}
/* RegisterLink Module */
.registerLink { }
#Content .registerLink .button { float: right; }
/* Product Module */
.product { }
.product h1
{
	float: right;
	width: 280px;
}
.product .productImg 
{ 
	float: left; 
	width: 240px !important;
	margin-bottom: 1.5em;
}
/* -New main image structure */
.productImg .mainImage
{
	position: relative;
	text-align: center;
	margin-bottom: 1em;
}
.productImg .mainImage .preloader
{
	display: none;
	position: absolute;
}
.product .productImg img { margin-bottom: 1em; }
/* -New thumbnail structure */
.productImg .moreImages { }
.productImg .thumbRow { float: left; width: 100%; }
.productImg .thumbRow img,
.productImg .thumbSpacer 
{ 
	float: left;
	margin-bottom: 0; 
}
.productImg .thumbSpacer { width: 3px; }
/* -- */
.productDetails
{
	float: right;
	width: 280px;
	margin-bottom: 1.5em;
}
.productDetails label 
{
	display: block;
	margin-bottom: 0.2em;
}
.productDetails select 
{
	width: 132px;
	margin-bottom: 8px;
}
.productDetails h4 { margin-bottom: 12px; }
#Content .productDetails .buyBtn, 
#Content .productDetails .buyBtnDisabled
{
	width: 60px;
	margin-bottom: 12px;
}
.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; 
}
.productLinklist ul li { margin-bottom: 3px; }
.productPrice span {}
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: Red;	}
.productDescription { clear: both; }
/* -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;
	font-size: 0.833em;
	background: url(/SiteData/Root/SiteImages/ic_closeBtnIcon.gif) no-repeat right 50%;
}
/* -Pop form ( Send To A Friend ) */
.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;
}
.popForm label
{
	text-align: left;
	display: block;
	float: none;
}
.popForm .shopForm .textbox, 
.popForm .shopForm .textarea,
.popForm .shopForm .clear-on-focus
{
	width: 274px;
}
.popForm .shopConditions  
{
	text-align: left;
	padding-top: 0;
}
.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: 16px; }
.productPromotions .promotion {}
.productPromotions h2 { color: #000; text-transform: capitalize; }
.productPromotions img  
{
	float: left;
	margin-right: 10px; 
}
/* Payment */
.payment 
{
	color: #333;
	margin-bottom: 16px;
	background-color: #EEE;
}
.payment h3, 
.paymentTitle 
{
}
.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; }
/* Top Sellers Module */
.topSellers { margin-bottom: 16px; }
.topSellers ol { }
.topSellers ol li { }
.topSellers a { }
.topSellers .productImage { }
.topSellers .productName { }
.topSellers .productPrice { }
.topSellers .viewLink { }

/* =SHOP TABLES
   ----------------------------------------------------*/
   
.shopTable  
{
	color: #333;
	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 th 
{ 
	color: #FFF; 
	background-color: #999;
	padding: 4px 8px;
	border-bottom: solid 1px #FFF; 
}
.shopTable td  
{
	vertical-align: middle; 	
	padding: 8px;
	background-color: #EEE; 
}
#Content .shopTable .subHeadRow th
{
	font-size: 1em;
	color: #FFF;
	background-color: #AAA;
	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: 110px; }
.shopTable .removeCol { width: 60px; }
.shopTable .priceCol { width: 80px; }
.shopTable td.qtyCol 
{ 
	border-left: solid 1px #FFF; 
	border-right: solid 1px #FFF; 
}
.shopTable td.qtyCol .textbox 
{
	float: left;
	height: 14px;
	line-height: 14px;
	padding: 4px 2px;
	width: 28px;
}
.shopTable .qtyHolder { width: 53px; margin: auto; }
.shopTable span.QuantityAdjust a
{
	font-family: Verdana, Arial, Sans-Serif;
	float: right;
	display: block;
	width: 11px;
	height: 11px;
	background-color: #900;
	color: #FFF;
	text-align: center;
	line-height: 9px;
	clear: right;
	margin-bottom: 2px;
	text-decoration: none;
	font-size: 11px;
}
/* discount column */
#Content .shopTable .discountCol { 	text-align: center !important; }
#Content .savedCarts .reloadCartBtn 
{
	padding-left: 3px;
	padding-right: 3px;
}
.shopTable .totalRow td
{
	color: #333;
	padding: 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 { border-top: solid 1px #FFF; }
/* vertical-align all elements in this row */ 
.updateQuantityRow td * { vertical-align: middle; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 8px; }
/* -Sub Items */
.shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/ic_subProductIndentImg.gif) no-repeat 50% 50%; }
.shopTable .subItem .imageCol img { display: none; }
.shopTable tbody .parentItem td { padding-bottom: 0; }
.shopTable tbody .subItem td  
{
	padding-top: 0; 
	padding-bottom: 0; 
}
tr.subItem td.nameCol a  
{
	font-weight: normal; 
	color: #000; 
	margin-left: 20px; 
}
/* Basket */
.basket { margin-bottom: 16px; }
#MainTop .basket { margin-bottom: 0; }
.basket table { empty-cells: hide; }
#Content .basket .shopTableButtons .button 
{
	float: left;
	margin-right: 16px;
}
#Content .shopTableButtons .continueBtn { }
#Content .shopTableButtons .saveBtn { }
#Content .basket .shopTableButtons .checkoutBtn 
{ 
	float: right;
	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;
}
.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 
{
	color: #FFF; 
	background-color: #999;
	padding: 4px 8px; 
}
.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: 356px;
	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: #EEE;
	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 
{
	background-color: #DDD;
	padding: 8px;
	font-size: 0.917em;
	margin-bottom: 1.5em;
}
.author img 
{
	float: left;
	display: block;
}
#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;
}
/* assumes 60 x 60 author image */
.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 { margin-bottom: 1em; }
.articleExpLink 
{
	display: block;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	font-weight: bold;
	border-bottom: solid 2px #DDD;
	padding: 0 8px;
	background-color: #999; 
	margin-bottom: 0.5em;
}
.articleExpLink img 
{
	background-color: #900;
	float: right;
	margin-top: 2px;
}
.articleExpLink:hover 
{
	background-color: #AAA;
	cursor: pointer;
}
/* -Article Credits */
.articleMoreInfo 
{ 
	margin-bottom: 1em; 
	border-bottom: solid 1px #CCC;
} 
.articleMoreInfo h3  
{
	margin-bottom: 0;
	color: #333; 
}
.articleMoreInfo p { font-style: italic; }
/* -Related Articles */
.relatedArticles { margin-bottom: 5px; }
#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: 1.5em; }
.newsListing h2 { }
.newsItem { margin-bottom: 1.5em; }
.newsItem img { }
#Content .newsItem h3 { margin-bottom: 0; }
.newsItem .summary { margin-bottom: 0.5em; }
.newsItem .nIFoot {}
.newsItem .date  
{
	font-style: italic; 
	color: #999;
	padding-right: 8px;
	border-right: 1px solid #999; 
}
.newsItem .moreNewsLink  { margin-left: 8px; }
/* Archive Date Tree */
.archiveDateTree { }
.archiveDateTree ul { list-style: disc; }

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

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

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

/* IE gets confused here - use the bott margin of .rootNaviagtion */
* html #Footer { height: 1%; margin-bottom: 14px;}
* 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; } 
* 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: 186px; }

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons,
.registerLink, .searchBox, .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.CurrentParent a.CurrentParent, 
#Content .SiteNavigation ul li.Current a.Current, .shopTable .qtyHolder, #Content
{
	height: 1%;
}
/* Safari Fix (for visible spacing of <br /> tag */
.miniBasket .clear, .productListing .clear, .productContainer br 
{
	content:"";
}

/* =LIGHTBOX
   ----------------------------------------------------*/
/* jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.4.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.4
 * @date November 17, 2007
 * @category jQuery plugin
 * @copyright (c) 2007 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
#jquery-overlay 
{
	position: absolute;
	top: 0;
	left: 0;
	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: 10px Verdana, Helvetica, sans-serif;
	background-color: #FFF;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px;
}
#lightbox-container-image-data 
{
	padding: 0; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details 
{ 
	/*width: 70%;*/
	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: 66px; */
	width: 101px;
	height: 16px; 
	float: right;	
}
#map  
{
	position: relative;     
	overflow: hidden; 
}
#zoomer
{
    width: 250px;
    height: 250px;
    position: absolute;
    opacity: 0.85;
    overflow: hidden;
}   
#imgMover
{
    position: absolute;
}
.ui-tabs-hide { display: none; }
.enlarge { z-index: 999; }