/******************************************
			Tag Classes
******************************************/

body {
margin:0px;
padding:0px;
}

p { 	margin-top: 0px; 	margin-bottom: 12px;  }
price { 	margin-top: 0px; 	margin-bottom: 0px;  }
ul {
	margin-left: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-bottom: 8px;
}
ol {
	margin-left: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-bottom: 8px;
}

li {  margin-top: 0px;  margin-bottom: 5px;  }

hr {
	border-top: 1px solid #ccc;
	border-bottom: 1px none;
	border-right: 1px none;
	border-left: 1px none;
	background-color: #fff;
   height: 1px;
}
/*td { vertical-align: top; } This style is buggy and may not work properly. */

/******************************************
			Header Classes
******************************************/
h1 {
	color: #794500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 3px;
}
h2 {
	color: #794500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 10px;
	padding-top: 0px;
	margin-bottom: 5px;
}
h3 {
	color: #794500;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: 3px;
	margin-bottom: 8px;
	font-weight: normal;
	margin-left: 3px;
}


/******************************************
			Background Classes
******************************************/
.bg-black { background-color: #000000; }
.bg-white { background-color: #FFFFFF; }
.bg-green { background-color: #c9d6a6; }
.bg-ltgreen { background-color: #f3f5ec; }
.bg-tan { background-color: #efe0c7; }


.bg_hp_maincontent {background-image:url(images/flash_homepage.jpg); background-repeat:no-repeat; background-position: top right; height: 327px;}
.bg-grnbox_midback {background-image:url(images/interior_grnbox_midback.gif); background-repeat:repeat-y;}
.bg-whtbox_midback {background-image:url(images/interior_whtbox_midback.gif); background-repeat:repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: 666666;}
.bg-whtbox_midback p {
	padding:10px;
    
}
.bg-whtbox_midback a:link {color:#666666;font-weight:normal;text-decoration:none;}
.bg-whtbox_midback a:visited
{color:#666666;font-weight:normal;text-decoration:none;}
.bg-whtbox_midback a:hover {color:#666666;font-weight:normal;text-decoration:underline;}
.bg-whtbox_midback a:active {color:#666666;font-weight:normal;text-decoration:underline;}
.bg-sp_footer { background-image:url(images/bg_sp_footer.gif); background-position:top; background-repeat:repeat-x;}
.bg-topnav { background-image:url(images/bg_sp.gif); background-position:top; background-repeat:repeat-x;}
.bg-hp_footer { background-image:url(images/bg_hp_footer.gif); background-position:top; background-repeat:repeat-x;}
.bg-signin { background-image:url(images/signin_bubble.gif); background-position:right; background-repeat:no-repeat;}
.bg-functionnav { background-image:url(images/function_nav_backdrop.gif); background-repeat:repeat-x;}
.bg-mainnavleft { background-image:url(images/mainnav_left.gif); background-repeat:repeat-y;}
.bg-mainnavrt { background-image:url(images/mainnav_rt.gif); background-repeat:repeat-y;}
.bg-mainnavbottom { background-image:url(images/mainnav_bottom.gif); background-repeat:repeat-x;}
.bg-mainnavtop {background-image:url(images/mainnav_top.gif); background-repeat:repeat-x;}
.bg-hpboxleft {background-image:url(images/hp_boxes_left.gif); background-repeat:repeat-y;}
.bg-hpboxrt {background-image:url(images/hp_boxes_right.gif); background-repeat:repeat-y; background-position:right;}
.bg-sp-grnboxlft {background-image:url(images/interior_grnbox_lft.gif); background-repeat:repeat-y;}
.bg-sp-grnboxrt {background-image:url(images/interior_grnbox_rt.gif); background-repeat:repeat-y; background-position:right;}

.tb-product {
	border:solid 1px;
	border-color:#efe0c7;
	margin-top: 5px;
}
.tb-anchorlinks {
	border:solid 1px;
	border-color:#efe0c7;
	margin-top: 0px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 30px;
	width: 180px;
}

/******************************************
			Menu Classes   
			
		.m1 = Menu Level 1, 
		.m2 = menu level 2, 
		etc.
		the ".m" classes should control everything but "color" and "text-decoration" styles 
		which should be controlled by link classes, ie: ".a-m1"

******************************************/
.m1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-left:11px;
	padding-right:11px;
	float: left;
}
.m2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding-left: 5px;
	line-height: 15px;
	padding-bottom: 5px;
	color: 666666;
}

.m3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	margin-top: 7px;
	padding-top: 14px;
	padding-bottom: 7px;
	color: #794500;
}


.m-func {        /* function menu formatting */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #eeeeee;
	text-align: right;
	padding-right: 20px;
}

.m-urhere {  /*  class for a "You Are Here" indicator */
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 4px;
}

/******************************************
			Link Classes
******************************************/
a:link { text-decoration: none; color: #659acf; font-weight:bold; }
a:visited { text-decoration: none; color: #659acf; font-weight:bold;}
a:active { text-decoration: none; color: #659acf; font-weight:bold;}
a:hover{ text-decoration: underline;  color: #659acf;font-weight:bold; }

a.a-m1:link { text-decoration: none; color: #794500; }
a.a-m1:visited { text-decoration: none;  color: #794500; }
a.a-m1:active { text-decoration: none; color: #794500; }
a.a-m1:hover{ text-decoration: none;  color: #b08f63; }

a.a-m2:link { text-decoration: none; color: #666666; font-weight:normal;}
a.a-m2:visited { text-decoration: none;  color: #666666; font-weight:normal;}
a.a-m2:active { text-decoration: none; color: #666666; font-weight:normal;}
a.a-m2:hover{ text-decoration: underline;  color: #666666; font-weight:normal;}

a.a-m2-bold:link { text-decoration: none; color: #000000;}
a.a-m2-bold:visited { text-decoration: none;  color: #000000;}
a.a-m2-bold:active { text-decoration: none; color: #000000;}
a.a-m2-bold:hover{ text-decoration: underline;  color: #000000;}

a.a-m3:link { text-decoration: none; color: #794500; font-weight:normal;}
a.a-m3:visited { text-decoration: none;  color: #794500; font-weight:normal;}
a.a-m3:active { text-decoration: none; color: #794500; font-weight:normal;}
a.a-m3:hover{ text-decoration: underline;  color: #794500; font-weight:normal;}

a.a-disclaimerbody:link { text-decoration: none; color: #794500; font-weight:normal;}
a.a-disclaimerbody:visited { text-decoration: none;  color: #794500; font-weight:normal;}
a.a-disclaimerbody:active { text-decoration: none; color: #794500; font-weight:normal;}
a.a-disclaimerbody:hover{ text-decoration: underline;  color: #794500; font-weight:normal;}
/******************************************
			Page Layout Class
******************************************/
.maincontent { /* main content area class, includes baseline text formatting and possibly padding info */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 20px;
	line-height: 15px;
}

.pagebody { /* main content area class, includes baseline text formatting and possibly padding info */
	margin-left: 20px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.hp_maincopy { /* main content area class, includes baseline text formatting and possibly padding info */
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 400px;
}
.ltgreencopy { /* main content area class, includes baseline text formatting and possibly padding info */
	margin-left: 20px;
	color: #794500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.searchcopy { 
	margin-left: 20px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.boldedcopy { 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding-left: 5px;
}
.lgboldedcopy { 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
}
.price { 
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	background-color: #f3f5ec;
}

.product_description {
	margin-left: 0px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 7px;
}

.product_description a:link {color:#659ACF;font-weight:bold;text-decoration:none;}
.product_description a:visited {color:#659ACF;font-weight:bold;text-decoration:none;}
.product_description a:hover {color:#659ACF;font-weight:bold;text-decoration:underline;}
.product_description a:active {color:#659ACF;font-weight:bold;text-decoration:underline;}



.image_caption { 	margin-left: 0px;
	margin-bottom: 0px;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 7px; }
	
.product_number { 
	color: #794500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.disclaimerbody {
	color: #794500;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-left: 5px;
}

/******************************************
			Footer Classes
******************************************/
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 5b4d40;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
}

a.a-foot:link { text-decoration: none; color: #5b4d40; font-weight:normal;}
a.a-foot:visited { text-decoration: none;  color: #5b4d40; font-weight:normal;}
a.a-foot:active { text-decoration: none; color: #5b4d40; font-weight:normal;}
a.a-foot:hover{ text-decoration: none;  color: #000000; font-weight:normal;}

/******************************************
			Function Classes
******************************************/
.function {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 5b4d40;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: right;
	padding-bottom: 5px;
}


a.a-func:link { text-decoration: none; color: #000000; font-weight:normal;}
a.a-func:visited { text-decoration: none;  color: #000000; font-weight:normal;}
a.a-func:active { text-decoration: none; color: #000000; font-weight:normal;}
a.a-func:hover{ text-decoration: none;  color: #888888; font-weight:normal;}

a.a-func-signin:link { text-decoration: none; color: #000000; font-weight:bold; }
a.a-func-signin:visited { text-decoration: none;  color: #000000; font-weight:bold;}
a.a-func-signin:active { text-decoration: none; color: #000000; font-weight:bold;}
a.a-func-signin:hover{ text-decoration: none;  color: #888888; font-weight:bold;}

/******************************************
			Search Form Classes
******************************************/
#search{
 /* this is the div that the search form is in */
 	margin-left: 15px;
	margin-top: 20px;
	margin-bottom: 30px;
 }
#search form{
  /* this is the html tag */
 }
.form-searchbox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: 5b4d40;
	font-size: 10px;
	padding-right: 5px;
	padding-left: 5px;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 1px solid #efe0c7;
}
.form-searchsubmit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background-color: #666666;
	border: 1px solid #717171;
	height: 19px;
	width: 50px;
	margin-right: 20px;
	text-transform: uppercase;
	vertical-align:middle;
	vertical-align: baseline;
}
/******************************************
			Misc Classes
******************************************/

#frontpage_icon_float {
    float:left;
    margin: 0 10px 10px 0;
}

.hp_maincopy_thinner {
    width: 400px;
    _width: 330px;
    *width: 330px;
    color: #666666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}


.ul-nopad {
	margin: 0px;
}
.no-margin {
	margin: 0px;
}

/*
	Fast Lane Checkout module
*/

.YellowBackground {
    background-color:#F3F5EC;
}

.RedBackground {
    background-color:#C9D6A6;
}

.FLCAuthBox {
	WHITE-SPACE: nowrap;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 5px;
}
.FLCAuthPreBox {
	PADDING-LEFT: 30px;
	HEIGHT: 20px;
	WIDTH: 100%;
}
.FLCTopPad {
	VERTICAL-ALIGN: middle;
	HEIGHT: 15px;
}
.FLCTopPad IMG {
	WIDTH: 1px;
	HEIGHT: 15px;
}
TD.FLCDialogCell {
	WIDTH: 50%;
	HEIGHT: 225px;
	TEXT-ALIGN: center;
}
TD.FLCDialogCellAntibot {
	WIDTH: 50%;
    HEIGHT: 350px;
	TEXT-ALIGN: center;
}
TABLE.FLCDialog {
	WIDTH: 100%;
	HEIGHT: 100%;
}

/*
	Dialog box
*/
TABLE.DialogBox {
	WIDTH: 100%;
	HEIGHT: 100%;
	VERTICAL-ALIGN: top;
}
TD.DialogBox {
	BACKGROUND-COLOR: #ffffff;
	TEXT-ALIGN: left;
	PADDING: 5px;
}
.DialogBorder {
	BACKGROUND-COLOR: #D3B798;
	HEIGHT: 100%;
	PADDING: 0px;
}
TD.DialogTitle {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	BACKGROUND-IMAGE: url(images/dialog_bg_n.gif);
	VERTICAL-ALIGN: bottom;
	HEIGHT: 15px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 10px;
	PADDING-RIGHT: 0px;
	TEXT-ALIGN: left;
}
FONT.DialogTitle {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	VERTICAL-ALIGN: bottom;
	HEIGHT: 15px;
	TEXT-ALIGN: left;
	MARGIN-LEFT: 10px;
}

/*
	Dialog info box
*/
TABLE.DialogInfo {
	WIDTH: 85%;
	TEXT-ALIGN: center;
}
.DialogInfoTitle {
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	VERTICAL-ALIGN: bottom;
	TEXT-ALIGN: left;
	HEIGHT: 15px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
}
.DialogInfoTitleBorder {
	BACKGROUND-COLOR: #D3B798;
	PADDING: 0px;
	VERTICAL-ALIGN: bottom;
	HEIGHT: 15px;
}
.DialogInfoBorder {
	BACKGROUND-COLOR: #D3B798;
	PADDING: 0px;
}
.DialogTr {
	COLOR: #B88071;
}
.DialogInfoIcon {
	WIDTH: 16px;
	HEIGHT: 16px;
}
.DialogInfoClose {
	WIDTH: 15px;
	HEIGHT: 13px;
}

/*
	Dialog tools section
*/
.NavDialogTitle {
	WIDTH: 50%;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	COLOR: #330000;
	PADDING-LEFT: 8px;
}   
.NavDialogBorder {
	BACKGROUND-COLOR: #FFCC33;
}
.NavDialogBox {
	BACKGROUND-COLOR: #FFFFCC;
}
.NavDialogSeparator {
	WIDTH: 100%;
	HEIGHT: 14px;
	BACKGROUND-IMAGE: url(images/separator.gif);
	PADDING-LEFT: 7px;
}
.NavDialogSeparator IMG {
	WIDTH: 100%;
	HEIGHT: 14px;
}
.NavDialogCell {
	PADDING-RIGHT: 3px;
}
.NavDialogCell A IMG {
	WIDTH: 9px;
	HEIGHT: 9px;
}



/*
	Buttons
*/
.FormButton {
	COLOR: #330000;
	FONT-WEIGHT: bold;
}
TABLE.ButtonTable {
	CURSOR: pointer;
	VERTICAL-ALIGN: middle;
	DIRECTION: ltr;
}
TD.Button {								 
	BACKGROUND-IMAGE: url(images/butbg.gif);
	BACKGROUND-COLOR: #FF8600;
	BACKGROUND-REPEAT: repeat-x;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 5px;
	VERTICAL-ALIGN: middle;
	WHITE-SPACE: nowrap;
}
FONT.Button {								 
	FONT-FAMILY: Arial;
	COLOR: #FFFFFF;
	FONT-WEIGHT: bold;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
IMG.ButtonSide {
	WIDTH: 7px;
	HEIGHT: 14px;
}
.SimpleButton TR TD {
	PADDING: 0px;
	WHITE-SPACE: nowrap;
}
A.Button:link, A.Button:visited, A.Button:hover, A.Button:active {
	COLOR: #330000;
	FONT-WEIGHT: bold;
}
.GoImage {
	WIDTH: 21px;
	HEIGHT: 18px;
	VERTICAL-ALIGN: middle;
	BORDER: 0px;
}
/*
	Popup styles
*/
.PopupContainer {
	HEIGHT: 100%;
	WIDTH: 100%;
	TEXT-ALIGN: center;
}
.PopupTitle {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #F3F5EC;
	HEIGHT: 15px;
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: center;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
}
.PopupBG {
	BACKGROUND-COLOR: #F3F5EC;
}
.PopupHelpLink {
	FONT-SIZE: 9px;
	COLOR: #330000;
	TEXT-DECORATION: none;
}

