
	/*-- ELEMENTS --*/
		#wrap { width: 920px; margin: 0 auto; }
			
			/* HEADER */
			#header { float: left; width: 920px; height: 135px; background: transparent url(../img/back_header.gif) top left no-repeat; margin: 20px 0 10px 0; }
				#header-alpha { float: left; width: 160px; height: 135px; margin: 0 0 0 20px; }
				#header-beta { float: right; width: 720px; height: 135px; margin: 0 0 0 0; }
					/* NAVIGATION */
					#navigation { float: left; width: 590px; height: 21px; margin: 94px 0 0 20px; }
						#navigation ul { float: left; width: 590px; height: 21px; margin: 0 0 0 0; padding: 0; list-style-type: none; }
							#navigation ul li { float: left; width: 83px;  height: 19px; margin: 0 0 0 0; padding: 2px 0 0 0; list-style-type: none; color: #ffffff; font-size: 1.3em; text-align: center; }	
								#navigation ul li a, 
								#navigation ul li a:link { color: #ffffff; }
								#navigation ul li a:focus, 
								#navigation ul li a:hover { color: #9e8dc3; }					
								#navigation ul li.active { background: transparent url(../img/back_navigation.gif) top left no-repeat; }
									#navigation ul li.active a, 
									#navigation ul li.active a:link { color: #5a4099; }
									#navigation ul li.active a:focus, 
									#navigation ul li.active a:hover { color: #5a4099; }	
					#header-beta-inner { float: right; width: 88px; margin: 0 0 0 0; *margin: 0 10px 0 0; }
						#cart { float: right; width: 88px; height: 15px; margin: 70px 20px 0 0; text-align: center; }
							#cart a,
							#cart a:link { font-size: 1.3em; color: #ffffff; }
						#search { float: right; width: 88px; height: 21px; margin: 10px 20px 0 0; }
							#search-field { float: left; width: 73px; height: 21px; background: #5a4099 url(../img/back_input_search.gif) top left no-repeat; }
								#search-field input { float: left; width: 65px; border: 0 none; margin: 3px 0 0 6px; }
							#search-action { float: right; width: 15px; height: 21px;  }
			/* CONTENT */
			#content { float: left; width: 920px; margin: 0; }	
				.background-hero-thought { background: #f2f2f2 url(../img/hero_thought.jpg) top left no-repeat; }
				.background-hero-air { background: #f2f2f2 url(../img/hero_air.jpg) top left no-repeat; }
				.background-hero-girl { background: #f2f2f2 url(../img/hero_girl.jpg) top left no-repeat; }
				.background-hero-hands { background: #f2f2f2 url(../img/hero_hands.jpg) top left no-repeat; }
				.background-hero-handstand { background: #f2f2f2 url(../img/hero_handstand.jpg) top left no-repeat; }
				.background-hero-plane { background: #f2f2f2 url(../img/hero_plane.jpg) top left no-repeat; }
				.background-hero-target { background: #f2f2f2 url(../img/hero_target.jpg) top left no-repeat; }
				.background-hero-books { background: #f2f2f2 url(../img/hero_books.jpg) top left no-repeat; }
				.background-hero-cartwheel { background: #f2f2f2 url(../img/hero_cartwheel.jpg) top left no-repeat; }
				.background-hero-field { background: #f2f2f2 url(../img/hero_field.jpg) top left no-repeat; }
				.background-hero-light { background: #f2f2f2 url(../img/hero_light.jpg) top left no-repeat; }
				.background-hero-book { background: #f2f2f2 url(../img/hero_book.jpg) top left no-repeat; }
				.background-section { background: #f2f2f2 url(../img/back_section.jpg) top left no-repeat; }
				.background-products { background: #f2f2f2 url(../img/hero_pencils.jpg) top left no-repeat; }
				
				#title { float: left; width: 880px; padding: 40px 0 20px 0; margin: 0 0 0 20px; }
				.title { float: left; width: 880px; padding: 40px 0 20px 0; margin: 0 0 0 20px; }
				#promo-catalogue { float: left; width: 878px; height: 45px; margin: 260px 20px 0 20px; background-color: #5a3f99; border-top: 1px solid #cccccc; border-right: 1px slid #cccccc; border-left: 1px solid #cccccc; }
					#promo-catalogue-alpha { float: left; width: 400px; }
					#promo-catalogue-beta { float: right; width: 400px; text-align: right; }
				#promo { float: left; width: 480px; padding: 90px 0 90px 400px; }
					#promo p { font-size: 1.4em; color: #000000; line-height: 1.4em; }
				#content-inner { float: left; width: 838px; border: 1px solid #cccccc; background-color: #ffffff; padding: 20px; margin: 0 20px 0 20px; }
				.content-inner { float: left; width: 838px; border: 1px solid #cccccc; background-color: #ffffff; padding: 20px; margin: 0 20px 20px 20px; }
					.background-tile { background: transparent url(../img/back_content.gif) top left repeat-y; }
					.content-2col-tw-alpha { float: left; width: 320px; }			
					.content-2col-tw-beta { float: right; width: 480px; }	
					
					.content-2col-wt-alpha { float: left; width: 600px; }			
						.content-2col-wt-alpha ul { font-size: 12px; }			
					.content-2col-wt-beta { float: right; width: 200px; }					
					
					.content-2col-ee-alpha { float: left; width: 400px; }			
					.content-2col-ee-beta { float: right; width: 400px; }
					.content-3col-eee-alpha { float: left; width: 260px; margin: 0 27px 0 0; }			
					.content-3col-eee-beta { float: left; width: 260px; }						
					.content-3col-eee-gamma { float: right; width: 260px; }						
					
					.promo-item { float: left; margin: 0 0 25px 0; }
					
					/*.product-item-header { float: left; width: 798px; padding: 10px 20px 10px 20px; }*/
					.product-item-header { float: left; width: 798px; padding: 0 20px 0 20px; border-bottom: 1px solid #cccccc; margin: 0 0 15px 0; }
					.product-item { float: left; width: 798px; padding: 10px 20px 10px 20px; }
						.product-item-alpha { float: left; width: 210px; }
						.product-item-beta { float: left; width: 210px; }
						.product-item-gamma { float: left; width: 320px; }
						.product-item-delta { float: right; width: 50px; text-align: center; }
					
					.product-cart-item-header { float: left; width: 798px; padding: 0 20px 0 20px; margin: 0 0 15px 0; }
					.product-cart-item { float: left; width: 798px; padding: 10px 20px 10px 20px; }
						.product-cart-item-alpha { float: left; width: 180px; }
						.product-cart-item-beta { float: left; width: 260px; }
						.product-cart-item-gamma { float: left; width: 150px; }
						.product-cart-item-delta { float: left; width: 100px; }						
						.product-cart-item-epsilon { float: right; width: 50px; text-align: center;  }										
						
						.product-details { float: left; width: 100%; }
							.product-details-alpha { float: left; width: 600px; }
							.product-details-beta { float: right; width: 200px; }
								.product-description { float: left; width: 100%; }
								.product-notes { float: left; width: 100%; }
									.product-notes p { color: #909090; font-size: 1.0em; }
								.product-cart { float: left; width: 100%; }
									.product-cart fieldset { display: block; width: 100%; padding: 0 0 15px 0; }
										.product-cart fieldset .select-wrap { float: none; }
										.product-cart fieldset label { float: left; width: 100%; margin: 0 0 5px 0; font-weight: bold; }
										.product-cart fieldset select { width: 200px; height: 21px; background-color: transparent; color: #666666; border: 1px solid #cccccc; }	
						.section-header { float: left; width: 100%; border-bottom: 1px solid #cccccc; margin: 0 0 15px 0; position: relative; }
							.section-header img { position: absolute; top: 0px; right: 0px; }
						.form-section { float: left; width: 100%; }
						#feature-wrap { float: left; width: 100%; height: 400px; overflow: hidden; }
							.feature-item-top { float: left; width: 100%; height: 190px; overflow: hidden; margin: 0 0 20px 0; }
							.feature-item-bottom { float: left; width: 100%; height: 190px; overflow: hidden; }
						#releases { float: left; width: 480px; }
							#releases-wrap { float: left; width: 480px; margin: 0 0 30px 0; overflow: hidden; position: relative; }
								.release { float: left; width: 480px; overflow: hidden; }
						#releases-controls { float: left; width: 480px;}
							#releases-controls-left { float: left; width: 20px; height: 21px; }
							#releases-controls-pagination { float: left; width: 399px; height: 21px; background: transparent url(../img/back_pagination.gif) top left no-repeat; text-align: center; margin: 0 0 0 20px; }
								#releases-controls-pagination span { float: left; width: 100%; text-align: center; margin: 3px 0 0 0; }
							#releases-controls-right { float: right; width: 20px; height: 21px; }
						#contact-form { float: left; width: 100%; }	
							.contact-left { float: left; width: 190px; height: 68px; }
							.contact-right { float: right; width: 190px; height: 68px; }
							.contact-subject { float: left; width: 100%; height: 68px; }
							.contact-message { float: left; width: 100%; height: 170px; }
							#contact-form label { float: left; font-size: 1.2em; font-weight: bold; color: #666666; margin: 0 0 8px 0; }
							#contact-form input.text { float: left; width: 180px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }
							#contact-form input.textfull { float: left; width: 390px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }
							#contact-form textarea { float: left; width: 388px; height: 118px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }
						#register-form { float: left; width: 100%; }
							.form-4col-eeee-alpha { float: left; width: 195px; height: 68px; margin: 0 18px 0 0; }
							.form-4col-eeee-beta { float: left; width: 195px; height: 68px; margin: 0 17px 0 0; }
							.form-4col-eeee-gamma { float: left; width: 195px; height: 68px; }
							.form-4col-eeee-delta { float: right; width: 195px; height: 68px; }
							#register-form label { float: left; font-size: 1.2em; font-weight: bold; color: #666666; margin: 0 0 8px 0; }
							#register-form input.text { float: left; width: 185px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }							
							#register-form select { float: left; width: 195px; height: 21px; background-color: transparent; color: #666666; border: 1px solid #cccccc; }							

						#payment-details { float: left; width: 100%; }
							#payment-details label { float: left; font-size: 1.2em; font-weight: bold; color: #666666; margin: 0 0 8px 0; }
							#payment-details input.text { float: left; width: 185px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }							
							#payment-details input.input-sml-left { float: left; width: 78px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }							
							#payment-details input.input-sml-right { float: right; width: 78px; height: 18px; padding: 2px 5px 0 5px; background: transparent; color: #666666; border: 1px solid #cccccc; }							
							#payment-details select { float: left; width: 195px; height: 21px; background-color: transparent; color: #666666; border: 1px solid #cccccc; }	
							
						#order-items { float: left; width: 100%; margin: 0; padding: 0; list-style-type: none; font-size: 12px; }
							#order-items li { float: left; width: 390px; margin: 0 0 0 0; padding: 5px; list-style-type: none; }
							#order-items li span { float: right; font-size: 12px; }
					
						#shipping { float: left; width: 100%; margin: 20px 0 0 0; }
							#shipping fieldset { float: left; width: 100%; }
							#shipping fieldset label { float: left; width: 100%; margin: 0 0 10px 0; font-weight: bold; }
							#shipping fieldset select { float: left; width: 200px; height: 21px; margin: 0 0 10px 0; background-color: transparent; color: #666666; border: 1px solid #cccccc; }	
						
						.order { float: left; width: 100%; margin: 0 0 10px 0; }			
						.order-details { float: left; width: 100%; }			
						.order-totals { float: left; width: 100%; }			
						.order-contents { float: left; width: 100%; }			
						.order-invoice { float: left; width: 400px; }			
						.order-delivery { float: right; width: 400px; }						
						
					.colour,
					.odd { background-color: #f8f7f7; }
					
					.action { float: left; width: 100%; margin: 0 0 15px 0; }
					
					.checkout { float: right; margin: 15px 0 0 0; }
					
					.account-notice { float: let; width: 818px; padding: 10px; border: 1px solid #ff0f4a; background-color: #ffdfe7; text-align: center; margin: 0 0 15px 0; }
						.account-notice p { margin: 0; }
					
			/* FOOTER */		
				#footer { float: left; width: 878px; margin: 0 20px 0 20px; }
					#footer-alpha { float: left; width: 330px; }	
					#footer-beta { float: right; width: 285px; text-align: right; }
					#footer a, 
					#footer a:link { color: #666666; }
					#footer a:focus, 
					#footer a:hover { color: #583e95; }
	/*-- ELEMENTS --*/
	
	/*-- TYPOGRAPHY OVERWRITE --*/
		h1 a { display: block; font-size: 20px; font-weight: bold; width: 152px; height: 135px; background: url(../img/precision_group_logo.gif) top left no-repeat; text-indent: -5000px; }		
		.product-item-header h3 { color: #4b4b4b; }
	/*-- TYPOGRAPHY OVERWRITE --*/	
	
	/*-- DEFAULT CLASSES --*/
		.blue  { color: #0066cc; }
		.error { float: left; width: 100%; color: #ee0000; font-size: 1.1em; padding: 3px 0 3px 0; }
		.remove-bottom-padding { padding-bottom: 0; }
		.plain { background-color: #ffffff; }
		.colour { background-color: #f6f6f6; }	
		.right { float: right; margin: 0; }
		.left { float: left; margin: 0; }
		.hide { display: none; }	
		.last { border: none; margin: 0; }
	/*-- DEFAULT CLASSES --*/