/*================================================
  Layout Styles - the base styles for the store template.
================================================*/
div#container 
{
	text-align:			left;
	width:			820px;
	margin:			15px auto 15px auto;
	min-height:		600px;
	border:			3px solid #FF3300;
	background-color:	#ffffff;
	padding:			10px;
}

div#header 
{
	position:			relative;
	margin-top:		10px;
	height:			85px;
	background-color:	#ffffff;
}

div#header_with_logo 
{
	position:			relative;
	margin-top:		10px;
	background-color:	#ffffff;
}

div#content 
{
	float:				right;
	padding:			20px 0px 20px 0;
	min-height:		500px;
	_height:			500px;
	width:			645px;
}

div#wrapper 
{
	margin-top:		0px;
	clear:			both;
	xborder-top:		1px solid #000000;
}

div#menu 
{
	border-right:		0px  #;
	margin-left:		0px;
	text-align:			left;
	float:				left;
	width:			150px;
	min-height:		500px;
	_height:			500px;
	background-color:	#ffffff;
}

div#store_name 
{
	z-index:			1;
	display:			block;
	text-align:			left;
}

div#store_name_with_logo 
{
	text-align:			left;
}

div#top_menu 
{
	z-index:			-1;
	display:			block;
	text-align:			right;
	font-size:			.8em;
}

div#top_menu_with_logo 
{
	z-index:			-1;
	display:			block;
	text-align:			right;
	font-size:			.8em;
}

div#breadcrumb 
{
	text-align:			right;
	margin-bottom:		10px;
	margin-right:		5px;
	padding-right:		5px;
	width:			640px;
	float:				right;
	background-color:	#FFFFFF;
	color:			#000000;
	font-size:			.9em;
	text-decoration:	none;
	font-weight: bold;
}

div#footer 
{
	clear:			both;
	position:			relative;
	border-top:		1px solid #000000;
	padding:			5px;
	text-align:			center;
	font-size:			0.7em;
}

div#footer a 
{
	display:			inline;
	padding:			0;
	color:			#333333
}


/*================================================
  General Styles - applied to common elements throughout the store.
================================================*/
body 
{	
	background-color:	#FF6600;
	color:			#000000;
	font-family:		verdana,arial,sans-serif;
	font-size:			0.8em;
	line-height:		1.5em;
	margin:			0px;
}

.header_text 
{
	font-size:			2.4em;
	line-height:		1.3em;
	color:			#000000;
	font-weight:		bold;
	font-family:		verdana,arial,sans-serif;
}	

.header_text a:hover { }

.header_text a:link 
{
	color:			#000000;
}

.header_text a:visited 
{
	color:			#000000;
}

h1 
{
	font-size:			2.5em;
	color:			#000000;
}			
			
h2 
{
	font-size:			1.4em;
	color:			#000000;
}

h3 
{
	font-size:			1.1em;
	color:			#000000;
}
			
a:link 
{
	color:			#FF6600;
	text-decoration:	none;
	font-weight: bold;
}

a:visited 
{
	color:			#FF6600;
	text-decoration:	none;
	font-weight: bold;
}

a:hover 
{
	color:			#FF6600;
	text-decoration:	underline;
	font-weight: bold;
}

.small_text 
{
	font-size:			.7em;
}

.medium_text 
{
	font-size:			.9em;
}


/*================================================
  Menu Link Styles - used on navigational menus, or menu links.
================================================*/
.menu_item a 
{
	text-decoration:	none;
	padding:			0.3em;
	font-size:			1.2em;
	font-weight: bold;
}

.menu_item a:visited 
{
	color:			#FF6600;
	text-decoration:	none;
	padding:			0.3em;
	font-size:			1.2em;
}

.menu_item a:hover 
{
	color:			#FF6600;
	text-decoration:	underline;
	padding:			0.3em;
	font-size:			1.2em;
}

.menu_item_wrapper 
{
	margin-left:		15px;
}

ul.navigation 
{
	padding:			0 0.5em;
	list-style-type:	none;
}

.navigation a 
{
	text-decoration:	none;
	padding:			0.3em;
	font-size:			1.4em;
}

.navigation li 
{
	padding:			0.3em;
}


/*====================================================
  Messages, Errors, and Alerts
====================================================*/
.message 
{
	padding:			10px;
	border:			1px dotted #666; 
	background-color:	#00cc00;
}

.error 
{
	padding:			10px;
	border:			1px dotted #666; 
	background-color:	#00cc00;
}

.alert 
{
	color:			#ff0000;
}


/*================================================
  Network and Connection
================================================*/
.network_box 
{
	padding:			5px;
}

.connection 
{
	padding:			3px;
	border:			1px solid #aaa; 
}

.connection_text 
{
	font-size:			.8em;
}

.connection:hover 
{
	background-color:	#FCD5F1;
}


/*================================================
  Product Styles - on home page and product details pages.
================================================*/
.product_box 
{
	padding:			5px;
	xborder:			1px solid #666666; 
	background-color:	#FFFFFF;
	margin-top:		0px;
	text-align:			center;
}

.product_box:hover 
{
	background-color:	#FFFFFF;
}

a .product_title 
{
	font-size:			1.0em;
	line-height:		1.0em;
	color:			#FF6600;
	display:			block;
}

a:visited .product_title 
{
	color:			#FF6600;
}

.product_price 
{
	font-size:			0.9em;
	color:			#666666;
	display:			block;
}

.product_title_detail 
{
	font-size:			1.4em;
	color:			#000000;
}


/*================================================
  Checkout Page Styles - when users are in, or adding to, their cart.
================================================*/
.addtocart_box 
{
	background-color:	#FF6600;
	border:			1px solid #ccc;
	padding:			5px;
}

.addtocart_box_head 
{
	background-color:	#FF6600;
	border:			1px solid #ccc;
	padding:			5px;
	font-size:			.9em;
	color:			#333;
}

.contact_box 
{
	border:			1px solid #000000;
	padding:			5px;
	width:			630px;
}

.cart_box 
{
	border:			1px solid #000000;
	padding:			5px;
	width:			630px;
}

.cart_box_head 
{
	border:			1px solid #000000;
	padding:			5px;
	font-size:			.9em;
}

.cart_box_item 
{
	border:			1px solid #000000;
	padding:			5px;
	font-size:			.9em;
}

.btn 
{
	background-color:	#FF6600;
	color:			#000000;
	font-weight:		bold;
	border:			1px solid #333;
	padding:			3px;
	font-size:			.9em;
}

.btn_sub 
{
	background-color:	#FF6600;
	color:			#000000;
	font-weight:		bold;
	border:			1px solid #666;
	padding:			3px;
	font-size:			.8em;
}

.btn_pay 
{
	background-color:	#FF6600;
	color:			#000000;
	font-weight:		bold;
	border:			1px solid #666;
	padding:			5px;
	font-size:			1.1em;
}