body, p, span, td, div,th {
	font-family:   Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.BodyBG{
	background:url(../../Images/bg.jpg) left top repeat-x #16498b;
	
	margin:0;
}
form {
	margin:0;
}

.ImageBorder, .RadContent img
{
	border: 1px solid rgb(215, 214, 254);
	padding: 2px;
}

hr
{
	border-left:solid 1px #ffffff;
	border-right:solid 1px #ffffff;
	border-top: dotted 1px silver;
	border-bottom:solid 1px #ffffff;
}
.titleTxt {		
	font-size: 15px;
	font-weight: bold;
	margin-bottom:5px;
	color: #777777;
}

h1 {
    font-size: 15px;
	font-weight: bold;
	margin-bottom:5px;
	color: #777777;
    margin-top:0px; 
    margin-bottom:0px; 
}

h2
{
	margin-top:2px;
    font-size: 15px;
	font-weight: bold;
	color: #777777;
}

.bodyTxt, div { color: #333333; }
.bodyTxtBlue { color: #000099; }

.warnTxt, .error { color:Red; }
.titleTxt {	font-weight:bold; }
.frmButton {
	font-size: 11px;
	color: #291B58;
	border: 1px solid #1D498A;
	font-weight: bold;
	height: 22px;
	width: 120px;
	background: url(../../Images/BackgroundFadeButton.gif); 
	font-family:arial;
	cursor:pointer;
}
.frmButton:hover
{
	background: url(../../Images/BackgroundFadeButton_Hover.gif); 
	color:#FCF400;
}
.frmHidden {
	visibility: hidden;
	display:none;
	height: 0px;
	width: 0px
}
.frmLabel {
	vertical-align: top;
	font-weight: bold;
	background-color: #f6f6f6;
}
.frmLit {
	vertical-align: top;
	
	background-color:#ffffff;
}
.frmItem, .frmWarn, .frmError
{
	width:100%;
	margin-bottom:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.frmWarn, .frmError {
	background: #FFC7CD;
}
.frmItemLight 
{
    color:#999999;
}
.frmItemExpressOrder 
{
    color:#999999;
    width:140px;
}
hr { border-bottom:solid 1px white; }

.frmItemNoBrd {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px none #FFFFFF;
}
.Page {
	background:url(../../Images/Bg-PageHeader.jpg) left top repeat-x;
}
.MainContentArea
{
	background:url(../../Images/bg-Page.jpg) left top repeat-y;
}
.SiteTitle {
	font-size: 20px;
	color: #FFFC00;
}
.SiteLanguage {
	color:#ffffff;
	font-size:11px;
}
.SiteFooter {
	background:url(../../Images/footer.jpg) left top no-repeat; 
	height:145px;
}
.SearchButtonRoundedBlue
{
	background:url(../../Images/RoundedEdgeRight-Blue.gif) left top no-repeat; 
	padding-left:2px;
	color:white;
}
a.navbarSearch:hover, a.navbarSearch:active, a.navbarSearch:link, a.navbarSearch:visited
{
	color:#ffffff;
	font-size: 11px;
	padding-left:2px;
	font-weight:bold;
}
.breadcrumbTrail, .breadcrumbTrail span
{
	font-size: 11px;
	padding-top:4px;
	padding-bottom:3px;
	font-weight:bold;
}
.hand {
    cursor:pointer;
}
/* ----------------------- */
/* Side-panel feature areas */
/* ----------------------- */

/* Side panel containers */
.SidePanelLeft, .SidePanelFeatureLeft, .SidePanelFeatureTwoLeft, .SidePanelRight, .SidePanelFeatureRight, SidePanelFeatureTwoRight, .SidePanelLeftSmall, .SidePanelRightExpressOrder
{
	width:187px;
	padding-bottom:8px;
}
.SidePanelLeft { background:url(../../Images/SidePanelLeft.jpg) left top no-repeat; }
.SidePanelLeftSmall { background:url(../../Images/SidePanelLeftSmall.jpg) left top no-repeat; }
.SidePanelFeatureLeft { background:url(../../Images/SidePanelFeatureLeft.jpg) left top no-repeat; }
.SidePanelFeatureTwoLeft { background:url(../../Images/SidePanelFeatureTwoLeft.jpg) left top no-repeat; }
.SidePanelRight { background:url(../../Images/SidePanelRight.jpg) right top no-repeat; }
.SidePanelRightExpressOrder { background:url(../../Images/SidePanelRight_ExpressOrder.jpg) right top no-repeat; }
.SidePanelFeatureRight { background:url(../../Images/SidePanelFeatureRight.jpg) right top no-repeat; }
.SidePanelFeatureTwoRight { background:url(../../Images/SidePanelFeatureTwoRight.jpg) right top no-repeat; }

/* Side panel headings */
.SidePanelLeft .Heading, 
.SidePanelLeftSmall .Heading, 
.SidePanelFeatureLeft .Heading, 
.SidePanelFeatureTwoLeft .Heading
{
	color: #FFF100;
	font-weight:bold;
	width:169px;
	padding: 19px 0px 12px 10px;
}
.SidePanelRight .Heading, 
.SidePanelFeatureRight .Heading,
.SidePanelFeatureTwoRight .Heading,
.SidePanelRightExpressOrder .Heading
{
	color: #FFF100;
	font-weight:bold;
	width:169px;
	padding: 19px 0px 18px 32px; 
}

/* Side panel content */
.ContentContainer
{
	width:180px;
	margin-top:5px;
	margin-bottom:16px;
}

.SidePanelLeft .ContentContainer .Content, 
.SidePanelLeftSmall .ContentContainer .Content, 
.SidePanelFeatureLeft .ContentContainer .Content,
.SidePanelFeatureTwoLeft .ContentContainer .Content
{
	padding: 0px 10px 0px 10px; 
	font-size:11px;
}

.SidePanelRight .ContentContainer .Content, 
.SidePanelFeatureRight .ContentContainer .Content,
.SidePanelFeatureTwoRight .ContentContainer .Content,
.SidePanelRightExpressOrder .ContentContainer .Content
{
	padding: 0px 0px 0px 32px; 
	font-size:11px;
}

.SidePanelTab {
	padding:13px 0px 10px 6px;
	background: url(../../Images/SidePanelTabLeft.jpg) left top no-repeat;
}

.SidePanelFeatureLinkThree 
{
	padding: 9px 0px 16px 15px;
	background: url(../../Images/RoundedButton-Yellow3.gif) left top no-repeat;
}
.SidePanelFeatureLinkTwo
{
	padding: 9px 0px 16px 15px;
	background: url(../../Images/RoundedButton-Yellow2.gif) left top no-repeat;
}
.SidePanelFeatureLinkOne
{
	padding: 9px 0px 16px 15px;
	background: url(../../Images/RoundedButton-Yellow1.gif) left top no-repeat;
}
.detailSubHeader2 {
	font-size: 14px;
	height:30px;
	font-weight: bold;
	color: #ffffff;
	padding: 6px 3px 3px 10px;
	background:url(../../Images/BackGroundFade.gif) left top repeat-x;
	width:100%;
}
/* ---------------------- */
/* Datagrid Format Styles */
/* ---------------------- */
.dataGrid, .dataGridRowA, .dataGridRowB, .dataGridHover, .dataGridGroupByRow
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 6px;
	padding-left: 6px;
}

.dataGrid {
	height: 40px;
}
.dataGridRowA {
	background-color:#F3F3F3;
	vertical-align: top;
}
.dataGridRowB {
	background-color:#EBEBEB;
	vertical-align: top;
}
.dataGridRowX {
	background-color:#F3F3F3;
	vertical-align: top;
	height:40px;
}
.dataGridHover {
	background-color: #cccccc;
	vertical-align: top;
}

.dataGridRowHeader{ cursor: pointer; }

.dataGridHeader td { white-space:nowrap; padding:0px;margin:0px;}
.dataGridHeader {
	height:35px;
	text-indent: 4px;
	padding: 2px;
	color: #333333;
	padding:0px;
	margin:0px;
}

.dataGridRowHeader,  .detailSubHeader {
	font-size: 11px;
	height:25px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	background:url(../../Images/BackGroundFade.gif) left top repeat-x;
}
.dataGridRowHeaderCarb{
	font-size: 12px;
	height:30px;
	font-weight: bold;
	color: #ffffff;
	padding: 3px;
	text-align: center;
    background-color:#666666;
    margin-left:5px;
    margin-right:5px;
}
.dataGridRowFilter {
	height:25px;
	font-weight: bold;
	background-color: #879DBE;
	border-bottom:solid 1px #777777;
	text-indent: 4px;
	padding: 2px;
	padding-bottom:8px;
	cursor: pointer;
	color: #BBBBBB;
}
.dataGrid2 {
	height: 20px;
}
.dataGridGroupByRow {
	color: #ffffff;
	background:url(../../Images/BackGroundFade.gif) left top repeat-x;
}
.SiteNavigation a {
	margin-right:8px;
}
.frmItemNoBrd {
	font-size: 10px;
	color: #999999;
	background-color: #FFFFFF;
	border: 1px none #FFFFFF;
	font-weight: bold;
}
.footerTxt {
	font-size: 9px;
	color: #666666;
}

.PageHeader
{
	color: #FFF100;
	padding: 10px 0px 10px 10px;
	background: url(../../Images/PageHeader.jpg) left top no-repeat;
	width:100%;
	font-size:12px;
}

.PageHeaderHomepage
{
	color: #FFF100;
	padding: 10px 0px 7px 10px;
	background: url(../../Images/PageHeader.jpg) left top no-repeat;
	width:100%;
	font-size:12px;
}


.PageHeaderTwoColumn
{
	color: #FFF100;
	font-weight:bold;
	padding: 10px 0px 10px 10px;
	background: url(../../Images/PageHeaderTwoColumn.jpg) left top no-repeat;
	width:100%;
	font-size:12px;
}
.PageHeaderOneColumn
{
	color: #FFF100;
	font-weight:bold;
	padding: 10px 0px 10px 10px;
	background: url(../../Images/PageHeaderOneColumn.jpg) left top no-repeat;
	width:100%;
		font-size:12px;
}

.PageContent {
	padding: 4px;
	padding-top:10px;
}

.ProductImage
{
	border: solid 1px black;
}
.imgPreview, .rollover { cursor:pointer;}
.imgPreview { 	border:solid 1px gray;}

.frmItemFixed
{
	width:100%;
}

.SpecialOfferTitle
{
	font-size: 15px;
	font-weight: bold;
	color: red;
}

.SpecialOfferText
{
	color: red;
}
.SpecialOfferBox
{
	border:1px solid pink;
	padding:2px;
}

.De-Emphasised
{
	color:#a0a0a0;
	font-size:11px;
}

.ImageScroll
{
	cursor:pointer;
	font-weight:bold;
	background-color:#f0f0f0;
	padding:5px;
	font-size:10px;
}

.Emphasised { color: #292B75; text-decoration: none; font-weight:bold;}
.EmphasisedOnDark { color: #FFE806; text-decoration: none; font-weight:bold;}
.HighLighted { color: #FFF100; text-decoration: none; font-weight:bold;}
.footer { color: #000033;	text-decoration: none;	font-size: 9px; }

.SuCustomStyle1 { color: #6D6D6D; }
.SuCustomStyle2 { color: #000000; }
.SuCustomStyle3 { color: #DF2929;}
.SuCustomStyle4 { color: #FFF100;}
.SuCustomStyle5 { color: #292B75;}
.SuCustomStyle6 { color: #696DAC;}
.SuCustomStyle7 { color: #D6D5FD;}
.SuCustomStyle8 { color: #ffffff;}



/* ------------- */
/*	LINK STYLES	 */
/* ------------- */

/* DEVNOTE: DO NOT GROUP these styles - individual styles aare needed for RadEditor to work properly in FF ;(  */
a.footer:link { color: #000033;	text-decoration: none;	font-size: 9px; }
a.footer:visited { color: #000033;	text-decoration: none;	font-size: 9px; }
a.footer:hover { color: #000033;	text-decoration: none;	font-size: 9px; }
a.footer:active { color: #000033;	text-decoration: none;	font-size: 9px; }
a.footer { color: #000033;	text-decoration: none;	font-size: 9px; }

/* DEVNOTE: DO NOT GROUP these styles - individual styles aare needed for RadEditor to work properly in FF ;(  */
a.HighLightedLink:link { color: #FFF100; text-decoration: none; font-weight:bold;}
a.HighLightedLink:visited { color: #FFF100; text-decoration: none; font-weight:bold;}
a.HighLightedLink:active { color: #FFF100; text-decoration: none; font-weight:bold;}
a.HighLightedLink:hover { color: #FFF100; text-decoration: none; font-weight:bold;}
a.HighLightedLink { color: #FFF100; text-decoration: none; font-weight:bold;}


/* DEVNOTE: DO NOT GROUP these styles - individual styles aare needed for RadEditor to work properly in FF ;(  */
a.Emphasised:link { color: #292B75; text-decoration: none; font-weight:bold;}
a.Emphasised:visited { color: #292B75; text-decoration: none; font-weight:bold;}
a.Emphasised:active { color: #292B75; text-decoration: none; font-weight:bold;}
a.Emphasised:hover { color: #292B75; text-decoration: none; font-weight:bold;}
a.Emphasised { color: #292B75; text-decoration: none; font-weight:bold;}
a.EmphasisedOnDark:link { color: #FFE806; text-decoration: none; font-weight:bold;}
a.EmphasisedOnDark:visited { color: #FFE806; text-decoration: none; font-weight:bold;}
a.EmphasisedOnDark:active { color: #FFE806; text-decoration: none; font-weight:bold;}
a.EmphasisedOnDark:hover { color: #FFE806; text-decoration: none; font-weight:bold;}
a.EmphasisedOnDark { color: #FFE806; text-decoration: none; font-weight:bold;}

a.PaddedLinkList { line-height:20px; }

.SiteNavigation a:link, .SiteNavigation a:visited, .SiteNavigation a:active {
	color: #666666;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
}
.SiteNavigation a:hover {
	color: #184684;
	font-size: 11px;
	font-weight: bold;
}

a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:active { color: #333333; text-decoration: none; }
a { color: #333333; text-decoration: none; }
a:hover { color: #666699;}

.warnTxt a,.warnTxt a:link,.warnTxt a:visited,.warnTxt a:active,.warnTxt a:hover{color:Red;}

/* END OF LINK STYLES  */
	
.MinorDropDownList
{
	font-size:10px;
}

.AlternativeCurrency
{
	color:gray;
}
.orderNotes
{
	font-size:10px;
}
.homepageSearchPanel
{
	font-size:15px;
	color:#292B75;
	font-weight:bold;
	text-align:center;
}
.CarbCustomiseSubHeading
{
font-size:16px;
	color:#292B75;
	font-weight:bold;	
}
.CopyrightTxt 
{
    font-size:9px;
    text-align:left;
}
    
    
/* Ajax Search Intellisense */
.AjaxSuggestions
{
	position:absolute;
	width:200px;
	background-color:silver;
	border:solid 1px gray;
	padding:2px;
	margin-top:4px;
	
}

#divSuggestionContainer
{
	border:solid 1px gray;
}

#divSuggestionContainer div
{
	margin-bottom:1px;
	padding:2px;
	background-color:#ffffff;
	font-size:11px;
}

#divSuggestionContainer div:hover
{
	background-color:yellow;
}

/* Home page banner pics */
#divBannerNav a { border: 1px solid #ccc; background: #32318f;color:#32318f; text-decoration: none; margin: 0 5px; padding: 4px 5px;font-size:3px;width:10px;}
#divBannerNav a.activeSlide { background: #fff100;color:#fff100; }
#divBannerNav a:focus { outline: none; }
#divBannerTitle {padding:2px;border:solid 1px silver;margin-bottom:1px;}
#divBannerFooter {padding:2px;border:solid 1px silver;margin-top:1px; background:url(../../Images/BackGroundFadelightgrey.gif) left top repeat-x;}