﻿body {
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #eff0f0;
	background-image: url(../../images/back_canvas.gif);
	background-position: center;
	background-repeat: repeat-y;
	font-size: 11px;
}
input.imagebutton {
	margin: 0;
}
div, span, p, h1, h2, h3, h4, td {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica;
	color: #666666;
	line-height: 14px;
}
div, span, p, td {
	font-size: 11px;
}
p, h1, h2, h3, h4 {
	margin: 0 0 12px 0;
	padding: 0;
}
form {
	margin: 0;
	padding: 0;
}

a {text-decoration: none;}

.tight {
	margin: 0;
	padding: 0;
}
.textRight {
	text-align: right;
}
.visible {
	display: block;
}
.invisible {
	display: none;
}
.breakFloat {
	height: 1px;
	clear: both;
	background-color: #cc0000;
	visibility: hidden;
}
.horizontalDividerDashed {
	border-top: 1px dashed #c8c7c7;
	margin: 5px 0;
}
/* ---- */

#globalWrapper {
	margin: 0;
	padding: 0;
	background-image: url(../../images/back_canvasTop.gif);
	background-position: top;
	background-repeat: repeat-x;
}
#globalContainer {
	width: 900px;
	margin: 0 auto;
	text-align: center;
}
#siteHolder {
	width: 900px;
	margin: 0 auto;
	border-bottom: 1px solid #454545;
}
#siteHeader {
	background-color: #000000;
}
#siteContent {
	text-align: left;
}

#primaryContentHolder {}
#primaryContentHolderInner {
	margin: 18px 20px 12px 20px;
	border: 1px solid #ffffff; /* Needed or IE wont render backgrounds on child divs properly */
}

#pageHolder {
}

/* PRIMARY NAVIGATION */

#primaryNavHolder {
	text-align: right;
}
#primaryNavHolderInner {
	margin: 22px 35px 15px 0; /* -------- RIGHT COL MARGIN ----------- */
	text-align: right;
}
.primaryNavHeading {
	margin-bottom: 8px;
	color: #419F84;
	font-family: Verdana, Arial;
	font-size: 10px;
	font-weight: bold;
}
.primaryNavLinkHolder {
	margin-bottom: 9px;
}

/* SECONDARY NAV GENERAL */

.subNavMenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.subNavMenu li {
	margin: 0;
	padding: 0;
	font-size: 1px;
	line-height: 1px;
}

/* TOP NAV */

#topNavHolder {}
#topNavHolderInner {
	margin: 5px 35px 5px 0; /* -------- RIGHT COL MARGIN ----------- */
	text-align: right;
}
#topNavHolder .parent a:link, 
#topNavHolder .parent a:visited {color: #666666;text-decoration: none;}
#topNavHolder .parent a:hover {color: #666666;text-decoration: none;}
#topNavHolder .parent {
	margin-bottom: 8px;
}

/* PAGE SUB NAV */

#subNavInPageHolder {
	margin-bottom: 20px;
}
#subNavInPageHolder .linkHolder {
	margin: 6px 0;
	font-size: 11px;
	line-height: 13px;
}
#subNavInPageHolder .parent a:link, 
#subNavInPageHolder .parent a:visited,
#subNavInPageHolder .parent a:hover {
	background-image: url(../../images/navLink.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 14px;
	color: #666666;
	text-decoration: none;
}
#subNavInPageHolder .child a:link, 
#subNavInPageHolder .child a:visited,
#subNavInPageHolder .child a:hover {
	margin-left: 25px;
	color: #666666;
	text-decoration: none;
}
#subNavInPageHolder .parent a:hover,#subNavInPageHolder .child a:hover {
	color: #41a083;
}

/* ---- */
/* ---- */

.statusLabel, .errorLabel {
	margin: 5px 0;
	border: 1px solid #cccccc;
	background-color: #f1f1f1;
	padding: 3px;
	font-weight: bold;
}
.errorLabel {
	margin: 5px 0;
	border: 1px solid #ff0000;
	background-color: #cc0000;
	padding: 3px;
	color: #ffffff;
	display: block;
}
.errorLabel span, .errorLabel p {
	color: #ffffff;
}

/* ---- */

.pageTitleHolder {
	padding-bottom: 12px;
	background-image: url(../../images/back_horizontalDivider.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
.pageTitleHolder, .pageTitleHolderSmall {
	margin: 0 0 6px 0;
}
.pageTitlePre {
	font-family: Trebuchet, Arial, Verdana, Helvetica;
	font-size: 13px;
	color: #41A083; /* green */
	font-weight: bold;
}
.pageTitlePost, .pageTitlePostLink {
	font-family: Trebuchet, Arial, Verdana, Helvetica;
	color: #B3B3B3;
	font-size: 11px;
	font-weight: bold;
	
}
.pageTitleHolderSmall {
	font-family: Trebuchet, Arial, Verdana, Helvetica;
	font-size: 11px;
	font-weight: normal;
}
.pageTitleHolderSmall .pageTitlePost  {
	font-family: Trebuchet, Arial, Verdana, Helvetica;
	color: #339966;
	font-size: 11px;
	font-weight: bold;
}

/* ----- */
/* ----- */

.horizontalDivider {
	height: 1px;
	background-image: url(../../images/back_horizontalDivider.gif);
	background-repeat: repeat-x;
	margin: 2px 0 8px 0;
}

#primaryCopySpace {
	background-image: url(../../images/back_primaryCopyDivider.gif);
	background-position: left;
	background-repeat: repeat-y;
	padding-top: 10px;
}
#primaryCopyHolder {
	float: left;
	width: 415px;
}
#primaryCopyRightCol {
	width: 250px;
	float: right;
}
#primaryCopyRightColInner {
	margin: 0 0 0 10px;
}
.rightContent {
	margin: 0 0 0 8px;	
}
.smallHeader {
	padding: 2px 6px;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	background-color: #DFDFDF;
	/*text-transform:uppercase;*/
}
.copyHeader
{
	font-weight: bold;
	color: #999999;
	font-size: 10px;
	/*text-transform:uppercase;*/
}

.CopyImageLeft {
	margin: 0 10px 10px 0;
}

#StoreContentHolder {
}

/* ---- */
/* ---- */

.necHeadlinesHolder .date {
	color: #41A083;
	font-weight: bold;
}
.necHeadlinesHolder .title {
	color: #666666;
	font-weight: bold;
}
.necHeadlinesHolder .intro {
	color: #666666;
}

#newsHeadlinesHolder {
	text-align: left;
	font-size: 10px;
}
#newsHeadlinesHolder #newsHeadlinesCtrl_holder {
	text-align: left;
}
#newsHeadlinesHolder .articleTitle {
	color: #333333;
	font-size: 10px;
}
#newsHeadlinesHolder .articleIntro {
	color: #666666;
	font-size: 10px;
}
.newsHeadlinesItemHolder {
}
.newsHeadlineMoreLinkHolder {
	margin: 3px;
	text-align: right;
}
.newsHeadlineMoreLink {
	font-family: Arial, Verdana;
	font-size: 10px;
	text-decoration: none;
	color: #41A083;
	background-image: url(../../images/navLink.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 12px;
}
.newsArticleIntroHolder span {
	display: block;
	color: #4B4B4B;
	font-weight: bold;
	margin-bottom: 4px;
}

/* ---- */
/* ---- */

#outletControlBar {
	height: 68px;
	background-color: #C6C6C6;
	background-image: url(../../images/back_outletControlBar.gif);
	background-position: center;
	background-repeat: repeat-y;
}
#outletControlsHolder_left {
	margin: 6px 0 0 13px;
}
#outletControlsHolder_leftInner {
}
#outletControlsHolder_centre {
}
#outletControlsHolder_centreInner {
	margin: 6px 0 0 13px;
}
#outletControlsHolder_right {
	margin: 6px 0 0 11px;
}
#outletControlsHolder_rightInner {}

#searchFilterHolder {}
#searchFilterHolderInner {}


#quickShopLabelsHolder {
	margin-left: 2px;
}


#quickShopRefLabelHolder {
	width: 166px;
	float: left;
}
#quickShopQtyLabelHolder {
	width:40px;
	float:left;
}

#quickShopRefBoxHolder { /* This model fixes IE double margin bug on floated elements */
	width: 166px;
	float: left;
}
#quickShopRefBoxHolderInner {}
#quickShopQtyBoxHolder {
	width: 30px;
	float: left;
}
#quickShopQtyBoxHolderInner {}

#quickShopSubmitHolder {
	float: left;
	width: 20px;
	height: 18px;
}

#brandSearchHolder {
	margin-top: 3px;	
}
#brandSearchLabelHolder {
	margin: 0 0 2px 2px;
}

#quickShopLabelsHolder {}
#quickShopControlsHolder {}

.quickShopRefBox, .quickShopQuantityBox, .textSearchBox {
	color: #666666;
	height: 16px;
	font-size: 10px;
	color: #666666;
	border: 1px solid #999999;
	padding: 0;
}
.quickShopRefBox {width: 155px;}
.quickShopQuantityBox {width: 30px;}
.textSearchBox {width: 196px;}

#textSearchHolder {
	margin-top: 2px;
}



/* Right Col Store Images */

#rightColImagesHolder {
	text-align: right;
	margin-top: 40px;
}
.rightColImage {
	margin-right: 35px; /* -------- RIGHT COL MARGIN ----------- */
	text-align: right;
}
/* ---- Shopping Cart ---- */

#cartSummaryWrapper {
	margin-top: 20px;
}
.cartSummaryLine, .cartSummaryStatusLine {
	margin: 3px;
}
.cartSummaryStatusLine span {
	color: #ffffff;
	font-weight: bold;
}
#cartSummaryHolder div {color: #ffffff;}
#cartSummaryHolder {
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	margin: 15px 35px 15px 15px;
}
#cartSummaryHolderInner {
	margin: 10px 0;
	color: #ffffff;
	text-align: right;
	font-size: 9px;
	letter-spacing: 1px;
}
#cartSummaryHolder {font-weight: bold;}
#cartSummaryHolder a {font-family: Arial;font-size: 1em;}
#cartSummaryHolder a:link {color: #ffffff;text-decoration: none;font-weight: normal;}
#cartSummaryHolder a:visited {color: #ffffff;text-decoration: none;font-weight: normal;}
#cartSummaryHolder a:hover {color: #66CC99;text-decoration: none;font-weight: normal;}

/* ----- */

.cartItemHolder {border: 1px solid #cccccc;}
.cartItemHolderInner {margin: 3px;}
.cartItemControlGroup {
}
.cartItemControlGroup td {

}
.cartItemLabel {
	margin: 3px 5px;
}
.cartItemQtyBox {

	width: 25px;
	font-size: 10px;
}
.cartItemPrice {
	font-weight: bold;
	color: #cc0000;
}
.cartItemWarningPanel {
	background-color: #f1f1f1;
	border: 1px solid #f1f1f1;
}
.cartItemWarningPanelInner {
	margin: 5px;
}
.cartItemDiscountNote {
	color: #006600;
	font-size: 10px;
}
.cartCalcLine {
	background-color: #f5f5f5;
	width: 170px;
	margin: 1px;
}
.cartCalcLabel {
	float: left;
	width: 100px;
	color: #666666;
	text-align: right;
	margin: 3px;
}
.cartCalcData {
	float: left;
	width: 50px;
	margin: 3px 0 3px 10px;
}
.cartCalcData span {
	color: #cc0000;
	text-align: right;
}

.addToCartLink {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	background-image: url(../../images/navLink.gif);
	background-position: right top;
	background-repeat: no-repeat;
	padding-right: 15px;
	line-height: 15px;
}

#vatSwitchHolder div {
	font-size: 8px;
	letter-spacing: 1px;
}

/* ---- Product Box ---- */

.productBoxHolder {
	margin: 0;
	padding: 0;
	width: 327px;
	text-align: left;
	border: 1px solid #d4d3d3;
	background-image: url(../../images/back_productBox.gif);
	background-position: left;
	background-repeat: repeat-y;
}
.productBox {}
.productBoxInner {}

.productBoxTitle {
	color: #666666;
	font-weight: bold;
	background-color: #f5f5f5;
	text-align: left;
	border-bottom: 1px solid #d4d3d3;
}
.productBoxTitleInner {padding: 2px 4px;}

.productBoxImageHolder {
	width: 80px;
	float: left;
}
.productBoxCopyHolder {
	width: 240px;
	float: left;
	text-align: left;
}
.productBoxCopyHolderInner {
	margin: 3px 5px;
}

.fpTagLineHolder {}
.fpTagLine {
	text-align: left;
	font-weight: bold;
	color: #cc0000;
}
.productBoxIntro {
	color: #666666;
}
.productBoxControls {
	border-top: 1px solid #D4D2D2;
	background-image: url(../../images/back_productBoxBase.gif);
	background-position: left;
	background-repeat: repeat-y;
}
.productBoxPriceHolder span {
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;
}
.productBoxPriceHolderGreen span {
	font-size: 11px;
	color: #41A083;
	font-weight: bold;
}

.priceTag {
	color: #41A083;
	font-weight: bold;
}

.SpecialOfferTag {
	width: 90px;
	border: 1px solid #cfcfcf;
	padding: 1px;
	text-align: center;
}
.SpecialOfferTag span {
	color: #cc0000;
	font-size: 9px;
}

.arrowLink {
	font-size: 11px;
	text-decoration: none;
	color: #666666;
	background-image: url(../../images/navLink.gif);
	background-position: right center;
	background-repeat: no-repeat;
	padding-right: 15px;
}

/* ----- */

#procuctDetailHolderInner {
	margin: 5px 0;
}
#productDetailTitleHolder {
	margin-top: 10px;
	background-color: #f5f5f5;
	border: 1px solid #f5f5f5;
	border-top:  1px solid #c8c7c7;
	border-left: 1px solid #c8c7c7;
	border-right: 1px solid #c8c7c7;
}
#productDetailTitleHolderInner {
	margin: 2px;
}

.productDetailRef, .productDetailTitle {font-weight: bold;}
.productDetailRef {color: #666666;}

#productDetailBox {
	border: 1px solid #c8c7c7;
	background-color: #ffffff;
	background-image: url(../../images/back_productDetail.gif);
	background-position: left;
	background-repeat: repeat-y;
}
#productDetailBoxInner {
}
#productDetailBoxImageHolder {
	width: 333px;
}
#productDetailBoxImageHolderInner {
	margin: 10px;
	text-align: center;
}
#productDetailCopyHolder {
	margin: 10px;
}
.productDetailRef, .productDetailTitle {
	font-weight: bold;
}
.productDetailQtyBox {
	color: #666666;
	width: 30px;
	height: 11px;
	line-height: 11px;
	font-size: 10px;
	padding: 0 0 0 2px;
	margin: 0;
}
#procuctDetailControls {
	margin-left: 2px;
}
#procuctDetailControls td {
	border-top: solid 1px #cccccc;
	height: 20px;
}
	
.productDetailControlLabel {
	background-color: #f6f6f6;
	font-size: 9px;
	color: #333333;
	border-right: solid 1px #cccccc;
}

/* ----- */

.formBox {
	width: 170px;
	border: 1px solid #cccccc;
	font-size: 10px;
	padding: 2px;
	color: #666666;
	font-family: Arial, Verdana, helvetica;
}
.formSectionHead {
	margin: 5px 0 10px 0;
	border-bottom: 1px dashed #cccccc;
}
.formSectionHeadInner {
	margin: 6px 0 5px 0;
}
.formSectionHead .formSectionTitle {
	font-weight: bold;
	margin: 5px 0;
	font-size: 13px;
}
.labelCell, .shortLabelCell, .dataCell, .validCell {
	font-family: Arial, Verdana, helvetica;
	font-size: 11px;
	color: #666666;
	vertical-align: top;
}
.labelCell, .shortLabelCell {
	padding: 2px 3px 2px 5px;
}
.labelCell {width: 120px;}
.shortLabelCell {width: 80px;}
.dataCell {
	text-align: left;
	padding: 1px 2px 0px 3px;
	font-weight: normal;
}
.validCell {
	text-align: left;
	padding: 4px 2px 0px 3px;
}
/* ---- */

.whiteText {
	color: #ffffff;
}
/* ----- */
/* ----- */
/* ----- */

.debugHolder {
	border: 1px solid;
	padding: 30px;
	background-color: #ffffff;
}

.navLink, .navLinkClean, .plainLink, .subLink, .navLinkRight, .pdfLink {
	font-size: 10px;
	text-decoration: none;
	color: #666666;
	background-position: left top;
	background-repeat: no-repeat;
}
.plainLink, .navLink, .pdfLink, .navLinkClean, .navLinkRight, .subLink {
	font-size: 11px;
}
.navLink, .navLinkClean, .navLinkRight {
	background-image: url(../../images/navLink.gif);
	color: #666666;
}
.navLink, .navLinkRight {
	text-decoration: underline;
}
.subLink {
	background-image: url(../../images/subLink.gif);
}
.pdfLink {
	background-image: url(../../images/icon_pdf.gif);
}
.navLink, .navLinkClean, .subLink {
	padding: 0 0 0 15px;
	background-position: left top;
}
.pdfLink {
	padding: 0 0 0 22px;
	background-position: left top;
	line-height: 20px;
}
.navLinkRight {
	padding: 0 15px 0 0;
	background-position: right top;
}
.navLink a:link, .navLinkRight a:link, .subLink a:link, .pdfLink a:link {color: #666666;}
.navLink a:visited, .navLinkRight a:visited, .subLink a:visited, .pdfLink a:visited {color: #666666;}
.navLink a:hover, .navLinkRight a:hover, .subLink a:hover, .pdfLink a:hover {color: #333333;}

.productListPagerHolder .pagerLinkLeft input {
	font-size: 11px;
	padding: 0 0 0 13px;
	text-decoration: none;
	color: #666666;
	background-image: url(../../images/icon_pagerLeft.gif);	
	background-position: left top;
	background-repeat: no-repeat;
}
.productListPagerHolder .pagerLinkRight input {
	font-size: 11px;
	padding: 0 13px 0 0;
	text-decoration: none;
	color: #666666;
	background-image: url(../../images/icon_pagerRight.gif);		
	background-position: right top;
	background-repeat: no-repeat;	
}

.searchResults ul, .searchResults li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.searchResults li {
	list-style-image: url(../../images/dot.gif);
	margin: 0 0 0 15px;
}
.searchResults .searchResultCategories li {
	margin-left: 25px;
}
#faqHolder .question {
	font-weight: bold;
}

.KeyStaffTitle {
	font-weight: bold;
}
.KeyStaffName {
	color: #336699;
}
.KeyStaffInfo {
	margin: 3px 0 12px 0;
	padding: 0;
}
.ContactsName {
	width: 120px;
}
.CopySubHeader, .CopySubHeaderTightTop {
	margin: 20px 0;
	padding: 4px;
	font-weight: bold;
	background-color: #efefef;
}
.CopySubHeaderTightTop {
	margin-top: 0;
}
.HistoryDate {
	font-weight: bold;
	color: #41a083;
}

/* ---- */

.fullContentWidth
{
	padding-right: 20px;
}

/*
select,
input,
textarea
{
	font-size: 100%;
}
*/

/* ---------------- ED Fixes ------------------*/
a#ct100_hypMCCO, img#ct100_imgMcco
{
	display: none;
}
