/*  
Site Name: Garden A to Z
Site URI: http://www.gardenatoz.com
Description: ---
Version: 1.0

UPDATE INFO ---------------------------------------

Revision number: 1.0
Last updated: 
Last update made by: http://chrisevans.co.nz

CONVENTIONS ---------------------------------------

hyphenate class / id names - #my-id-name, .my-class-name
class / id names to start with lower case letter (ID's reserved for .net use will start with Upper case letter)

CREDITS -------------------------------------------
this file adapted from the fantastic resources at http://html5boilerplate.com/
html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
other relevant credits have been left inline

CONTENTS ------------------------------------------

*01: Reset
*03: Default Styles
*03: Util classes
*04: Structure
*05: Common Containers & Subclasses
*06: Custom Containers & Subclasses
*07: Print Styles
*08: Media & Orientation

*/

/* *01: Reset -----------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}                  
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


/* *02: Default Styles --------------------------------------------------------------------------------------------------------*/

body 							{ 
	font: 13px sans-serif; *font-size:small; *font:x-small; line-height: 18px; background: #fff; color: #444; 
	font-family: "rooney-web", Georgia, serif; font-weight: 300;
	background: url(../Images/interface/bg-header.jpg) repeat-x; padding-top: 54px;
}
html 							{ -webkit-font-smoothing: antialiased; }

body.ie7 { padding-top: 90px; }

h1, h2, h3, h4, h5, h6 			{ color: #444; font-weight: 500; text-rendering: optimizeLegibility; line-height: 36px; }
h1 								{ font-size: 24px; line-height: 36px; margin: 0 0 0 0; font-weight: 700; }
h2 								{ font-size: 18px; line-height: 24px; margin: 0 0 0 0;padding: 6px 0; }
h3 								{ font-size: 16px; line-height: 18px; margin: 0 0 0 0; }

p 								{ line-height: 18px; font-size: 14px; font-weight: 300; margin-top: 18px; color: #444; }

a 								{ color: #0079ff; }
a:hover, a:active 				{ color: #064993; outline: none; }
/*a:visited						{ color: #546b23; }*/
p a 							{ font-style: italic; font-weight: 500; }

table 							{ font-size: inherit; font: 100%; }
td, td img 						{ vertical-align: top; }
select, input, textarea 		{ font: 99% sans-serif; }
pre, code, kbd, samp 			{ font-family: monospace, sans-serif; }
sub 							{ vertical-align: sub; font-size: smaller; }
sup 							{ vertical-align: super; font-size: smaller; }
small 							{ font-size:85%; }
strong, th 						{ font-weight: bold; }

input[type="radio"] 			{ vertical-align: text-bottom; } /* align checkboxes, radios, text inputs with their label - by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] 			{ vertical-align: bottom; *vertical-align: baseline; }
.ie6 input 						{ vertical-align: text-bottom; }

label, input[type=button], input[type=submit], button { cursor: pointer; } /* hand cursor on clickable input elements */

::-moz-selection 				{ background: #FF5E99; color:#fff; text-shadow: none; }/* text selection colour & kills text shadow when highlighted */
::selection 					{ background:#FF5E99; color:#fff; text-shadow: none; } 

a:link 							{ -webkit-tap-highlight-color: #FF5E99; } /* Tap highlight colour on webkit touch devices - j.mp/webkit-tap-highlight-color */
button 							{  width: auto; overflow: visible; } /* make buttons play nice in IE: - www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
.ie7 img 						{ -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG: - code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */

ul li 							{ list-style-type: none; }
ol li 							{ list-style-type: decimal; }

/* *03: Util Classes ----------------------------------------------------------------------------------------------------------*/

.ir 							{ display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */
.hidden 						{ display:none; visibility:hidden; } /* Hide for both screenreaders and browsers - css-discuss.incutio.com/wiki/Screenreader_Visibility */
.visuallyhidden 				{ position:absolute !important; /* Hide only visually, but have it available for screenreaders - www.webaim.org/techniques/css/invisiblecontent/ */
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
.invisible 						{ visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.clearfix:after 				{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 						{ display: inline-block; }
* html .clearfix 				{ height: 1%; } /* Hides from IE-mac \*/
.clearfix 						{ display: block; }

/* *04: Structure -------------------------------------------------------------------------------------------------------------*/

header 		{ width: 960px; margin: 35px auto 34px auto; position: relative; }
#main-nav 	{ width: 960px; margin: 0 auto 36px auto; background: url(../Images/interface/bg-hatching.png); }
#main		{ width: 960px; margin: 36px auto; }
footer		{ margin: 72px 0 0 0; border: 1px solid #e4ebd8;  background: url(../Images/interface/bg-hatching.png); overflow: hidden; }

/* *05: Common Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Header ============================== */
#logo				{ 
	display: block; text-indent: -9999px; width: 515px; height: 39px;
	background: url(../Images/interface/bg-logo.png) no-repeat;
}
#search-box 		{ position: absolute; top: 15px; right: 0; }
#search-box input	{ width: 223px; margin-left: 10px; }

/* Footer ============================== */
footer div			{ width: 960px; margin: 0 auto; }
footer p 			{ color: #7f9e3e; margin: 36px 0; }
footer .contact-us	{ float: right; }
footer .copyright	{ float: left; }

/* Forms ============================== */
input, textarea, select		{
	background: #f4f4f4;
	box-shadow: inset 0px 1px 0px rgba(255,255,255, 1); -moz-box-shadow: inset 0px 1px 0px rgba(255,255,255, 1); -webkit-box-shadow: inset 0px 1px 0px rgba(255,255,255, 1);
	border: 1px solid #d6d6d6;
	text-shadow: rgba(255,255,255,0.7) 0px 1px 0px;
	font-size: 14px; padding: 0 10px; color: #666; font-weight: 300;
	font-family: "rooney-web", Georgia, serif; font-weight: 300;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

input, select { line-height: 25px; height: 25px;  }

input[type="text"]:focus, select:focus { background: #fff; box-shadow: 0px 0px 3px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0, 0.1); }

.default-value	{ color: #999; font-style: italic; }

.btn			{ 
	background: url(../Images/interface/bg-btn.png);
	border: none; height: 27px; padding-bottom: 4px; font-weight: 700;
	box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;
	color: #fff; text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; width: auto !important;
}
.btn:hover		{ background-position: 0 100%; }

.page-form								{ margin-top: 36px; border-bottom: 1px dotted #ccc; }
.page-form li 							{ overflow: hidden; margin-bottom: 18px; position: relative; }
.page-form .mandatory					{ position: absolute; top: 8px; left: 475px; font-size: 20px; color: #999; }
.page-form .error						{ 
	display: block; width: 202px; float: left; background: #cd1313; color: #fff; font-weight: bold; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	margin-left: 24px; font-size: 14px; padding: 5px 10px; line-height: 16px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border-top: 1px solid #a30d0d;
}
.page-form li.submit					{ border-top: 1px dotted #ccc; padding-top: 17px; }
.page-form li.submit .btn				{ margin-left: 395px; }
.page-form li.submit .error				{
	padding: 0; background: none; color: #cd1313; float: none; width: 300px; position: absolute; top: 13px; left: 0; border: none; text-shadow: none; font-style: italic; font-weight: normal; margin: 0;
}
.page-form li.msg						{ padding-left: 164px; font-size: 14px; font-style: italic; color: #999; }
.page-form label						{ display: block; width: 140px; float: left; font-size: 14px; margin-right: 24px; font-style: italic; color: #666; padding-top: 5px; }
.page-form input,
.page-form textarea						{ width: 282px; float: left; }

.page-form textarea						{ max-width: 282px; }
.page-form select						{ width: 304px; padding: 0px 0px 0px 7px; height: 27px; }
.page-form .radio-list ul,
.page-form .checkbox div				{ width: 304px; float: left; }
.page-form .radio-list input,
.page-form .checkbox input 				{ width: auto; display: inline; background: none; border: none; }
.page-form .radio-list li 				{ margin-bottom: 9px; }
.page-form .radio-list li label,
.page-form .checkbox div label			{ width: auto; display: inline; position: relative; top: 0px; left: 5px; font-style: normal; padding-top: 5px; }

/* Main nav ============================== */
#main-nav ul 				{ }
#main-nav ul li 			{ float: left; width: 160px; font-size: 17px; font-weight: 500; }
#main-nav ul li a 			{ display: block; text-align: center; text-shadow: rgba(255,255,255,1) 0px 1px 0px; line-height: 36px; text-decoration: none; font-weight: 800; color: #7f9e3e; }
#main-nav ul li a:hover		{ color: #587123; }
#main-nav ul li.selected a 	{ 
	color: #fff; background: #7f9e3e url(../Images/interface/bg-grass.png); text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.3);
}

/* Image holder boxes ============================== */
.img-holder 							{ margin-bottom: 18px; position: relative; }
.img-holder img							{ display: block; box-shadow: 0px 2px 5px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 2px 5px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 0.3); }
.img-holder .caption					{ }
.img-holder .caption p 					{ line-height: 18px; padding: 9px 28px 0 0; margin: 0; color: #666;  font-style: italic;}
.img-holder .caption p em 				{  color: #666; }
.img-holder .caption .enlarge			{ 
	float: right; background: url(../Images/interface/ind-enlarge.png) no-repeat;
	display: block; line-height: 36px; padding-left: 2px;
	font-size: 14px; text-decoration: none; color: #7f9e3e;
	width: 20px;
}
.img-holder .caption .enlarge:hover		{ color: #0079ff; background-position: 0 100%; }
.small-img-holder						{ float: right; margin: 18px 0px 24px 24px; width: 304px; }
.small-img-holder .caption .enlarge		{ text-indent: -9999px; }



/* Side Nav ============================== */
nav#side-nav 							{ width: 222px; float: left; margin-right: 24px;min-height: 2px; }
nav#side-nav h3							{ line-height: 35px; }
nav#side-nav li 						{ font-size: 14px; line-height: 18px; border-bottom: 1px dotted #ccc; }
nav#side-nav li.first					{ border-bottom: 1px dotted #999; }
nav#side-nav li a 						{ display: block; text-decoration: none; padding: 9px 0; }
nav#side-nav li a:hover					{ text-decoration: underline; }
nav#side-nav li.selected 				{ background: url(../Images/interface/bg-hatching.png); }
nav#side-nav li.selected a 				{ font-weight: bold; padding-left: 9px; color: #444; }
nav#side-nav li ul 						{ padding-bottom: 9px; }
nav#side-nav li li 						{ border: none; line-height: 12px; font-size: 12px; }
nav#side-nav li.selected li a			{ font-weight: normal; color: #0079ff; padding-left: 18px; }
nav#side-nav li.selected li a:hover		{ color: #064993; }
nav#side-nav li.selected li.selected a 	{ 
	font-weight: bold; color: #444; background: #fff; padding-left: 18px; 
	box-shadow: 0px 0px 4px rgba(127,158,62, 0.2); -moz-box-shadow: 0px 2px 0px rgba(127,158,62, 0.02); -webkit-box-shadow: 0px 0px 4px rgba(127,158,62, 0.2);
}

nav#side-nav li.selected li.selected li a { font-weight: normal; color: #0079ff; padding-left: 28px;box-shadow: none;  }
nav#side-nav li.selected li.selected li a:hover { color: #064993; }

nav#side-nav li.selected li.selected li.selected a { font-weight: bold; color: #444;}

/* Main Col ============================== */
#main-col			{ width: 714px; float: left; }
#main-col h2		{ margin: 24px 0 8px 0; }
#main-col h2 + p 	{ margin-top: 0; }

/* Quotes ============================== */
blockquote			{ 
	margin: 25px 0px 25px 0px; 
	font-size: 24px; line-height: 36px; font-style: italic; color: #7f9e3e; 
	border-top: 1px dotted #e4ebd8; border-bottom: 1px dotted #e4ebd8; 
	padding: 16px 18px;
}

blockquote p { font-size: 18px; line-height: 30px; font-style: italic; color: #7f9e3e; margin:0; padding:0;}

blockquote span		{ font-size: 14px; color: #666; }

/* RTE styles ============================== */
.rte ul, .rte ol	{ font-size: 14px; color: #444; padding-left: 18px; }
.rte li 			{ line-height: 27px; }
.rte ul li 			{ list-style-type: disc; }

/* *06: Custom Containers & Subclasses ----------------------------------------------------------------------------------------*/

/* Homepage ============================== */
#welcome								{ position: relative; margin-bottom: 30px;  }
#welcome .img-holder					{ }
#welcome .additional					{  }


#welcome .img-holder 	{ float: left; margin-right: 24px; }
#welcome article.home-welcome 		{ width: 304px; float: right;}
#welcome h1				{ font-size: 36px; font-style: italic; border-top: 1px dotted #e4ebd8; border-bottom: 1px dotted #e4ebd8; line-height: 51px; }

.home-pod				{ border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; width: 204px; float: left; padding-left: 100px; position: relative; margin-bottom: 36px; margin-right: 24px;min-height: 128px;  }
.home-pod h2 			{ line-height: 18px; margin: 10px 0 9px 0; }
.home-pod h2 span		{ font-size: 14px; display: block; font-style: italic; color: #666; }
.home-pod h2 a 			{ text-decoration: none; }
.home-pod p 			{ margin: 0; color: #444; margin-bottom: 15px; }
#latest-newsletter		{  }
#featured-product		{ }
#from-forums			{  }
.home-pod-final			{ margin-right: 0; }
.pod-img				{ position: absolute; top: 10px; left: 0; }

#what-we-can-do				{ padding-left: 328px; position: relative; clear: both; }
#what-we-can-do img			{ position: absolute; top: 0; left: -20px; }
#what-we-can-do h2			{ font-size: 24px; font-style: italic; }
#what-we-can-do div			{ width: 304px; margin-right: 24px; float: left; }
#what-we-can-do ul			{ width: 304px; float: left; margin-top: 9px; }
#what-we-can-do h3			{ line-height: 35px; }
#what-we-can-do li 			{ border-bottom: 1px dotted #ccc; font-size: 14px; line-height: 35px; }
#what-we-can-do li.first 	{ border-bottom: 1px dotted #999; }
#what-we-can-do li a 		{ font-style: italic; }

/* Detail ============================== */
.tabbed-content				{ margin: 36px 0px 0px 0px; }
.tab-nav ul 				{ overflow: hidden; }
.tab-nav li 				{ float: left; }
.tab-nav li a 				{ 
	display: block; font-size: 14px; padding: 0 18px; line-height: 36px; background: #e4e2e2;
	box-shadow: inset 0px -4px 5px rgba(0,0,0, 0.05); -moz-box-shadow: inset 0px -4px 5px rgba(0,0,0, 0.05); -webkit-box-shadow: inset 0px -4px 5px rgba(0,0,0, 0.05);	
	text-decoration: none; color: #0079ff; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	margin-right: 9px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.tab-nav li a:hover			{ color: #fff; background: #0079ff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px; }
.tab-nav li.selected a 		{ background: #eee; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; font-weight: bold; color: #7f9e3e; text-shadow: rgba(255,255,255,0.5) 0px 1px 0px; }
.tabbed-content .content	{ clear: both; background: #eee; padding: 18px; }

.related 					{ margin-top: 54px; clear: both; }
.related h3					{ border-bottom: 1px dotted #ccc; line-height: 35px; }
.related ul 				{ margin-top: 18px; }
.related li 				{ width: 222px; margin-right: 24px; line-height: 18px; float: left; padding-bottom: 12px; }
.related li:nth-child(3n+3)	{ margin-right: 0; }

table							{ width: 100%; margin-top: 24px;margin-bottom: 20px; font-size: 13px; }
table caption,
table th,
table td						{ padding: 12px 10px; text-align: left; }
table th						{ background: url(../Images/interface/bg-hatching.png); }
table tr						{ border-bottom: 1px dotted #ccc; }
table tr:nth-child(odd)			{ background: #fbfbfb; }
table caption					{ background: #7F9E3E; font-size: 16px; line-height: 36px; color: #fff; text-shadow: rgba(0,0,0,0.2) 0px -1px 0px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}

table td p { margin: 5px 0; }
table td.nowrap { white-space: nowrap; }

/* Listing ============================== */

.listing-filter						{ background: #efefef; margin-top: 36px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.listing-filter .alphabetical		{ margin: 0 0 -18px 17px; padding: 0 0 18px 0; overflow: hidden; }
.listing-filter .alphabetical li 	{ float: left; width: 26px; margin: 0; }
.listing-filter .alphabetical li a 	{ 
	display: block; width: 20px; background: #fff; text-align: center; margin: auto auto; line-height: 18px; 
	text-decoration: none; color: #7f9e3e; font-weight: bold; text-transform: uppercase;
	-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
	box-shadow: 0px 0px 3px rgba(0,0,0, 0.1); -moz-box-shadow: 0px 0px 3px rgba(0,0,0, 0.1); -webkit-box-shadow: 0px 0px 3px rgba(0,0,0, 0.1);
}
.listing-filter .alphabetical li a:hover		{
	color: #fff; background: #0079ff;
	text-shadow: rgba(0,0,0,0.1) 0px -1px 0px;
}
.listing-filter .alphabetical li.selected a 	{ background: #7f9e3e; color: #fff; text-shadow: rgba(0,0,0,0.1) 0px -1px 0px; }
.listing-filter h4 								{ padding: 9px 0px 9px 17px; font-size: 16px; }
.listing-filter fieldset						{ margin: 0px 0px 0px 17px; padding-bottom: 18px; }
.listing-filter select							{ padding-right: 0; margin-right: 10px; width: 294px; }

.listing					{ margin-top: 36px; border-bottom: 1px dotted #999; }
.listing li 				{ margin-bottom: 0px; border-top: 1px dotted #ccc; padding: 17px 0px 18px 0px; }
.listing img				{ box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); float: left; margin-right: 18px; }
.listing h3 				{  }
.listing h3 a 				{ text-decoration: none; display: block; line-height: 18px; }
.listing h3 a span			{ font-size: 12px; font-style: italic; line-height: 12px; }
.listing .doc h3 a 			{ background: url(../Images/interface/ind-doc.png) no-repeat; padding-left: 20px; }
.listing .doc h3 a:hover	{ background-position: 0 100%; }

.pagination					{ overflow: hidden; font-size: 14px; line-height: 36px; margin-top: 18px; }
.pagination li 				{ float: left; margin-right: 10px; color: #444; }
.pagination .selected a 	{ text-decoration: none; color: #000;font-weight: bold; }

/* Product Listing ============================== */

.product-listing			{ margin-top: 36px; border-bottom: 1px dotted #999; }
.product-listing li 		{ width: 222px; float: left; margin: 0 24px 36px 0; border-bottom: 1px dotted #ccc; padding-bottom: 17px; }
.product-listing li.last	{ margin-right: 0; }
.product-listing img		{ box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); margin-bottom: 12px; }
.product-listing a 			{ text-decoration: none; }
.product-listing p 			{ margin: 9px 0 0 0; }
.product-listing p a 		{ display: block; margin-top: 9px; }

/* Product Detail ============================== */
nav#breadcrumbs				{ overflow: hidden; border-bottom: 1px dotted #ccc; margin-bottom: 36px; }
nav#breadcrumbs li 			{ float: left; line-height: 35px; font-size: 14px; color: #777; margin-right: 5px; }
nav#breadcrumbs li a 		{ text-decoration: none; }
nav#breadcrumbs li a:hover	{ text-decoration: underline; }

.product-detail .img-holder	{ margin-right: 24px; float: left; }
.product-detail img			{ box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); }
.product-detail article		{ width: 386px; float: left; }

.product-detail .also 		{ font-size: 14px; width: 304px; }
.product-detail .also li 	{ margin-bottom: 18px; }
.product-detail .also h4 	{ font-style: italic; margin-top: 15px; }
.product-detail .also h5	{ line-height: 18px; margin-bottom: 4px; }
.product-detail .also img	{ float: left; margin-right: 12px; border: 3px solid #fff; }
.product-detail .also p 	{ margin: 0; }

#main-col.product-detail h2	{ margin: 0px 0 18px 0; line-height: 18px; font-size: 15px; color: #666; font-style: italic; }

.product-detail fieldset						{ 
	border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; margin: 36px 0; line-height: 54px; background: url(../Images/interface/bg-hatching.png); padding: 0 10px; font-size: 14px;
}
.product-detail fieldset strong					{ 
	font-size: 24px; color: #7F9E3E;
	text-shadow: rgba(255,255,255,1) 0px 1px 0px;
}
.product-detail fieldset strong span			{ font-size: 14px; font-style: italic; font-weight: normal; }
.product-detail fieldset input[type="text"]		{ width: 20px; padding-left: 5px; padding-right: 5px; text-align: center; margin: 0 10px; }
.product-detail fieldset div					{ float: right; }

.product-detail article + .related				{ padding-top: 54px; }

/* Shopping cart ============================== */
#cart 							{ margin-bottom: 36px; overflow: hidden; }
#cart td						{ line-height: 90px; }
#cart h5						{ margin-top: 5px; }
#cart p 						{ margin: 0; }
#cart img						{ border: 3px solid #fff; box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -moz-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0, 0.3); margin-top: 16px; }
#cart input[type="text"]		{ width: 20px; padding-left: 5px; padding-right: 5px; text-align: center; }
#cart .btn						{ background: url(../Images/interface/bg-btn-alt.png) repeat-x; }
#cart .btn:hover				{ background-position: 0 100%; }
#cart #checkout					{ float: right; margin-top: 36px; background: url(../Images/interface/bg-btn-large.png) repeat-x; height: 54px; font-size: 18px; padding-left: 20px; padding-right: 20px; }
#cart #checkout:hover			{ background-position: 0 100%; }

/* *07: Print styles-----------------------------------------------------------------------------------------------------------*/

@media print {
  * 				{ background: transparent !important; color: #444 !important; text-shadow: none; }
  a, a:visited 		{ color: #444 !important; text-decoration: underline; }
  a:after 			{ content: " (" attr(href) ")"; } 
  abbr:after 		{ content: " (" attr(title) ")"; }
  .ir a:after 		{ content: ""; }  /* Don't show links for images */
  pre, blockquote 	{ border: 1px solid #999; page-break-inside: avoid; }
  img 				{ page-break-inside: avoid; }
  @page 			{ margin: 0.5cm; }
  p, h2, h3		 	{ orphans: 3; widows: 3; }
  h2, h3			{ page-break-after: avoid; }
}

/* *08: Media & Orientation ---------------------------------------------------------------------------------------------------*/

@media all and (orientation:portrait) 		{ /* Style adjustments for portrait mode goes here */
}
@media all and (orientation:landscape) 		{ /* Style adjustments for landscape mode goes here */
}
@media screen and (max-device-width: 480px) { /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) - Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
	
	html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* Prevent iOS, WinMobile from adjusting font size */
	
}





/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */