/* ================================ WEBPAGE CREATED BY TFX ============================== */

/* ======================================== BODY ======================================== */
BODY
{
	COLOR: #333333;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 5px;
}
/* =============================== INITIAL CART STYLES ================================= */
P
{
	COLOR: #333333;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
A
{
	COLOR: #0000ff;
	TEXT-DECORATION: underline;
	FONT-SIZE: 10px;
}

A:hover
{
	COLOR: #ff0000;
	TEXT-DECORATION: underline;
}

A:active
{
	COLOR: #ff0000;
	TEXT-DECORATION: underline;
}
LI
{
	COLOR: #333333;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
TD
{
	COLOR: #333333;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
SELECT
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
	COLOR: #333333;
}
INPUT
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
TEXTAREA
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
.nav
{
	COLOR: white;
	FONT-FAMILY: verdana;
	FONT-SIZE: 11px;
	TEXT-DECORATION: none;
}
.nav:hover
{
	TEXT-DECORATION: underline
}
.catLink
{
	FONT-FAMILY: verdana,verdana,verdana;
	FONT-SIZE: 11px;

}
.catLInk:hover
{
	TEXT-DECORATION: underline;
	COLOR: #ffd700;
}
.sepTD
{
	PADDING-LEFT: 2px;
	PADDING-RIGHT: 2px;
	COLOR: white;
}
.smallFont
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 9px;
}
.sD
{
	LEFT: 130px;
	VISIBILITY: hidden;
	WIDTH: 120px;
	POSITION: absolute;
	BACKGROUND-COLOR: #7329a5;
	COLOR: white;
	/*FONT-FAMILY: verdana, verdana, verdana;*/
	/*FONT-SIZE: 11px;*/
}
.sDTop
{
	LEFT: 65px;
	VISIBILITY: hidden;
	WIDTH: 120px;
	POSITION: absolute;
	BACKGROUND-COLOR: #7329a5;
	COLOR: white;
	FONT-FAMILY: verdana, verdana, verdana;
	FONT-SIZE: 11px;
	Z-INDEX: 2;
}
.titleTD
{
	color: white;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #7329a5;
}
#mETop
{
	WIDTH: 150px;
	CURSOR: hand
}

#mNTop
{
	
	CURSOR: hand;
	background-color:#7329a5;
	color:#FFFFFF;
	padding-left: 2;
	padding-right: 2;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}

#mNTop_Static
{
	padding-left: 2;
	padding-right: 2;
	font-weight:bold;
	text-align: center;
	vertical-align: middle;
	FONT-FAMILY: verdana;
	FONT-SIZE: 10px;
}
#mDTop
{
	width: 65px;
	COLOR: #ffffff;
	POSITION: relative
}
td.ac { text-align:center; }
/* shopcustomer.asp form */
table.tbl_customer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10;
	font-style: normal;
	font-weight: normal;
}
/* ======================================== MAIN FONT SETS ======================================== */

h1
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}

h2
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}

.smallFont2
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 9px;
}
.smallFont2link
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 9px;
}
.smallFont2link:hover
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 9px;
}
/* = BLACK FONTS = */
.verdanablack
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
}
.verdanablacklink
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
}
.verdanablacklink:hover
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
}
.verdanablackbold
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanablackboldlink
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanablackboldlink:hover
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanablackboldbigger
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanablackbold2px
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	line-height: 18px;
}
.verdanablackbold11
{
	COLOR: Black;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
	line-height: 18px;
}

/* = NAVY FONTS = */
.verdananavybold
{
	COLOR: #000066;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdananavyboldlarger
{
	COLOR: #000066;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
/* = BLUE FONTS = */
.verdanabluebold
{
	COLOR: #0000CC;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanablueboldlink
{
	COLOR: Blue;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanablueboldlink:hover
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
/* = WHITE FONTS = */
.verdanawhitebold
{
	COLOR: White;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanawhiteboldlink
{
	COLOR: White;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanawhiteboldlink:hover
{
	COLOR: #ffcc00;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanawhitebolditalic
{
	COLOR: White;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.verdanawhiteheaderbold
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanawhiteheaderbolditalic
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.verdanawhiteheaderboldlink
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanawhiteheaderboldlink:hover
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanawhiteboldheaderitalic
{
	COLOR: White;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
	font-style: italic;
}
.verdanawhiteheaderlargebold
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
}
.verdanawhiteheaderlargerbold
{
	COLOR: white;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 18px;
	FONT-WEIGHT: bold;
}
/* = RED FONTS = */
.verdanaredbold
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanaredboldlink
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanaredboldlink:hover
{
	COLOR: Blue;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}

.verdanaredheaderbold
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: underline;
}
.verdanaredheaderbolditalic
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	text-decoration: underline;
	font-style: italic;
}
.verdanaredlargebold
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}
.verdanaredheaderlargebold
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
	text-decoration: underline;
	text-align: left;
}
.mainredpageheader
{
	FONT-FAMILY: verdana;
	FONT-SIZE: 17px;
	FONT-WEIGHT: bold;
	COLOR: #CC0000;
	TEXT-DECORATION: underline;
}
.verdanaredbold12
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
}
.verdanaredbold11
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
}

/* = MAUVE & PURPLE FONTS = */
.verdanmauvebold
{
	COLOR: #6600ff;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanamauvebold11
{
	COLOR: #6600ff;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 11px;
	FONT-WEIGHT: bold;
}
.verdanapurplebold
{
	COLOR: #7329a5;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanapurpleheaderbold
{
	COLOR: #7329a5;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanapurpleheaderboldlink
{
	COLOR: #7329a5;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanapurpleheaderboldlink:hover
{
	COLOR: #cc0000;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
}
.verdanapurplelargebold
{
	COLOR: #660099;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 16px;
	FONT-WEIGHT: bold;
}
/* = GOLD FONTS = */
.verdanagoldbold
{
	COLOR: #ffcc00;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
	FONT-WEIGHT: bold;
}
.verdanagoldboldlarge
{
	COLOR: #ffcc00;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 14px;
	FONT-WEIGHT: bold;
}

.underscorespacer
{
	COLOR: #7329a5;
	FONT-FAMILY: verdana, tahoma;
	FONT-SIZE: 10px;
}

/* ======================================== TXT BLOK ======================================== */
.txt01 {
	font-family: Arial;
	font-size: 12px;
	color: #8E33CB;
	font-weight: bold;
	text-decoration: none;
}
.txt02 {
	font-family: verdana;
	font-size: 11px;
	color: #EE00FF;
	font-weight: bold;
	text-decoration: none;
}
.txt03 {
	font-family: Arial;
	font-size: 12px;
	color: Blue;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}
.txt04 {
	font-family: verdana;
	font-size: 11px;
	color: #EE00FF;
	font-weight: bolder;
	text-decoration: none;
}
.txt05 {
	font-family: Arial;
	font-size: 12px;
	color: #8E33CB;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
}
.txt06 {
	font-family: Arial;
	font-size: 12px;
	color: Blue;
	font-variant: small-caps;
	font-weight: bold;
	text-decoration: none;
}
.txt07 {
	font-family: arial;
	font-size: 11px;
	color: #A83A00;
	font-weight: bolder;
	text-decoration: none;
	letter-spacing: 0px;
}



/* ======================================== DROP MENUS ======================================== */

.dropDown { color: blue; background-color: #EFEFEF; font-weight: bold; font-size: 10px; font-family: Verdana; }

/* ======================================== IMAGE ALIGNMENTS ======================================== */
.imageright
{
float: right;	
}
.imageleft
{
float: left;	
}
/* ======================================== PAGE SETS ======================================== */

.spinksbackground
{
	background-image: url(../images/sprinks-bgnd.gif);
}
.logobackground
{
	background-image: url(../images/logo_bg.gif);
}
.tabbackground
{
	background-image: url(../images/tab-bgnd2.gif);
}
.tabbackground2
{
	background-image: url(../images/tab-bgnd2.gif);
	  padding-top:0;
	  padding-left:0;
	  padding-right:0;
	  padding-bottom:0; 
}
.tablepadding5
{
  padding-top:0;
  padding-left:5px;
  padding-right:5px;
  padding-bottom:0;
}
.tablepadding1
{
  padding-top:0;
  padding-left:0;
  padding-right:0;
  padding-bottom:0;
}
.tablepadding2
{
  padding-top:4px;
  padding-left:7px;
  padding-right:7px;
}
.padding5
{
	padding-top: 50px;
	font: 4% serif;
	color: White;
}
/* ======================================== CONTAINERS ======================================== */

#maindiv {
	width: 750px;
	color: #7329a5;
	background-color: White;
	border: 2px solid black;
	border-color: #7329a5;
	padding: 0;
}

#textdiv {
	WIDTH: 600px;
	background-color: White;
	padding: 4px;
}

#menu1div {
	float: right;
	width: 750px;
	height: 1px;
	padding: 0px;
}

#smallboxdiv {
	width: 137px;
	color: #7329a5;
	border: 1px solid black;
	border-color: #7329a5;
	padding: 0;
	margin-right: 5px;
	background-color: White;
}

#redboxdiv {
	width: 600px;
	color: #cc0000;
	border: 1px solid black;
	border-color: #cc0000;
	padding: 3;
	margin-right: 5px;
	background: #cc0000;
}

#maindiv2 {
	width: 195px;
	color: #7329a5;
	background-color: White;
	border: 1px solid black;
	border-color: #7329a5;
	padding: 0;
}
#table01 {
	width: 650px;
	margin: 4px auto;
	background-color: White;
}
#content01{
	padding: 4px;
	width: 195px;
	margin: 0;
	float: left;
}
#content02{
	padding: 4px;
	width: 195px;
	margin: 0;
	float: left;
}
#content03{
	padding: 4px;
	width: 195px;
	margin: 0;
	float: left;
}


#holderdiv {width: 805px;}

/* ======================================== MENUS ======================================== */
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;}.qmmc {position:relative;height:1%;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc ul {left:-10000px;position:absolute;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li{position:relative;}.qmmc ul {z-index:10;}.qmmc ul ul {z-index:20;}.qmmc ul ul ul {z-index:30;}.qmmc ul ul ul ul {z-index:40;}.qmmc ul ul ul ul ul {z-index:50;}li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}

/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/



	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		background-color:#7329a5;
		border-width:1px;
		border-style:solid;
		border-color:#7329a5;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:3px 30px 3px 2px;
		color:#fff1f9;
		font-family:verdana;
	/* font-family:Arial; */
		font-size:11px;
		text-decoration:none;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#56245f;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#56245f;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:3px;
		margin:0px 0px 0px -1px;
		background-color:#7329a5;
		border-width:2px 1px 1px 1px;
		border-style:solid;
		border-color:#56245f;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 20px 0px 0px;
		border-width:0px;
		border-style:none;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover, #qm0 ul a:hover	
	{	
		text-decoration:underline;
	}
/* ======================================== CSS Menu ======================================== */

.menu {width:1100px; height:32px; position:relative; z-index:100;border-right:1px solid #3a035f; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:1100px; w\idth:1100px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:100px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:100px;position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:138px; height:30px; border:1px solid #3a035f; border-width:1px 0 1px 1px; background:#7329a5; padding-left:10px; line-height:29px; font-weight:bold;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100px; w\idth:100px;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#7329a5 url(grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#dbb3e8 url(blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#dbb3e8 url(blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#dbb3e8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#dbb3e8;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#dbb3e8; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#fcd6a7;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#fcd6a7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/* ======================================== END ======================================== */