/* ===================================================
	Layout stylesheet - Dyson
	Version: v2.0
	Author: James Taylor - 25/04/2007
/* =================================================*/

/* import color/typography stylesheets */
@import url(color.css);
@import url(typography.css);

/* General ================================ */
	/* Normalize some of the default styling of common (X)HTML browsers */
		* { margin: 0; padding: 0; outline: 0; } /* normalizes margin, padding of all elements  */
		ul, ol { list-style: none; } /* no list markers */
		a img, :link img, :visited img, fieldset { border: 0; } /* no borders on linked images and fieldsets */
		address { font-style: normal; } /* de-italicize address */
		table { border-collapse: collapse; border-spacing: 0; } /* normalizes table borders and spacing */
		caption, th { text-align: left; }
		q:before, q:after { content: ''; } /* removes quotation marks from q */
		:focus { outline: 0; }
	
	/* Global Classes */
		.clear { clear: both; }
		hr, .hide { display: none; }
		.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
		.clear {display:inline-block;}
		/* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */
		*html .clear { height: 1px; } /* For ie6 and lower */
		
		.col { width: 193px; float: left; position: relative; }
		.dblCol { width: 397px;  float: left; }
		.col, .dblCol { margin: 0 10px 0 0; }
		.sifr { padding: 0 0 8px 8px; }
		.offscreen { position: absolute; left: -10000px; top: -1000px; }
		.floatRight { float: right; margin-right: 35px; }
		
		/* These are standard sIFR styles... do not modify */
		.sIFR-flash { visibility: visible !important; margin: 0; }
		.sIFR-replaced { visibility: visible !important; }
		span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
		/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
		.sIFR-flash + div[adblocktab=true] { display: none !important; }
		
		a.btn { margin-bottom: 3px; display: block; }

/* Layout ================================ */	
	html { text-align: center; }
		body { width: 974px; margin: 0 auto; position: relative; text-align: left; }
			#trackingTags { height: 1px; width: 1px; position: absolute; top: -1000px; left: -1000px; }
			#header { height: 91px; position: relative; }
				#logo { padding-top: 16px; }
			#content { position: relative; padding: 22px 0 25px; }
				#content #inner { text-align: left; margin: 18px 0 35px; padding: 18px; min-height: 300px; width: 710px; position: relative; }
					#content #inner h2 { text-align: left; }
			#footer { text-align: center; padding-bottom: 30px; }
			#footer #topline { width: 48em; margin: 0 auto; display: block; }
			#footer #topline.script { width: 28em; }
				#footer p#copyright { display: inline; float: left; }
					#footer p#copyright span { display: inline-block; padding-left: 7px; position: relative; top: -7px; }
				#footer div#siteLocation { float: left; }
					#footer #siteLocation ul#trigger { margin: 2px 0 0 20px; }
						ul#trigger li a img { position: relative; top: 3px; left: 5px; }
					#frmLocation { padding: 7px 0 0 15px; }
						#frmLocation input { position: relative;  top: -3px; }
						#frmLocation img { position: relative;  top: -4px; }
					#footer #siteLocation ul#trigger li a { display: inline-block; padding-left: 10px; }
						#footer #siteLocation select { position: relative; top: -2px; float: left; }
						#footer #siteLocation img { margin: 1px 0 0 3px; }
							#dvLocation { z-index: 1000; height: 11.8em; overflow: auto; padding-right: 2px; margin-top: 3px; padding-bottom: 0; text-align: left; margin-left: 17px; }
							#dvLocation.ie { width: 248px; }
					#footer #siteLocation ul#navLocation { z-index: 100; margin-bottom: -35px; }
						#footer #siteLocation ul#navLocation li a { display: block; min-height: 2.2em; width: 19em; position: relative; padding: 4px 20px 0 3px; }
							#footer #siteLocation ul#navLocation li a img { position: absolute; right: 2px; margin-top: 1px; }

/* Navigation =========================== */
	/* Main Nav */
		#navMain { position: absolute; top: 32px; left: 187px; }
			#navMain li { display: inline; }
				#navMain li a { display: block; float: left; height: 28px; text-indent: -10000px; text-decoration: none; }
				#navMain li#HOME a { width: 74px; }
				#navMain li#STORE a { width: 117px; }
				#navMain li#ABOUT a { width: 120px; }
				#navMain li#SUPPORT a { width: 87px; }
	
	/* Utility Nav */
		#navUtil { position: absolute; top: 3px; right: 0; }
			#navUtil li { display: inline; }
				#navUtil li a:active { outline: none; } /* hide dotted outline in firefox */ 
				#navUtil li a { display: inline-block; margin: 0 6px; }
				#navUtil li#basket a { padding-right: 18px; }
	
	/* Footer Nav */
		#navFooter { padding-top: 10px; clear: both; float: none; margin-left: -10px; }
			#navFooter li { display: inline; }
				#navFooter li a {  display: inline-block; margin: 0 5px; } 
				#navFooter li a:active { outline: none; } /* hide dotted outline in firefox */ 
				
/* Links for 'Not avalible in the state of New York page */
ul.arrowdnav
{margin:30px 0 0 0;}
ul.arrowdnav li
{margin:0 0 20px 0;}	
ul.arrowdnav li a
{display:block; background:transparent url(/images/arrow_b.png) no-repeat scroll left 3px; color:#000000; font-size:1.1em; padding-left:15px; text-decoration:none;}			