﻿/* Confirmation Page styles */
    
  div.box1, table.box1
    {
        padding: 10px 1000px 10px 10px;
        text-align: left;
    }

    

    div.box-body1, td.box-body1
    {
        padding: 6px;
        border:  solid  1px  #4e526d ;
        border-top: none;
        text-align: left;
        line-height:20px;
        font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#ffffff;
    }
    
     td.box1
    {
        vertical-align:top
    }
    
    .GridHeader, .box-header1
	{
		font-weight: bold;
		background-color: #4e526d;
		padding: 10px 10px 10px 10px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#ffffff;
	}
	
	.GridCells
	{
		padding-right:10px;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#000000;
		text-align:left;
		
	}
	
	.GridCellPrices
	{
		padding-right:10px;
		padding-left:10px;
		padding-top:5px;
		padding-bottom:5px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		color:#000000;
		text-align:right;
		
	}
	
a.linkButton:visited {color:#000000;text-decoration: underline;font-size: 12px;}
a.linkButton:link {color:#000000;text-decoration: underline;font-size: 12px;}
a.linkButton:active {color:#000000;text-decoration: underline;font-size: 12px;}
a.linkButton:hover {color:#000000;text-decoration: underline;font-size: 12px;}

.GridHeader a
{
    color:#000000;           
    font-weight:bold;
    font-size: 12px;
}

.GridHeader a:active
{
    color:#000000;           
    font-weight:bold;
    font-size: 12px;
}

.GridPager
{
    color:#ffffff;                
    font-weight:bold;
}

.GridPager a
{
    color:#ffffff;               
    font-weight:normal;
}

/*a:link      { color:red; text-decoration:underline; }
a:visited   { color:red; text-decoration:underline; }
a:hover     { color:green; text-decoration:underline; }
a:active    { color:red; text-decoration:underline; } */




/* Sign In Page styles */
div.box, table.box
    {
        padding: 10px 900px 10px 10px;
         
    }

    div.box-header, td.box-header
    { 
        border:  solid  1px  #BBBBBB;
        font-size: larger;
        padding: 4px;
        background-color: #4E94EE;
        color: #FFFFFF;
        font-weight: bold;
        text-align: left;
    }
   

    div.box-body, td.box-body
    {
        padding: 10px 10px 0px 12px;
        border:  solid  1px  #BBBBBB ;
        border-top: none;
        text-align: left;
        
    }

    
/* General styles */
body {
}
.NormalText
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}
.NormalBold
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	/*font-weight: bold; */
	 height:25px; 
}
.NormalTextBox
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}  

.SmithProdtext
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#000000
}
.SmithCartTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#FFFFFF
}
.SmithTitle
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: underline;
}
.SmithBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#ffffff;
	font-weight: bold;
}

.SmithLargeBold
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
	color:#ffffff;
	font-weight: bold;
}

.SmithUnderline
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	color:#ffffff;
	text-decoration: underline;
}

.SmithItalics
{
    font-family:  Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-style: italic; 
}

.SmithRequiredText
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}

/* Product list styles */
.SmithNavigation
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
	color:#000000
}

.ProductList
{
	background-color: #ffffff
}


/* Cart styles */
td.CartHeader { background: transparent; }

.CartHeadText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	
}

.CartHeadText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
	color:#FFFFFF;
	font-weight: bold;
	
}

.CartCells
{
padding: 10px 10px 10px 10px!important;
}

.btnface
{
	color:#000000
}


/* Step 1 page styles */
.Step1Head
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold; 
	text-align:left
	  
}

.subhead2
{
	font-weight: bold; 
	text-align:left  
}


/* Product details page styles */
.VariantLabel
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000000
}


/* Invoice styles */
.InvoiceTitle
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	text-align:left;
}

/* Report styles */
.cssMain{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}

.Clean{ font-family: Tahoma, Arial, Helvetica; font-size: 11px; } 
.Clean td{border-bottom: 1px solid #ededed; }
.CleanTitle{ font-family: Tahoma, Arial, Helvetica; color: #3C418B; font-weight: bold; border: 1px solid #99BBE8;  background-image:url( /images/tbl_title.gif ); background-repeat:repeat-x; }
.CleanHeaderOff{ font-family: Tahoma, Arial, Helvetica; border-right: 1px solid #d0d0d0;  border-bottom: 1px solid #d0d0d0; background-image:url( /images/tbl_HeaderOff.gif ); background-repeat:repeat-x; }
.CleanHeaderOn{ font-family: Tahoma, Arial, Helvetica; border-right: 1px solid #AACCF6;  font-weight: bold; border-bottom: 1px solid #AACCF6; background-image:url( /images/tbl_HeaderOn.gif ); background-repeat:repeat-x; color: #3333CC }
.CleanRowOff{ font-family: Tahoma, Arial, Helvetica; border-bottom: 1px solid #ededed;  }
.CleanRowOn{ font-family: Tahoma, Arial, Helvetica; border-bottom: 1px solid #ededed;  background-image:url( /images/tbl_On.gif ); background-repeat:repeat-x;}

.tableTitle{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 13px; COLOR: #444444; FONT-WEIGHT: bold; } 

.tableHeader{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 12px; COLOR: #444444; FONT-WEIGHT: bold; BORDER-BOTTOM: 2px solid black }

.tableHeaderSmall{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 11px; COLOR: #444444; FONT-WEIGHT: bold; BORDER-BOTTOM: 2px solid black }

.tableHeaderVerySmall{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 10px; COLOR: #444444; FONT-WEIGHT: bold; BORDER-BOTTOM: 2px solid black }

.tableRow{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 11px; BORDER-BOTTOM: 1px solid gray}

.tableRowSmall{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 11px; BORDER-BOTTOM: 1px solid gray}

.tableRowVerySmall{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 10px; BORDER-BOTTOM: 1px solid gray}

.orderRow{ FONT-FAMILY: Tahoma, Arial, Helvetica; FONT-SIZE: 11px; BORDER-BOTTOM: 1px solid gray; CURSOR: pointer; }

.StoreMenu
    {
        font-size: 16px;
        font-weight: bold;
        background: white;
        width: 600px;
    }


/* GENERIC */
H1
{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	color: #ffffff;
}

H2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color: #666644;
}

H3
{
	font-family: Arial, Helvetica, sans-serif !important;
	font-size: 22px!important;
	font-weight: normal!important;
	color:#ffffff!important;
}

H4
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #003366;
}

H5, DT
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}

H6
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #003366;
}


/* contact form */
.contact-form { width: 600px; border-collapse: collapse; }
.contact-form td { padding: 0px 18px 16px 0px !important; }
.contact-form .text-field-medium { width: 280px; color: #fff; border: 1px solid #505059; background: url(images/content-form-field-bg.gif) no-repeat right top; padding: 7px 10px; font: 12px Arial, Helvetica, sans-serif; }
.contact-form .text-field-small { width: 120px; color: #fff; border: 1px solid #505059; background: url(images/content-form-field-bg.gif) no-repeat right top; padding: 7px 10px; font: 12px Arial, Helvetica, sans-serif; }
.contact-form .text-area { width: 601px; height: 80px; color: #fff; border: 1px solid #505059; background: url(images/content-form-field-bg.gif) no-repeat right top; padding: 7px 10px; font: 12px Arial, Helvetica, sans-serif; }
.contact-form .check-box td, .contact-form .radio-buttons td { padding: 0px 18px 3px 0px; }
.contact-form .check-box td input { margin: 0px 4px 0px 0px; }

