body, p, span, td, div,th {
	font-family:   Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.SUBodyBG{
	background:url(../../Images/bg.jpg) left top repeat-x;
	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;
}

h1.Essentials
{
	font-size:58px;
	color:#292B75;
	margin-bottom:0px;
	padding-bottom:0px;
}
h2.Essentials
{
	font-size:24px;
	color:#292B75;
	margin-bottom:0px;
	padding-bottom:10px;
}

.bodyTxt, div { color: #555555; }
.smallTxt 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 10px;
}
.vatTxt 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 9px;
}
.bodyTxtBlue { color: #000099; }

.warnTxt, .error { color:Red; }
.titleTxt {	font-weight:bold; }
.frmButton {
	font-size: 11px;
	color: #ffffff;
	border: 1px solid #777777;
	font-weight: normal;
	height: 22px;
	width: 100px;
	background: url(../../Images/BackgroundFade.gif); 
}
.frmButton:hover{	background: url(../../Images/BackgroundFade_Hover.gif); }
.frmButtonAutoSize {
	font-size: 11px;
	color: #ffffff;
	border: 1px solid #777777;
	font-weight: normal;
	height: 22px;
	background: url(../../Images/BackgroundFade.gif); 
}
.frmButtonAutoSize:hover{	background: url(../../Images/BackgroundFade_Hover.gif); }
.frmButtonEssentials {
	font-size: 12px;
	color: #ffffff;
	border: 1px solid #777777;
	font-weight: normal;
	height: 35px;
	width:180px;
	background: url(../../Images/BackgroundFade.gif); 
}
.frmButtonEssentials:hover{	background: url(../../Images/BackgroundFade_Hover.gif); }

.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;
}
hr { border-bottom:solid 1px white; }

.frmItemNoBrd {
	font-size: 10px;
	color: #666666;
	background-color: #FFFFFF;
	border: 1px none #FFFFFF;
}
.Page {
	background:url(../../Images/bg-Page.gif) left top repeat-x;
}
.SiteTitle {
	font-size: 20px;
	color: #FFFC00;
}
.SiteSubHeader{ 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;
}
.breadcrumbTrail, .breadcrumbTrail span
{
	font-size: 11px;
	padding-top:8px;
	padding-bottom:7px;
	padding-left:3px;
	font-weight:bold;
}

/* ----------------------- */
/* Side-panel feature areas */
/* ----------------------- */

/* Side panel containers */
.SidePanelLeft, .SidePanelFeatureLeft, .SidePanelFeatureTwoLeft, .SidePanelRight, .SidePanelFeatureRight, SidePanelFeatureTwoRight
{
	width:200px;
	padding-bottom:8px;
}
.SidePanelLeft { background:url(../../Images/SidePanelLeft.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; }
.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, 
.SidePanelFeatureLeft .Heading, 
.SidePanelFeatureTwoLeft .Heading
{
	color: #FFF100;
	font-weight:bold;
	width:169px;
	padding: 19px 0px 12px 10px;
}
.SidePanelRight .Heading, 
.SidePanelFeatureRight .Heading,
.SidePanelFeatureTwoRight .Heading
{
	color: #FFF100;
	font-weight:bold;
	width:169px;
	padding: 19px 0px 18px 32px; 
}

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

.SidePanelLeft .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
{
	padding: 0px 0px 0px 32px; 
	font-size:11px;
}

.SidePanelTab {
	padding:13px 0px 10px 10px;
	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:50px;
}
.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:12px;
}
.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;
}
.SearchPanelHeader
{
	color: #FFF100;
	padding: 10px 0px 5px 10px;
	background: url(../../Images/PageHeader.jpg) left top no-repeat;
	width:100%;
	font-size:12px;
}
.SearchPanelContent {
    border-left:solid 1px #33328f;
    border-right:solid 1px #33328f;
    border-bottom:solid 1px #33328f;
    background:url(../../images/searchPanelBG.jpg);
}
.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;}
.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.PaddedLinkList { line-height:20px; }

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

a:link { color: #666666; text-decoration: none; }
a:visited { color: #666666; text-decoration: none; }
a:active { color: #666666; text-decoration: none; }
a { color: #666666; 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;
}
.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, #divBannerHeader {padding:2px;border:solid 1px silver;margin-top:1px; background:url(../../Images/BackGroundFadelightgrey.gif) left top repeat-x;}
#divBannerHeader {height:16px;}

 .EssentialsTab, 
 .EssentialsTabSelected
 {
 	width:188px;
 	height:56px;
 	text-align:center;
 	vertical-align:middle;
	margin-top:15px;
	padding-top:5px;
 }
 
 .EssentialsTab
 {
 	background: url('../../images/LargeTabOff.jpg') no-repeat;
 }
 .EssentialsTabSelected
 {
 	background: url('../../images/LargeTabOn.jpg') no-repeat;
 }
 .EssentialsTable h2
 {
 	color:#000000;
 	font-size:20px;
 }
 .EssentialsTab a
 {
 	margin-top:5px;
 	color:#fbf61e;
 	font-weight:bold;
 	font-size:30px;
 }
 .EssentialsTabSelected a
 {
 	margin-top:5px;
 	color:#fbf61e;
 	font-weight:bold;
 	font-size:30px;
 }
 .EssentialsTable
 {
 	border-bottom:solid 1px #32357a;
 	border-left:solid 1px #32357a;
 	border-right:solid 1px #32357a;
 	/* background:#bbc2cd; */
 }
 .EssentialsHeader
 {
 	background:#32357a;
 	color:#fbf61e;
 	font-size:20px;
 	font-weight:bold;
 }
 .EssentialsImage
 {
 	margin-right:7px;
 	margin-bottom:10px;
 	border:solid 5px #000000;
 	cursor:pointer;
 }
 .EssentialsView
{
	cursor:pointer;
}
.EssentialsType
{
	width:225px;
	font-size:11px;
}
table .EssentialUpgrades tr
{
	height:28px;
}