@import url(Colors.css);
@import url(Content_Area.css);
@import url(Navigation.css);


/***********************************************
THIS IS ONLY TEMPORARY TO EASE CACHING

BEFORE IMPORTING TEMPLATE.CSS, RECONCILE WITH
EVERYTHING BELOW THIS COMMENT.

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

A {  TEXT-DECORATION: underline; }
A:hover {  TEXT-DECORATION: underline; }
.bgcolor2 {	 FONT: bold 11px Arial;  }
/* .navtitle, A.navtitle, A.navtitle:hover { FONT: 11px Verdana;  letter-spacing : 3px; } */
.navTOP, A.navTOP { FONT: bold 11px Arial; COLOR: #000000; TEXT-DECORATION: none; }
A.navTOP:hover { COLOR: #000000; TEXT-DECORATION: underline; }
.navBOTTOM, A.navBOTTOM { FONT: bold 11px Arial;  TEXT-DECORATION: none; }
A.navBOTTOM:hover {  TEXT-DECORATION: underline; }
.NavSpecials, A.NavSpecials { FONT: bold 11px Verdana;  TEXT-DECORATION: none; }
A.NavSpecials:hover {  TEXT-DECORATION: none; }
.footer { FONT: 10px Verdana;  TEXT-DECORATION: none; }
A.footer { FONT: 10px Verdana;  TEXT-DECORATION: none; }
A.footer:hover {  TEXT-DECORATION: underline; }

h1{
color: #5b526e;
}







/*******************************************************
				UNIVERSAL TAG REDEFINITIONS 
 *******************************************************/

FORM {
	display: inline;
}
BODY {
	font: 11px Verdana;
	background-color: #<%=Config_Colors_Background_Main%>;
	margin: 0px;
}
TABLE, TD {
	font: 11px Verdana;
	color: #<%=Config_Colors_Text%>;
}
TEXTAREA, INPUT {
	font: 12px Verdana;
	color: #000;
}
A {
	color: #<%=Config_Colors_Links%>;
	text-decoration: underline;
}
A:hover {
	color: #<%=Config_Colors_Links_MouseOver%>;
	text-decoration: underline;
}

H1 { 
  font-size: 20px;
  color:#<%=Config_Colors_ProductName%>;
  font-weight: bold;
}



img { border: none ! important; }




/*******************************************************
				ORIGINAL VOLUSION CLASSES 
 *******************************************************/

.bgcolor1 {
	background-color: #<%=Config_Colors_Background1%>;
	font: bold 11px verdana;
	color: #<%=Config_Colors_Background1_Text%>;
}
.bgcolor2 {
	background-color: #<%=Config_Colors_Background2%>;
	font: bold 11px verdana;
	color: #<%=Config_Colors_Background2_Text%>;
}
.bgcolor3 {
	background-color: #<%=Config_Colors_Background3%>;
	font: bold 11px verdana;
	color: #<%=Config_Colors_Background3_Text%>;
}
.bglinecolor {

	background-color: #<%=Config_Colors_Lines%>;
}
.productnamecolorLARGE, A.productnamecolorLARGE {
	font: bold 14px Verdana;
	color: #<%=Config_Colors_ProductName%>;
	text-decoration: none;
}
A.productnamecolorLARGE:hover {
	font 14px Verdana;
	color: #<%=Config_Colors_ProductName_MouseOver%>;
	text-decoration: none;
}
.productnamecolor, A.productnamecolor {
	font:  12px Verdana;
	color: #<%=Config_Colors_Menu2Text%>;
	
}
A.productnamecolor:hover {
	color: #<%=Config_Colors_ProductName_MouseOver%>;
	text-decoration: none;
}
.productnameColorsMALL {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_ProductName%>;
}
A.productnameColorsMALL {
	font 11px Verdana;
	color: #<%=Config_Colors_ProductName%>;
	text-decoration: none;
}
A.productnameColorsMALL:hover {
	color: #<%=Config_Colors_ProductName_MouseOver%>;
	text-decoration: none;
}
.pricecolor {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_ProductPrice%>;
}
A.pricecolor, A.pricecolor:hover {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_ProductPrice%>;
	text-decoration: none;
}
.priceColorsMALL {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_ProductPrice%>;
}
A.priceColorsMALL, A.priceColorsMALL:hover {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_ProductPrice%>;
	text-decoration: none;
}
A.RegularLink {
	font: 11px Verdana;
	color: #<%=Config_Colors_Text%>;
	text-decoration: underline;
}
A.RegularLink:hover {
	color: #<%=Config_Colors_Text%>;
	text-decoration: underline;
}
.smalltext {
	font: 11px Verdana;
	color: #<%=Config_Colors_Text%>;
}
A.smalltext, A.smalltext:hover {
	font: 11px Verdana;
	color: #<%=Config_Colors_ProductName%>;
	text-decoration: none;
}
.nav1, A.nav1 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu1Text%>;
	text-decoration: none;
}
A.nav1:hover {
	color: #<%=Config_Colors_Menu1Text_MouseOver%>;
	text-decoration: none;
}
.nav1_selected, A.nav1_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu1Text%>;
	text-decoration: none;
}
A.nav1_selected:hover {
	color: #<%=Config_Colors_Menu1Text_MouseOver%>;
	text-decoration: none;
}
.nav2, A.nav2 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu2Text%>;
	text-decoration: none;
}
A.nav2:hover {
	color: #<%=Config_Colors_Menu2Text_MouseOver%>;
	text-decoration: none;
}
.nav2_selected, A.nav2_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu2Text%>;
	text-decoration: none;
}
A.nav2_selected:hover {
	color: #<%=Config_Colors_Menu2Text_MouseOver%>;
	text-decoration: none;
}
.nav3, A.nav3 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav3:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav3_selected, A.nav3_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav3_selected:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav4, A.nav4 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav4:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav4_selected, A.nav4_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav4_selected:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav5, A.nav5 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav5:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav5_selected, A.nav5_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav5_selected:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav6, A.nav6 {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav6:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.nav6_selected, A.nav6_selected {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Menu3Text%>;
	text-decoration: none;
}
A.nav6_selected:hover {
	color: #<%=Config_Colors_Menu3Text_MouseOver%>;
	text-decoration: none;
}
.navTOP, A.navTOP {
	font: bold 11px verdana;
	color: #000000;
	text-decoration: none;
}
A.navTOP:hover {
	color: #000000;
	text-decoration: underline;
}
.navBOTTOM, A.navBOTTOM {
	font: bold 11px verdana;
	color: #<%=Config_Colors_Background3_Text%>;
	text-decoration: none;
}
A.navBOTTOM:hover {
	color: #<%=Config_Colors_Background3_Text%>;
	text-decoration: underline;
}
.NavSpecials, A.NavSpecials {
	font: bold 11px Verdana;
	color: #<%=Config_Colors_Background1_Text%>;
	text-decoration: none;
}
A.NavSpecials:hover {
	color: #<%=Config_Colors_Background1_Text%>;
	text-decoration: none;
}
.carttext {
	font: 11px Verdana;
	color: #<%=Config_Colors_Text%>;
	text-decoration: none;
}
A.carttext {
	font: 11px Verdana;
	color: #<%=Config_Colors_ProductName%>;
	text-decoration: none;
}
A.carttext:hover {
	font: 11px Verdana;
	color: #<%=Config_Colors_ProductName_MouseOver%>;
	text-decoration: underline;
}
.footer {
	font: 11px Verdana;
	color: #<%=Config_Colors_Background2_Text%>;
	text-decoration: none;
}
A.footer {
	font: 11px Verdana;
	color: #<%=Config_Colors_Background2_Text%>;
	text-decoration: none;
}
A.footer:hover {
	color: #<%=Config_Colors_Background2_Text%>;
	text-decoration: underline;
}






/*******************************************************
				CLASSES CREATED BY AVERY 
 *******************************************************/

#bg {
	background-color: #f1ecdb;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #f1ecdb;
	border-right-color: #e5e7ef;
	border-bottom-color: #f1ecdb;
	border-left-color: #e5e7ef;
	width: 998px;
}
#logo {
	float: left;
	padding: 20px 0px 5px 20px;
}
#mip {
	float: left;
	padding: 34px 20px 15px 30px;
}
#hs {
	float: left;
	padding: 39px 20px 15px 0px;
}
#fs {
	float: left;
	padding: 34px 20px 15px 0px;
}







#left {
	float: left;
	width: 189px;
	margin: 0px 0px 0px 3px;
	clear: both;
}
.areawrap {
	background-color: white;
	padding: 0px 9px 9px 9px;
}
.mainarea {
	background-color: #6f6682;
	font-size: 11px;
	color: white;
	padding: 10px 14px 12px 14px;
	/*padding: 10px 14px 12px 4px;*/
	margin-bottom: 9px;
}
.subarea {
	background-color: #9ca0ad;
	font-size: 11px;
	color: white;
	padding: 10px 14px 12px 14px;
	margin-bottom: 9px;
}
.navtitle {
	font-size: 14px;
	color: #e4e8f8;
	font-weight: bold;
	margin-bottom: 6px;
}
.navsubtitle {
	color: white;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
}
.navsubtitle A {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.navelem {
	color: white;
	background: url(/v/vspfiles/V4_Backup/i/bullet_a.gif) left center no-repeat;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
}
.navelem A {
	color: white;
	text-decoration: none;
}
.navsubtitle A:hover, .navelem A:hover {
	color: white;
	text-decoration: underline;
}
.subarea INPUT {
	font-size: 9px;
	color: black;
	width: 103px;
	height: 19px;
}
.subarea SPAN {
	font-size: 9px;
}
.go {
	padding: 2px 0px 0px 5px;
}



#right {
	float: left;
	width: 632px;
}



#rightside {
	float: left;
	width: 166px;
	margin: 5px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#rside1 {
	background: #d7caa5 url(/v/vspfiles/V4_Backup/i/r_side/title_1.gif) right top no-repeat;
	height: 155px;
	padding: 15px 35px 0px 10px;
	color: #4c432e;
	margin-top: 5px;
}

#rside1 INPUT {
	border: 1px solid #4c432e;
	width: 90px;
	font-size: 9px;
}

#rside2 {
	background: #a5935f url(/v/vspfiles/V4_Backup/i/r_side/title_2.gif) right top no-repeat;;
	height: 260px;
	padding: 15px 35px 0px 10px;
	color: white;
	margin-bottom: 5px;
}
.rsnavsubtitle, .rsnavsubtitlebot {
	color: white;
	font-weight: bold;
	padding: 2px 0px 2px 0px;
	text-decoration: none;
	font-size: 11px;
}
.rsnavsubtitle {
	border-bottom: 1px solid #b9ab82;
}
.rsnavsubtitlebot {
	border-top: 1px solid #b9ab82;
}
.rsnavsubtitle A, .rsnavsubtitlebot A {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
.rsnavelem {
	color: white;
	background: url(/v/vspfiles/V4_Backup/i/bullet_a.gif) left center no-repeat;
	padding: 2px 0px 2px 10px;
	text-decoration: none;
	font-size: 11px;
}
.rsnavelem A {
	color: white;
	text-decoration: none;
}
.rsnavsubtitle A:hover, .rsnavsubtitlebot A:hover, .rsnavelem A:hover {
	color: white;
	text-decoration: underline;
}

#rside3 {
	height: 113px;
	padding: 0px;
}

.giftidea {
	margin-bottom: 16px;
}

.giftidea, .giftidea A {
	color: #e4e8f8;
}


#footer {
	clear: left;
	padding-left: 230px;
	padding-top: 5px;
	font-size: 11px;
	line-height: 15px;
	color: #98958d;
	text-align: left;
}
#footer A.seo {
	color: #98958d;
	text-decoration: none;
}
#footer A {
	color: #4e4c46;
}
.upnav {
	float: left;
	width: 101px;
	text-align: center;
	background-color: #a5935f;
	padding: 2px 0px 2px 0px;
}
.upnav A {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.upnav A:hover {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
#features {
	clear: both;
}
#featured {
	float: left;
}
#splash {
	float: left;
	background-color: #bfbbac;
	padding: 1px 1px 1px 1px;
}
#splashlinks {
	float: left;
	background-color: #bfbbac;
	padding: 2px 14px 2px 14px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	clip: rect(auto,auto,3px,auto);
}
#splashlinks A {
	color: white;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
}
#splashlinks A:hover {
	text-decoration: underline;
}
#splashlinks DIV {
	width: 142px;
	border-bottom: 1px solid white;
	padding: 7px 0px 7px 0px;
}
#contentarea {
	clear: both;
}
#datechart TD {
	padding: 2px 2px 2px 2px;
	border-bottom: #000000 1px solid;
	font-size: 8px;
}
#datechart .col {
	background-color: #eeeeee;
}

#quote {
	width: 161px;
	background: url(/v/vspfiles/V4_Backup/i/quote_bottom.gif) bottom right no-repeat;
	color: #797188;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	line-height: 19px;
	margin: 10px 0px 10px 5px;
}

#quote P {
	background: url(/v/vspfiles/V4_Backup/i/quote_top.gif) top left no-repeat;
	padding: 25px 10px 25px 15px;
	margin: 0px;
}



/*******************************************************
				CLASSES CREATED BY BETH 
 *******************************************************/

.prodtitle { 
  font-size: 20px;
  color:#5b526e;
  font-weight: bold;
}
.z {
	font: bold 11px Verdana;
	color: #6f6682;
}
.text2 {
	font: 11px Verdana;
	color: #333333;
	text-decoration: none;
}
A.text2 {
	font: 11px Verdana;
	color: #4B0082;
	text-decoration: underline;
}
A.text2:hover {
	color: #333333;
	text-decoration: underline;
}
#slideshow {
    position:relative;
    height:173px;
	width:604px
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#ChooseFrom {
    position:relative;
    height:32px;
	width:604px
} 

 

/*******************************************************
				VOLUSION HACKS
 *******************************************************/

.colors_pricebox I FONT {
	color:#6F6682;
	font-weight: bold;
	font-style: normal;
}

/*
 * Styles added by brandlabs for nav search 
 */
#nav_search_wrap{height:18px;margin-bottom:9px;width:161px;}
#nav_search_form{margin:0;}
#search_form_input{width:143px;height:18px;float:left;}
#search_form_input input{ width:130px; height:16px; border-top: solid 1px #717171; border-left:solid 1px #b4b4b4; border-bottom:solid 1px #dadada; border-right:solid 1px #b4b4b4; padding:0 0 0 11px; font:normal 12px/16px arial;}
#search_form_go{width:18px; height:18px;float:left;}