html {
height: 101%;	
margin-bottom: 1px;}
	
body {
background: #ffffff url(backbar.jpg) repeat-x !important;
font: normal .90em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000000;
text-align: center;
padding: 0;
margin: 0;}
	
img {
border: none;}
	
a {
color: #000000;
text-decoration: none;
font-weight: bold;
outline: none;}
	
a:hover {
color: #000000;
text-decoration: underline;
font-weight: bold;
outline: none;}
	
h1 {
color: #000000;
font: normal 22px Georgia, Georgia, serif;
margin: 0 0 10px 0;}
	
h2 {
color: #404040;
font: normal 20px Verdana, Arial, sans-serif;
margin: 5px 0;}
	
h3 {
color: #b30002;
font: normal 18px Verdana, Arial, sans-serif;
margin: 5px 0;}
	
h4 {
color: #000000;
font: normal 16px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h5 {
color: #404040;
background-color: #b30002;
font: normal 20px "Trebuchet MS", sans-serif;
margin: 5px 0;}
	
h6 {
color: #000000;
font: bold 12px Verdana, "Trebuchet MS", sans-serif;
letter-spacing: 1px;
margin: 5px 0;}
	
hr {
background-color: #b30002;
color: #b30002;
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;
width: 960px;
height: 320px;
background-image:url('header.jpg');}

#global {
position: absolute;
left: 795px;
top: 220px;
z-index: 1;
color: #ffffff;
height: 20px;
width: 160px;
text-align: left;
font-size: .8em !important;}
	
#global a {
outline: none;
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#global a:hover {
outline: none;
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

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

#global2 {
position: absolute;
left: 795px;
top: 100px;
z-index: 2;
color: #ffffff;
height: 20px;
width: 160px;
text-align: left;
font-size: .8em !important;}

#global2 a {
outline: none;
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#global2 a:hover {
outline: none;
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

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

#logoarea {
position: absolute;
z-index: 3;
left: 17px;
top: 14px;
height: 70px;
width: 920px;
text-align:center;
color: #000000;}

#movie {
position: absolute;
z-index:8;
left: 10px;
top: 80px;
height: 200px;
width: 780px;
text-align:center;
background-color: #b30002;}
	
#topnav {
position: absolute;
left: 0px;
top: 282px;
z-index: 2;
color: #000000;
height: 30px;
width: 960px;
text-align: center;
line-height: 30px;
font-size: 1.1em !important;}
	
#topnav a {
outline: none;
color: #000000;
text-decoration: none;
font-weight: bold;
font-size: 1.1em !important;}
	
#topnav a:hover {
outline: none;
color:#b30002;
text-decoration: underline;
font-weight: bold;
font-size: 1.1em !important;}

#main {
width: 630px;
float: right;
line-height: 1.6em;
margin: 10px 15px;}
	
#sidebar {
float: left;
width: 265px;
text-align: left;
color: #000000;
line-height: 1.6em;
margin: 10px 0 10px 17px;
font-size: 1.1em !important;}
	
#sidebar a {
color: #000000;
padding: 0 5px;
text-decoration: none;
font-weight: normal;
font-size: 1.1em !important;}
	
#sidebar a:hover {
color: #b30002;
text-decoration: underline;
font-weight: normal;
font-size: 1.1em !important;}

#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: normal;
padding: 0 ;
text-decoration: none;
font-size: 1.1em !important;}

#sidebar li a:hover {
color: #b30002;
font-weight: normal;
padding: 0;
text-decoration: underline;
font-size: 1.1em !important;}

#footer {
clear: both;
height: 95px;
width: 960px;
background: #ffffff url('footer.jpg') no-repeat;	
color: #ffffff;
text-align: center;
letter-spacing: 2px;
font-size: 75%;
line-height: 1.6em;
padding-top: 15px;
margin: 0;}
	
#footer p {
padding: 0;
margin: 0;}
	
#footer a {
color: #ffffff;
padding: 0 5px;
text-decoration: none;
font-weight: bold;}
	
#footer a:hover {
color: #ffffff;
text-decoration: underline;
font-weight: bold;}

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

.featured {
padding: 0;
border-collapse: collapse;
border: 1px #404040 solid;
margin: 0;
font-size: 100%;
width: 100%;}

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

/* This sets the add to cart buttons */

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

.addedToCart {
background-color:#f0f0f0 !important;
border:2px solid #b30002 !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 #b30002 !important;}
	
/* BUTTONS
----------------------------------------------- */
/******* ACTION BUTTON *******/
 
/* Both browsers apply these styles to the action button */
.actn_button_color {
 border:3px double #808080 !important; /*recolor to match template light color*/
 background-color:#f2bf00 !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='#b30002';)
 }
/* FireFox uses a background color and white gradient image for the blend */
html>body .actn_button_color {
 background: #808080 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 #b30002; /*recolor to match template dark color*/
 color:#202020;
 background: #808080 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 #f2bf00; /*recolor to match template light color*/
 cursor:pointer;
 background-color:#808080 !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='#b30002';)
}
/* FireFox uses the background-color and white gradient image for the blend */
html>body .button_color {
 background: #f2bf00 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 #808080; /*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 *******/

.tab_on {
color:#ffffff !important;
font-weight: bold !important;
background-color: #b30002 !important;}

.tab_off {
background-color: #f2bf00 !important;
color:#000000 !important;}	

.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:99%;
text-align:left;}
		
.clear {
clear: both;}
	
.center {
text-align: center;}	
		
.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;}