/* theme */
body {
		background: #406980;
	}
	
	/* Layout Alignment | Layout-Ausrichtung */
	#body_padding { padding: 0 15px; background: #e3eef4 url(bg.gif) top repeat-x;}
	#page_margins { margin: 0 auto; }
	
	/* Layout Properties | Layout-Eigenschaften */
	#page_margins { width: auto;  min-width: 740px; max-width: 1200px; background: transparent; }
	#page { background: transparent; }
	#header { 
		height: 63px;
		width: 100%;
	}
	#topnav { color: #aaa; background: transparent; }
	#main { margin: 10px 0 10px 0; background: #e3eef4; }
	#footer { padding: 10px 20px; color:#e1e1e1; width: auto;  min-width: 740px; max-width: 1200px; margin: 0 auto;}
	#footer div.vcard div { display: inline; margin-right: 15px; }
	#footer_bg {width: 100%; background: #406980; clear: both;}
	
	#footer p.left, #header .left {
		text-align: left;
		float: left;
		display: inline;
	}
	
	#footer p.right, #header .right {
		text-align: right;
		float: right;
		display: inline;
	}
	
	/* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
	#nav ul { margin-left: 20px; }
	
	/*-------------------------------------------------------------------------*/
	
	/**
	* (en) Formatting content container
	* (de) Formatierung der Inhalts-Container
	*
	*/
	
	#col1 { float: left; width: 25%;  margin:0 }
	#col2 { float: left; width: 50%;  margin:0; }
	#fatcol2 { float: left; width: 75%; margin: 0; }
	#col3 { width: auto; margin: 0 0 0 75%}
	#col2_content { margin:0; background: transparent url(main_content_bg.gif) left top no-repeat; min-height: 350px;}
	#col2_content_inner { padding: 10px 10px 0; background: transparent url(main_content_tr_bg.gif) top right no-repeat; min-height: 350px;}
	#fatcol2 #col2_content_inner { padding: 10px 0 0 20px; min-height: 350px;}
	#col1_content { padding: 10px 20px 0 0 }
	#col3_content { padding:  10px 0 0 20px }
	
	/*-------------------------------------------------------------------------*/
	
	div#container {
		width: 937px;
		margin: 0 auto;
	}
	
	div#header {
		height: 63px;
		width: 100%;
		background: transparent;
	}
	
	h1.title {
		display: inline;
	}
	
	h1.title a, h1.title a:visited {
		font: bold 48px/48px "Trebuchet MS", Arial, Sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #369;
		margin-bottom: 0;
	}
	
	h1.title a:hover, h1.title a:active {
		color: #214264;
		text-decoration: none;	
	}
	
	h3.phone {
		margin-top: 0;
		display: block;
		font: normal 18px Arial, sans-serif;
		float: right;
		text-transform: uppercase;
		color: #406980;
	}
	
	div#tagline {
		width: 100%;
		clear: both;
		height: 10px;
		background-color: #d3d3cd;
	}
	
	#tagline span {
		background-color: #f8f9f7;
		padding: 0 5px 0 3px;
		font: normal 11px/10px Arial, sans-serif;
	}
	
	div#nav {
		width: 100%;
		height: 34px;
		background: transparent url(nav_bg.gif) top repeat-x;
	}
	
	div.imagepost
	{
		padding-right: 10px;
	}
	
	/* hack, fix in widget */
	
	#nav h2 {
		display: none;
	}
	
	ul#navlist {
		padding-top: 8px;
		margin-left: 0px;
	}
	
	#navlist li {
		display: inline;
		list-style-type: none;
		margin-left: 0px;
	}
	
	#navlist li a, #navlist li a:visited {
		padding: 3px 5px;
		font: bold 14px arial, sans-serif;
		color: #444652;
		text-transform: uppercase;
	}
	
	#navlist li a:hover {
		background: #444652;
		padding: 2px 5px;
		color: #fff;
		border-bottom: 1px solid #60626d;
		border-top: 1px solid #181a24;
	}
	
	div#feature {
		background: #afafa4;
		border-bottom: 2px solid #ff7800;
		overflow: hidden;
		width: 100%;
	}
	
	#feature h2 {
		padding-top: 10px;
	}
	
	#feature img {
		float: right;
	}
	
	#feature * {
		padding-left: 10px;
	}
	
	#feature h2 {
		font: normal 24px/28px Arial, sans-serif;
		color: #e3eef4;
	}
	
	#feature p {
		font: normal 18px/24px Arial, sans-serif;
		color: #f9f9f7;
	}
	
	#left-column {
		width: 184px;
	}
	
	#col1 ul, #col3 ul, #col1 li, #col3 li {
		list-style: none;
		margin-left: 0px;
	}
	
	div#search_box {
		background: transparent url(search_main.gif) left no-repeat;
		height: 31px;
		width: 100%;
	}
	
	div#search_cap {
		background: transparent url(search_cap.gif) right no-repeat;
		width: 100%;
		height: 31px;
	}
	
	#s {
		background: transparent;
		width: 94%;
		height: 19px;
		position: relative;
		left: 3%;
		top: 8px;
		border: none;
		height: 19px;
	}
	
	textarea#comment {
		width: 100%;	
	}
	
	h2.post_permalink a {
		text-transform: uppercase;
		color: #336699;
		text-decoration: none;
		margin-bottom: 0;
	}
	
	.clear {
		clear: both;
	}
	
	/**
	* Fonts
	* (en) font-family and font-size selection for headings and standard text elements
	* (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
	*
	* @section content-fonts
	*/
	
	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size: 100.01%; }
	
	/* (en) reset monospaced elements to font size 16px in Gecko browsers */
	/* (de) Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
	textarea, pre, tt, code {
		font-family:"Courier New", Courier, monospace;  	
	}
	
	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
		font-size: 75.00%;
		color: #383a47;
	}
	
	h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
	h1 { font-size: xx-large; }                        /* 24px */
	h2 { font-size: x-large; }                     /* 20px */
	h3 { font-size: large }                        /* 18px */
	h4 { font-size: medium; }                     /* 16px */
	h5 { font-size: small; }                     /* 14px */
	h6 { font-size: small; font-style:italic; } /* 14px */
	
	p { line-height: 1.5em; margin: 0 0 1em 0; }
	
	/* ### Lists | Listen  #### */
	
	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 20px; }
	li { margin-left: 20px; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	/* ### text formatting | Textauszeichnung ### */
	
	cite, blockquote { font-style:italic; }
	blockquote { margin: 0 0 1em 1.5em; }
	
	strong,b { font-weight: bold; }
	em,i { font-style:italic; }
	
	pre, code { font-family: monospace; font-size: 1.1em; }
	
	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}
	
	/**
	* Generic Content Classes
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/
	
	.note { background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; }
	.important { background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted; }
	.warning { background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted; }
	
	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em; }
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em; }
	.center { text-align:center; margin: 0.5em auto; }
	
	.alignleft { float: left; margin-right: 10px; margin-bottom: 10px; }
	.alignright { float: right; margin-left: 10px; margin-bottom: 10px; }
	
	/**
	* External Links
	*
	* (en) Formatting of hyperlinks
	* (de) Gestaltung von Hyperlinks
	*
	*/
	
	a, a:visited {
		color: #78b41e;
		text-decoration: underline;	
	}
	
	a:hover, a:active {
		color: #578215;
		text-decoration: underline;
		background-color: transparent;
	}
	
	#topnav a { color: #aac; font-weight: bold; background:transparent; text-decoration:none; }
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active{ text-decoration:underline; background-color: transparent; }
	
	#footer a { color: #b4f257; background:transparent; font-weight: bold; }
	#footer a:focus,
	#footer a:hover,
	#footer a:active { color: #fff; background-color: transparent; text-decoration:underline; }
	
	/**
	* (en) Emphasizing external Hyperlinks via CSS
	* (de) Hervorhebung externer Hyperlinks mit CSS
	*
	* @section             content-external-links
	* @app-yaml-default    disabled
	*/
	
	/*
	#main a[href^="http://www.my-domain.com"],
	#main a[href^="https://www.my-domain.com"]
	{
	padding-left: 12px;
	background-image: url('your_image.gif');
	background-repeat: no-repeat;
	background-position: 0 0.45em;
	}
	*/
	
	/**
	* Tables | Tabellen
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/
	
	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed; }
	
	th,td { padding: 0.5em; }
	thead th { background: #444; color: #fff; }
	tbody th { background: #AFAFA4; color: #fff; }
	tbody th.sub { background: #ddd; color: #333; }
	
	/**
	* Miscellaneous | Sonstiges
	*
	* @section content-misc
	*/
	
	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #000 solid;
	}

/* COLORS */
#body_padding
{
	background: #ffffff url(bg.gif) top repeat-x;
}
#col2_content
{
	background: transparent url(main_content_bg.gif) left top no-repeat;
}
#col2_content_inner
{
	background: transparent url(main_content_tr_bg.gif) top right no-repeat;
}
div#nav
{
	background: transparent url(nav_bg.gif) top repeat-x;
}
div#search_box
{
	background: transparent url(search_main.gif) left no-repeat;
}
div#search_cap
{
	background: transparent url(search_cap.gif) right no-repeat;
}
body
{
	background: #ffffff;
	color: #111c22;
}
#footer_bg
{
	background: #111c22;
}
h3.phone
{
	color: #111c22;
}
div.manufacturer_page h2.manufacturer_title
{
	color: #111c22;
}
h2.widgettitle
{
	color: #111c22;
}
h2.widgettitle a
{
	color: #111c22;
}
div#feature
{
	background: #111c22;
}
h2.post_permalink a
{
	color: #44adb0;
}
a, a:visited
{
	color: #44adb0;
}
a:hover, a:active
{
	color: #368b8d;
}
div#feature
{
	border-bottom-color: #d00018;
}
h1.title a, h1.title a:visited
{
	color: #d00018;
}
#feature h2
{
	color: #ffffff;
}
#main
{
	background: #ffffff;
}
#footer
{
	color: #ffffff;
}
#footer a
{
	color: #ffffff;
}
div#tagline
{
	background-color: #dbdbdb;
}


/* item matrix attribute selector (color size picker) */
	.attribute_selector
	{
		padding: 5px;
		margin: 10px 0px;
		float: left;
	}
	.attribute_selector_end
	{
		clear: both;
	}
	.attribute_selector_choice_set
	{
		padding-top: 15px;
		clear: both;
	}
	
	.attribute_selector h2
	{
		margin: 0px;
		padding: 0px;
	}
	.attribute_selector_choice_set h3
	{
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}
	
	.attribute_selector_choice_border
	{
	  padding: 1px;
	  float: left;
	}
	
	.attribute_selector_choice_select .attribute_selector_choice_border,
	.attribute_selector_choice_select .attribute_selector_choice_border
	{
	  padding: 0px;
	}
	
	.attribute_selector_choice
	{
	  float: left;
	  display:block;
	  margin:0px 0px 0px 0px;
	  padding: 3px 3px 3px 3px;
	}
	
	.attribute_selector_choice_text
	{
	  position: relative;
	  float: left;
	  display: block;
	  padding: 0px 3px 0px 3px;
	  height: 27px;
	 }
	
	.attribute_selector_choice_available
	{
	  position: relative;
	  float: left;
	  display: block;
	  margin: 0px 0px 0px 0px;
	  padding: 1px 1px 1px 1px;
	 }
	
	.attribute_selector_choice_hover {
	  float: left;
	  display: block;
	  margin: 0px 0px 0px 0px;
	  padding: 1px;
	}
	
	.attribute_selector_choice_unavailable
	{
	  float: left;
	  display: block;
	  margin: 0px 0px 0px 0px;
	  padding: 1px 1px 1px 1px;
	}
	
	.attribute_selector_choice_unavailable_hover {
	  float: left;
	  display: block;
	  margin: 0px 0px 0px 0px;
	  padding: 1px 1px 1px 1px;
	}
	
	.attribute_selector_choice_select {
	  position: relative;
	  float: left;
	  display: block;
	  margin: 0px 0px 0px 0px;
	  padding: 0px 0px 0px 0px;
	}
	
/* styling takin from base_styles.css on minimal */

/* item matrix attribute selector (color size picker) */
	.attribute_selector,
	.attribute_selector_choice_unavailable,
	.attribute_selector_choice_unavailable_hover,
	.attribute_selector_choice_select .attribute_selector_choice_border,
	.attribute_selector_choice_select .attribute_selector_choice_border,
	.attribute_selector_choice_available,
	.attribute_selector_choice_hover,
	.attribute_selector_choice_select
	{
		border: 1px solid #000;
	}
	
	.attribute_selector_choice_select .attribute_selector_choice_border,
	.attribute_selector_choice_select .attribute_selector_choice_border
	{
		border-color: #FFF;
	}
	
	.attribute_selector {
		border-color: #DDD;
		background: #fff;
	}
	
	.attribute_selector_choice_available
	{
		border-color: #C7C7C7;
		color: #444;
	}
	
	.attribute_selector_choice_hover {
		border-color: #393939;
		color: #444;
	}
	
	.attribute_selector_choice_unavailable,
	.attribute_selector_choice_unavailable_hover
	{
	  border-color: #CCC;
	  border-style: dashed;
	  color: #C2C2C2;
	}
	
	.attribute_selector_choice_unavailable_hover
	{
	  border-color: #090909;
	}
	
	.attribute_selector_choice_select
	{
	  border-color: #555;
	  border-width: 2px;
	  color: #000;
	  background-color: #F5F5F5;
	}
		
	.attribute_selector h2
	{
		font-size: 14px;
		font-weight: bold;
	}
	.attribute_selector_choice_set h3
	{
		font-size: 14px;
		font-weight: normal;
	}
	.attribute_selector_choice:active,
	.attribute_selector_choice:focus
	{
	  outline: none;
	}
	
	.attribute_selector_choice_text
	{
	  line-height: 25px;
	  font-size: 10px;
	  text-decoration: none;
	}
	.attribute_selector_choice_available,
	.attribute_selector_choice_hover,
	.attribute_selector_choice_unavailable_hover,
	.attribute_selector_choice_select
	{
	  cursor: pointer;
	}

/* item page - item images control */
		div.item_images
		{
			float: left;
			padding: 0px;
			margin: 0px;
			width: 200px;
		}
		div.item_page .item_images .item_image
		{
			height: 200px;
			width: 200px;
			overflow: hidden;
		}
		div.item_page .MagicThumb img
		{
			border: none;
			padding: 0;
		}
		div.item_page .item_images .item_images_small
		{
			clear: both;
		}
		div.item_page .item_images .item_image_small
		{
			float: left;
			margin-top: 3px;
			margin-right: 3px;
			max-width: 30px;
			max-height: 30px;
			overflow: hidden;
		}
		div.item_page .item_images .help_small
		{
			clear: both;
			padding-bottom: 5px;
		}
		div.item_page .item_images .item_image_small span
		{
			display: none;
		}
		div.item_page .item_images .item_images_end
		{
			clear: both;
		}
		div.item_page .place_holder_image
		{
			text-align: center;
		}
		div.item_page .place_holder_image img
		{
			margin-top: 50px;
		}
	
	/* item page - item details (to right of item images) */
		div.item_page div.item_details
		{
			float: left;
			width: 230px;
			padding-left: 10px;
		}
		
		div.item_page div.item_long_description
		{
			clear: both;
		}
		
/* receipt - also end of checkout process */
		/* make it so when we print a receipt page we only get the receipt content */
		@media print
		{
			html body.storepage_account_receipt div,
			html body.storepage_checkout_receipt div
			{
				display: none !important;
			}
			#body_padding,
			#page_margins,
			#page,
			#main,
			#fatcol2,
			#col2_content,
			#col2_content_inner,
			#col2_content_inner .account_page,
			#col2_content_inner .checkout_page,
			#merchantos_account,
			#merchantos_checkout,
			#account_orderreceipt,
			#checkout_orderreceipt
			{
				display: block !important;
				border: none !important;
				background: none !important;
				margin: 0px !important;
				padding: 0px !important;
				color: #000 !important;
			}
			#merchantos_account .widgettitle,
			#merchantos_checkout .widgettitle
			{
				display: none !important;
			}
			
			#merchantos_account .transaction_receipt,
			#merchantos_checkout .transaction_receipt,
			#merchantos_account .transaction_receipt div,
			#merchantos_checkout .transaction_receipt div
			{
				display: block !important;
				border: none !important;
			}
		}
	
		#merchantos_account form,
		#merchantos_checkout form
		{
			width: auto !important;
		}
		
		#merchantos_account .transaction_receipt,
		#merchantos_checkout .transaction_receipt
		{
			border: 1px solid #CCC;
			padding: 10px;
		}
		
		#merchantos_account .transaction_receipt .receipt_shop_header,
		#merchantos_checkout .transaction_receipt .receipt_shop_header
		{
			text-align: center;
			font-weight: bold;
		}
		
		#account_orderreceipt .transaction_receipt .transaction_id,
		#merchantos_checkout .transaction_receipt .transaction_id
		{
			display: block !important;
			float: right;
			font-weight: bold;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_shipping_to h4,
		#merchantos_checkout .transaction_receipt .receipt_shipping_to h4
		{
			font-weight: bold;
			margin-bottom: 5px;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_shipping_to div,
		#merchantos_checkout .transaction_receipt .receipt_shipping_to div
		{
			margin-left: 5px;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_details h4,
		#merchantos_checkout .transaction_receipt .receipt_details h4
		{
			font-weight: bold;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_details ul.receipt_list,
		#merchantos_checkout .transaction_receipt .receipt_details ul.receipt_list
		{
			width: auto;
			padding-left: 5px;
			margin-bottom: 5px;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_details ul.receipt_list li,
		#merchantos_checkout .transaction_receipt .receipt_details ul.receipt_list li
		{
			border-bottom: 1px dotted #CCC;
			clear: both;
		}
	
		#account_orderreceipt .transaction_receipt .receipt_details ul.receipt_list li h3.title,
		#merchantos_checkout .transaction_receipt .receipt_details ul.receipt_list li h3.title
		{
			font-size: 0.9em;
			float: left;
			width: 75%;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_details ul.receipt_list li div.qty,
		#merchantos_checkout .transaction_receipt .receipt_details ul.receipt_list li div.qty
		{
			float: left;
			margin-left: 7px;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_details ul.receipt_list li div.price,
		#merchantos_checkout .transaction_receipt .receipt_details ul.receipt_list li div.price
		{
			float: right;
			margin-left: 7px;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_shipping,
		#account_orderreceipt .transaction_receipt .receipt_subtotal,
		#account_orderreceipt .transaction_receipt .receipt_tax,
		#merchantos_checkout .transaction_receipt .receipt_shipping,
		#merchantos_checkout .transaction_receipt .receipt_subtotal,
		#merchantos_checkout .transaction_receipt .receipt_tax
		{
			clear: both;
			margin: 5px;
			font-size: 1em;
			font-weight: bold;
			text-align: right;
		}
		
		#account_orderreceipt .transaction_receipt .receipt_total,
		#merchantos_checkout .transaction_receipt .receipt_total
		{
			width: auto;
			margin: 5px;
			font-size: 1.2em;
			font-weight: bold;
			text-align: right;
		}