/* MANTIC GAMES DEFAULT STYLESHEET
   ----------------------------------------------------*/

/* Default.css
   Updated: Fri 28.08.09 @ 4:15 p.m.
   Author : Alan Durkan
   ----------------------------------------------------*/
   
/* Index(Organised according to control groupings)

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

/* =TOP LEVEL
   ----------------------------------------------------*/
   
html, body, form, fieldset, input, select, textarea, .textbox, .clear-on-focus, .dropdown, .dropdownlist { font-family: 'Times New Roman', Times, Serif; }
body { font-size: 0.625em; line-height: 1.0; background: url(/SiteData/Root/SiteImages/mg_bodyBg.jpg) no-repeat center 80px; overflow: -moz-scrollbars-vertical; }
#Sheet { margin: 0 auto; width: 968px; text-align: left; }
.sheetBgHolder { position: relative; z-index: -1; }
.sheetBgHolder span  
{
	position: absolute;  
	left: -171px;
	display: block; 
	height: 254px; 
	width: 491px;
	text-indent: -9999px; 
	background: url(/SiteData/Root/SiteImages/mg_logoBg.gif) no-repeat left top; 
	z-index: 0;
}

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

/* #004731 - Main title green
*/

h1 { color: #004731; font-size: 2.417em; font-weight: normal; text-transform: uppercase; }
h2, .forum h1 { color: #004731; font-size: 1.5em; font-weight: bold; text-transform: uppercase; }
h3 { color: #004731; font-size: 1.167em; font-weight: bold; text-transform: uppercase; }
h4, h5, h6 { font-size: 1em; font-weight: bold; }
p, blockquote, address, .vcard, .forumMessage  { padding-bottom: 1.5em; }
/* Shared typographic styles */
#Content { font-size: 1.2em; line-height: 1.5em; }
#Content h1, .aboutSecurityCode h1  { margin-bottom: 0.583em; line-height: 1em; }
#Content h2, .forum h1 { margin-bottom: 1em; font-weight: normal; line-height: 1em; }
#Content h3 { margin-bottom: 1.286em; line-height: 1.286em; }
#Content h4, #Content h5, #Content h6 { margin-bottom: 1em; line-height: 1.5em; }
ul, ol { margin-left: 2em; padding-bottom: 1.5em; }
ul ul { margin-bottom: 0; }
dd, ul li { line-height: 1.5em; }
a { color: #004731; outline: none; }
a:hover { }
a:focus, a:active { outline: none; }
:focus { -moz-outline-style: none; }
blockquote, address { font-style: italic; }
/* Common typographic styles */
/* - File type doc links */
/* -- generic first */
a.file  
{
	padding: 1px 0 1px 24px;
	line-height: 2em; 
	background: url(/SiteData/Generic/SiteImages/docTypeIcons/generic.gif) no-repeat left top; 
}
/* -- all the various file types */
a.avi { background: url(/SiteData/Generic/SiteImages/docTypeIcons/avi.gif) no-repeat left top; }
a.bin { background: url(/SiteData/Generic/SiteImages/docTypeIcons/bin.gif) no-repeat left top; }
a.cc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/cc.gif) no-repeat left top; }
a.doc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/doc.gif) no-repeat left top; }
a.dvi { background: url(/SiteData/Generic/SiteImages/docTypeIcons/dvi.gif) no-repeat left top; }
a.fla { background: url(/SiteData/Generic/SiteImages/docTypeIcons/fla.gif) no-repeat left top; }
a.gif { background: url(/SiteData/Generic/SiteImages/docTypeIcons/gif.gif) no-repeat left top; }
a.mde { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mde.gif) no-repeat left top; }
a.mp3 { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mp3.gif) no-repeat left top; }
a.mpeg { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mpeg.gif) no-repeat left top; }
a.mpp { background: url(/SiteData/Generic/SiteImages/docTypeIcons/mpp.gif) no-repeat left top; }
a.pdf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pdf.gif) no-repeat left top; }
a.pps { background: url(/SiteData/Generic/SiteImages/docTypeIcons/pps.gif) no-repeat left top; }
a.ps { background: url(/SiteData/Generic/SiteImages/docTypeIcons/ps.gif) no-repeat left top; }
a.rar { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rar.gif) no-repeat left top; }
a.rtf { background: url(/SiteData/Generic/SiteImages/docTypeIcons/rtf.gif) no-repeat left top; }
a.sda { background: url(/SiteData/Generic/SiteImages/docTypeIcons/sda.gif) no-repeat left top; }
a.sdc { background: url(/SiteData/Generic/SiteImages/docTypeIcons/sdc.gif) no-repeat left top; }
a.sdd { background: url(/SiteData/Generic/SiteImages/docTypeIcons/sdd.gif) no-repeat left top; }
a.sdw { background: url(/SiteData/Generic/SiteImages/docTypeIcons/sdw.gif) no-repeat left top; }
a.tre { background: url(/SiteData/Generic/SiteImages/docTypeIcons/tre.gif) no-repeat left top; }
a.txt { background: url(/SiteData/Generic/SiteImages/docTypeIcons/txt.gif) no-repeat left top; }
a.viewlet { background: url(/SiteData/Generic/SiteImages/docTypeIcons/viewlet.gif) no-repeat left top; }
a.vsd { background: url(/SiteData/Generic/SiteImages/docTypeIcons/vsd.gif) no-repeat left top; }
a.xls { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xls.gif) no-repeat left top; }
a.xml { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; }
a.zip { background: url(/SiteData/Generic/SiteImages/docTypeIcons/xml.gif) no-repeat left top; }
/* -- */
.subText, .checkboxLabel, .closeWinBtn
{
	padding-bottom: 1em;
	font-size: 0.917em;
	font-weight: bold;
	line-height: 1.091em;
}
.checkboxLabel,.shippingRow table input { position: relative; top: 2px; }
/* validation asterix */
.shopForm label span { font-size: 1.333em; }
/* - Titles used for modules (HTML in FCK Editor) */
#Content .modTitle  
{
	margin-bottom: 0 !important;  
	padding: 5px 10px;
	color: #FFF;
	font-size: 1.083em;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1em;
	background-color: #B0BFBB; 
}
.shopTable th, .invoiceAddressTable th, .deliveryAddressTable th,
#Content .shopTableTitle, #Content .createFullAccount h3,
#Content .receiptCreateFullAccount h3, #Content .payment h3,
#Content .forumMessagePoster 
{
	margin-bottom: 0 !important;
	padding: 6px 10px; 
	color: #333;
	font-size: 1em !important;
	font-weight: bold;
	line-height: 1em;
	text-transform: uppercase; 
	background-color: #FFF;
}
.shopTable th {	border-bottom: solid 1px #CCC; }
.batchContainer .shopTable { font-size: 0.833em; }
/* Specific to Mantic */
/* -Info bar navigation */
#MB h2.infoBarTitle  
{
	margin-bottom: 0;
	height: 27px;
	padding: 8px 0 0 18px !important;
	background-image: url(/SiteData/Root/SiteImages/mg_infoBarTitleBg.jpg);
	background-position: 50% 0;
}
#MB #MBLL h2.infoBarTitle { background-position: 0 0; }
#MB #MBRR h2.infoBarTitle { background-position: 100% 0; } 
/* -Main HP Banner */
.hpMainBanner { }
/* -Newsletter Sign Up */ 
#MB h2.forumTitle { background: url(/SiteData/Root/SiteImages/mg_mbForumTitleBg.jpg) no-repeat left top; }
#MBB { clear: left; height: 35px; padding-left: 486px; background: url(/SiteData/Root/SiteImages/mg_infoBarBg.jpg) no-repeat left top; }
#MBB .contactForm { position: relative; top: 9px; margin: 0; color: #666; }
#MBB .shopForm, #MBB .shopFormButtons { display: inline; padding: 0; border: none; text-transform: uppercase; }
#MBB .shopForm label { width: 52px; }
#MBB .shopForm .textbox, #MBB .shopForm .clear-on-focus  
{
	position: relative; 
	z-index: 1; 
	border: none;
	padding: 2px 4px;
	margin: 0 4px 0 0; 
	width: 146px; 
	background: url(/SiteData/Root/SiteImages/mg_infoBarTextBoxBg.gif) no-repeat left top; 
}

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

.clear, .Clear, #Footer, .shopForm br, .productListingBriefDesc { clear: both; }
div.clear, .customerLogin .clear, .productListing br, .shopFormButtons .clear, 
.featuredProducts .clear, .categoryDisplay .clear, .productPromotions br, 
.footerNav br, .pagerSort .clear, .receipt .addresses .clear, .eventsContainer .clear,
.event .clear, .author .clear, #Navigation .clear, .searchBox .clear, .warningBox .clear,
.shopAddress .clear, .forumMessageButtons .clear, .forumPostButtons .clear
{
	font-size: 0;
	line-height: 0;
} 
/* remove padding margins and list-styles from the following */
.searchResultsList ul, #Navigation ul, .footerNavigation .social ul, #Footer .links ul, .SiteNavigation ul, .productLinklist ul, #MB .articleList ul { margin: 0; padding: 0; list-style: none; }
/* hide these elements */
/* note - the batchContainer thumbs are currently hidden */
.accessibility, .hide, .homeLink span, .searchKeyword, .currencyKeyword, .categoryDisplay h2, .extraDeliveryDetails, 
.product .backLink, .editAddress h3, .payment .secureMsg, .payment .varifyMsg, .featuredProduct h1,
.searchResultsList .Url, .product .productPriceText, .product .productCodeText, #Content .productListing .browseBtn,
.categoryDisplayDesc, .newsArchive h2, #Content .featuredProducts h3, .textImage span, .printHeader,
.shopTable .qtyCol .validationList, .sideColumn .blankLabel, .newsItem img, .batchContainer .moreImages,
.product .productType, .product .productCode, .productImg .enlargeImgBtn, #MBB .shopForm br, #MBB .shopForm .validationList, 
#MBB .shopForm span, .categoryDisplay h1, #Content .currencyTitle, #MBSummaryList, .mBCloseBtn
{
	display: none !important;
	visibility: hidden !important;
}
/* CMS module */
.CMSModuleERROR { border: dashed 1px #F00; color: #F00; }
.CMSColumnEdit { position: relative; border: dashed 1px #003480; }
/* form elements */
.textbox, .textarea, .clear-on-focus, .dropdown, .dropdownlist { border: solid 1px #8DA8C1; }
.textbox, .textarea, .clear-on-focus { padding: 1px; }
.clear-on-focus { color: #999; font-style: italic; }
.checkbox { padding-right: 4px; }
/* about security number */
.aboutSecurityCode { padding: 10px; height: 568px; width: 548px; font-size: 1.2em; background-color: #FFF; }
.aboutSecurityCode .cardHolder { margin: auto; text-align: center; }
.aboutSecurityCode .cardHolder img { margin-bottom: 1em; }
.aboutSecurityCode .button { display: inline; }
/* button */
.button, 
button, 
input.button
{
    display: block;
    border: solid 1px #7FA398;
    border-top: solid 1px #A2BDB3;
    margin: 0;
    padding: 4px 5px 4px 5px;  /* Links */
    width: auto;
	/* need to keep font ultra consistant here */
    color: #FFF;
	font-size: 10px !important;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
    cursor: pointer;
    overflow: visible;
    background-color: #7FA398;    
}  
/* -adjust padding for for FF */
.button::-moz-focus-inner  { border: none; padding: 0; }
/* -adjust padding for for IE6 & 7 */
* html input.button, * html button { padding: 3px 5px 2px 5px; width: 0; }
/* adjust padding for IE7 */
*:first-child+html .button[type]  { padding: 3px 5px 2px 5px;  }
/* -neutralise the styles of input buttons within .button class */
.button input { border: none; background: none; cursor: pointer; }
/* button colour variations & special cases */
.shopForm .addressBtn, .updateQuantityRow .button { /* these buttons require an inline display */ display: inline; }
/* smaller buttons */
.updateQuantityRow .button[type], .shopForm .addressBtn[type], #Content .searchBox .button[type], .warningBox .button[type] { padding: 3px 5px; }
/* special fix for IE7 here */
*:first-child+html #Content .updateQuantitiesBtn { width: 86px; }
/* IE6 */
* html .updateQuantityRow .button, * html .shopForm .addressBtn, * html #Content .searchBox .button, * html .warningBox .button { padding: 1px 5px; }
/* IE7 */
*:first-child+html .updateQuantityRow .button, *:first-child+html .shopForm .addressBtn, *:first-child+html #Content .searchBox .button, *:first-child+html .warningBox .button { padding: 1px 5px; }
/* -Disabled button */
#Content .disabled, #Content .buyBtnDisabled, disabled { border: solid 1px #CCC; color: #999 !important; background: none; background-color: #EEE; cursor: default; }
/* custom button list */
#Header .searchBox .button, #Content #MBB .shopFormButtons .button,
#Content .product .buyBtn, 
#Content .checkoutBtn, #Content .logoutBtn,
#Content .loginBtn, /*#Content .editAddressBtn,
#Content .removeAddressBtn, #Content .cancelBtn,*/
.aboutSecurityCode .button, #Content .contactBtn,
#Content .registerLink .button, .imageChooserPopup .goBackBtn,
.imageChooserPopup .chooseDesignBtn, /*#Content .payment .button,*/
#Content .lostPassword .loginBtn, #Content .saveCartBtn,
/*#Content .editDetailsBtn,*/ #Content .saveAddressBtn,
#Content .sendPasswordBtn, #Content .upgradeAccountBtn,
#Content .createFullAccount .button, #Content .sendToAFriendBtn,
#Content .imageChooserMenuBox .button, #Content .addNewAddressBtn,
#Content .changePasswordBtn, /*#Content .continueBtn,
#Content .saveBtn, #Content .enterManuallyBtn, 
#Content .addAllToBasket, #JSWarning .button,*/ 
#Content .productListing .buyBtn, #Content .createCustomer .continueBtn,
#Content .makePaymentBtn, #Content .updateDetailsBtn 
{
	border: none;
	padding-left: 0;
	padding-right: 0;
	height: 20px;
	/* for Safari / Opera only */
	text-shadow: #000 0 -1px 0;
}
#Header .searchBox .button:hover, #Content #MBB .shopFormButtons .button:hover, 
#Content .checkoutBtn:hover, #Content .logoutBtn:hover,
#Content .loginBtn:hover, /*#Content .editAddressBtn:hover,
#Content .removeAddressBtn:hover, #Content .cancelBtn:hover,*/
.aboutSecurityCode .button:hover, #Content .contactBtn:hover,
#Content .registerLink .button:hover, .imageChooserPopup .goBackBtn:hover,
.imageChooserPopup .chooseDesignBtn:hover, /*#Content .payment .button:hover,*/
#Content .lostPassword .loginBtn:hover, #Content .saveCartBtn:hover,
/*#Content .editDetailsBtn:hover,*/ #Content .saveAddressBtn:hover,
#Content .sendPasswordBtn:hover, #Content .upgradeAccountBtn:hover,
#Content .createFullAccount .button:hover, #Content .sendToAFriendBtn:hover,
#Content .imageChooserMenuBox .button:hover, #Content .addNewAddressBtn:hover,
#Content .changePasswordBtn:hover, /*#Content .continueBtn:hover,
#Content .saveBtn:hover, #Content .enterManuallyBtn:hover, 
#Content .addAllToBasket, #JSWarning .button:hover,*/ 
#Content .productListing .buyBtn:hover, #Content .product .buyBtn:hover,
#Content .createCustomer .continueBtn:hover, #Content .makePaymentBtn:hover,
#Content .updateDetailsBtn:hover 
{
	background-position: 0 -100px;
}
#Header .searchBox .button { width: 40px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn40wBg.gif) no-repeat left top; }
#Content #MBB .shopFormButtons .button  { width: 46px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn46wBg.gif) no-repeat left top; }
#Content .productListing .buyBtn, #Content .product .buyBtn { width: 52px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn52wBg.gif) no-repeat left top; }
#Content .checkoutBtn, #Content .logoutBtn,
#Content .loginBtn, /*#Content .editAddressBtn,
#Content .removeAddressBtn, #Content .cancelBtn,*/
.aboutSecurityCode .button, #Content .contactBtn,
#Content .registerLink .button, .imageChooserPopup .goBackBtn,
.imageChooserPopup .chooseDesignBtn, /*#Content .payment .button,*/
#Content .createCustomer .continueBtn 
{ 
	width: 78px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn78wBg.gif) no-repeat left top; 
}
#Content .lostPassword .loginBtn,
/* #Content .useAddressBtn, */
#Content .saveCartBtn  
{
	width: 90px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn90wBg.gif) no-repeat left top; 
}
#Content .editDetailsBtn
/*#Content .saveAddressBtn,*/
#Content .upgradeAccountBtn, 
#Content .continueAsGuestBtn, 
#Content .reEnterBtn, 
#Content .emailPasswordBtn,
#Content .updateDetailsBtn  
{ 
	width: 112px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn112wBg.gif) no-repeat left top; 
} 
#Content .sendPasswordBtn,
#Content .saveAddressBtn 
{ 
	width: 120px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn120wBg.gif) no-repeat left top; 
}
#Content .upgradeAccountBtn,
#Content .createFullAccount .button,
#Content .sendToAFriendBtn,
#Content .imageChooserMenuBox .button,
#Content .addNewAddressBtn,
#Content .noJsUpdateProductBtn,
#Content .makePaymentBtn   
{
	width: 131px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn131wBg.gif) no-repeat left top; 
}
#Content .changePasswordBtn { width: 136px; background: url(/SiteData/Root/SiteImages/mg_confirmBtn136wBg.gif) no-repeat left top; }
/*#Content .enterManuallyBtn, #Content .addAllToBasket { width: 164px; background: url(/SiteData/Root/SiteImages/vl_w164BtnBg.gif) no-repeat left top; }
#JSWarning .button  { width: 200px; background: url(/SiteData/Root/SiteImages/vl_w200BtnBg.gif) no-repeat left top; }*/
/* These buttons have the class button or are input buttons but need to be neutralised 
   to look like links for this particlar design */
#Content .productLinklist input,
#Content .viewOrderBtn
{
	display: block;
	border: none;
	margin: 0 !important;
	padding: 0 !important;
	color: #004731;
	font-weight: normal !important;
	text-align: left !important;
	text-decoration: underline !important;
	background: none;
	background-color: Transparent;
	cursor: pointer;
}
/* common styles */
/* bulleted links */
#Content .productLinklist input,
.customerLogin .linkList li a,
.backLink, .next, .previous, .eventLink, 
.moreNewsLink, .returnLink, .forumReplyLink 
{
	padding-left: 8px !important;
	background: url(/SiteData/Root/SiteImages/mg_bulletIcon.gif) no-repeat left 55%;
	text-decoration: none;
}
/* -bullet reversed */
.backLink, .previous, .returnLink { background: url(/SiteData/Root/SiteImages/mg_bulletRevIcon.gif) no-repeat left 55%;	}
/* side col modules */
.miniBasket, 
.sideColumn .customerLogin, 
.sideColumn .searchBox,
.sideColumn .shopSearchBox,
.sideColumn .registerLink,
.sideColumn .archiveDateTree,
.sideColumn .payment,
.sideColumn .currencySelector,
.subColumn .customerLogin, 
.subColumn .searchBox,
.subColumn .shopSearchBox,
.subColumn .registerLink,
.subColumn .archiveDateTree,
.subColumn .payment,
.subColumn .currencySelector
{
	position: relative;
	border: solid 1px #CCC;
	border-top: none;
	padding: 12px 9px 11px 9px;
	margin-bottom: 1em;
	background-color: #EEE;
}
.subColumn .customerLogin, 
.subColumn .searchBox,
.subColumn .shopSearchBox,
.subColumn .registerLink,
.subColumn .archiveDateTree,
.subColumn .payment
{
	border: none;
	padding: 12px 10px;
}
.subColumn .payment { background-color: #DEE7E4; }

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

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

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

#Header { position: relative; margin-bottom: 12px; height: 60px; }
.homeLink 
{
	position: absolute;
	left: 20px;
	top: 12px;
	z-index: 99;
	display: block;
	height: 31px;
	width: 123px;
	text-indent: -9999px;
	background: url(/SiteData/Root/SiteImages/mg_homeLinkBg.png) no-repeat left top;
}
/* -Account Navigation */
.accountNav { float: right; padding: 9px 6px; height: 20px; width: 695px; background: url(/SiteData/Root/SiteImages/mg_accNavBg.jpg) no-repeat right bottom; }
/* --AN SearchBox */
#Header .searchBox  { float: right; height: 20px; font-size: 1.1em; }
#Header .searchBox .textbox, #Header .searchBox .clear-on-focus, #Header .searchBox .button { margin-bottom: 0; }
#Header .searchBox .textbox, #Header .searchBox .clear-on-focus { border: inset 2px #CCC; padding: 1px; width: 130px; }
#Header .searchBox .button { margin-left: 3px; }
/* --AN PopupMiniBasket */
#Header .popupMiniBasket { float: right; position: relative; z-index: 101; }
.popupMiniBasket #MBSummaryDisplay { padding: 0 32px; line-height: 20px; text-align: center; }
#MBSummaryDisplay a { font-weight: bold; }
#MBSummaryList table { width: 100%; }
#MBSummaryList td { padding: 4px 2px; }
#MBSummaryList .priceCol { text-align: right; }
#MBSummaryList .mBSubTotalRow { padding: 2px; background-color: #EEE; }
/* -- AN SelectLink */
.regionLink  { float: right; color: #777; line-height: 20px; text-transform: uppercase; }
.regionLink:hover { color: #004731; }
/* - Currency Select */
#Header .currencySelector { float: right; font-weight: bold; line-height: 20px; }
#Header .currencySelector .currencyTitle { float: left; margin-right: 4px; color: #777; text-transform: uppercase; }
#Header .currencySelector a  
{
	position: relative;
	float: left;
	display: block;
	padding: 5px 7px;
	line-height: 1em;
	margin-left: 4px;
	text-align: center;
	text-decoration: none; 
}
#Header .currencySelector a:hover { border: solid 1px #777; padding: 4px 6px; }
#Header .currencySelector a.active { border: solid 1px #004731; padding: 4px 6px; color: #FFF !important; background-color: #B0BFBB; }
/* -Account Navigation */
.accountStatus { float: right; padding: 0 20px; width: 667px; height: 22px; color: #777; line-height: 22px; text-align: right; text-transform: uppercase; }
.accountStatus a { color: #777; }
.accountStatus a:hover { color: #004731; }
/* Navigation */
#Navigation { float: right; height: 20px; width: 707px; font-size: 1.3em; }
#Navigation ul li  { float: left; padding: 0 12px; width: 77px; text-align: center; }
#Navigation ul li a  
{
	display: block;
	height: 17px;
	font-weight: bold;
	line-height: 17px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666; 
}
#Sheet #Navigation ul li .rootNavigationTab0 { border: none; }
#Navigation ul li a.active, #Navigation ul li a:hover, #Sheet #Navigation ul li .rootNavigationTab0:hover { border-bottom: solid 3px #004731; }

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

#Content { clear: right; margin-bottom: 1em; width: 968px; }
/* Hp & 3 Column */
#RightContainer, #ColumnMain2Col, #ColumnMainGallery { float: right; width: 726px; }
/* Infobar */
#MB { clear: both; width: 100%; padding-top: 1em; }
#ColumnMainHp #MB { padding-top: 0; }
#MB .subColumn { float: left; width: 242px; }
/* 3 Column */
#ML { float: left; width: 542px; }
#ColumnRight { float: right; padding-top: 10px; width: 184px; }
#ColumnMain3Col #ColumnRight { padding-top: 0; }
/* All 'internal pages' */
#MTT { padding: 0 20px; }
#ColumnMain3Col #MTT { padding-right: 0; }
#MTT h1 { margin-bottom: 0; padding: 17px 0 18px 0; }
/* Gallery */
#ColumnMainGallery #MLT { margin-bottom: 0; }
#ColumnMainGallery .galleryRow { clear: both; }
#ColumnMainGallery .galleryItem { float: left; width: 171px; }
.galleryItem p { padding-bottom: 0; }
/* - spaces column in edit mode */
#ColumnMainGallery .CMSColumnEdit { margin-bottom: 1.5em; }
/* classes for FCK gallery HTML */
.galleryButtons { margin-bottom: 1.5em; }
.galleryButtons a  
{
	position: relative; 
	margin-right: 4px;
	padding: 5px 7px; 
	color: #FFF; 
	font-weight: bold;  
	text-decoration: none; 
	background-color: #97B5AC; 
}
.galleryButtons a.active { background-color: #306B59; }
#ColumnMainGallery #MLM, #ColumnMainGallery #MLB { margin-bottom: 1em; }
/* text */
.text { padding: 10px 20px; background-color: #FFF; }
/* Checkout */
#MT { width: 100%; }
#MBL, #MBR { float: left; width: 333px; }
#MBR { float: right; }
/* LeftColumn */
#ColumnLeft { float: left; width: 242px; }

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

#Footer { position: relative; padding: 0 10px 2em 10px; color: #A0A0A0; }
#Footer a { color: #A0A0A0; }
#Footer .footerNavigation { margin-bottom: 1em; }
/* -Footer socialbookmarks */
.footerNavigation .social { float: right; }
.footerNavigation .social li { float: left; }
.footerNavigation .social a  
{
	float: left;
	display: block;
	padding-right: 4px; 
	width: 26px;
	height: 27px;
	text-indent: -9999px; 
}
.footerNavigation .social .facebookIcon { background: url(/SiteData/Root/SiteImages/facebook.gif) no-repeat left top; }
.footerNavigation .social .furlIcon { background: url(/SiteData/Root/SiteImages/furl.gif) no-repeat left top; }
.footerNavigation .social .redditIcon { background: url(/SiteData/Root/SiteImages/reddit.gif) no-repeat left top; }
.footerNavigation .social .stumbleuponIcon { background: url(/SiteData/Root/SiteImages/stumbleupon.gif) no-repeat left top; }
.footerNavigation .social .diggIcon { background: url(/SiteData/Root/SiteImages/digg.gif) no-repeat left top; }
.footerNavigation .social .deliciousIcon { background: url(/SiteData/Root/SiteImages/delicious.gif) no-repeat left top; padding-right: 0; }
.footerNavigation .social ul li a:hover { background-position:  0 -27px; }
/* -Footer navigation */
#Footer .links { margin-right: 232px; }
#Footer .links ul { padding: 6px 0; }
#Footer .links ul li { float: left; }
#Footer .links ul li a 
{
	padding: 0 10px 0 11px;
	font-weight: bold;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/mg_footLinksSepBg.gif) no-repeat left 50%; 
}
#Footer .links ul li a:hover { text-decoration: underline; }
#Footer .links ul li a.rootNavigationTab0 { background: none; padding-left: 0; }
/* Copywrite notice */
#Footer .copyrightNotice { font-size: 1.2em; }
/* Baboon Logo */
#BaboonLogo 
{
	float: right;
	width: auto;
	text-align: right; 
	/* this font size must be kept consistant */
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
}
#BaboonLogo a img { position: relative; padding-left: 8px; margin-top: -16px; }
#BaboonLogo a { float: left; }
#BaboonLogo a, #BaboonLogo a:hover { text-decoration: none; }
/* IUK Link */
#InternovaLogo
{
	float: right;
	padding: 0 12px 8px 0;
	width: 200px;
	/* this font size must be kept consistant */
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 10px;
	text-align: right;
}
#InternovaLogo a { color: #FFF; text-decoration: none; }

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

/* Site Navigation - Incorrect capitalised class name here */
.SiteNavigation { margin-bottom: 1.5em; }
/* -Parent of current node styling (top level) */
#Content .SiteNavigation li.CurrentParent a.CurrentParent, 
#Content .SiteNavigation li.Current a.Current { }
/* -Current node styling (second level) */
#Content .SiteNavigation ul ul li.Current a.Current  
{
	color: #FBDE4A;
}
/* --Left and right columns */
.sideColumn .SiteNavigation  
{
	padding: 0px 10px;
	background: #DDD;
	margin-bottom: 1em; 
	overflow: hidden;
}
.sideColumn .SiteNavigation ul { margin-bottom: -1px; }
.sideColumn .SiteNavigation li a 
{
	border-bottom: solid 1px #FFF;
	display: block;
	padding: 7px 2px;
	color: #555;
	/*font-weight: bold;*/
	font-size: 1.583em;
	text-decoration: none;
	text-transform: uppercase;
}
.sideColumn .SiteNavigation ul ul { position: relative; background: #004731; width: 202px; margin: 0 -10px; padding: 0 20px 10px 20px; }
#ColumnLeft .SiteNavigation ul ul { width: 202px; }
#ColumnRight .SiteNavigation ul ul { width: 144px; } 
.sideColumn .SiteNavigation ul ul li a
{
	border-bottom: solid 1px #789E92;
	padding: 6px 0 5px 0;
	color: #FFF;
	font-size: 0.833em;
	font-weight: normal;
}
#Content .sideColumn .SiteNavigation ul ul ul { margin: 0 0 0 20px; width: auto; padding: 0; background: none; }
/* link list */
.linkList { }
/* Site Map */
.siteMap { margin-bottom: 1em; }
.siteMap ul { list-style-type: disc !important; }
.siteMap ul ul { padding-bottom: 0; }
.siteMap .productUL  
{
	margin-left: 0; 
	list-style: none; 
}
.siteMap .productUL ul { margin-left: 0; }
/* Search Results */
.shopResults, 
.contentResults,
.newsResults
{
	margin-bottom: 1em;
} 
#Content .shopResults h1,
#Content .contentResults h1,
#Content .newsResults h1
{
	margin-bottom: 1em;
	padding-left: 0;
	font-size: 1em;
	line-height: 1em;
	background: none;
}
.pagerLinks 
{
	margin-bottom: 1em;
	text-align: right;
}
.next, 
.previous { }
.userPageSize 
{
	float: left;
	margin-bottom: 1em;
}
.searchResultsList { }
.searchResultsList li 
{
	margin-bottom: 1em;
	padding-left: 0;
} 
.contentResults a
{
	font-weight: bold;
	line-height: 2em;
}
.searchHighlight { font-style: italic; }
.featuredResult { margin-bottom: 1em; }
.featuredResult .productListingImage img
{
	float: left;
	margin-left: 4px;
}
.featuredResult .productType { display: block; }
.featuredResult .productButtons, 
.featuredResult .productType,
.featuredResult .productListingName, 
.featuredResult .productListingPrice 
{
	margin-left: 88px;
}
.featuredResult .productListingPrice { margin-bottom: 0.5em; }
#Content .featuredResult .buyBtn { width: 44px; }
.itemsPerPage 
{
	margin: -32px 0 7px 0;
	text-align: right;
}
/* Pager Sorting ( CategoryDisplay & Search Results ) */
.categoryDisplay { }
.pager  	
{
	margin-bottom: 1em;
	text-align: right;
}
.pager .pgCntrl { padding-left: 10px; }
.pager .next
{
	margin-left: 5px;
}
.pager .backLink { }
.pagerSort { margin-bottom: 1em; }
.categoryDisplay .pagerSort { margin-bottom: 0; }
/* This measure is based on text size & should be adjusted if the overall font size changes */
.pagerSort select { margin-bottom: 5px; }
.pagerSort .pageSize { float: left; }
.pagerSort .sortBy { float: right; }
/* Breadcrumb */
.breadcrumb  { }
.breadcrumb a { }
/* FAQ */
.FAQ .FAQQuestion *
{
	font-weight: bold;
	text-decoration: underline;
}
.FAQ .FAQQuestion p { padding-bottom: 1em; }
.FAQ .FAQAnswer { display: none; }
/* SearchBox */
.searchBox { }
.searchBox .textbox,
.searchBox .clear-on-focus,
.searchBox .button  
{
	float: left;
	margin-bottom: 5px; 
}
#ColumnLeft .searchBox .textbox, 
#ColumnLeft .searchBox .clear-on-focus  
{
	width: 176px;  
}
#ColumnRight .searchBox .textbox, 
#ColumnRight .searchBox .clear-on-focus   
{
	width: 118px; 
}
#Content .searchBox .button  
{
	position: relative;
	left: 3px;
	width: 31px;
}
/* AdminPanel */
.AdminPanel
{
	border: dashed 1px #F00;
	padding: 4px;
	color: #000;
	background-color: #FFF;
}
.AdminPanel h2 { color: #000; }
.CheckBoxList
{
	border: none;
	border-collapse: collapse;
}
.CheckBoxList tr td
{
	margin: 0;
	padding: 0;
}
/* SWF Object */
.swfObject { text-align: center; }

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

/* Standard Forms */
.shopForm, 
.compactShopForm, 
.shopConditions
{
	position: relative;
}
.shopConditions 
{
	position: static;
	border-top: none;
	padding-top: 12px;
	text-align: center;
}
.shopFormButtons  
{
	position: relative;
	padding: 12px 0;
}
/* -for side columns */
.sideColumn .shopForm,
.subColumn .shopForm,
.sideColumn .shopFormButtons,
.subColumn .shopFormButtons
{
	border: none;
	margin: 0;
	padding: 0;
	background: none;
}
/* Assuming the Main Left of a 3 Column Layout */
.shopForm label
{
	float: left;
	display: block;
	margin-bottom: 2px;
	padding-right: 5px;
	width: 121px;
	font-weight: bold;
	text-align: right;
	cursor: default;
}
.shopForm .textbox, 
.shopForm .textarea, 
.shopForm .dropdown, 
.shopForm .dropdownlist,
.shopForm .clear-on-focus,
.shopForm .fileupload,
.shopForm .holder
{
	float: left;
	margin-bottom: 5px;
	width: 250px;
}
/* because IE fails to render the dropdown at the correct height */
*:first-child+html .shopForm .dropdown, 
*:first-child+html .shopForm .dropdownlist
{
	margin-bottom: 3px;
}
.shopForm label span 
{
	position: absolute;
	left: 388px;
}
.shopForm .pCode { width: 80px !important; }
.shopForm .dropdown, 
.shopForm .dropdownlist
{
	width: 254px;
}
.shopForm .addressBtn { margin-bottom: 5px; }
.shopForm .checkbox 
{
	position: relative;
	left: -4px;
	float: left;
	margin: -2px 0;
}
.shopForm .checkboxLabel  
{
	float: left;
	width: 229px;
}
.shopForm .forgottenPasswordLink  
{
	display: block;
	line-height: 1em;
	margin: 0 0 6px 126px;  
}
.shopFormButtons  
{
	padding-left: 126px;
	text-align: left; 
}
/* Variation based on Layout */
/* 2Column */
#ColumnMain2Col .shopForm label  
{
	/*width: 199px;*/
	width: 166px; 
}
#ColumnMain2Col .shopForm .textbox, 
#ColumnMain2Col .shopForm .textarea, 
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist,
#ColumnMain2Col .shopForm .clear-on-focus,
#ColumnMain2Col .shopForm .fileupload,
#ColumnMain2Col .shopForm .holder 
{ 
	/*width: 240px;*/
	width: 340px; 
}
#ColumnMain2Col .shopForm label span { left: 522px; }
#ColumnMain2Col .shopForm .dropdown, 
#ColumnMain2Col .shopForm .dropdownlist 
{ 
	/*width: 244px;*/
	width: 344px; 
}
#ColumnMain2Col .shopForm .checkboxLabel { width: 319px; }
#ColumnMain2Col .shopForm .forgottenPasswordLink  { margin-left: 171px; }
#ColumnMain2Col .shopFormButtons { padding-left: 171px; }   
/* Side Columns */
.sideColumn .shopForm label
{
	margin-bottom: 0;
	padding-right: 0;
	text-align: left; 
}
.sideColumn .shopForm .holder  
{
	width: 100%;
	margin-bottom: 0;
}
.sideColumn .shopFormButtons .button { float: right; }
.sideColumn .shopForm .forgottenPasswordLink
{
	margin-left: 0;
	width: auto;
}
/* -Right Column */
#ColumnRight .shopForm label { width: 156px; }
#ColumnRight .shopForm .textbox,
#ColumnRight .shopForm  .textarea, 
#ColumnRight .shopForm .dropdown,
#ColumnRight .shopForm .dropdownlist,
#ColumnRight .shopForm .clear-on-focus,
#ColumnRight .shopForm .fileupload
{ 
	width: 152px; 
}
#ColumnRight .shopForm label span { left: 154px; } 
#ColumnRight .shopForm .dropdown, 
#ColumnRight .shopForm .dropdownlist
{ 
	width: 156px; 
}
#ColumnRight .shopForm .checkboxLabel { width: 135px; }
/* -Left Column */
#ColumnLeft .shopForm label { width: 214px; }
#ColumnLeft .shopForm .textbox,
#ColumnLeft .shopForm  .textarea, 
#ColumnLeft .shopForm .dropdown,
#ColumnLeft .shopForm .dropdownlist,
#ColumnLeft .shopForm .clear-on-focus,
#ColumnLeft .shopForm .fileupload
{ 
	width: 210px; 
}
#ColumnLeft .shopForm label span { left: 212px; } 
#ColumnLeft .shopForm .dropdown, 
#ColumnLeft .shopForm .dropdownlist
{ 
	width: 214px; 
}
#ColumnLeft .shopForm .checkboxLabel { width: 93px; }
/* Sub Columns */
.subColumn .shopForm label  
{
	/*width: 199px;*/
	width: 94px; 
}
.subColumn .shopForm .textbox, 
.subColumn .shopForm .textarea, 
.subColumn .shopForm .dropdown, 
.subColumn .shopForm .dropdownlist,
.subColumn .shopForm .clear-on-focus,
.subColumn .shopForm .fileupload,
.subColumn .shopForm .holder 
{ 
	/*width: 240px;*/
	width: 196px; 
}
.subColumn .shopForm label span { left: 302px; }
.subColumn .shopForm .dropdown, 
.subColumn .shopForm .dropdownlist 
{ 
	/*width: 244px;*/
	width: 200px; 
}
.subColumn .shopForm .checkboxLabel { width: 179px; }
.subColumn .shopForm .forgottenPasswordLink  { margin-left: 99px; }
.subColumn .shopFormButtons { padding-left: 99px; }  
/* Form validation */
.validationList 
{
	border: solid 1px #B82424;
	margin-bottom: 1em;
	padding: 11px 9px;
	color: #333 !important;
	font-weight: bold;
	background-color: #FFF;
}
#Content .validationList ul  
{
	margin: 0.5em 0 1em 1.5em;
	padding: 0;
	font-weight: normal;
}
/* Warnings */
.warningBox 
{
	border: solid 1px #CCC;
	margin-bottom: 1em;
	padding: 11px 9px;
	color: #333 !important;
	background-color: #EEE;
}
.warningBox p { padding-bottom: 0; } 
.warningBox ol  
{
	margin: 0.5em 0 0.5em 2em;
	padding: 0;
	font-weight: normal;
	list-style-type: decimal; 
}
.warningBox ol li  
{
	position: relative; 
	line-height: 2em; 
} 
.warningBox ol li .button  
{
	position: absolute;
	top: 0;
	right: 0;
}
/* Edit Address Form */
.editAddress .shopTableButtons { margin-bottom: 3px; }
.editAddress .returnLink 
{
	display: block;
	float: right;
}
.editAddress .shopTable .btnCol  
{
	width: 80px; 
	text-align: center; 
}
.editAddress .shopTable .btnCol .button { margin: 0 auto 5px auto; }
.editAddress .shopTable .editAddressBtn,
.editAddress .shopTable .removeAddressBtn 
{
	width: 64px;
}
.editAddress .shopFormButtons .button { float: left; }
#Content .editAddress .saveAddressBtn, 
#Content .editAddress .cancelBtn
{
	padding-left: 4px;
	padding-right: 4px;	
}
#Content .shopForm .useAddressBtn, 
#Content .shopForm .cancelAddressBtn
{
	float: right;
	margin-bottom: 1em;
}
#Content .editAddress .addressBtn,
#Content .editAddress .cancelBtn,
#Content .shopForm .useAddressBtn  
{
	margin-left: 5px; 
}
/* Lost Password Form */
.lostPassword .shopFormButtons { }
/* Currency Selector Form - only for the content area */
#Content .currencySelector { text-align: center; margin-bottom: 1em; }
#Content .currencySelector a { display: inline-block; height: 27px; width: 27px; background-position: 0 -100px; margin-left: 15px; text-indent: -9999px; }
#Content .currencySelector a.gbp { background-image: url(/SiteData/Root/SiteImages/mg_gbpIcon.jpg); margin-left: 0; }
#Content .currencySelector a.usd { background-image: url(/SiteData/Root/SiteImages/mg_usdIcon.jpg); }
#Content .currencySelector a.eur { background-image: url(/SiteData/Root/SiteImages/mg_eurIcon.jpg); }
#Content .currencySelector a.active { background-position: 0 0; }
/* Customer Login Form (specifically for the side columns) */
.customerLogin { }
.sideColumn .customerLogin h2 { font-size: 1em;	}
.sideColumn .customerLogin .upgradeBtn { margin-right: 5px; }
.customerLogin .linkList ul  { margin-left: 0; }
.customerLogin .linkList ul li { list-style: none; }
/* Create Customer Form */
#Content .shopForm .enterManuallyBtn { width: 156px; }
#Content .warningBox .upgradeAccountBtn, 
#Content .warningBox .continueAsGuestBtn, 
#Content .warningBox .reEnterBtn, 
#Content .warningBox .emailPasswordBtn 
{
	width: 126px;
}
/* NewsLetter Sign Up Form */
.newsLetterSignup { }
.newsLetterSignup .signUpBtn { }
/* Edit Password Form */
#Content .changePassword { }
label.passwordStrengthWarning 
{
	display: block;
	border: solid 1px #000;
	padding: 1px 3px 2px 3px;
	color: #000;
	background-color: #FFF;
}
/* Edit Account Form */
.editAccountDetails { }
/* Save Basket Form */
.saveBasket .saveCartBtn { }
/* Write Review Form */
.writeReview .ratingControl { margin-bottom: 5px; }
.writeReview .returnBtn { float: right; }
#Content .writeReview .returnBtn 
{
	padding-left: 5px;
	padding-right: 5px;
}
.ratingStar
{
	display: block;
	margin: 0;
	padding: 0;
	height: 12px;
	width: 13px;
	font-size: 0;
	background-repeat: no-repeat;
	cursor: pointer;
}
.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 */
.contactForm { margin-bottom: 1em; }
.contactForm .button { }

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

/* Shop SearchBox */
.shopSearchBox { }
/* for batch buy display only */
.categoryDisplay .shopTableButtons { float: right; }
.featuredProduct { width: 100%; }
.featuredProduct .productImg { float: left; }
.featuredProduct h2 
{
	display: block;
	border: none;
	visibility: visible;
}
.featuredProduct h2 a 
{
	color: #000;
	text-decoration: none;
}
.featuredProduct .productDesc
{
	float: right;
	width: 186px;
}
.featuredProduct .productPrice 
{
	display: block;
	margin-bottom: 1em;
}
#Content .featuredProduct .buyBtn  { width: 44px; }
/* Product Listing & Feature Listing Modules */
.productList  { margin-bottom: 1.5em; }
.productRow { float: left; width: 100%; }
.categoryDisplay .productRow 
{
	border-top: solid 1px #CCC;
	background: url(/SiteData/Root/SiteImages/mg_productRowBgTile.gif) repeat-y left top;
}
.productListing, 
.placeHolder, 
.featureListing
{
	float: left;
	width: 150px;
	padding: 10px;
}
.productListing .productContainer { margin-bottom: 1.5em; }
#Content .productSpacer  
{
	float: left; 
	width: 1px;
}
.unavailableProduct { background-color: #F5A0A0; }
.productListing .static, 
.featureContainer 
{ 
	margin-top: 0; 
}
/* -New productListingImage structure (with preloader) */
.productListingImage
{
	display: block;
	margin-bottom: 0.5em;
	text-align: center;
	overflow: hidden;
}
.productListingImage .preLoader
{
	display: none;
	margin: 25px auto 0 auto;
}
.productListingImage img { }
.productListingName, 
.productListing .productType, 
.productListingPrice,
.productListingDesc,
.productListingCode
{
	display: block;
	margin-bottom: 5px;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}
.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;
}
/* Batch Buy (new functionality) */
.batchContainer { margin-bottom: 1em; }
.batchContainer .productImg  
{
	float: left; 
	width: 100px; 
}
.batchContainer .productImg .enlargeImgBtn { }
.batchContainer .productListingImage img { }
.batchContainer .shopTable 
{
	/* based on small image size */
	margin-left: 105px;
}
.batchContainer .shopTable th.nameCol  
{ 
	/* hide this unless required (the title takes up too much space) */
	white-space: normal; 
	text-indent: -9999px;
}
.batchContainer .shopTable .qtyHolder,
.product .shopTable .qtyHolder  
{
	width: 32px; 
}
.batchContainer .shopTable .buyCol,
.product .shopTable .buyCol  
{
	width: 72px; 
}
.batchContainer .shopTable .moreCol,
.product .shopTable .moreCol 
{
	width: 80px;
	padding-right: 0; 
}
.nameCol .optName,
.nameCol .optDesc 
{
	display: block;
}
.nameCol .optDesc { font-weight: normal; }  
/* - Corrects the problem with * span */
.batchContainer .shopTable th.qtyCol,
.product .shopTable th.qtyCol  
{ 
	text-indent: -4px; 
}
.batchContainer .shopTable .qtyCol,
.product .shopTable .qtyCol 
{ 
	width: 48px; 
}
.batchBuyBtn { width: 92px !important; }
/* Alternating Product Listings Styles */
#Content .alternateFirst, 
#Content .alternateSecond  
{
	float: none;
}
.alternateFirst .productListingImage  
{
	float: left; 
	padding-right: 10px; 
}
.alternateSecond .productListingImage  
{
	float: right; 
	padding-left: 10px; 
} 
#Content .alternateFirst .productButtons .button,
#Content .alternateSecond .productButtons .button 
{
	float: left;
}
/* Featured Products Module */
#Content .featuredProducts { }
#Content .featuredProducts .productListing { }
#Content .featuredProducts h3 { }
#Content .featuredProducts .productListingPrice { }
#Content .featuredProducts .productListingCode { }
#Content .featuredProducts .productListingImage img { }
#Content .productListingBriefDesc { display: block; }
#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 .relatedProducts .productListing, 
#Content .recentlyViewedProducts .productListing
{
}
#Content .relatedProducts h2 { }
/* Favourites only (in main 3col (3x per row)) */
#Content .favouriteProducts .productListing { padding: 10px 5px; }
#Content .favouriteProducts .productSpacer { width: 10px; }
/* MiniBasket Module */
.miniBasket { }
.miniBasket p   
{
	padding-bottom: 1em;
	font-weight: bold; 
}
.miniBasket span { }
.miniBasket .button { float: right; }
/* RegisterLink Module */
.registerLink { }
#Content .registerLink .button { float: right; }
/* Product Module */
.product { }
.product h1 { }
.product .productImg 
{ 
	float: left; 
	margin-bottom: 1em;
	/* - whatever the large product image size is */
	width: 368px !important;
}
.productImg .enlargeImgBtn { }
/* -New main image structure */
.productImg .mainImage
{
	position: relative;
	margin-bottom: 1em;
	text-align: center;
}
.productImg .mainImage .preloader
{
	display: none;
	position: absolute;
}
.product .productImg img { }
/* -New thumbnail structure */
.productImg .moreImages { }
.productImg .thumbRow  
{
	float: left; 
	width: 100%; 
}
.productImg .thumbRow img,
.productImg .thumbSpacer 
{ 
	float: left;
	margin-bottom: 0;
}
.productImg .thumbSpacer { width: 4px; }
/* -- */
.productQuantityBox { margin-bottom: 1em; } 
.qtyTB { width: 28px; }
/* -- */
.productDetails,
.productDescription 
{
	float: right;
	width: 298px;
}
.productDetails label 
{
	display: block;
	margin-bottom: 2px;
}
.productDetails select 
{
	margin-bottom: 6px;
	width: 132px;
}
#Content .productDetails .buyBtn, 
#Content .productDetails .buyBtnDisabled
{
	margin-bottom: 1em;
}
.product .productPrice,
.product .productType,
.product .productCode
{
	display: block;
	margin-bottom: 0.5em;
	font-weight: bold;
	/*line-height: 1.2em;*/
}
.productPrice span { }
span.oldPrice { text-decoration: line-through; }
span.newPrice { color: #B82424;	}
/* -Popup Window */
.popupBackground
{
	background-color: #666;
	filter: alpha(opacity=60);
    opacity: 0.6;
    -moz-opacity: 0.6;
}
.closeWinBtn 
{
	float: right;
	margin-bottom: 0.5em;
	padding: 0 24px 0 4px;
	height: 18px;
	font-weight: normal;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	background: url(/SiteData/Root/SiteImages/mg_closeBtnIcon.gif) no-repeat right 50%;
}
/* -Pop form ( Send To A Friend ) */
.popForm
{
	width: 300px;
	background-color: #FFF;
}
.popForm .shopForm,
.popForm .shopConditions,
.popForm .shopFormButtons
{
	padding: 12px;
	background-color: #FFF;
	border: none;
}
.popForm label
{
	display: block;
	float: none;
	text-align: left;
}
#Content .popForm .textbox, 
#Content .popForm .textarea,
#Content .popForm .clear-on-focus
{
	width: 268px;
}
.popForm .shopConditions  
{
	padding-top: 0;
	text-align: left;
}
.popForm .shopFormButtons .button { float: right; }
/* -Write Review */
.ratingHolder {	margin-bottom: 5px; }
/* -Product Reviews */
.productReviews { margin-bottom: 1em; }
#Content .productReviews .review { margin-bottom: 1em; }
#Content .productReviews p { margin-bottom: 0; }
#Content .productReviews .name,
#Content .productReviews .location, 
#Content .productReviews .date
{
	display: inline;
	margin-bottom: 1em;
	font-weight: bold;
}
.writeReviewBtn { float: right; }
/* -Product Promotions */
.productPromotions  { margin-bottom: 1em; }
.productPromotions .promotion { }
.productPromotions h2 { }
.productPromotions img  { }
/* Payment */
.payment 
{
	margin-bottom: 1em;
	color: #333;
	background-color: #EEE;
}
.payment .shopForm .monthDd  
{
	margin-right: 5px; 
	width: 40px; 
}
.payment .shopForm .yearDd { width: 40px; }
#Content .payment h3 { margin: 0 -10px 1em -10px !important; } 
#Content .paymentMethodButtons { padding: 0 0 1em 0; }
.paymentMethodButtons p { padding: 0; }
.payment .shopFormButtons .button  { float: right; }
/* Top Sellers Module */
.topSellers { margin-bottom: 1em; }
.topSellers ol { }
.topSellers ol li { }
.topSellers a { }
.topSellers .productImage { }
.topSellers .productName { }
.topSellers .productPrice { }
.topSellers .viewLink { }

/* =SHOP TABLES
   ----------------------------------------------------*/
   
.shopTable { margin-bottom: 1em; }
.shopTable table { width: 100%; }
.shopTable table table td { padding: 0; }
.shopTable table table .subProductTotal { padding-left: 10px; }
.shopTable .nameCol a { font-weight: bold; }
.shopTable ul  
{
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
}
.shopTable td  
{
	padding: 12px 10px;
	background-color: #FFF; 
	vertical-align: middle; 
}
#Content .shopTable .subHeadRow th
{
	color: #FFF;
	font-size: 1em;
	font-weight: bold;
	background-color: #AAA;
}
.savedCarts .shopTable th { white-space: normal; }
.shopTable .imageCol { width: 100px; }
.shopTable .qtyCol,
.shopTable .removeCol,
.shopTable .priceCol 
{
	text-align: center !important;
}
.shopTable .qtyCol { width: 110px; }
.shopTable .removeCol { width: 60px; }
.shopTable .priceCol { width: 80px; }
.shopTable td.qtyCol 
{ 
	border-left: solid 1px #CCC; 
	border-right: solid 1px #CCC; 
}
.shopTable td.qtyCol .textbox 
{
	float: left;
	padding: 4px 2px;
	height: 14px;
	width: 28px;
	line-height: 1.167em;
}
.shopTable .qtyHolder  
{
	margin: auto; 
	width: 53px; 
}
.shopTable span.QuantityAdjust a
{
	clear: right;
	float: right;
	display: block;
	margin-bottom: 2px;
	height: 11px;
	width: 11px;
	color: #FFF;
	font: 11px/9px Verdana, Arial, Sans-Serif;
	text-align: center;
	text-decoration: none;
	background-color: #7FA398;
}
/* discount column */
#Content .shopTable .discountCol { 	text-align: center !important; }
#Content .savedCarts .reloadCartBtn 
{
	padding-left: 5px;
	padding-right: 5px;
}
.shopTable .totalRow td
{
	padding: 6px 10px;
	color: #333;
	text-align: right;
	background-color: Transparent;
}
#Content .shopTable .discountRow td, 
#Content .basketShipping, 
#Content .addAddressRow td  
{ 
	border-top: solid 1px #CCC; 
	background-color: #FFF; 
}
#Content .shopTable .updateQuantityRow td  
{
	border-top: solid 1px #CCC; 
	padding-top: 11px; 
}
/* vertical-align all elements in this row */ 
.updateQuantityRow td * { vertical-align: middle; }
#Content .addAddressRow .button { float: right; }
#Content .addAddressRow .saveDefaultAddressBtn { margin-left: 10px; }
/* -Sub Items */
.shopTable .subItem .imageCol { background: url(/SiteData/Root/SiteImages/ic_subProductIndentImg.gif) no-repeat 50% 50%; }
.shopTable .subItem .imageCol img { display: none; }
.shopTable tbody .parentItem td { padding-bottom: 0; }
.shopTable tbody .subItem td  
{
	padding-top: 0; 
	padding-bottom: 0; 
}
tr.subItem td.nameCol a  
{
	margin-left: 20px;
	font-weight: normal;  
}
/* Basket (includes show & display baskets) */
.basket { margin-bottom: 1em; }
#MainTop .basket { margin-bottom: 0; }
.basket table { empty-cells: hide; }
#Content .basket .shopTableButtons .button 
{
	float: left;
	margin-right: 10px;
}
.displayBasket .shopTable .qtyCol,
.displayBasket .shopTable .priceCol  
{
	/* in the display basket the qtyAdjust buttons do not appear */
	width: auto; 
}
#Content .shopTableButtons .continueBtn { }
#Content .shopTableButtons .saveBtn { }
#Content .basket .shopTableButtons .checkoutBtn 
{ 
	float: right;
	margin-right: 0;
}
#Content .shippingTitleRow td, 
#Content .shippingRow td, 
#Content .shippingRow table td 
{
	background-color: #F4F4F4;
}
#Content .shippingTitleRow td,
#Content .shippingRow td
{
	padding: 6px 10px;
	font-weight: bold;
}
#Content .shippingRow td  
{
	padding-top: 0;
	font-weight: normal; 
}
#Content .shippingRow table { padding: 0; }
#Content .shippingRow table td 
{
	padding: 0;
	vertical-align: top;
	background: none;
}
#Content .shippingRow table input { }
/* CustomerOrders Table */
.customerOrders { }
.customerOrders .shopTableButtons { margin-bottom: 0.5em; }
.customerOrders .backLink
{
	display: block;
	float: right; 
}
.customerOrders .shopTable table 
{
	/* AL - keep an eye on this, not good to marginilse tables */
	margin-bottom: 0.5em;
}
.customerOrders .makePaymentBtn { float: right; }
/* Address Table & Receipt */
.shopAddress { margin-bottom: 1em; }
.shopAddress table { width: 100%; }
.shopAddress .addressCell { background-color: #DEE7E4; }
.shopAddress p { padding: 10px 10px 0 10px; }
.shopAddressButtons  
{
	padding: 0 10px 10px 10px;
	background-color: #DEE7E4; 
}
#Content .shopAddressButtons .button { float: right; }
/* - Reciept */
.receipt { margin-bottom: 1em; }
.receipt .addresses { width: 100%; } 
.receipt .invoiceAddressTable,
.receipt .deliveryAddressTable
{
	float: left; 
	width: 333px;
	background-color: #DEE7E4; 
}
.receipt .invoiceAddressTable td,
.receipt .deliveryAddressTable td 
{
	padding: 10px;
}
.receipt .deliveryAddressTable { float: right; }
.receipt .shopTable { margin-bottom: 0; }
.receipt .totals 
{ 
	font-weight: bold;
	text-align: right; 
}
#Content .receiptCreateFullAccount 
{
	width: 333px;
	color: #333;
	background-color: #EEE;
}
#Content .receiptCreateFullAccount .shopForm,
#Content .receiptCreateFullAccount p 
{
	padding: 0 10px;
}
.receiptCreateFullAccount h3 { }
.receiptCreateFullAccount .shopForm label { width: 132px; }
.receiptCreateFullAccount .shopForm .textbox { width: 158px; }
.receiptCreateFullAccount .shopFormButtons { padding-left: 144px; }
.receiptCreateFullAccount .button { width: 120px; }
.receiptCreateFullAccount .shopForm label span { left: 308px; }

/* =NEWS
   ----------------------------------------------------*/
   
/* A general class effecting everything used in an article */
.articleElement { }
/* -Article Image */
.articleImgHolder 
{ 
	margin-bottom: 1em;
	width: 100%;
	overflow: hidden;
}
/* - Author info */
.author 
{
	margin-bottom: 1em;
	padding: 12px 10px;
	/*line-height: 1.5em;*/
	background-color: #DDD;
}
.author img 
{
	display: block;
	float: left;
}
#Content .author h1 { font-size: 1em; }
.author h1 span 
{
	 display: inline;
	 margin: 0; 
	 font-style: italic;
}
.author span 
{
	display: block;
	margin-right: 10px;
}
/* assumes 60 x 60 author image */
.author span, 
.author h1 
{ 
	margin-left: 70px; 
}
.author p { padding-bottom: 0.5em; }
/* -Article Title */
.articleTitle { }
/* -Article First Line */
.articleFirstLine { }
/* -Article Date */
.articleDate 
{
	display: block;
	margin-bottom: 1em;
	color: #333;
	font-weight: bold;
	/*line-height: 1em;*/
} 
/* -Story */
.story { margin-bottom: 1em; }
.articleExpLink 
{
	display: block;
	border-bottom: solid 2px #DDD;
	margin-bottom: 0.5em;
	padding: 2px 5px;
	height: 18px;
	color: #FFF;
	font-weight: bold;
	/*line-height: 18px;*/
	background-color: #999; 
}
.articleExpLink img 
{
	float: right;
	margin-top: 2px;
}
.articleExpLink:hover 
{
	background-color: #AAA;
	cursor: pointer;
}
/* -Article Credits */
.articleMoreInfo 
{
	border-bottom: solid 1px #CCC; 
	margin-bottom: 1em; 
} 
.articleMoreInfo h3  
{
	margin-bottom: 0;
	color: #333; 
}
.articleMoreInfo p { font-style: italic; }
/* -Related Articles */
.relatedArticles { margin-bottom: 5px; }
/* -Related Links */
.relatedLinks { margin-bottom: 5px; } 
.relatedLinks p { }
/* News Listing (NN System) */
.newsListing { margin-bottom: 1.5em; }
.newsListing h2 { }
.newsItem { margin-bottom: 1.5em; }
.newsItem img { }
#Content .newsItem h3 { margin-bottom: 0; }
#Content .newsItem h3 a { text-decoration: none; }
.newsItem .summary { padding-bottom: 0.5em; }
.newsItem .nIFoot { line-height: 1em; }
.newsItem .date  
{
	border-right: 1px solid #999;
	padding-right: 8px;
	color: #999; 
	font-style: italic; 
}
.newsItem .moreNewsLink  { margin-left: 10px; }
/* Archive Date Tree */
.archiveDateTree { }
.archiveDateTree ul { list-style: disc; }
/* ArticleList */
#MB .articleList { background: #004731; padding: 0 10px 10px 10px; height: 150px; overflow: hidden; }
#MB .articleList ul li { border-bottom: solid 1px #789E92; }
#MB .articleList li a { display: block; padding: 10px 5px; color: #FFF; text-decoration: none; }
.newsButtons { background: #002317; padding: 9px 10px; font-size: 0.833em; }
.newsButtons a { float: left; color: #FFF; text-transform: uppercase; }
.newsButtons a.rssLink { float: right; padding-right: 24px; background: url(/SiteData/Root/SiteImages/mg_rssIcon.gif) no-repeat right 50%; }

/* =EVENTS & JOURNAL
   ----------------------------------------------------*/

/* Events Display */
.eventsListing { margin-bottom: 1.5em; }
.eventsItem { margin-bottom: 1.5em; }
.eventsListing h2 { }
#Content .eventsItem h3 { margin-bottom: 0; }
#Content .eventsItem h3 a { text-decoration: none; }
.eventsItem .summary { padding-bottom: 0.5em; }
.eventsItem .eIFoot { line-height: 1em; }
.eventsItem .date  
{
	float: left;
	display: block;
	border-right: 1px solid #999;  
	padding-right: 10px;
	color: #999; 
	font-style: italic; 
}
.eventsItem .eventLink { margin-left: 10px; }
/* Event */
.event { margin-bottom: 1.5em; }
.eventTitle { }
#Content .event .date  
{
	display: block; 
	margin-bottom: 1em; 
	font-weight: bold;
}
/* Journal */
/*.journalSummary, 
.journalLatest  
{
	margin-bottom: 1.5em;
}
/* Journal Table */
/*.journalItem { margin-bottom: 1em; } 
.journalItemAlt { }
#Content .journalItem h3 { margin-bottom: 0; }
.journalItem .summary { padding-bottom: 0.5em; }
.journalItem .date  	
{
	color: #999; 
	font-style: italic; 
}
.journalSummary .journalSummaryButtons .button { float: right; }
/* journal entry */
/*.journalEntry { margin-bottom: 1.5em; }
.journalEntryTitle { }
#Content .journalEntry .date  
{
	display: block; 
	margin-bottom: 1em; 
	font-weight: bold;
}*/

/* =FORUM
   ----------------------------------------------------*/
 
.forum { margin-bottom: 1em; }
.forum .breadcrumb { padding-bottom: 1em; }
/* Forum tables */
.forum .shopTable th, 
#Content .forumMessagePoster   
{
	border-bottom-color: #FFF;
	color: #FFF;
	background-color: #004731; 
}
.forumTableItem td { background-color: #CCDAD6; border-bottom: solid 1px #FFF; } 
.forumTableAlternateItem td { background-color: #E5ECEA; }
.forum .shopTable .starterCol, 
.forum .shopTable .topicsCol,
.forum .shopTable .postsCol,
.forum .shopTable .repliesCol,
.forum .shopTable .viewsCol
{
	text-align: center; 	
}
.forum .shopTable td.starterCol,
.forum .shopTable td.topicsCol,
.forum .shopTable td.postsCol,
.forum .shopTable td.repliesCol,
.forum .shopTable td.viewsCol
{
	border-left: solid 1px #FFF; 
	border-right: solid 1px #FFF;
}
.forum .shopTable td.postsCol,
.forum .shopTable td.viewsCol,
.forum .shopTable td.repliesCol  
{
	border-left: none; 
}
/* Show Messages */
.forum .forumMessageItem,
.forum .forumMessageAlternateItem 
{
	margin-bottom: 1em;
}
#Content .forumMessagePoster { background-color: #B0BFBB; }
.forum .forumMessagePoster .editedBy  
{
	float: right;
	font-style: italic;
	font-weight: normal; 
} 
.forum .forumMessage 
{
	border: solid 1px #CCC;
	border-top: none;
	padding: 12px 9px 11px 9px;
	background-color: #FFF;
}
.forumMessageButtons .button  
{
	float: left; 
	margin: 6px 5px 0 0; 
}
.forum .forumPostButtons { margin-bottom: 1.5em; }
.replyMessageBtn, .newTopicBtn { float: right; }
/* Post Messages */
.forum .shopFormButtons .button { float: left; }
.forum .cancelMessageBtn { margin-left: 5px; }

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

/* Height Fixes (for IE6 & 7 - review later) */
.invoiceAddressTable, .textImgHolder, #ColumnMain3ColCheckout,
.deliveryAddressTable, .linkList li, .customerLogin, .shopFormButtons,
.registerLink, .miniBasket, .shopForm, .shopAddressButtons, 
.productReviews, .productLinklist ul li, .shopTableButtons,
.validationList ul li, .shopTable .totalRow td, #Content .basketShipping,
.addAddressRow td, .productList, .productContainer, .relatedProducts, 	
.productPromotions, .productReviews, .SiteNavigation li a, .shopTable .qtyHolder, 
.pagerSort, .productListing .productContainer, .featuredProducts, 
.productListing .productButtons, #Content, .author, .story, 
#Footer, .SiteNavigation li, .searchBox, .forum .forumMessagePoster,
.productImg .moreImages, .warningBox, .footerNavigation, #MBB .contactForm,
#MB, .text
{
	height: 1%;
}
/* Safari Only */
@media screen and (-webkit-min-device-pixel-ratio:0)
{
.button[type]{ line-height: 10px !important; }
#Header .searchBox .textbox,
#Header .searchBox .clear-on-focus
{
	margin-top: 0;
}
}

/* =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 
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9996;
	height: 500px;
	width: 100%;
	color: #666;
}
#jquery-lightbox 
{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9997;
	width: 100%;
	line-height: 0;
	text-align: center;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box 
{
	position: relative;
	margin: 0 auto;
	height: 250px;
	width: 250px;
	background-color: #FFF;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading 
{
	position: absolute;
	left: 0;
	top: 40%;
	height: 25%;
	width: 100%;
	line-height: 0;
	text-align: center;
}
#lightbox-nav 
{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	height: 100%;
	width: 100%;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none; }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext 
{
	display: block;
	height: 100%;
	width: 49%;
	zoom: 1;
}
#lightbox-nav-btnPrev 
{ 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext 
{ 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box 
{
	margin: 0 auto;
	padding: 0 10px;
	width: 100%;
	/* Change this depending on the base font family */
	font: 11px Arial, Helvetica, sans-serif;
	line-height: 1.091em;
	/* -- */
	background-color: #FFF;
	overflow: auto;
}
#lightbox-container-image-data 
{
	padding: 0; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details 
{ 
	float: left;
	width: 60%; 
	text-align: left; 
}	
#lightbox-image-details-caption 
{ 
	display: block;
	padding-bottom: 1em;
	font-weight: bold;
}
#lightbox-image-details-currentNumber 
{
	clear: left;
	display: block; 
	/* this just shifts the counter up a line */
	margin-top: -1em; 
	padding-bottom: 1em;			
}			
#lightbox-secNav-btnClose 
{
	height: 16px; 
	width: 101px;
	float: right;	
}
#map  
{
	position: relative;     
	overflow: hidden; 
}
#zoomer
{
    position: absolute;
    height: 250px;
    width: 250px;
    opacity: 0.85;
    overflow: hidden;
}   
#imgMover { position: absolute; }
.ui-tabs-hide { display: none; }
.enlarge { z-index: 999; }

/* productlisting re-arrangement - remember to change the module in category display if this is changed back */
/* in order to align the price and buy button */
.categoryDisplay .productButtons { float: right; }
.productListingPrice { float: left; margin-right: 64px; }