/* PROTOTYPING COLORS */
.ingredient .pic { width: 100%; height: 150px; background: #999; }


/* Global Styles */
body {font-family:  "Franklin Gothic Book", "Franklin Gothic", "Arial", "Helvetica", sans-serif;}
body { font: normal normal 100%/1.0; color: #4d4031; background-color: #FAFAFA; }
h1 { font-size: 1.5em; margin:0.85em 0.25em; color: #FE4110;}
h2 { font-size: 1.4em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; }
h6 { font-size: 1em; }

h1, h2, h3, h4 { margin-top:18px; }
p + p { text-indent:1.5em; } 
p, ul, ol, li { font: normal normal 1em/1em }
p, pre, address { position:relative; top:5px; }
a:link, a:active, a:visited { text-decoration: underline; color: #85b4d6;}
a:hover { text-decoration: underline; color: #fe4110;}
#main-content.page {font-size: 90%;}
.page p,.page ul,.page ol,.page li{line-height:1.2em;}
.page ul,.page ol,.page dl{line-height:1em;margin-bottom:1em;margin-top:1em;position:relative;top:.25em;}
.page ul{list-style:disc outside none;}
.page ul,.page ol{margin-left:1.5em;}

.container { z-index: 0; margin: 0 auto 0 auto; }

.full-width { width: 960px; }
#page_bottom_container + #footer-push {background: #91BD6B;}

/* Header */
#header_container { background: url('/image/header-cont-bg.png') top left repeat-x; height:151px; }
#header { height: 150px; font-size: 0.8em; position: relative;}

	/* Logo */
	#logo { height: 151px; width: 216px; z-index: 10; position: absolute; top: 0; left: 0; margin: 0 auto 0 auto; background: url('/image/logo.png') top left no-repeat; }
	#logo a {  height: 151px; width: 216px; display: block;}
	#logo h1 { text-indent:-9999em; overflow: hidden;}

	/* Topmost header */
	#topnav { height: 22px; padding-top: 5px; text-align: right; }
	#topnav a:link, #topnav a:active, #topnav a:hover, #topnav a:visited { color: #FFF; }
	#topnav ul.navigation { float: right; margin-top:3px;}

	/* Bottommost header */
	#bottomnav {height: 104px; padding-top: 20px; background: url('/image/header-bg.png') top left no-repeat; color: #017842; }
	#bottomnav ul { float: right; }
	#bottomnav .section { background: url('/image/section-divider.png') right top no-repeat; float: left; width: 125px; margin-left: 20px; padding-right: 20px; }
	#bottomnav .section p {font-size: .9em;}
	#bottomnav .section.omega { background: none; }
	#bottomnav a:link, #bottomnav a:active, #bottomnav a:hover, #bottomnav a:visited { color: #017842; text-decoration: none; }
	
	#bottomnav h3 {font-size: 1.35em; margin-top: 0;  }
	
	/* Horizontal Navigation */
	ul.navigation { list-style-type: none; }
	ul.navigation li { float: left; margin: 0; padding: 0 5px 0 5px; font-size: 0.95em; font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; /*font-family: "Franklin Gothic Book", "Franklin Gothic", "Arial", "Helvetica", sans-serif;*/ border-right: 1px solid #FFF; }
	ul.navigation li.first { padding-left: 0; }
	ul.navigation li.last { padding-right: 0; border-right: none; }

	/* Content */
	/*#content_container { background: url('/images/content-cont-bg.png') bottom left repeat-x; }*/
	#content { font-size: 1.1em; padding-bottom: 1em; margin-top: 10px; }
/*	#content p { margin-top: 2em; }*/
		
		/* Columns */
		.full-width { width: 960px; }
		
		/* Left Column */
		#main-content { width: 700px; float: left; margin: 0 10px 0 10px; min-height: 405px; }

		/* Sidebar */
		#sidebar { width: 220px; float: left; color: #666; margin: 0 10px 0 10px; display: block; position: relative; }
		#sidebar p { font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em; margin-top: 0; }
		#sidebar ul ul { margin-left: 1em; }
		
		.help ol {list-style-type: decimal;  list-style-position: outside; }
		.help ol li {margin: .5em 0; margin-left: 1.5em;}
		#content-category {margin-top: 1.2em;}
		
		#content-category ul a { text-decoration: none; color: #017842; font-size: 1.1em;}
		
		#content-category ul {}
		
		#content-category ul li { margin-top: .5em;}
	/* Steps */
	.steps { margin-top: 1em; clear: right; }
	
	.steps li { float: left; margin: 0; padding: 0; background: url('/image/tabs-middle.png') repeat-x top right; height: 36px; width: 232px; }
	.steps h3 { display: block; color: #FFF; font-weight: normal; font-size: 1em; padding: 10px 15px; text-shadow: #BA6D16 1px 1px 1px; margin-top: 0; }
	.steps h3 a { color: #FFF; text-decoration: none;}
	.steps #step_1 h3 { background: url('/image/tabs-left.png') no-repeat top left; }
	.steps #step_3 h3 { background: url('/image/tabs-right.png') no-repeat top right; }
	
		/* Inactive tabs */
		.steps li.inactive { background: url('/image/tabs-middle-inactive.png') repeat-x top right; border-right: none !important; }
		.steps li.inactive h3 { text-shadow: #999 1px 1px 1px; }
		.steps li#step_1.inactive h3 { background: url('/image/tabs-left-inactive.png') no-repeat top left; }
		.steps li#step_3.inactive h3 { background: url('/image/tabs-right-inactive.png') no-repeat top right; }
	
		/* Numbering */
		.steps li h3 span { background: url('/image/step_number.png') top left no-repeat; display: block; float: left; position: relative; font-size: 1.3em; top: -15px; padding: 15px 16px; width: 18px; height: 24px; margin-right: 10px; font-family: "Arial Black","Impact", "Arial", "Helvetica", sans-serif; line-height:0.8em;}
		.steps li.inactive h3 span { background: url('/image/step_number_inactive.png') no-repeat top left; }
		
		/* Dividers */
		.steps li#step_1 { border-right: 1px solid #ba6d16; }
		.steps li#step_2 { border-left: 1px solid #f4b46d; border-right: #ba6d16; }
		.steps li#step_2_bottom { margin-left: 96px; }
		.steps li#step_3 { border-left: 1px solid #f4b46d; }
	
	/* Footer */
	#footer_container { background-color: #006633; height: 50px; clear: both; }
	#footer { background-color: #006633; height: 20px; padding: 15px 0 15px 0; color: #FFF; font-size: 0.8em; width: 960px; margin: 0 auto 0 auto; }
	#footer #social { width: 140px; margin-right: 10px; float: left; }
	#footer #social li { border-right: none; }
	#footer #nav_copyright { float: left; margin-left: 10px; }
	#footer p { clear: left; }
	#footer #auth { float: right; margin-top:-8px; }
	#footer a {color: #fff;}
	/* Home Page Styles */
		
		/* Home Page Image */
		#page_content { background: url('/image/hp-cereal.png') bottom left no-repeat; padding-left:400px; width:540px; display:inline; float:left; margin-left:0px; margin-right:0px; position:relative; height:255px;}		
		
		#page_right { width:540px; display:inline; float:left; margin-left:0px; margin-right:0px; position:relative; }
		#steps_container .steps li {width: 318px;}
		#steps_container {padding-bottom: 20px;}
		/* Copy to right of bowl */
		p.leadin { line-height: 1.5em; padding-bottom: 2em; }
		
			/* "Your Gluten Freedom!" */
			#gluten-callout h1 {font-size: 2em; margin: 0 1em;}

			/* "Start Mixing!" Button */
			#start_mixing { background: url('/image/mixing-bg.png') top left no-repeat; width: 266px; height: 73px;  margin-right: 10px; margin-left: 0px; float: left; display:inline; position: relative;}
			#start_mixing a {font-size: 1.5em; text-decoration: none;}
			#start_mixing a { display: block;text-align: center; height: 70px; line-height: 70px; color: #FFF; font-weight: normal; text-shadow: #333 1px 1px 2px; cursor: pointer; }
			/* Re-order form */
			#return_customer { background: url('/image/returning-bg.png') top left no-repeat; width: 234px; height: 53px; padding: 10px 10px; margin-right: 0; margin-left: 10px; float: left; display:inline; position: relative;  text-shadow: #768897 1px 1px 1px; }
			#return_customer h4 { color: #FFF; font-weight: normal; margin-top: 0;  }
			#return_customer p { margin-top: 5px; font-size: 0.8em; color: #FFF; }
			#return_customer label {color: #fff; width: auto; float: none; margin-right: 10px;}
			#return_customer input#collection_code { padding: 3px; width: 80px; background: #e4eff7; border: 1px solid #73a5c7; }
			#return_customer input#mix-id-go { width: 35px; height: 23px; background:url('/image/go-button.png') top left no-repeat; padding: 0; margin: 0; border: none; color: #FFF; position: relative; top: -23px; left: 200px; cursor: pointer;}
		
			
			
			/* Information at bottom of homepage */
			#page_bottom_container { background: #91bd6b url('/image/page-bottom-container-bg.png') top left repeat-x; }
			#page_bottom { padding-top: 2em; padding-bottom: 3em; }
			
			.infoboxes { background: #b9e07f; margin: 0 0 1em 0; display:inline; float:left; position: relative; }
			.infobox { width: 287px; float: left; padding: 13px;background:url("/image/vert-divider.png") no-repeat scroll 305px 30px transparent; float:left; height:167px; padding:13px; width:287px; }
			.infobox h4 { color: #066c3d; padding-bottom: 1em; margin-top: 0;  }
			.infobox p { font-size: 0.8em; line-height: 1.2em; }
			.infobox img { padding-left: 35px; }
			.infobox p.quote { position: relative; top: -1em; width: 240px; height: 88px; padding: 35px 8px 10px 8px; background: url('/image/quote-bg.png') top left no-repeat; }
			.infobox p.quote .source { float: right; padding-right: 20px; padding-top: 0.5em; font-weight: bold; }
			p.leadin { line-height: 1.5em; padding-bottom: 2em; margin-top: 1.5em;}
			.infoboxes a {text-decoration: none; color: inherit;}
			.infobox #result {position:relative; top:-2em; }
			.infobox #result a {text-decoration: none;  color: #066c3d; font-size: 1.2em; padding-top: 1em; padding-bottom: 1em; display: block;}
	/* Cart Pages */
	.ingredients { clear: both; }
	.ingredient { color: #666; width: 220px; float: left; padding:10px 10px 20px; }
	.ingredient.column_1 { padding-left: 0; }
	.ingredient.column_3 { padding-right: 0; }
	
	.ingredient.alpha { padding-left: 0; }
	.ingredient.omega { padding-right: 0; }
	
	.ingredient h3 { clear:both; font-size:16px; font-weight:normal; margin-bottom:14px; padding-top:10px; display: block; margin-top: 0;  }
	.ingredient h3 a {color: #017842; text-decoration: none;}
	.ingredient .view_larger { clear:left; float:left; font-size: .82em; padding-top: 19px; }
	.ingredient .add_to_mix { clear:right; float:right; cursor: pointer; padding-top: 6px;}
	.ingredient .add_to_mix a { text-decoration: none; }
	#content .ingredient p.product_serving { font-style: italic; font-size: 0.7em; margin-top: -13px; color: #999; float: left; clear: left; }
	#content .ingredient p.product_price { margin-top: 0; float: right; clear: right; font-size: 16px; right:0;
	top:-15px;}
	#content .ingredient .product_description { font-size: 0.75em; line-height: 1.25em; font-weight: normal;}
	#content .ingredient .product_description p {margin: 0 0 5px 0; line-height: 1.25em;}
	#content .ingredient p.attr { clear: left; float: left; margin-top: 1em; font-size: 0.75em; }
	#content .ingredient div.attributes { float: right; margin-top: 0.6em; }
	.product_description p {margin: 0 0 5px 0; }
		/* Ingredients Sub-nav */

		ul#ingredient-types { padding: 25px 15px 15px 15px; display: block; float: left; background: url('/image/ingredient-types.png') top center no-repeat; width: 670px; height: 26px; }
		ul#ingredient-types li { float: left; padding-right: 10px; padding-left: 10px; border-right: 1px solid #505b61; font-size: 0.8em; color: #505b61; }
		ul#ingredient-types li.omega { border-right: none; }
		ul#ingredient-types .title { border: none; padding-left: 0; }
		ul#ingredient-types li a { color: #015586; text-decoration: none; }
		ul#ingredient-types li a:hover { text-decoration: underline; }
		ul#ingredient-types li a.active { font-weight: bold; color: #505b61; }
		ul#ingredient-types li a.active:hover { text-decoration: none; }

		ul#ingredient-types2 { margin-bottom: -10px; padding: 10px 15px 25px 15px; display: block; float: left; background: url('/image/ingredient-types_bottom.png') top center no-repeat; width: 670px; height: 26px; }
		ul#ingredient-types2 li { float: left; padding-right: 10px; padding-left: 10px; border-right: 1px solid #505b61; font-size: 0.8em; color: #505b61; }
		ul#ingredient-types2 li.omega { border-right: none; }
		ul#ingredient-types2 .title { border: none; padding-left: 0; }
		ul#ingredient-types2 li a { color: #015586; text-decoration: none; }
		ul#ingredient-types2 li a:hover { text-decoration: underline; }
		ul#ingredient-types2 li a.active { font-weight: bold; color: #505b61; }
		ul#ingredient-types2 li a.active:hover { text-decoration: none; }
    		
		ul#base-types { padding: 25px 15px 15px 15px; display: block; float: left; background: url('/image/base-types.png') top center no-repeat; width: 670px; height: 26px; }
		ul#base-types li { float: left; padding-right: 10px; padding-left: 10px; border-right: 1px solid #505b61; font-size: 0.8em; color: #505b61; }
		ul#base-types li.omega { border-right: none; }
		ul#base-types .title { border: none; padding-left: 0; }
		ul#base-types li a { color: #015586; text-decoration: none; }
		ul#base-types li a:hover { text-decoration: underline; }
		ul#base-types li a.active { font-weight: bold; color: #505b61; }
		ul#base-types li a.active:hover { text-decoration: none; }
		
		/* Sidebar grid */
		#sidebar .mix-details .ingredient { width: 60px; padding: 5px; }
		#sidebar .mix-details .ingredient .pic { height: 60px; float: left; display: block; position: relative; }
		
		.remove-from-mix { clear:right; float:right; opacity:0.7; padding:6px; position:absolute; right:-14px; top:-8px; cursor: pointer;}
		.remove-from-mix:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
		
		h4#on_page_total { padding-right: 15px; padding-left: 5px; margin-bottom:10px; }
		h4#on_page_total span { float: right; }
		
		/* Shopping Cart Button */
		a.cart-button {background:url("/image/cart-contents.png") no-repeat scroll left top transparent; color:#FFFFFF; display:block; font-size:0.95em; height:35px; margin-top:6px; padding:21px 0 0 9px; text-shadow:1px 1px 1px #768897; width:220px; cursor: pointer; text-decoration: none;}
		
		/* Shopping Cart Contents */
		.cart-contents { display: none; background: #C7DDEC; padding: 0; right: 0%; width: 100%; margin-bottom:1em;}
		.cart-contents h3 {  position: relative; font-size: .95em; padding:4px; padding:5px 10px; margin-top: 0;  }
		.cart-contents #cart-detail { margin-left: .75em;  }
		.cart-contents #cart-detail tr td p { margin-top: 0; }
		.cart-contents #cart-detail tr td { vertical-align: top; padding: 5px 10px; }
		/*.cart-contents #cart-detail tr td.thumbnail { width: 60px; }*/
		.cart-contents #cart-detail tr td.description { font-size: 0.75em; }
		.cart-contents #cart-detail tr td.description a.remove { color: #c66; cursor: pointer;}
		.cart-contents #cart-detail tr td.price { text-align: right; }
		
		#mix_name {border:4px solid #CCCCCC; float:left; font-size:24px; margin-bottom:10px; margin-right:15px; width:80%;}
		#name_collection label.error {bottom:-75px;
		padding-left:190px;
		position:absolute;
		right:125px;
		width:auto;}
		/** 
		* nutrition.css
		* The following code formats a table for a nutrition label. Feel free to use it as you wish.
		* Crediting the author is always appreciated.
		* Jonathon Eric Cihlar,January 2007
		*/
	
		/**
		* Define the table to be of the class "nutrition"
		*/
		table.nutrition{width: 215px;margin-top :10px;margin-left :0;margin-right :0;border :1px solid #141414;border-collapse :collapse; table-layout :auto; }
		/**
		* Format the caption at the top of the table
		*/
		.nutrition caption{font-family :Arial;font-size :small;font-style:italic;}
		/** 
		* Format the tr ids 
		*/
		.nutrition tr#calories td{border-bottom :4px solid #141414;}
		.nutrition tr#servings td{border-bottom :6px solid #141414;}
		.nutrition tr#minerals td{border-top :4px solid #141414;}
		/**
		* Format the header,which is basically the text "Nutrition Facts"
		*/
		.nutrition th{background-color :transparent;padding :3px;border :0;font-family:Arial Black, Helvetica Black, Arial, Helvetica; font-size:large; font-weight: bold; text-align: left; color: #141414;}
		/**
		* Define the baseline style for cells
		*/
		.nutrition td{padding :3px;font-family :Arial;font-size :x-small;border :0;border-bottom :1px solid #141414;text-align :left; color: #141414;}
		/**
		* Define the cell for Daily Values
		*/
		.nutrition td.dv{font-weight :bold;text-align :right;}
		/**
		* Set an indent for subordinate nutrients
		*/
		.nutrition td.sub{text-indent :10px;}
		/**
		* Set the style of the disclaimer text
		*/
		.nutrition td.disclaimer{font-size :xx-small;}
		/**
		* Use the strong tag to set emphasis on particular text
		*/
		.nutrition strong{font-weight :x-bolder;}
		.nutrition .right {float: right;}
		
		#cart input[type='text'] {
			border: 2px solid #ccc;
		}

/* Tabs */
.ui-tabs { } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { }
.ui-tabs .ui-tabs-nav li {  }
.ui-tabs .ui-tabs-nav li a {  }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {font-weight: bold; color: #505b61; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Button Styles */
.button:active, .button:visited, .button:link, .button:hover {color: #FFF; text-shadow: #333 1px 1px 2px; text-decoration: none;  }
.button { background: url('/image/button_right.png') top right no-repeat; height: 40px; display: block; float: left; }
.button span { background: url('/image/button_left.png') top left no-repeat; height: 20px; display: block; padding: 10px; color: #FFF; text-shadow: #333 1px 1px 2px; cursor: pointer; }
.button.back { float: left; }
.button.forward { float: right; }

.button.back:active, .button.back:visited, .button.back:link, .button.back:hover { color: #f7d8cc; text-shadow: none; }
.button.back { background: url('/image/disabled_button_right.png') top right no-repeat; }
.button.back span { background: url('/image/disabled_button_left.png') top left no-repeat; }

	.button.small { background: url('/image/small_button_right.png') top right no-repeat; height: 20px; font-size: 0.8em; }
	.button.small span { background: url('/image/small_button_left.png') top left no-repeat; height: 15px; padding: 2.5px 10px; }
	
	.button.back.small { background: url('/image/small_disabled_button_right.png') top right no-repeat; height: 20px; font-size: 0.8em; }
	.button.back.small span { background: url('/image/small_disabled_button_left.png') top left no-repeat; height: 15px; padding: 2.5px 10px; }

/* Table Styles */
table.decorative { margin: 10px; }
table.decorative th { background-color: #B4E07F; padding: 5px 10px; color: #017842; font-weight: normal; border: 1px dotted #239A64; }
table.decorative tr td { background-color: #F2EFE9; padding: 10px; font-size: 0.8em; border: 1px dotted #D0CDC7; }
table.decorative tr.even td { background-color: #E1DED8; }
table.decorative td p { margin-top: 0; }

table .left {text-align: left; float: none;}
table .right {text-align: right; float: none;}
table .center {text-align: center; float: none;}

#main-content table.decorative  { width: 680px; }

/* Form Elements */
	/* Basic Rules */
	fieldset { float: left; clear: left; width: 100%; margin: 0 0 1.5em 0; }
	legend { margin-left: 1em; }
	
	fieldset ol { padding: 1em 1em 0 1em; list-style: none; }
	fieldset li { float: left; clear: left; width: 100%; padding-bottom: 1em; }
	
	fieldset.submit { border-style: none; }
	
	label { position: relative; float: left; width: 10em; margin-right: 1em; }
	label em { position: absolute; top: 0; left: 10.25em; }
	label.single_checkbox, label.single_radio { display: inline; }
	
	fieldset input { width: 17em; padding: 3px; }
	fieldset.submit input { width: auto; float: none; }
	fieldset input.single_checkbox, fieldset input.single_radio { width: auto; }
	fieldset .full label { width: 340px; }
	fieldset .full input {width: 20px;}
	/* Checkbox groups */
	fieldset fieldset { margin-bottom: -1em; border-style: none; background-color: transparent; background-image: none; }
	fieldset fieldset legend { margin-left: 0; font-weight: normal; padding-left: 1em; }
	fieldset fieldset ol { position: relative; top: -1em; margin: 0 0 0 12em; padding: 0; }
	fieldset fieldset label { float: none; width: auto; margin-right: auto; }
	fieldset fieldset input { width: auto; padding: 0; }

	/* Styling */
	fieldset { float: left; clear: both; width: 100%; margin: 0 0 1.5em 0; padding: 0; border: 1px solid #BFBAB0; background-color: #F2EFE9; padding:0.5em 0; }
	legend { color: #666; font-weight: bold; }
	fieldset input[type="text"],
	fieldset input[type="password"] { border:2px solid #CCCCCC;; }
	fieldset select { border: 1px solid #BFBAB0; }
	fieldset.submit { border-style: none; padding-left: 12em; background-color: transparent; }
	fieldset.submit input { background-color: #017842; color: #FFF; border: none; padding: 5px 15px; font-size: 0.75em; }
	label, fieldset fieldset legend { font-weight: normal; color: #657c72; }
	
	form .required {margin-left: -.8em; font-weight: bold;}
	
	span.error, label.error { color: #C00; font-size: 14px; line-height: 14px; font-weight: normal; padding-top:2px; display: inline-block;}
	label strong img { position: absolute; left: -15.5em; top: 0.1em; }

	div.buttons {padding-bottom: 1em; }
	div.buttons:after {clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
/* Cart Styles */
table.ingredients, table.mix-details { width: 100%; }
table.ingredients tr td, table.mix-details tr td { background-color: transparent; border: none; position: relative; }

#content .checkout p {margin-top: 0;}
.checkout #comment {width: 100%; border:2px solid #CCCCCC;}
.checkout td.quote label {width: 12em;}

.confirm a.button.small {margin-top: 3px;}
.confirm #voucher { margin-left: 15px;}

#create p {margin-bottom:1em; margin-top:0.5em; }

#fancybox-inner table.nutrition {width: 198px;}

#sidebar .help {margin-top: 1em;}

ul.products{list-style-image:none;margin:0;padding:0;width:150px;}
ul.products li{float:left;width:70px;}
.favorites{width:90%;}
.favorites td{vertical-align:top;border-bottom:2px solid #ccc;}
.favorites tr td{padding-top:10px;padding-bottom:20px;}
.favorites td.images{width:155px;}
.favorites .price{width:155px;padding-top:2em;}
.favorites p{margin:0 0 0 0;margin-top:0 !important;margin-bottom:1em;}
.favorites .right{float:right;}
.favorites h3{font-size:20px;font-weight:normal;margin-bottom:4px;padding-top:10px ;margin-top: 0;  }
.favorites h3 a{color:#017842;text-decoration:none;}
.favorites .product_list{color:#999999;font-size:0.7em;font-style:italic;}
.favorites .product_price{color:#666666;font-size:16px;float:right;}
.description{line-height:1.25em;margin:0 0 5px;color:#666666;font-size:.86em;}
div.testimonial {padding: 10px; margin: 10px 0; width: 635px; border: 2px solid #ccc;}
.products.detail {width: 250px;}
.products.detail li {width: 120px;}
.coupon p {font-size: 87%; }
#coupon_code {float:left;font-size:1.2em;margin-right:10px;margin-top:5px;width:200px;}
.productblock {width: 100%; margin-top: 2em;}
.productinfo {vertical-align: top;}
#product tr td {padding: 5px;}
#product label {width: auto;}
.productinfo input[type="text"] {border: 2px solid #ccc; width: 180px; font-size: 1em;}
.productinfo textarea {border: 2px solid #ccc; width: 100%;}

#contact .content.top {position: relative;}
#contact .address {line-height: 1.2em; position:absolute; right: 100px}
#contact td {padding: 5px 0;}
#contact textarea {border: 2px solid #ccc; width: 600px;}
#contact input[type="text"] {border: 2px solid #ccc; width: 300px; font-size: 1em; margin: 5px 0;}
.comms-info {margin-top: 10px;}

table.account {font-size: 120%}

textarea#comment {border: 2px solid #ccc; width: 80%;}
div.comment {padding: 10px;}

.page a[href$=".pdf"]  { background: url('/image/pdficon_small.gif') no-repeat 0 50%; text-indent: 20px; display:block;}

.faqsection { margin: 10px 0;}
div.faq { margin: 10px 0 0 10px;}
div.faq .question { font-weight: bold; cursor: pointer; padding-left: 10px; font-size: 1em; margin-top: 9px; color: #E64B00;}
div.faq .question.active {}
div.faq .answer  {margin-left: 10px; line-height: 1.2em; text-indent: 1.5em; margin-top: 10px;}
div.faq ul, div.faq ol { margin: 0 0 10px 20px; }

/* Utility */
.success { padding: 5px 0px; margin-bottom: 10px; background: #E4F1C9; border: 1px solid #A5BD71; text-align: center; }
.warning { padding: 5px 0px; margin-bottom: 10px; background: #FFDFE0; border: 1px solid #FF9999; text-align: center; }
.wait { padding: 5px 0px; margin-bottom: 10px; background: #FBFAEA; border: 1px solid #EFEBAA; text-align: center;}

.right { float: right; }
.left { float: left; }
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 630px;
	height:220px;
	/* custom decorations */
	border:1px solid #ccc;
	margin:0;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:90%;
}

/* single scrollable item */
.scrollable .item {
	float:left;
	margin:0;
	background-color:#fff;
	padding:2px;
	width:680px;
	height:220px;
	
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}

/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {

	display:block;
	width:30px;
	height:108px;
	float:left;
	margin:50px 2px;
	cursor:pointer;
	font-size:1px;
}
a.righto 				{ background: url('/image/r-arr.png');}
a.lefto				{ background: url('/image/l-arr.png');} 
/*

a.righto 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.righto:hover 		{ background-position:-30px -30px; }
a.righto:active 	{ background-position:-60px -30px; } 



a.lefto				{ margin-left: 0px; } 
a.lefto:hover  		{ background-position:-30px 0; }
a.lefto:active  	{ background-position:-60px 0; }


a.up, a.down		{ 
	background:url(/image/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}


a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }


a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 
*/

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}
#boxes .window {  
position:absolute;  
width:440px;  
height:200px;  
display:none;  
z-index:9999;  
padding:20px;  
}  
  
#boxes #dialog {
background-color: #ffffff;
color: #E64B00;
border: 4px solid #E64B00;
text-align:center;
position:fixed;
top: 50%;
left: 50%;
margin-left: -170px;
margin-top:  -75px; 
width:340px;   
height:150px;  
}

.box-shadow {
  -moz-box-shadow: 10px 10px 10px #333; /* Firefox */
  -webkit-box-shadow: 10px 10px 10px #333; /* Safari, Chrome */
  box-shadow: 10px 10px 10px #333; /* CSS3 */
}
.rounded-corners {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  border-radius: 10px; /* CSS3 */
}
.activate { font-weight: bold; }