/*

Title: Raw-Commerce CSS | Print Styling
Author: Raw Marketing
Date: 2010

www.rawcommerce.com

#373737 - Black
#898989 - Dark Grey
#d9d8d8 - Grey
#f8f8f8 - Very Light Grey
#c3e830 - Light Green
#ffffff - White 

*/


/* CSS Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 22px;
  font-weight: inherit;
  font-style: inherit;
  font-size: 14px;
  font-family: Calibri, Helvetica Narrow, sans-serif;
  vertical-align: baseline;
  }

/* General Elements  */
body { background-image: url(../image/body_bg.jpg); background-repeat: repeat; }

a { color: #81b222; text-decoration: none;  }
a:hover, a:focus { color: #000000; }

a.green { color: #c3e830; }
a.green:hover, a.green:focus { color: #ffffff; }

p { color: #5c5c5c; }
h1 { font-size: 26px; color: #373737; margin-bottom: 5px; }
h2 { font-size: 20px; color: #898989; margin: 10px 0; font-weight: bold; }
h3 { font-size: 18px; color: #373737; margin: 5px 0; }
h4 { font-size: 18px; color: #c3e830; }

.pop_up h3 { font-size: 18px; color: #C9CACA; border-bottom: 1px solid #C9CACA; margin: 5px 0; }

.line { height: 1px; background-color: #e5e4e4; border-bottom: 1px solid white; margin: 5px 0 10px; }
.button 	
{
	background-image: url(../image/button_default.jpg);
	display: inline-block;
	padding: 3px 7px 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border: 1px solid #78a902;
	position: relative;
	cursor: pointer;
	margin: 10px 5px 10px 0;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25); 
}
.button:hover, .button:focus 
{
	background-image: url(../image/button_default.jpg);
	background-position: 0 100%; 
	background-repeat: repeat-x; 
	color: #ffffff; 
	border: 1px solid #656360; 
	cursor: pointer; 
}
.textbox { height: 25px; font-size: 14px; color: #898989; padding: 4px 3px 0 6px; border: 1px solid #C9CACA; width: 330px; margin-bottom: 5px; }
.dropdown {height: 25px; font-size: 14px; width: 250px; color: #898989; padding: 1px 3px 0 6px; border: 1px solid #C9CACA; margin: 5px 0 10px; }
.pop_up  
{	background-color: white; 
	border: 1px solid #989898; 
	-moz-box-shadow: 0 0 20px #dcdcdc;
	-webkit-box-shadow: 0 0 20px #dcdcdc;
	background-image: url(../image/pop_up_logo.jpg); 
	background-repeat: no-repeat;
	background-position: 310px 20px;
	padding: 20px; 
	color: white; 
	width: 400px; 
	margin: 40px auto;
}
	
.checkbox { margin: 10px 10px 0 0; }
.checkbox label { color: #1f1f1f; margin-left: 5px; }
.wide { width: 240px; }
.bold { font-weight: bold; }

.clear { clear: both; }
.clear_left { clear: left} 
.float_left { float: left; }
.float_right { float: right; }

.highlight_red { color: #d63939; font-size: inherit; }

.height { height: 150px; }
.green { color: #81b222; font-size: inherit; }
.margin_top { margin-top: 10px; }
.margin_right { margin-right: 20px; }
.pagination_navigation { clear: both; float: right; margin: 15px 20px 0 0; }

.red_highlight { color: #e02858; }
.orange_highlight { color: #e8b630; }
.green_highlight { color: #81b222; } 

/*-----------------------------------------------------------------------------------------------*/
/* LOG IN PAGE */

.log_in_content  
{
	background-color: white; 
	border: 1px solid #e3e3e3; 
	-moz-box-shadow: 0 0 20px #dcdcdc;
	-webkit-box-shadow: 0 0 20px #dcdcdc;
	-moz-box-shadow: 0 0px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0px 20px rgba(0,0,0,0.5);
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	padding: 20px; 
	color: white; 
	width: 340px; 
	margin: 0 auto;
	background-image: url(../image/pop_up_logo.jpg); 
	background-repeat: no-repeat;
	background-position: 95% 15%;
}
#log_in_wrapper { padding: 100px 0 50px; }
.log_in_content p { color: #1f1f1f; }
.log_in_error { color: #e02858; } 
/*-----------------------------------------------------------------------------------------------*/
/* MASTER PAGE


/* Layout */
#wrapper { clear: both; margin: 0 auto; background-color: #ffffff; padding: 10px; max-width: 1600px; }
#header {  }
.innerWrapper { background-color: #f7f7f7; border: 1px solid #e3e2e2; position: relative; padding: 10px; min-height: 1200px;  }
#outer_wrapper { max-width: 1600px; margin: 0 auto; }
.breadcrumbs { padding: 10px 0; }

/* Help */
#help { background-image: url(../image/pop_up_logo.jpg); 
		background-repeat: no-repeat;
		background-position: 100% 0%; }
#help h1 { margin-bottom: 20px; }
#help h2 { font-size: 22px; }

/* Logo */
h1#logo  
{
	background-image: url(../image/logo.jpg); 
	background-repeat: no-repeat; 
	height: 42px; 
	width: 97px; 
	margin: 10px 20px 10px 10px; 
	text-indent: -9999px; 
	overflow: hidden; 
	float: left;
}


/* Navigation */
.navigation { height: 28px; background-color: #f7f7f7; border: 1px solid #e3e2e2; margin: 0 0 10px; }
.navigation_item { float: left; margin: 3px 5px 0; padding: 0 20px 0 10px; color: #fefefe; border-right: 1px solid #e3e2e2; }
.navigation_item_right { float: right; margin: 35px 10px 0; }
.navigation_item a { color: #1f1f1f; }
.navigation_item a:hover, .navigation_item a:focus { color: #a4de34; }
.navigation .last { border-right: none; }

/* Footer */
#footer { margin: 20px 10px 40px; text-align: center; padding-bottom: 20px; } 
#footer p { color: White; }
#footer a { color: #a4de34; }
#footer a:hover { color: white; }

.footer_nav { float:left; margin-right: 20px; }


/*-----------------------------------------------------------------------------------------------*/
/* DEFAULT PAGE */

.orders { position: relative; }
.order_list_item_read { background-color: white; margin: 0 0 5px; padding: 10px 10px; border: 1px solid #c9c9c9; cursor: pointer; }
.order_list_item_unread { background-color: white; margin: 0 0 5px; padding: 10px 10px; border: 1px solid #c9c9c9; cursor: pointer; font-weight: bold; }
.order_list_item_detail { margin: 5px 0; }
.check_box { float: left; margin: 5px 10px 0 0; }
.order_id { float: left; margin: 0 10px;}
.order_name { float: left; margin: 0 10px; }	
.order_email { float: left; margin: 0 10px; }
.order_date_made { float: left; margin: 0 10px; }
.order_quantity { float: left;  margin: 0 10px; }
.order_total_price { float: left; margin: 0 10px; }

#payment_pending .order_list_item_read:hover { color: #e02858; border: 1px solid #e02858; }
#postage_pending .order_list_item_read:hover { color: #e8b630; border: 1px solid #e8b630; }
#order_complete .order_list_item_read:hover { color: #81b222; border: 1px solid #81b222; }

/*-----------------------------------------------------------------------------------------------*/
/* ORDER PAGE */

.order { width: 600px; margin: 0 auto; clear: left; }

.order_status { float: right; background-color: White; border: 1px solid #e5e4e4; padding: 10px; }
.order_detail { background-color: White; border: 1px solid #e5e4e4; padding: 40px 20px 30px; }

#orders_sidebar { width: 200px; float: right; margin: 15px 40px; }

.order_shipping_address { float: left; clear: left; margin: 10px 60px 0 0; }
.order_billing_address { float: left; margin: 10px 0 0 0;  }
.order_product_summary { margin: 20px; width: 200px; }
.order_product_item { margin: 0 0 10px; height: 30px; border-bottom: 1px solid #e5e4e4; }
.order_product_details { margin: 0 20px 5px 0; float: left; }
.order_product_details a { font-size: 16px; }



/*-----------------------------------------------------------------------------------------------*/
/* CATEGORIES PAGE */
.categories_holder { float: right; width: 280px; background-color: #f6f6f6; padding: 10px 20px; border: 1px solid #e5e4e4; margin: 0 0 10px; }
.categories_information { width: 580px; float: left; padding: 10px; background-color: #f6f6f6; border: 1px solid #e5e4e4; margin: 0 0 20px 0; }
.category_product { margin-bottom: 10px; padding-bottom: 10px; border-bottom:	#e5e4e4; }


/*-----------------------------------------------------------------------------------------------*/
/* PRODUCT LIST PAGE */
.product_search  
{
	width: 240px; 
	position: absolute;
	right: 10px; 
	overflow: hidden; 
	background-color: #ffffff; 
	border: 1px solid #e5e4e4; 
	margin: 0 0 0px 20px; 
	padding: 10px 20px;
}
.product_search .textbox { width: 240px; }
.product_search ul { text-decoration: none; }
.product_search li { margin-left: 20px;  }

#product_list { float: left; min-width: 660px; margin-right: 300px; }

.product { width: 280px; height: 290px; display: inline; background-image: url(../image/body_bg.jpg); background-repeat: repeat; padding: 10px; float: left; border: 1px solid white; margin: 0 10px 10px 0; }
.product_title { color: White; }

.product_image:hover { border: 1px solid white } 
.product .heading2 a { font-size: 20px; color: #a4de34; }
.product .heading2 a:hover, .product .heading2 a:focus { color: #898989; }
.product_image { overflow: hidden; width: 280px; height : 200px; margin-bottom: 5px; border: 1px solid black; }
.product_image input { width: 280px; height : auto; border: 1px solid #786544; }
.product_image input:hover { border: 1px solid #1f1f1f; }
.product_read_more { color: #a4de34; }
.product_read_more:hover { color: #ffffff; }
.product_list_check_box {}

#product_management { width: 580px; float: left; padding: 10px; background-color: #f6f6f6; border: 1px solid #e5e4e4; margin: 0 0 0 0; }


/*-----------------------------------------------------------------------------------------------*/
/* PRODUCT PAGE */
.product_page { width: 480px; float: left; padding: 0 10px 10px; background-color: White; border: 1px solid #c9c9c9; margin: 10px 10px 0 0; }
.product_page .textbox { width: 470px; }
.product_page .multiline { height: 200px; }
.product_image_holder { overflow: hidden; width: 380px; height : 200px; border: 1px solid #c9c9c9;  }
.product_image_holder .product_image { width: 380px; height : auto; }
.product_image_holder:hover { border: 1px solid #1f1f1f; }
#product_page_image_container { width: 380px; background-color: white; border: 1px solid #c9c9c9; margin: 10px 0 10px 0; padding: 10px; float: right; clear: right; }

#price_history_wrapper { background-color: White; padding: 10px; border: 1px solid #c9c9c9; float: left; margin: 10px 0 0 0; clear: left; width: 480px; }
.price_history {  }
.price_history_price { float: right; clear: right; }
.price_history_date { float: left; clear: left; }

#additional_field_wrapper { background-color: White; padding: 10px; border: 1px solid #c9c9c9; float: left; margin: 10px 10px 0 0; width: 480px; }
.additional_field { padding-bottom: 5px; margin-bottom: 10px; }
.additional_field_checkbox { float: left; clear: left; margin: 5px 10px 0 0; }
.additional_field_title { float: left; margin: 0 20px 0 0; font-weight: bolder; }
.additional_field_value { float: left; clear: left; }

#parameter_value_wrapper { background-color: White; padding: 10px; border: 1px solid #c9c9c9; float: left; margin: 10px 10px 0 0; width: 480px; }
#parameter_value_wrapper p { margin: 10px 15px 0 0; }
#parameter_value_wrapper p.float_left { font-weight: bold; } 
.parameter_value_item {  }
.parameter_value_item_text { float: left; clear: left; }
.parameter_value_item_stock_level { float: left; margin: 5px 0 0 40px; }
#stock_level_title { margin-left: 15px; }

#tag_field_wrapper { background-color: White; padding: 10px; border: 1px solid #c9c9c9; float: left; margin: 10px 10px 0 0; width: 480px; }
#tag_field_wrapper li { text-decoration: none; list-style-type: none; }
#tag_field_wrapper li label { margin-left: 10px; } 

/*-----------------------------------------------------------------------------------------------*/
/* SETTINGS PAGE */
.pop_up p { color: #1f1f1f; margin-top: 5px; }

.settings { width: 440px; float: left; }
.pop_up .textbox { width: 390px; }
#settings_postage_details { background-color: White; border: 1px solid #e5e4e4; padding: 10px 20px 10px; margin: 30px 0;  }
.pop_up_error { color: Red; }

.settings_postage { padding: 0 10px; }


/*-----------------------------------------------------------------------------------------------*/
/* TAGS PAGE */
#tags_wrapper { width: 300px; float: right; clear: right; padding: 10px; background-color: White; border: 1px solid #e5e4e4; margin-left: 20px; }
.tags { list-style-type: none;   }
.tag_checkbox { float: left; margin-top: 5px; }
.tag_checkbox label { margin: 0px 20px 0 5px; }

.group { margin-left: 10px; }
.group_checkbox { font-weight: bold; }
.group_checkbox label { margin: 0 0 0 5px; font-size: 16px; }
.group_tags {}
.group_tag { margin-left: 20px; }
.group_tag_checkbox label { margin: 0px 20px 0 5px; }
.move_item_wrapper { float: left; padding: 0 10px 10px; margin: 20px 20px 0 0; background-color: White; border: 1px solid #e5e4e4; }

.product_parameter_value_checkbox label { margin-left: 10px; }
.element_containing_box { width: 480px; float: left; padding: 0 10px 10px; background-color: White; border: 1px solid #c9c9c9; margin: 10px 10px 0 0; }