/*******************************************************************
 *  revampPhase2.Kylie
 *  author:paulBarrett
 *  version:2.1.0
 *  created:020509
 */	 

/*--type selectors-*/    
BODY,SPAN,DIV,FORM,OL,UL,P,TD,TH,EM,SUP{
    font-family:verdana,helvetica,arial,sans-serif;
    color:#000000;
    font-size:12px;    
}
INPUT,TEXTAREA,SELECT{
    font-size:11px;        
}
STRONG{
    font-weight:bold;
    font-style:normal;
}
EM{
    font-weight:normal;
    font-style: italic;
}
UL,OL{
    margin-bottom:10px;
    margin-top:auto;
}
UL{
    list-style-type:disc;
}
OL{
    list-style-type:decimal;
}
/*--pseudo class selectors-*/    
A,A:link,A:active{
    color:#C10000;
    font-weight:normal;
    text-decoration:underline;
}
A:visited{
    color:#C10000;
}
A:hover{
    color:#C10000;
}
A.function,A.function:link,A.function:active,A.function:visited{
    color:#C10000;
    font-weight:normal;
    text-decoration:none;
}
A.function:hover{
    font-weight:bold;
}    
.footer A,.footer A:link,.footer A:active,.footer A:visited,.footer A:hover{
    color:#ffffff;
    font-weight:normal;
    text-decoration:none;
}
/*--class selectors-*/    
DIV.tagLine{
    color:#999999;  
    font-size:14px;
    font-weight:bold;
    margin-bottom:20px;  
}
DIV.pageTitle{
    color:#c10000;  
    font-size:12px;
    font-weight:bold;
    margin-bottom:16px;
}
DIV.secHeader{
    font-weight:bold;  
    margin-bottom:3px;      
}
DIV.header{
    font-weight:bold;
    margin-bottom:12px;
}
DIV.subHeader{
    color:#666666;  
    font-weight:bold;
    margin-bottom:6px;
}
.arrow{
    color:#C10000;
}
.cptn{
    font-size:10px;
}
.sideText{
    font-size:11px;
}
.err{
    color:#FF7422;
    font-weight:bold;
}
.selected{
    color:#003300;
    font-weight:bold;   
}
.textInverse{
    color:#ffffff;    
}
.hlight{
    background-color:#e5e5e5;
    border:none;
}
.form{
    background-color:#e5e5e5;
}
.form2{
    background-color:#f7f7f7;
}
.formHeader{
    background-color:#859199;
}
.ln{
    background-color:#000000;
    border:none;
}
.ln2{
    background:url(/img/img_pixel_dotted.gif);
    border:none;
}
.lnInverse{
    background-color:#ffffff;
    border:none;
}
.lnBevelDark{
    background-color:#999999;
    border:none;
}
.lnBevelWhite{
    background-color:#ffffff;
    border:none;
}
/*--contextual selectors-*/    

UL UL, OL UL{
    list-style-type:square;
}
UL UL, OL UL, OL OL, UL OL{
    margin-bottom:auto;
}
OL OL OL, UL UL UL, OL OL UL, OL UL UL, OL UL OL, UL UL OL, UL OL OL{
    list-style-type:circle;
    margin-bottom:auto;    
}

/*******************************************************************
 *  IMPORTANT! (header css): controls backgrounds of various header 
 *  elements. This defines the default of all such elements
 */	    
 
TD.funcMenu{
    background-color:#ffffff;
}
TD.helpMenu{
    background-color:#ffffff;
}    
TD.custMenu{
    background-color:#e5e5e5;
}            
.headerBackground{
    background-color:#C10000;
}  
.lnBreadCrumb{
    background-color:#C10000;
}
.footer{
    font-size:10px;
    color:#ffffff;
}

A.headerMenu:link     { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}
A.headerMenu:visited  { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}
A.headerMenu:active   { color: #FFFFFF; font-size: 10px; font-weight: bold; text-decoration: none;}
A.headerMenu:hover    { color: #CCCCCC; font-size: 10px; font-weight: bold; text-decoration: none;}

.headerMenu           
{ 
	color: #FFFFFF; 
	background-color: #C10000; 
	font-size: 10px; 
	font-weight: bold; 
	text-decoration: none;
}

A.footerMenu:link     { color: #FFFFFF; font-size: 9px; font-weight: normal; text-decoration: none;}
A.footerMenu:visited  { color: #FFFFFF; font-size: 9px; font-weight: normal; text-decoration: none;}
A.footerMenu:active   { color: #ffffff; font-size: 9px; font-weight: normal; text-decoration: none;}
A.footerMenu:hover    { color: #cccccc; font-size: 9px; font-weight: normal; text-decoration: none;}
.footerMenu
{
	font-weight: normal;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	background-color:#C10000;
}


.DataGridItem
{
	font-size: 12px;
	color: #000000;
	font-family: verdana,helvetica,arial,sans-serif;
	background-color: white;
}

.DataGridHeader
{
	font-weight: bolder;
	font-size: 15px;
	color: white;
	font-family: verdana,helvetica,arial,sans-serif;
	background-color: #C10000;
	font-variant: normal;
}
.DeliveryInfoHeader
{
	font-weight: bolder;
	font-size: 22px;
	color: #C10000;
	font-family: verdana,helvetica,arial,sans-serif;
	background-color: white;
	font-variant: normal;
}
.DeliveryInfoBody
{
	font-weight: bolder;
	font-size: 15px;
	color: #C10000;
	font-family: verdana,helvetica,arial,sans-serif;
	background-color: white;
	font-variant: normal;
}
.SpecialInstructions
{
	font-weight: bolder;
	font-size: 15px;
	color: white;
	font-family: verdana,helvetica,arial,sans-serif;
	background-color: Gray;
	font-variant: normal;
}

.ErrorMessage
{ 
	font-weight: bolder;
	font-size: 12px;
	color: red;	
	font-family: verdana,helvetica,arial,sans-serif;
	font-variant: normal;	
}
.PostCodeUpdate
{
	background-color:LemonChiffon;
}

.AlertTD
{
	background-color:Lime;
}
.MidHeader
{
	background-color:"#f7f7f7";	
	color:#000000;
	font-weight: normal;
	font-family: verdana,helvetica,arial,sans-serif;
}

.MidHeaderBold
{
	background-color:"#f7f7f7";	
	color:#000000;
	font-weight: bold;
	font-family: verdana,helvetica,arial,sans-serif;
}
.TableItem
{
	background-color:"#F7F7F7";	
	font-family: verdana,helvetica,arial,sans-serif;
}

.QButton
{
	background-color:"#C10000";	
	font-family: verdana;
	font-size:10px;
	height:18px;
	color:White;
	font-weight: normal;
	border-width:0;
}
A.QButton:link     { color: #FFFFFF; background-color: #C10000; font-size: 11px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.QButton:visited  { color: #FFFFFF; background-color: #C10000; font-size: 11px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.QButton:active   { color: #003300; background-color: #C10000; font-size: 11px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.QButton:hover    { color: #003300; background-color: #C10000; font-size: 11px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}


.FinePrint
{
	font-family: verdana,helvetica,arial,sans-serif;
	font-size: 9px;	
}

.ProductCardHeader
{
	background-color:"#FFFFFF";		
	font-weight: bolder;
	font-family: verdana,helvetica,arial,sans-serif;
}
.ReceiptMidHeader
{		
	font-weight: bolder;
	font-family: verdana,helvetica,arial,sans-serif;
}

.hr_dashed
{
	display:block;
	border-bottom-style:dashed;
}

.tr_Receipt_Separator
{
	font-weight: bolder;
	font-family: verdana,helvetica,arial,sans-serif;
	border:1;
	border-top-style:dashed;
	border-top-color:Black;
	color:Black;
}
.tr_Receipt_Separator_Small
{
	border:1;
	border-bottom-style:dashed;
	border-bottom-color:Black;
}


.SimpleText
{
    font-family:verdana,helvetica,arial,sans-serif;
}

.subHeaderText{
    font-size:14px;
    color:#C10000;
    font-weight:normal;
    text-decoration:none;
    font-weight: bold;
}
.StepsText{
    font-size:12px;
    color:#C10000;
    text-decoration:none;
    font-weight: bold;
}


.BodyBgColor
{
	background-color:#CCCCCC;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
}

.MainTableBgColor
{
	background-color:#FFFFFF;
}
.MainTableHeight
{
	height:475;
}


.ActivePageText
{
	font-size:14px;
    color:#C10000;
    font-weight:normal;
    text-decoration:none;
    font-weight: bold;
	background-color:#FFFFFF;
}

.PassivePageText
{
	font-size:14px;
    color:#999999;
    font-weight:normal;
    text-decoration:none;
    font-weight: bold;
	background-color:#FFFFFF;
}
.PassivePageLink
{
	font-size:14px;
    color:#999999;
    font-weight:normal;
    text-decoration:none;
    font-weight: bold;
	background-color:#FFFFFF;
}

A.PassivePageLink:link     { color: #770000; background-color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.PassivePageLink:visited  { color: #770000; background-color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.PassivePageLink:active   { color: #770000; background-color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}
A.PassivePageLink:hover    { color: #AA0000; background-color: #FFFFFF; font-size: 14px; font-weight: bold; text-decoration: none; text-align:center; vertical-align:middle;}


#topbanners{
    border-color:#f7f7f7;
	background-color:#f7f7f7
}
#topbanners a:link, #topbanners a:visited {
	font-weight: bold;
	color: #21536A;
	background-repeat: no-repeat;
	background-color: #ffffff;
	text-decoration:none;
	
}
#topbanners a:hover{
	color: #C10000;
	background-image:url(img/img_topbanners_highlight.gif);
	font-weight: bold;
	text-decoration: none;
	background-color: #FCF2F2;
}

#categoryLinks{
	margin:0px 0px 0px 0px;
	padding: 0px;
	background-color:#FFFFFF;
}

#categoryLinks h3{
	padding:25px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}

#categoryLinks h5{
	padding:0px 0px 0px 10px;
	margin:0px 0px 0px 0px;
	color:#c10000;
}

#categoryLinks a:link, #categoryLinks a:visited 
{
	padding:0px 15px 0px 0px;
	margin:0px 0px 0px 15px;
	display: block;
	font-weight: bold;
	color:#000000;
	background-repeat: no-repeat;
	text-decoration:none;
}

#categoryLinks a:active 
{
	padding:0px 15px 0px 0px;
	margin:0px 0px 0px 15px;
	display: block;
	font-weight: bold;
	color:#C10000;
	background-repeat: no-repeat;
	text-decoration:none;
}

#categoryLinks a:hover{
	background-image:url(img/img_cat_highlight.gif);
	font-weight: bold;
	text-decoration: none;
	background-color: #FCF2F2;
	text-decoration:none;
}

.NormalBold
{
	font-weight: bold;
	color:#000000;
	text-decoration:none;
}

#tableProductList{
	margin:0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color:#ffffff;
}

#tableProductList a:link, #tableProductList a:visited 
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display: block;
	background-image:none;
	font-weight: normal;
	color:#000000;
	background-repeat: no-repeat;
	text-decoration:none;
}

#tableProductList a:active 
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	display: block;
	font-weight: normal;
	color:#C10000;
	background-repeat: no-repeat;
	text-decoration:none;
}

#tableProductList a:hover
{
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	color:#C10000;
	background-image:none;
	font-weight: normal;
	text-decoration: none;
	background-color: #ffffff;
	text-decoration:none;
}

.ProductCategory {

	font-size:16px;
	font-weight:normal;
	
	color:#c10000;
}
.highlight{
	color:C10000;
}


#selectproduct{
	padding:0px;
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
}
#selectproduct a:link, #selectproduct a:visited {
	background-image:url(img/img_thumbnail_pointer_off.gif);
	padding: 0px 0px 0px 15px;
	color: #21536A;
	background-repeat: no-repeat;
	text-decoration: none;
	background-color:#f7f7f7;
	font-weight:normal;
}
#selectproduct a:hover{
	color: #C10000;
	background-image:url(img/img_thumbnail_pointer_on.gif);
	text-decoration: none;
	background-color:#f7f7f7;
	font-weight:normal;
}

.info{color:#888;
	font-size:9px;
}
.FamilyFeature
{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
}

.textboxQty
{
	text-align:right ;
}

.EmbossField
{
	text-align:center;
	font-weight:bold;
	border-style:solid;
	border-width:1;
	border-color:#a7a7a7;
}

.HeaderTextStyle
{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
}
.BonusTextStyle
{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:justify;
}

.GuaranteeStyle
{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:14px;
	font-weight:normal;
}
.PaymentProcessment
{
	font-family:verdana,helvetica,arial,sans-serif;
	font-size:12px;
	font-weight:normal;
	text-align:justify;
}