/* CSS Document */
/*MAIN Super Cart STYLES */
body{font-family:Arial, Helvetica, sans-serif; font-size: 12px;}
table{font-size: 12px; font-family:Arial, Helvetica, sans-serif;}

/*  Loading Screen */

.loading
{
background:url(http://store.wcofs.com/images/fade.png);
position:absolute;
z-index: 9;
left:0; 
display: none; 
visibility: hidden; 
width:100%; 
height:100%;

}

/*  Preview Screen */

.preview
{
background:url(http://store.wcofs.com/images/fade.png);
position:absolute;
z-index: 5;
left:0; 
display: none; 
visibility: hidden; 
width:100%; 
height:100%;
}

.preview_holder
{
background: #FFFFFF;
border: 2px solid #000000;
padding: 0 10px 10px 10px;
}

.preview_holder a,
.preview_holder a_hover
{
color:#990000; 
font-weight:bold;
text-decoration:none;
}

/* Main Car */
.cart_slider
{
position:absolute; 
left:0;
z-index: 10;
display:none; 
visibility:hidden; 
background-color: #FFFFFF; 
border: 2px solid #000000; 
width: 180px;
}

.cart_header
{
background-color: #CCCCCC; 
padding: 0 5px; 
color: #990000; 
font-weight: bold;
}

.cart_item
{
font-weight: bold; font-size: 10px;
}

.cart_item_total
{
font-weight: bold; font-size: 10px;	color:#990000; text-align:right;
}

.cart_item_links, .cart_item_links a
{
font-weight: bold; font-size: 10px;	color:#990000; text-decoration:none;
}

.cart_item_links, .cart_item_links a:hover
{
font-weight: bold; font-size: 10px;	color: #666666; text-decoration:none;
}

.cart_contents
{
padding: 5px;
}

.cart_total
{
background-color: #CCCCCC; 
padding: 0 5px; 
color: #990000; 
font-weight: bold; 
font-size: 18px;
}

.order_status
{
color: #990000;
font-weight:bold;
}

.invoice_label
{  
color: #666666; 
font-weight: bold; 
font-size: 14px;
}

.tracking a, .tracking a:hover
{
font-weight: bold;	color:#990000; text-decoration:none;
}

/*  Main Cart Screen */
.main_area
{
border-left: 1px solid #CCCCCC;
}

.main_cart_title
{  
color: #666666; 
font-weight: bold; 
font-size: 18px;
}

.main_cart_total
{
padding: 0 5px; 
color: #990000; 
font-weight: bold; 
font-size: 18px;
}

.main_cart_item_cost
{
text-align: right;
padding: 15px; 
color: #990000; 
font-weight: bold; 
font-size: 14px;
}

.main_cart_item_title
{
border-left: 1px solid #CCCCCC;
padding: 0 5px;
color: #000000; 
font-weight: bold; 
font-size: 14px;
}

.main_cart_item_desc
{
border-left: 1px solid #CCCCCC;
color: #666666;  
font-size: 12px;
}

.pages
{
font-size: 12px;
color: #FF0000;
vertical-align:middle;
text-align:right;
padding: 2px 30px 4px 0px;
font-weight:bold;
}

.pages a,
.pages a:hover
{
font-size: 12px;
color:#999999;
text-decoration:none;
}

.pages_bottom
{
font-size: 12px;
color: #990000;
height: 20px;
vertical-align:middle;
text-align:center;
font-weight:bold;
padding: 5px 0px 10px 0px;
}

.pages_bottom a,
.pages_bottom a:hover
{
font-size: 12px;
color:#999999;
text-decoration:none;
}

.pages_number_holder
{
   padding: 0 2px;
}

.pages_number_border
{
border: 1px solid #000000;
padding: 1px 4px;
color: #990000;
}

.backtosearch
{
height: 25px;
border-bottom: 1px solid #CCCCCC;
}

.backtosearch a,
.backtosearch a:hover
{
font-size: 16px;
font-weight:bold;
color: #990000;
text-decoration:none;
}


/* Results Area */

.results_label
{
padding: 0 5px;
color: #666666; 
font-weight: bold; 
font-size: 18px;
text-align:left;
}

.results
{
border-top: 1px solid #CCCCCC;
}

.search_sale
{
color:#990000;
}

.search_reduced
{
color:#FF0000;
}

.search_regularly
{
color:#000000;
}

.search_nonregularly
{
color:#000000;
text-decoration:line-through;
}

.search_you_save
{
color:#999999;
font-size: 10px;
font-style:italic;
}

/* Login Area */
.login_label
{
padding: 0 5px;
color: #666666; 
font-weight: bold; 
font-size: 16px;
text-align:left;
}

.login_table
{
color: #000000; 
font-weight: bold; 
font-size: 12px;
text-align:left;
}

.login_options
{
padding: 0 10px;
color: #000000; 
font-weight: bold; 
font-size: 12px;
text-align:left;
}

.login_error
{
color: #990000; 
font-weight: bold; 
font-size: 12px;
text-align:left;
}

.login_options a
{
color: #990000; 
font-weight: bold; 
font-size: 12px;
text-decoration:none;
}

.login_options a:hover
{
color: #666666; 
font-weight: bold;
font-style:italic; 
font-size: 12px;
text-decoration:none;
}

.waiting
{
color: #FFFFFF; 
font-weight: bold; 
font-size: 12px;
}

.waiting a
{
color: #FF0000; 
font-weight: bold; 
font-size: 12px;
}

.waiting a:hover
{
color: #CCCCCC; 
font-weight: bold; 
font-size: 12px;
}


/* Quick View */
.quick_item_title
{  
color: #666666; 
font-weight: bold; 
font-size: 18px;
}

.quick_item_cost
{
padding: 0 5px; 
font-weight: bold; 
font-size: 16px;
text-align:right;
border-bottom: 1px solid #990000;
}

.quick_item_total
{
font-size: 14px;
text-align:right;
font-weight:bold;
border-top: 1px solid #000000;
}

.quick_item_subtotal
{
font-size: 12px;
text-align:right;
font-weight:bold;
}

.sale
{
color:#990000;
}

.reduced
{
color:#990000;
}

.regularly
{
color:#000000;
}

.you_save
{
color:#999999;
font-size: 10px;
font-style:italic;
}

.out_of_stock
{
color:#999999;
}

.quick_item_desc
{
border-left: 1px solid #CCCCCC;
color: #666666;  
font-size: 12px;
}

/*   FUll View */
.specs
{
	width: 625px;
	text-align:left;
	padding: 20px;
}

.item_areas
{
	text-align:left;
	border: 1px solid #990000;
}

.item_menu
{
display: block;
}

.item_area_menu_on
{
border-top: 1px solid #990000;
border-right: 1px solid #990000;
border-left: 1px solid #990000;
text-align:center;
}

.item_area_menu_on a,
.item_area_menu_on a:hover
{
color: #990000;
font-weight:bold;
text-decoration:none;
}

.item_area_menu_off a,
.item_area_menu_off a:hover
{
color: #000000;
font-weight:bold;
text-decoration:none;
}

.item_area_menu_off
{
text-align:center;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.item_area_shown
{
display:inline;
visibility:visible;
}

.item_area_hidden
{
display:none;
visibility:hidden;
}

.main_item_title
{
padding: 0 5px;  
color: #666666; 
font-weight: bold; 
font-size: 18px;
}

/* Side Menu */
.menu_options
{
padding: 5px 5px 0 5px;
color: #000000; 
font-weight: bold; 
font-size: 12px;
text-align: center;
}

.menu_options a
{
color: #990000; 
}

.menu_options a:hover
{
color: #666666; 
}

.side
{  
	width: 200px;
	padding: 0 5px;
	text-align:left;
}

.side_title
{  
color: #666666; 
font-weight: bold; 
font-size: 18px;
}

.side_cat_holder
{
	padding: 0 0 0 5px;
}

.side_cat, .side_cat a, .side_cat a:hover
{  
color: #000000;
font-weight: bold; 
font-size: 14px;
text-decoration:none;
vertical-align:middle;
}

.side_subcat_holder
{
	padding: 0 0 0 13px;
}

.side_subcat, .side_subcat a, .side_subcat a:hover
{
border-left: 1px solid #CCCCCC;
color: #000000; 
font-weight: bold; 
font-size: 12px;
text-decoration:none;
}

.side_spacer
{

}

/*  History  */
.history_title
{
font-size: 18px;
color: #666666;
text-align:left;
padding: 4px 4px 10px;
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
}

.history_label
{
font-size: 14px;
color: #990000;
text-align:left;
padding: 4px 0 0 15px;
font-weight:bold;
border-bottom: 1px solid #CCCCCC;
}

.history_holder
{
width: 730px;
padding: 0 20px 0 20px;
}

.history_block
{
border-bottom: 1px dotted #CCCCCC;
}

.history_item_title
{
font-size: 12px;
color: #000000;
text-align:left;
font-weight:bold;
}

.history_item_desc
{
font-size: 10px;
color: #000000;
text-align:left;
}

.history_item_total
{
font-size: 12px;
color: #990000;
text-align:right;
font-weight:bold;
}

.history_blank
{
font-size: 12px;
font-weight:bold;
color: #000000;
text-align:center;
padding: 10px 0;
}

/* Random Stuff */
.confirmation
{
 font-size: 12px;
 font-weight:bold;
 padding: 20px;
 color:#990000;
}


/* Checkout Button */

.checkout
{
display: none; 
visibility: hidden; 
}


