@charset "utf-8";
/* CSS Document */

body,
	html {
	padding:0;
	color:#000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	text-align: justify;
	background-color: #fff;
	background-image: url(../graphics/00000001/ltbg.jpg);
	margin-bottom: 15px;
	}
	body {
	min-width:980px;
	margin-top: 10px;

	}
	#wrap {
	width:980px;
	border: 2px solid #000;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	background-color: #fff;
	}
	#header {
	background-color: #590000;
	}
	#header h1 {
    	padding:5px;
	    margin:0;
    }
	
	#header1 {
	background-color: #590000;
	float: left;
	width: 290px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	}
	#header2 {
	background-color: #590000;
	float: right;
	width: 670px;
	padding-right: 10px;
	padding-left: 10px;
	height: 73px;
	}
	
	#header2 h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	padding: 0px;
	}
	#header2 h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	}
	
	
	#header3 {
	background-color: #9900CC;
	width: 690px;
	float: right;
	}
	
	
	#nav {
	background:#c99;
	padding:5px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	}
	#nav ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li{
		display:inline;
		margin:0;
		padding:0;
	}
	#main {
	float:right;
	width:818px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #FEF8CD;
	padding-bottom: 15px;
	}
	#main h2 {
	font-size: 16px;
	color: #990000;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
    }
	#main h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
    }
	#main p {
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }
	
	#main a {
	color: #590000;
	text-decoration: underline;
    }
	
	#main a:hover {
	color: #B90000;
	text-decoration: underline;
    }
	
#sidebar {
	width:160px;
	padding:0px;
	float:left;
	background-image: url(../graphics/00000001/leftmenubg.gif);
	text-decoration: none;
}

#sidebar h2 {
	color: #FFFFFF;
	background-color: #00084A;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}

#sidebar h3, #sidebar p {
		padding:0 10px 0 0;
    }

#sidebar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	background-color: #000000;
	background-image: url(../graphics/00000001/leftmenubuttonbg.gif);
}

#sidebar a {
	display: block;
	margin: 0;
	padding: 4px 6px;
	overflow: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	border: 1pt solid #FFF;
	color: #FFFFFF;
	text-decoration: none;
}

#sidebar a:hover {
	color: #FFFFFF;
	text-decoration: none;
	background-image: url(../graphics/00000001/leftmenubg.gif);
}

#sidebar li {
position: relative;
}

#sidebar ul ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#sidebar ul ul ul,
div#sidebar ul ul li:hover ul ul
{display: none;
}

div#sidebar ul ul li:hover ul,
div#sidebar ul ul ul li:hover ul
{display: block;
}

	#topmenu {
	float: left;
	list-style: none;
	margin: 0;
	background-color: #000;
	padding: 0;
	height: auto;
	width: 690px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
}

#topmenu li {
	float: left;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#topmenu a {
	color: #FFF;
	display: block;
	float: left;
	margin: 0;
	text-decoration: none;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
}

#topmenu a:hover {
	color: #FFFFFF;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 6px;
	padding-left: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	background-color: #620000;
	background-image: url(../graphics/00000001/up.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
	}

	#footer {
	clear:both;
	background-color: #000;
	}
	
	#footer2 {
	background-color: #FFF;
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	}
	#footera {
	float: left;
	width: 480px;
	text-align: left;
	color: #000;
	background-color: #FEF8CD;
	padding-left: 10px;
	font-size: 10px;
	}
	
	#footerb {
	float: right;
	width: 480px;
	text-align: left;
	color: #000;
	background-color: #FEF8CD;
	padding-right: 10px;
	font-size: 10px;
	}
	
	#footer p {
		padding:5px;
		margin:0;
    }
	
	#footer a {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: none;
	}
	#footer a:hover {
	font-size: 9px;
	color: #FFFFFF;
	text-decoration: underline;
	}
	
	#index1 {
	float: left;
	width: 202px;
	text-align: center;
	padding-bottom: 0px;
	}
	#index2 {
	float: left;
	width: 202px;
	text-align: center;
	padding-bottom: 0px;

	}
	#index3 {
	float: left;
	width: 202px;
	text-align: center;
	padding-bottom: 0px;

	}
	#index4 {
	float: left;
	width: 202px;
	text-align: center;
	padding-bottom: 0px;

	}
	
	#indexcontainer {
	float: left;
	width: 806px;
	clear: both;
	overflow: hidden;
	}

	#index5 {
	float: left;
	width: 180px;
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
	height: 155px;
	}
	#index6 {
	float: left;
	width: 180px;
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
	height: 155px;
	}
	#index7 {
	float: left;
	width: 180px;
	text-align: left;
	margin-left: 11px;
	margin-right: 11px;
	height: 155px;
	}
	#index8 {
	float: left;
	width: 176px;
	text-align: left;
	margin-left: 11px;
	margin-right: 0px;
	height: 155px;
	}

#gridcontainer {
	width: 796px;
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	}
	
#gridcontainer h3 {
	font-size: 10px;
	color: #590000;
	margin-left: 0px;
	margin-top: 0px;
	}
	
#grid1 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid2 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
	
#grid3 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid4 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}	
	
#grid5 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid6 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
	
#grid7 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid8 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
	
#grid9 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid10 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
	
#grid11 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid12 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
#grid13 {
	float: left;
	width: 80px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #590000;
	border-bottom-color: #590000;
	border-left-color: #590000;
	}
	
#grid14 {
	float: left;
	width: 276px;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 90px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #590000;
	border-right-color: #590000;
	border-bottom-color: #590000;
	}
	
	/* *************************************miva formatting *********************************************/
#mprodcont {
	background-color: #FEF8CD;
	width: 798px;
	float: right;
}

#mprodcont h3{
	color: #560000;
	font-size: 10px;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}

#mprodimgcont {
	width: 200px;
	float: left;
	padding: 0px;
}

#mprodimg {
	width: 200px;
	float: left;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mprodbaskcont {
	background-color: FEF8CD;
	width: 170px;
	float: right;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
#mproddesc {
	background-color: #FEF8CD;
	width: 400px;
	float: right;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	margin-right: 10px;
}
#mproddesc h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #590000;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#mproddesc h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #590000;
	margin-top: 0px;
	margin-left: 0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#mprodattr {
	background-color: #FEF8CD;
	width: 390px;
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
}

#mrelprod {
	background-color: #FEF8CD;
	width: 410px;
	float: left;
	margin-left: 20px;
	clear: tight;

}

#mprodthumb {
	background-color: #FEF8CD;
	width: 200px;
	float: left;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #590000;
	font-weight: bold;
	padding-right: 10px;
	text-align: center;
}

#mprodthumb h3{
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #560000;
	font-size: 10px;
	font-style: italic;
}

#mcatwrap {
	width: 798px;
	margin-right: 10px;
	margin-left: 10px;
}

#mcatwrap h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #590000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50px;
}

#mcatcont {
	background-color: #0066FF;
	width: 800px;
	float: right;
}

#mcatcont h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #590000;
	margin-top: 10px;
	margin-left: 10px;
	padding: 0px;
	margin-bottom: 10px;
}

#mcatcont h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #590000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#mcatitemcont {
	width: 263px;
	float: left;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #CC9900;
}
#mcatprod {
	width: 263px;
	float: left;
	background-color: #cccccc;
	padding: 0px;
}

#mcatitem1 {
	width: 150px;
	float: left;
	background-color: #009900;
	text-align: center;
}
#mcatitem2 {
	width: 113px;
	float: right;
	background-color: #330066;
}
#mcatprevnext {
	float: left;
	width: 800px;
	background-color: #999999;
}
table.mprodbaskcont {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 10px;
	margin: 0px;
	width: 160px;
}

tr.mprodbaskcont td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	height: 12px;
}
tr.mprodbaskcont1 td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background-color: #000;
}

.attributes{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#mmain {
	width:798px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	background-color: #FEF8CD;
	padding-bottom: 15px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	}

#mmain h2 {
	font-size: 13px;
	color: #590000;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
    }
	#mmain h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #590000;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-align: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
    }
	
	#mmain p {
	margin-top: 12px;
	margin-bottom: 12px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
    }
	
	#mmain a {
	color: #590000;
	text-decoration: underline;
    }
	
	#mmain a:hover {
	color: #B90000;
	text-decoration: underline;
    }
	
/* old miva  === keep until verified or no longer used =====  */

.storescreen{
	margin:0 auto;
	padding:8px;
	text-align:justify;
	width:738px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color:#FFFFFF;
	border: 0px groove #990000;
	}

.strikethru {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: line-through;
	font-weight: bold;
}
.basketborder {
	border: 2px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
}

a.basketlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: underline;
	}
	
a.basketlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #990000;
	text-decoration: underline;
}

a.basketlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	text-decoration: underline;
}

a.basketlink:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: underline;
}


/* =============== rollovers prod page =============== */

.view-size-chart{
	position: relative;
	z-index: 0;
}

.view-size-chart:hover{
	z-index: 50;
	background-color: #FFFFFF;
}

.view-size-chart span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px solid black;
visibility: hidden;
color: black;
text-decoration: none;

}

.view-size-chart span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.view-size-chart:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: -313px; /*position where enlarged image should offset horizontally */

}

.view-shipping-fees{
position: relative;
	z-index: 0;
}

.view-shipping-fees:hover{
	z-index: 50;
}

.view-shipping-fees span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 0px;
left: -1000px;
border: 0px solid black;
visibility: hidden;
color: black;
text-decoration: none;

}

.view-shipping-fees span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.view-shipping-fees:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 25px;
left: -212px; /*position where enlarged image should offset horizontally */

}

.view-full{
	position: relative;
}

.view-full:hover{
	z-index: 50;
}

.view-full span{ /*CSS for enlarged image*/
	position: relative;
	background-color: white;
	padding: 0px;
	border: 0px solid black;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.view-full span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;

}

.view-full:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -190px;
left: 225px; /*position where enlarged image should offset horizontally */

}

/* =============== end rollovers prod page =============== */