/* CSS Document */

/* A tags Link Styles */

/********************************************************/
a:link {
	color: #0000FF;
	text-decoration: none;
     }
a:visited {
     color: #9900CC;
	 text-decoration: none;
     }
a:hover {
     color: #6600CC;
     text-decoration: underline;
     }
a:active {
     color: #0099FF;
	 text-decoration: none;
     }

/********************************************************/
.upsell a:link {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #666666; 
	text-decoration: underline;
	}
.upsell a:visited {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
	}
.upsell a:hover {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
	}
.upsell a:active {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: underline;
	}
	
/********************************************************/		
			
.topnavHeader a:link {
	 width:100%;
	 height:100%;
     color: #FFFFFF;
     text-decoration: none;
     }
.topnavHeader a:visited {
     color: #FFFFFF;
	 text-decoration: none;
     }
.topnavHeader a:hover {
     color:	#000000;
	 background-color: #99CC33;
     }
.topnavHeader a:active {
     color: #3366CC;
     text-decoration: none;
     }
/* this works around IE hover problems */
td.topnavHeader:hover {
	color: #000000;
	background-color: #99CC33;
}

td.topnavHeader
{
	background-color: #9ACD68;
	text-align: center;
	font-weight: bold;
	padding: 1px;
	font-family: Arial;
	font-size: 9pt;
}

/********************************************************/
	 
.topnavHeader2 a:link {
	 color: #FFFFFF;
	 text-decoration: none;
	 }
.topnavHeader2 a:visited {
     color: #FFFFFF;
     text-decoration: none;
     }
.topnavHeader2 a:hover {
	 color:	#000000;
	 background-color: #99CC33;
     }
.topnavHeader2 a:active {
     color: #3366CC;
     text-decoration: none;
     }
/* this works around IE hover problems */
td.topnavHeader2:hover {
	 color:	#000000;
	 background-color: #99CC33;
}

td.topnavHeader2
{
	background-color: #336633;
	text-align: center;
	font-weight: bold;
	/*border-right: solid 1px black;
	border-bottom: solid 1px black;*/
	padding: 1px;
	font-family: Arial;
	font-size: 9pt;
	color: White;
} 
/********************************************************/

/********************************************************/
	 
.topnavHeader3 a:link{
	 width:100%;
	 height:100%;
     /*color: #0000FF;*/
	 color: #0000FF;
     text-decoration: none;
     }
.topnavHeader3 a:visited{
     color: #0000FF;
	 text-decoration: none;
     }
.topnavHeader3 a:hover{
     color:	#000000;
	 background-color: #99CC33;
     }
.topnavHeader3 a:active{
     color: #3366CC;
     text-decoration: none;
     }
/* this works around IE hover problems */
td.topnavHeader3:hover{
	color: #000000;
	background-color: #99CC33;
}

td.topnavHeader3
{
	background-color: #9ACD68;
	text-align: center;
	font-weight: bold;
	padding: 1px;
	font-family: Arial;
	font-size: 9pt;
}

	 
/********************************************************/
	
	
 .footNavMenu a:link {
	 color: #000000;
	 text-decoration: none;
	 }
.footNavMenu a:visited {
     color: #000000;
     text-decoration: none;
     }
.footNavMenu a:hover {
	 color:	#FFFFFF;
	 background-color: #336633;
     }
.footNavMenu a:active {
     color: #3366CC;
     text-decoration: none;
     }
/* this works around IE hover problems */
td.footNavMenu:hover {
	color:	#000000;
	background-color: #336633;
}

/********************************************************/
/********************************************************/
/********************************************************/

.leftnavHeader a:link {
	color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
     }
.leftnavHeader a:visited {
	 color: #FFFFFF;
	 text-decoration: none;
     }
.leftnavHeader a:hover {
     color: #FFFFFF;
     text-decoration: underline;
     }
.leftnavHeader a:active {
     color: #FFFFFF;
	 text-decoration: none;
     }

/********************************************************/
/********************************************************/
.leftnavData a:link {
	width:100%;
	height:100%;
	text-decoration:none;
	cursor: pointer;
	color:#000000;
}
.leftnavData a:visited {
	width:100%;
	height:100%;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
 }
 .leftnavData a:active {
 	 width:100%;
	 height:100%;
     color: #3366CC;
     text-decoration: none;
	 cursor: pointer;
}
.leftnavData a:hover {
	width:100%;
	height:100%;
	color: #FFFFFF;
	background-color: #A9B5CB;
	cursor: pointer;
}
td.leftnavData
{
	width:100%;
	height:100%;
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial;
	padding: 0px;
	margin: 0px
}
td.leftnavData:hover {
	width:100%;
	height:100%;
	color: #FFFFFF;
	background-color: #A9B5CB;
	cursor: pointer;
}

/********************************************************/
.rightnavData a:link {
	width:100%;
	height:100%;
	text-decoration:none;
	cursor: pointer;
	color:#000000;
}
.rightnavData a:visited {
	width:100%;
	height:100%;
	color: #000000;
	text-decoration: none;
	cursor: pointer;
 }
 .rightnavData a:active {
     color: #3366CC;
     text-decoration: none;
	 cursor: pointer;
}
.rightnavData a:hover {
	width:100%;
	height:100%;
	color: #FFFFFF;
	/*#336633*/
	background-color: #9ACD68;
	cursor: pointer;
}
td.rightnavData
{
	width:100%;
	height:100%;
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial;
	text-align: left;
	padding: 0px;
	margin: 0px
}
td.rightnavData:hover {
	width:100%;
	height:100%;
	color: #FFFFFF;
	background-color: #9ACD68;
	cursor: pointer;
}

/********************************************************/
a.feedback:link {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #0033FF; 
	text-decoration: underline;
	}
a.feedback:visited {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #9900CC;
	text-decoration: underline;
	}
a.feedback:hover {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #990000;
	text-decoration: underline;
	}
a.feedback:active {
	font-family: Times New Roman, Times, serif;
	font-size: 12px;
	color: #9900CC;
	text-decoration: underline;
	}

/********************************************************/
/********************************************************/	 
/********************************************************/	 
	 
.footImage a:link {
	/*color: #FFFFFF;*/
    text-decoration: none;
 }
.footImage a:visited {
	 color: #FFFFFF;
	 text-decoration: none;
 }
.footImage a:hover {
     color: #0000FF;
     text-decoration: underline;
}
.footImage a:active {
     color: #3366CC;
     text-decoration: none;
}
	 
/********************************************************/	 
	 
/* BODY tags */
body
{background-color: White;}


/* P tag styles */
p.textbox
{
	position: absolute;
	top: 1.25in;
	left: 5.5in;
	background-color: #CCCCCC;
	padding: 2px;
	width: 1.5in;
	font-size: 8pt;
}

p.help
{
	text-indent:20px;
	MARGIN-LEFT: 0.5in;
	MARGIN-RIGHT: 0.5in;
	text-align:justify;
}

p.navy
{
	text-indent:20px;
	MARGIN-LEFT: 0.5in;
	MARGIN-RIGHT: 0.5in;
	text-align:justify;
	color:Navy;
}

/* DIV tag styles*/

/* Class styles*/
.footText{
	padding: 1px;
	text-align: center;
}

/********************************/
/* TEXT BACKGROUND COLOR OPTIONS*/
/********************************/
.BGWhite{
	background-color: #FFFFFF;
}
.BGBlack{
	background-color: #000000;
}
.BGRed{
	background-color: #FF0000;
}
.BGBlue{
	background-color: #0000FF;
}
/*********************/
/* TEXT COLOR OPTIONS*/
/*********************/
.White{
	color: #FFFFFF;
}
.Black{
	color: #000000;
}
.Red{
	color: #FF0000;
}
.Blue{
	color: #0000FF;
}
/********************/
/* TEXT FONT OPTIONS*/
/********************/
.Arial{
	font-family: Arial;
}
.Helvetica{
	font-family: Helvetica;
}
.GillSans{
	font-family: Gill Sans;
}
.Lucida{
	font-family: Lucida;
}
.Times{
	font-family: Times New Roman, Times, serif;
}
.Palatino{
	font-family: Palatino;
}
.Bookman{
	font-family: Bookman;
}
.Courier{
	font-family: Courier New, Courier, mono;
}
.Monospace{
	font-family: Monospace;
}
.Florence{
	font-family: Florence;
} 
.Impact{
	font-family: Impact;
}
.Parkavenue{
	font-family: Parkavenue;
}
.Georgia{
	font-family: Georgia, Times New Roman, Times, serif;
}
.Verdana{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.Geneva{
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
.Serif{
	font-family: serif;
}
.SansSerif{
	font-family: sans-serif;
}



/***********************************/
/* TEXT FONT WEIGHT & STYLE OPTIONS*/
/***********************************/
.Bold{
	font-weight: bold;
}
.Normal{
	font-weight: normal;
	font-style: normal;
}
.Italic{
	font-style: italic;
}
.Oblique{
	font-style: oblique;
}  
/********************/
/* TEXT SIZE OPTIONS*/
/********************/
.Size6{
	font-size: 6pt;
}
.Size7{
	font-size: 7pt;
}
.Size8{
	font-size: 8pt;
}
.Size9{
	font-size: 9pt;
}
.Size10{
	font-size: 10pt;
}
.Size11{
	font-size: 11pt;
}
.Size12{
	font-size: 12pt;
}
.Size13{
	font-size: 13pt;
}
.Size14{
	font-size: 14pt;
}
.Size15{
	font-size: 15pt;
}
.Size16{
	font-size: 16pt;
}
.Size17{
	font-size: 17pt;
}
.Size18{
	font-size: 18pt;
}
/*********************/
/* FONT tags */
font.smallFont
{
	font-size: small;
	color: Black;
}
/*********************/

/* Span tag styles */
.headerSearch{
	position: absolute;
	left: 11%;
	top: 15%;
}


/* TABLE tag styles */
table { empty-cells: show; }

table.mainTBL{
	/*border: 1px solid black;
	background-color: #F8F8F8;*/
}

table.bodyTBL{
	width: 100%;
	height: 100%;
	text-align: center;
}

table.topnavTBL
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
	/*width: 800px;*/
}

.colorTest{
	border-color:#E2E2E2;
}

table.leftnavTEST2
{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-width: 1px;
	border-right-style: solid;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-collapse: separate;
	border-spacing: 2px;
	vertical-align: top;
	width: 130px;
}

table.leftnavTBL
{
	/* #E2E2E2 #CCCCCC*/
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;
	border-collapse: separate;
	border-spacing: 2px;
	vertical-align: top;
	width: 130px;
}

table.rightnavTBL
{
	/* #C4E59C #99CC66*/
	border-bottom: 1px solid #C4E59C;
	border-right: 1px solid #C4E59C;
	border-left: 1px solid #C4E59C;
	border-top: 1px solid #C4E59C;
	border-collapse: separate;
	border-spacing: 2px;
	vertical-align: top;
	width: 180px;
}

table.rightUpsellTBL
{
	/* #C4E59C #99CC66*/
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
	vertical-align: top;
	width: 115px;
}

table.scUpsellTBL
{
	/* #C4E59C #99CC66*/
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
}

table.footnavTBL
{
	/* #F2CC81 #F4CA66* #EFD39C */
	border-bottom: 1px solid #EFD39C;
	border-right: 1px solid #EFD39C;
	border-left: 1px solid #EFD39C;
	border-top: 1px solid #EFD39C;
	border-collapse: separate;
	border-spacing: 5px;
	/*width: 115px;
	99CB66*/
}

table.topNavLinkTBL
{
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;
	border-collapse: separate;
	border-spacing: 2px;
}

table.footnavLinks
{
	border-bottom: 1px solid #C4E59C;
	border-right: 1px solid #C4E59C;
	border-left: 1px solid #C4E59C;
	border-top: 1px solid #C4E59C;
	border-collapse: separate;
	border-spacing: 2px;
	background-color: #9ACD68;

}

table.bodyTBL
{
	width: 370px;
}

table.scartTBL
{
	/*
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
	*/
}

table.contactTBL
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-collapse: separate;
	border-spacing: 2px;
}

table.hUpsellTBL
{
	border: 1px solid #ccc;
	border-collapse: separate;
}

table.hUpsellTBL td{margin: 0 3px;}

/*
	border-bottom: 1px solid #E2E2E2;
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;
	border-collapse: separate;
	border-spacing: 2px;
	vertical-align: top;
	width: 130px;
*/

.singleBlack
{
	border: 1px solid #000000;
	border-collapse: collapse;
}

.singleGrey
{
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.singleGreen
{
	border: 1px solid #C4E59C;
}

/* TR tag styles */
tr.data
{

}

tr #borderSingleBlack
{ 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

/*
tr.scartTR
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
*/

/* TD tag styles */
/*
 NOTE:
 scartTD, scartTD2, scartTD3, scartTD4 are used to provide a thin line around the shopping
 cart table while keeping all of the pages buttons aligned. 
*/
td.scartTD
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
td.scartTD2
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}
td.scartTD3
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}
td.scartTD4
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
td.scartTD5
{
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
td.scartTD6
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
td.scartTD7
{
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 0px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
td.scartTD8
{
	border-bottom: 0px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}

td.scartTD9
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 0px solid #CCCCCC;
}



td.scUpsellTD
{
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}


td.leftnavTD
{	
	text-align: left;
	vertical-align: top;
	width: 130px;
}

td.rightnavTD
{	
	vertical-align: top;
	text-align: right;
	width: 180px;
}

td.rightnavTD2
{	
	vertical-align: top;
	text-align: right;
	width: 80px;
}


/*
td.topnavHeader
{
	background-color: #9ACD68;
	text-align: center;
	font-weight: bold;
	padding: 1px;
	font-family: Arial;
	font-size: 9pt;
	color: White;
}
*/

td.footNavMenu
{
	background-color: #9ACD68;;
	text-align: center;
	/*font-weight: bold;
	border-right: solid 1px black;
	border-bottom: solid 1px black;*/
	padding: 1px;
	font-family: Arial;
	font-size: 9pt;
	color:	#000000;
}

td.leftnavHeader
{
	background-color: #A9B5CB;
	text-align: center;
	font-weight: bold;
	/*border-right: solid 1px black;
	border-bottom: solid 1px black;*/
	padding: 1px;
	font-family: Arial;
	color: White;
}

td.rightnavHeader
{
	background-color: #9ACD68;
	text-align: center;
	font-weight: bold;
	/*border-right: solid 1px black;
	border-bottom: solid 1px black;*/
	padding: 1px;
	font-family: Arial;
	color: White;
}
	
td.normalData
{
	font-family: Courier;
	font-weight: normal;
	font-size: 12pt;
	padding: 3px;
}

/*
td.leftnavData
{
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial;
	padding: 0px;
	margin: 0px
}


td.rightnavData
{
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial;
	padding: 3px;
}
*/

/* HR tag styles */
hr
{
	height: 1px;
	color: Black;
}

/* IMG tag styles */
img.thumb
{
	/*border: #cccccc 1px solid;	*/
	width: 65px;
	height: 100px;	
}

img.upsell
{
	/*border: #cccccc 1px solid;
	width: 100px;
	height: 155px;
	*/
	width: 65px;
	height: 100px;	
}

img.detail
{
	/*border: #cccccc 1px solid;	*/ 
	width: 200px;
	height: 310px;	
}

img.zoom
{
	/*border: #cccccc 1px solid;	*/
	width: 500px;
	height: 770px;	
}


	
/* CLASS styles */	
.banner img {display: block;}
.monospace {
	font-family: verdana, arial, helvetica, sans-serif; font-size: 9pt;
	/*
	padding: 0px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	vertical-align: middle;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	border-left: 1px solid white;
	*/
	}
.error, .alert {
	color: #FF0000;
	font-family: Arial;
	font-weight: normal;
	font-size: 10pt;
	}	
input.normal {background-color: #FFFFFF;}
input.error {background-color: #FFC0CC;}

ul.tealeaf{
    margin: 0; /*removes indent IE and Opera*/
    padding: 0; /*removes indent Mozilla and NN7*/
    list-style-type: none; /*turns off display of bullet*/
}

ul.tealeaf li{
  background: url(../images/tealeaf.gif) left 4px no-repeat;
  padding-left: 20px;
  margin-bottom: 10px;
}

.longE{background: url(../images/blackDot.gif) repeat-x 3px left;}