html {
height: 101%;	
margin-bottom: 1px;}
	
body {
background: #ffffff url('backbar.jpg') repeat-x !important;
font: normal 0.80em Verdana, Verdana, Geneva, sans-serif;
padding: 0;
margin: 0 auto;
text-align:center;}
	
img {
border: none;}
	
a {
color: #8b00ff ;
text-decoration: none;
font-weight: bold;
outline: none;}
	
a:hover {
color: #8b00ff ;
text-decoration: underline;
font-weight: bold;
outline: none;}
	
h1 {
color: #8b00ff ;
font: normal 26px Georgia, Georgia, serif;
margin: 0 0 20px 0;}

h1.producttitle {
color: #8b00ff ;
font: normal 20px Georgia, Georgia, serif;
margin: -20px 0 20px 0;}
	
h2 {
color: #8b00ff ;
font: normal 22px Arial, Arial, sans-serif;
letter-spacing: 2px;
margin: .8em 0;
text-align: left;}
	
h3 {
color: #8b00ff ;
font: bold 18px Arial, Arial, sans-serif;
letter-spacing: 1px;
line-height: 20px;
margin: .8em 0;
font-size: 12pt;
}
	
h4 {
color: #404040;
font: bold 16px Georgia, Georgia, serif;
letter-spacing: 3px;
margin: .8em 0;}
	
h5 {
color: #8b00ff ;
font: bold 14px Georgia, Georgia, serif;
margin: .8em 0;}
	
h6 {
color: #8b00ff ;
padding: 5px 30px;
margin: .8em 0 0 0;
font: bold 12px Arial, Helvetica, sans-serif;}
	
hr {
background-color: #8b00ff ;
color: #8b00ff ;
height: 1px;
width: 100%;}
	
ul {
padding: 0;
margin: 0 0 20px 20px;
list-style: square;}
	
#wrapper {
text-align: left;
/*background-image: url('wrapper.jpg');*/
width: 960px;
margin: 0 auto;}
	
#header {
position: relative;
height: 220px;
width: 960px;
background-image: url('header.jpg');}

#global {
position: absolute;
left: 310px;
top: 3px;
z-index: 1;
color: #ffffff;
height: 12px;
line-height: 12px;
width: 640px;
text-align: right;
font-size: 10px !important;
color: #8b00ff ;
font-weight: bold;}
	
#global a {
color: #8b00ff ;
text-decoration: none;
display: inline;
border: 0 none;
margin: 0; 
padding: 0 10px;
font-weight: bold;}
	
#global a:hover {
color: #8b00ff ;
text-decoration: underline;
display: inline;
border: 0 none;
margin: 0; 
padding: 0 10px;
font-weight: bold;}

#global p {
padding: 0;
margin: 0;}

#logoarea {
position: absolute;
z-index: 3;
left: 216px;
top: 24px;
height: 115px;
width: 481px;
text-align:center;
color: #8b00ff ;}
	
#topnav {
position: absolute;
left: 10px;
top: 170px;
z-index: 2;
color: #ffffff;
height: 30px;
width: 940px;
text-align: center;
letter-spacing: 2px;
font-size: 85%;
line-height: 30px;}
	
#topnav a {
outline: none;
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#topnav a:hover {
outline: none;
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#topnav p {
margin:0;
padding: 0;}

#main {
width: 650px;
float: right;
line-height: 1.6em;
margin: 0 40px 0 0;}
	
#sidebar {
float: left;
width: 200px;
color: #404040;
text-align: left;
line-height: 1.6em;
padding: 0 0 0 30px;
margin: 0 5px 0 0;
font-size: 90%;}
	
#sidebar a {
color: #000000;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#sidebar a:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;}

#sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;}

#sidebar li {
display: block;
margin: 0;
padding: 0;}

#sidebar li a {
color: #000000;
font-weight: bold;
padding: 0 ;
text-decoration: none;}

#sidebar li a:hover {
color: #000000;
font-weight: bold;
padding: 0;
text-decoration: underline;}

#footer {
clear: both;
position: relative;
height: 230px;
width: 960px;
background-image: url('footer.jpg');
background-color: #ffffff;	
color: #808080;
text-align: center;
letter-spacing: 2px;
font-size: 85%;
line-height: 1.5em;}
	
#footernav {
position: absolute;
top: 30px;
left: 20px;
height: 25px;
width: 920px;
z-index: 5;
color: #ffffff;
text-align: center;
letter-spacing: 2px;
line-height: 1.5em;
margin: 0;}

#footernav p {
padding: 0;
margin: 0;}

#footernav a {
color: #ffffff;
text-decoration: none;
font-weight: bold;}
	
#footernav a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

#footerinfo {
position: absolute;
top: 70px;
left: 20px;
height: 105px;
width: 920px;
z-index: 6;
color: #000000;
text-align: center;
letter-spacing: 2px;
line-height: 1.5em;
margin: 0;}

#footerinfo p {
padding: 0;
margin: 0;}

#footerinfo a {
color: #404040;
text-decoration: none;
font-weight: bold;}
	
#footerinfo a:hover {
color: #404040;
text-decoration: underline;
font-weight: bold;}
		
.clear {
clear: both;}
	
.center {
text-align: center;}	

/* CATALOG DISPLAY TABLE */
table {
padding: 0px;
border-collapse: collapse;
font-size: 100%;
width: 100%;}

.featured, .featuredcats {
padding: 10px 0;
border: 1px #8b00ff  solid;
background: #d9ecf8 url('featuredbg.jpg') 50% 100% no-repeat;
margin: 0;
font-size: 80%;
/* width: 101%; */
}

.featured img {
padding: 2px;
border: 1px #808080 solid;
margin: 0 0 5px 0;
}

.featured img.title {
	border: none !important;
	padding: 0;
	text-align: center;
	
}

.featuredcats img {
	height: 100px;
	padding: 2px;
	border: 1px #808080 solid;
	margin: 0 0 5px 0;
}
	
.catalogfive {
/*five columns*/
padding: 15px 5px;
text-align: center;
vertical-align: top;
width: 20%;}

.promos {
padding: 10px 0;
border: 1px #8b00ff solid;
background: #f1f1f1;
margin: 0 0 20px 20px;
font-size: 80%;
width: 225px;
float: right;
}


.promohorizholder {
padding: 10px 0;
border: 1px #8b00ff solid;
background: #f1f1f1;
margin: 0;
font-size: 80%;

}

.promohoriz {
	margin: 0 30px;
}


.promohoriz img {
	height: 100px;
	
}

.catalogfivepromo {
	/*five columns*/
	padding: 15px 5px;
	margin-right: 5px;
	text-align: center;
	vertical-align: top;
	float: left;
	width: 175px;	
}

td.promoitem {
	padding: 10px 5px;
	
}

.promoimg {
	width: 100%;
	text-align: center;
	
}

.promoimg img {
	padding: 2px;
	border: 1px #808080 solid;
	margin: 0 0 5px 0;
	
}

/* This sets the add to cart buttons */

.addToCartBtn {
color: #ffffff !important;
font-size: 12px !important;
font-weight: bold;
width:110px;
background-color: #8b00ff  !important;
padding: 0;
border: 3px #808080 double;}

.addedToCart {
background-color:#f0f0f0 !important;
border:2px solid #8b00ff  !important;
margin-bottom:15px;
color:#333333;}

/* This sets the added to cart background color to version v9.3.1*/

.added_to_cart {
background-color:#f0f0f0 !important;
border:1px solid #8b00ff  !important;}
	
/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/
 
/* Both browsers apply these styles to the action button */
.actn_button_color {
 border:3px double #8b00ff  !important; /*recolor to match template light color*/
 background-color:#6a7838 !important;
 cursor:pointer;
 white-space:nowrap;
 padding:2px 3px 2px 3px;
 font-family:Arial, Helvetica, sans-serif;
 color:#202020;
 font-size:12px;
 font-weight:bold;
 text-align:center
}
/* IE uses the filter for the blend */
.actn_button_color {
 * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#8b00ff ';)
 }
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
 background: #8b00ff  url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* BEGIN FIREFOX HOVER FOR ACTION BUTTON *******/
.actn_button_color.actn_button:hover {
 border:3px double #8b00ff ; /*recolor to match template dark color*/
 color:#202020;
 background: #8b00ff  url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
} 
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/
 
/******* REGULAR BUTTON *******/
/* Both browsers apply these styles to the regular button */
.button_color {
 border:3px double #6a7838; /*recolor to match template light color*/
 cursor:pointer;
 background-color:#8b00ff  !important;
 white-space:nowrap;
 padding:2px 3px 2px 3px;
 font-family:Arial, Helvetica, sans-serif;
 color:#202020;
 font-size:12px;
 font-weight:bold;
 text-align:center
}
/* IE uses the filter for the blend */
.button_color {
 * filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#8b00ff ';)
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
 background: #8b00ff  url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* BEGIN FIREFOX HOVER FOR REGULAR BUTTON *******/
.button_color.button:hover {
 border:3px double #8b00ff ; /*recolor to match template dark color*/
 color:#202020;
 background: #c9c9c9 url("<ss:value source="$system.styleImage['white_gradient.png']"/>") repeat-x top;
}
/******* END FIREFOX HOVER FOR ACTION BUTTON *******/

.productdetailholder td.thumbs {
	background: #e8e8e8;
	width: 25%;
	border-left: 2px #fff solid;
}

.productdetailholder td.lrgphoto {
	background: #f1f1f1;
	width: 75%;
}

.productdetailholder td.lrgphoto img {
	border: 2px #fff solid;
	
}

div.quantity {
	width: auto !important;
	border: none !important;
}

div.priceholder form {
	margin-bottom: 0 !important;
}


table.quanholder {
	width: 75% !important;
	
}
#imgtable, .imgtable {
	width: 100% !important;
	
}

.thumbmargin {
	margin: 0 0 0 10px;
	
}


.tab_on {
	color:#fff !important;
	font-weight:bold;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color: #831cd9 !important;
	padding:3px;
	width:165px;
	float:left;
	display:inline;
	white-space:nowrap
	}
.tab_off {
	color:#fff !important;
	font-weight:normal;
	text-align:center;
	margin-top:10px;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	background-color: #400076 !important;
	padding:3px;
	width:165px;
	float:left;
	cursor:pointer;
	display:inline;
	white-space:nowrap
	}

.detaildesc {
border-top:4px solid #e5e5e5;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;	
border-bottom:2px solid #e5e5e5;
padding:5px;
margin-bottom:10px;
line-height: 1.6em;
width: 478px !important;           
text-align:left;
font-weight: bold;
color: #831CD9;}
		
.imageleft {
margin: 0 10px 0 0;
float: left;
border: 3px double #c0c0c0;}
	
.imageright {
margin: 0 0 0 10px;
float: right;
border: 3px double #c0c0c0;}
	
.imageleft-noborder {
margin: 0 10px 0 0;
float: left;}

.imageright-noborder {
margin: 0 0 0 10px;
float: right;}