/* Original File: /www/trutex-core/www/css/basic_structure.css */
/* --------------------------------- *\
   Basic Layout IN HERE!!!
\* --------------------------------- */

body 											{ margin: 0; padding: 5px; }
#main 											{ margin: 0; padding: 0 0 0 115px; width: 85%; min-width: 640px; }
#header 										{ padding: 12px 0 0 0; margin: 0; /* 1px border prevents odd collapsing */ border: 1px solid #fff; }

#main-navigation ul,
#section-navigation ul,
#footer-links ul,
.uniform-select ul 								{ display: inline; margin: 0; padding: 0; }

#main-navigation ul li 							{ display: inline; list-style: none; margin: 0; padding: 5px 10px 5px 10px; }

#section-navigation ul li 						{ display: inline; list-style: none; margin: 0; padding: 5px 7px 5px 7px; }
#section-navigation 							{ padding: 5px; margin: 0;  }
.section-links 									{ width:100px; position: relative; float: left; margin-left: -115px; text-align: right; }
.section-links ul 								{ padding: 0; margin: 0; list-style-type: none; }
.section-links ul.other 						{ padding: 0; margin: 10px 0 0 0; list-style-type: none; }
#footer 										{ clear: both; padding: 10px 0 0 0; width: 72%; }
#footer-links 									{ text-align: center; padding: 5px; margin: 0; }
#footer-links ul li 							{ display: inline; list-style: none; margin: 0; padding: 5px 10px 5px 10px; }
#footer-bot 									{ height: 8px; margin: 1px 0 0 0; padding: 0; }
#main-content 									{ width: 72%; padding: 0; margin: 0; float: left; line-height: 1.5em; }
#main-content h1,
#main-content h3,
#main-content h5 								{ margin: 15px 0 0 0; padding: 0; }
#main-content h4 								{ margin: 15px 0 0 0; padding: 0; clear: left; }
#main-content h3.uniform						{ margin: 8px 0 0 0; padding: 5px; clear: left; }
#main-content h2 								{ margin: 8px 0 0 0; padding: 0; }
#popup-content h1,
#popup-content h3,
#popup-content h5 								{ line-height: 1em; margin: 15px 0 0 0; padding: 0; }
#popup-content h4 								{ line-height: 1em; margin: 15px 0 0 0; padding: 0; clear: left; }
#popup-content h2 								{ line-height: 1em; margin: 8px 0 0 0; padding: 0; }
#main-content .section-links h3,
.result p,
#main-content .result h3,
#main-content .result h4,
#main-content .result h5,
.account-content h2,
.basket-content h2,
.offer-content h2,
.promo,
.article-title h2,
.article-date h3,
.basket-subtotal 								{ margin: 0; padding: 0; }
#main-content hr,
#popup-content hr 								{ height:3px;  margin:5px 0 5px 0; padding:0; border:none; }
#popup-content 									{ padding: 0; margin: 0; line-height: 1.5em; }
.title-logo 									{ float: right; margin-top: 15px; }
.title-with-logo 								{ margin-right: 50px; }
.uniform-select ul li.boys,
.uniform-select ul li.girls 					{ display: inline; list-style: none; padding: 5px 10px 5px 10px; }
.uniform-select ul li.boys 						{ margin: 0 10px 0 0; }
.uniform-select ul li.girls						{ margin: 0; } 
.header-boys,
.header-girls 									{ height: 8px; padding: 0; margin: 0; }
.result-display,
.left  											{ float: left; }
.result-nav,
#product-front-image .main-photo,
.right 											{ float: right; }
.offer-title 									{ margin: 8px 0 0 0; padding: 0; }
.school-message 								{ padding: 0 0 0 6px; margin: 10px 0 10px 0; }
.school-message-content 						{ padding: 5px; margin: 0; }
.school-message-content img,
.school-message-content .school-message-copy 	{ float: left; padding: 1px; }
.school-message-content img 					{ float: left; padding: 2px; margin: 0 8px 5px 0; }
#info 											{ width: 25%; float: right; margin: 15px 0 0 0; padding: 0; }
.account,
.basket 										{ padding: 0 0 0 6px; margin: 0; }
.account-content,
.account-content-uniform 						{ padding: 10px; margin: 0; }
.account-content p 								{ margin: 5px 0 5px 0; padding: 0; }
.basket-content 								{ padding: 10px; margin: 10px 0 0 0; }
.basket-content p 								{ margin: 5px 0 5px 0; padding: 0; }
.offer 											{ padding: 0 0 0 6px; margin: 0; }
.offer-content 									{ padding: 10px; margin: 10px 0 0 0; }
.offer-content p 								{ margin: 5px 0 5px 0; padding: 0; }
.homepage-school-logo 							{ float: left; padding: 0; margin: 0; }
.homepage-school-logo img 						{ padding: 0 7px 0 8px; margin: 0 8px 5px 0; }
.homepage-info-content .homepage-school-details { float: left; padding: 10px; }
#homepage-content hr 							{ height:3px; margin:5px 0 5px 0; padding:0; }
#homepage-content form p 						{ margin: 0; padding: 3px 0 3px 0; }
.product-front-link 							{ padding: 0 0 0 6px; margin: 5px 0 0 0; }
.homepage-link 									{ padding: 0 0 0 6px; margin: 5px 0 0 233px; }
.homepage-link-content,
.homepage-link-uniform-content 					{ padding: 5px; margin: 0; height: 43px; }
.homepage-link-content img 						{ float: left; padding: 0 7px 0 8px; margin: 0 8px 5px 0; }
.article-title 									{ padding: 0; margin: 0; width: 72%; float: left; }
.article-date 									{ padding: 0; margin: 0; width: 25%; text-align: right; float: right; }
.article-content 								{ padding: 0; margin: 0; clear: both; }
#product-front-image 							{ padding: 0; margin: 10px 0 10px 0; }
#product-front-content 							{ margin: 0 225px 0 0; padding: 0; }
#product-front-content-top 						{ height: 252px; margin: 0; padding: 0; }
#product-front-content-top-offer 				{ height: 186px; margin: 0; padding: 0; }
#product-front-content p 						{ margin: 0 0 10px 0; padding: 0; }
.products-image-montage,
.products-image-montage-junior 					{ height: 110px; margin: 5px 0 10px 0; padding: 0; }
#product-detail-content 						{ padding: 0; margin: 10px 0 10px 0; }
#product-detail-content .photo 					{ float: right; padding: 0; margin: 0 0 0 20px; }
#product-detail-content .price 					{ text-align: center; padding: 10px; margin: 5px 0 20px 0; }
.care-label 									{ padding: 1px; margin: 5px 0 0 0; }
.care-label img 								{ position: absolute; margin: 0; padding: 0; } 
.care-label p.
.colour-swatch p 								{ margin: 4px 0 0 30px; padding: 0; }
.colour-swatch 									{ padding: 1px; margin: 5px 0 0 0; }
.colour-swatch img 								{ position: absolute; margin: 0; padding: 0; }
.oos-message 									{ clear: both; margin: 10px 0 10px 0; padding: 5px; }
#main-content .basket-contents td.thumb 		{ width: 80px; }
#main-content .basket-contents h4,
#main-content .basket-contents h5,
#main-content .basket-contents p 				{ padding: 0; margin: 0 0 5px 0; }
#main-content .basket-contents td 				{ vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
.discount 										{ display: block; padding-top: 10px; }
.discount .basket-subtotal 						{ line-height: 1em; margin: 0; padding: 0; }
.enter-promo-code 								{ clear: both; margin: 10px 0 10px 0; padding: 5px; }
#main-content .basket-contents .promo-code		{ padding-top: 5px; }
.subtotal-band 									{ clear: both; margin: 5px 0 0 0; padding: 10px; }
.subtotal-band .label 							{ margin: 0 10px 0 0; padding: 0; display: inline; }
.subtotal-band .price 							{ width: 70px; text-align: left; padding: 0 0 0 10px; display: inline; }
.total-band 									{ margin: 5px 0 0 0; padding: 10px; }
.total-band .label 								{ margin: 0 10px 0 0; padding: 0; display: inline; }
.total-band .price 								{ width: 70px; padding: 0 0 0 10px; display: inline; }
.name-tapes 									{ margin: 5px 0 0 0; padding: 0; height: 83px; }
.name-tapes img 								{ float: left; margin: 0; padding: 0; }
.name-tapes .name-tapes-content 				{ margin: 0 0 0 100px; padding: 10px 0 10px 0; }
.delivery-options 								{ margin: 5px 0 10px 0; padding: 1px; }
.delivery-options .delivery-select 				{ display: inline; float: left; }
.delivery-options .delivery-details 			{ padding: 0; margin: 0 0 0 25px; height: 125px; }
.delivery-details h4 							{ margin: 0; padding: 0; display: inline; }
.delivery-details p 							{ padding: 0; margin: 0; }
.delivery-options .option-3-first 				{ width: 30%; margin: 0; padding: 5px; float: left; }
.delivery-options .option-3 					{ width: 30%; margin: 0 0 0 5px; padding: 5px; float: left; }
.delivery-options .option-2-first 				{ width: 45%; margin: 0; padding: 5px; float: left; }
.delivery-options .option-2 					{ width: 45%; margin: 0 0 0 5px; padding: 5px; float: left; }
.delivery-options .option-1 					{ width: 99%; margin: 0; padding: 5px; float: left; }
#order-history-terms 							{ margin: 5px 0 0 0; padding: 0 0 0 5px; width: 30%; float: right; }
#order-history-terms h3 						{ margin: 5px 0 0 0; padding: 0; }
#order-history-terms h4.term 					{ padding: 0; }
#order-history-terms p 							{ margin: 0; padding: 0; }
#order-history-details 							{ margin-right: 35%; }
form 											{ display: inline; }
fieldset 										{ border: none; margin: 0; padding: 0; }
legend 											{ display: none; }
.school-sign-in-form .label 					{ width: 160px; float: left; margin-right: 5px; display: block; }
.school-sign-in-form .note 						{ padding: 0; margin: 0 5px 0 164px; }
.delivery-form .label 							{ width: 140px; float: left; margin-right: 5px; display: block; }
.delivery-form .note 							{ padding: 0; margin: 0 5px 0 144px; }
.contact-form .label 							{ width: 100px; float: left; margin-right: 5px; display: block; }
.contact-form .note	 							{ padding: 0; margin: 0 5px 0 104px; }
.payment-form .label 							{ width: 200px; float: left; margin-right: 5px; display: block; }
.payment-form .note 							{ padding: 0; margin: 0 5px 0 204px; }
.stockists-form .label 							{ width: 70px; float: left; margin-right: 5px; display: block; }
.stockists-form .note 							{ padding: 0; margin: 0 5px 0 74px; }
.size-chart-link 								{ float: left; margin: 5px 0 20px 0; }
.buttons 										{ float: right; margin: 5px 0 20px 0; }
.buttons-left 									{ float: left; margin: 5px 0 20px 0; }
.buttons .button,
.buttons .action-button 						{ margin: 0 0 0 10px; padding: 5px; }
.buttons-left .button,
.buttons-left .action-button 					{ margin: 0 10px 0 0; padding: 5px; }
.form-button 									{ margin: 10px 0 0 0; padding: 0; }
.sitemap-left 									{ width: 45%; padding: 0; margin: 0; float: left; }
.sitemap-right 									{ width: 45%; padding: 0; margin: 0 0 0 20px; float: left; }
.contact-left 									{ width: 65%; padding: 0; margin: 0; float: left; }
.contact-right	 								{ width: 25%; padding: 0; margin: 0 0 0 20px; float: right; }
table											{ margin: 5px 0 10px 0; padding: 5px 0 5px 0; }
table th,
table td										{ margin: 0; padding: 5px 10px 5px 0; }
table th.border,
table td.border 								{ margin: 0; padding: 5px 10px 5px 10px; }
ul 												{ list-style-type: square; margin-top: 5px; margin-left: 1em; padding-left: 1em; }
ol 												{ margin-left: 1em; padding-left: 1em; }
.notice 										{ margin: 10px 0 0 0; padding: 10px; }
.image-left 									{ float: left; padding: 0; margin: 0 10px 0 0; }
.image-right 									{ float: right; padding: 0; margin: 0 0 0 10px; }
.hide 											{ position: absolute; left:-9999px; }
p 												{ margin: 0; padding: 7px 0 7px 0; }
.uppercase 										{ text-transform: uppercase; }
.nowrap 										{ white-space: nowrap; }
.print-only 									{ display: none; }
#header .shop-logo 								{ float: left; 	padding: 0; margin: 0 0 5px 0; }
#header .partnership 							{ float: right; padding: 0; margin: 0 0 5px 0; }
#main-navigation 								{ padding: 5px; margin:0; }
.result 										{ float: left; width: 46%; padding: 0; margin: 0 18px 10px 0; height: 105px; }
.result img 									{ float: left; padding: 0; margin: 0 8px 30px 0; }



/* Original File: /www/trutex-core/www/css/Monsoon.css */
/* ------------------------------------------------------ *\
	FOLLOWING STYLE(S) ONLY REQUIRED FOR WHITE LABEL SITES
\* ------------------------------------------------------ */

	#header .shop-logo 		{ float: left; 	padding: 0; margin: 0 0 5px 0; }
	#header .partnership 	{ float: right; padding: 0; margin: 0 0 5px 0; }
	#main-navigation 		{ padding: 5px; margin:0; background: #019446; }
	
	/* Product list display styles */
	.result 		{ float: left; width: 46%; padding: 0; margin: 0 18px 10px 0; height: 105px; }
	.result img 	{ border: 1px solid #cecece; float: left; padding: 0; margin: 0 8px 30px 0; }
	
	/* --------------------------------- *\
	   Structural Markup For All Stores
	\* --------------------------------- */
	
	body { font-size: 80%; font-family: Helvetica, Arial, Verdana, sans-serif; color: #000; background-color: #fff; margin: 0; padding: 5px; }
	
	a:link 				{ color: #0d63aa; text-decoration: underline; font-weight: bold; }
	a:visited 			{ color: #244f77; text-decoration: underline; font-weight: bold; }
	a:active 			{ color: #f6dd06; text-decoration: underline; font-weight: bold; }
	a:hover, 
	a:focus				{ color: #666666; text-decoration: underline; font-weight: bold; }
	
	
	#main 	{ margin: 0; padding: 0 0 0 115px; width: 85%; min-width: 640px; }
	#header { padding: 12px 0 0 0; margin: 0; /* 1px border prevents odd collapsing */ border: 1px solid #fff; }
	
	#main-navigation ul 			{ display: inline; margin: 0; padding: 0; color: #ddeee4; text-transform: uppercase; }
	#main-navigation ul li 			{ display: inline; list-style: none; margin: 0; padding: 5px 10px 5px 10px; }
	#main-navigation ul li.current 	{ display: inline; list-style: none; margin: 0; padding: 5px 10px 5px 10px; background: #ddeee4; }
	
	#main-navigation a:link 		{ color: #ddeee4; font-weight: bold; text-decoration: none; }
	#main-navigation a:visited 		{ color: #ddeee4; font-weight: bold; text-decoration: none; }
	#main-navigation a:hover, 
	#main-navigation a:focus 		{ color: #ffffff; font-weight: bold; text-decoration: underline; }
	#main-navigation a:active 		{ color: #000000; font-weight: bold; text-decoration: none; }
	
	#main-navigation a.current:link 	{ color: #019446; font-weight: bold; text-decoration: none; }
	#main-navigation a.current:visited 	{ color: #019446; font-weight: bold; text-decoration: none;  }
	#main-navigation a.current:hover, 
	#main-navigation a.current:focus 	{ color: #000000; font-weight: bold; text-decoration: underline; }
	#main-navigation a.current:active 	{ color: #333333; font-weight: bold; text-decoration: none; }
	
	#section-navigation 			{ background: #ddeee4; padding: 5px; margin: 0;  }
	#section-navigation ul 			{ color: #019446; display: inline; margin: 0; padding: 0; }
	#section-navigation ul li 		{ display: inline; list-style: none; margin: 0; padding: 5px 7px 5px 7px; }
	#section-navigation a:link 		{ color: #019446; font-weight: bold; text-decoration: none; }
	#section-navigation a:visited 	{ color: #019446; font-weight: bold; text-decoration: none; }
	#section-navigation a:hover, 
	#section-navigation a:focus 	{ color: #000000; font-weight: bold; text-decoration: underline; }
	#section-navigation a:active 	{ color: #333333; font-weight: bold; text-decoration: none; }
	
	#main-content .section-links h3 { color: #000; font-size: 1em; padding: 0; margin: 0; }
	
	.section-links 				{ width:100px; position: relative; float: left; margin-left: -115px; text-align: right; }
	.section-links ul 			{ padding: 0; margin: 0; list-style-type: none; }
	.section-links ul.other 	{ padding: 0; margin: 10px 0 0 0; list-style-type: none; }
	.section-links a:link 		{ color: #4384c0; text-decoration: none; font-weight: bold; }
	.section-links a:visited 	{ color: #244f77; text-decoration: none; font-weight: bold; }
	.section-links a:hover, 
	.section-links a:focus		{ color: #666; text-decoration: underline; font-weight: bold; }
	.section-links a:active 	{ color: #dc1627; text-decoration: none; font-weight: bold; }
	
	#footer 				{ clear: both; padding: 10px 0 0 0; width: 72%; }
	#footer-links 			{ text-align: center; padding: 5px; margin: 0; background-color: #e5e5e5; }
	#footer-links ul 		{ display: inline; margin: 0; padding: 0; color: #000; }
	#footer-links ul li 	{ display: inline; list-style: none; margin: 0; padding: 5px 10px 5px 10px; }
	#footer-links a:link 	{ color: #000; font-weight: bold; text-decoration: none; }
	#footer-links a:visited { color: #000; font-weight: bold; text-decoration: none; }
	#footer-links a:hover, 
	#footer-links a:focus 	{ color: #000; font-weight: bold; text-decoration: underline; }
	#footer-links a:active 	{ color: #4384c0; font-weight: bold; text-decoration: none; }
	
	#footer-bot 			{ background: #cccccc; height: 8px; margin: 1px 0 0 0; padding: 0; }
	
	#main-content 				{ width: 72%; padding: 0; margin: 0; float: left; line-height: 1.5em; }
	#main-content h1 			{ font-size: 2em; line-height: 1em; font-weight: bold; color: #000; text-transform: uppercase; margin: 15px 0 0 0; padding: 0; }
	#main-content h2.subtitle 	{ font-size: 1.5em; line-height: 1em; font-weight: bold; color: #666666; text-transform: uppercase; margin: 8px 0 0 0; padding: 0; }
	#main-content h2 			{ font-size: 1.3em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 8px 0 0 0; padding: 0; }
	#main-content h3 			{ font-size: 1.1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	#main-content h3.uniform	{ clear: left; font-size: 1.2em; line-height: 1em; font-weight: bold; color: #000; margin: 8px 0 0 0; padding: 5px; background: #e3edfc; }
	#main-content h4 			{ clear: left; font-size: 1.1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	#main-content h5 			{ font-size: 1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	
	#main-content hr 			{ color: #8fb7f5; background-color:#e5e5e5; height:3px; margin:0px; margin-top: 5px; margin-bottom: 5px; padding:0px; border:none; }
	
	#popup-content 				{ padding: 0; margin: 0; line-height: 1.5em; }
	#popup-content h1 			{ font-size: 2em; line-height: 1em; font-weight: bold; color: #000; text-transform: uppercase; margin: 15px 0 0 0; padding: 0; }
	#popup-content h2.subtitle 	{ font-size: 1.5em; line-height: 1em; font-weight: bold; color: #666; text-transform: uppercase; margin: 8px 0 0 0; padding: 0; }
	#popup-content h2 			{ font-size: 1.3em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 8px 0 0 0; padding: 0; }
	#popup-content h3 			{ font-size: 1.1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	#popup-content h4 			{ clear: left; font-size: 1.1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	#popup-content h5 			{ font-size: 1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }
	#popup-content hr 			{ color: #8fb7f5; background-color:#8fb7f5; height:3px; margin:0px; margin-top: 5px; margin-bottom: 5px; padding:0px; border:none; }
	
	
	/* Styles associated with showing an icon to the right of the main page title */
	.title-logo 		{ float: right; margin-top: 15px; }
	.title-with-logo 	{ margin-right: 50px; }
	
	/* School uniform boys/girls range selection */
	.uniform-select ul 				{ display: inline; margin: 0; padding: 0; color: #fff; }
	.uniform-select ul li.boys 		{ display: inline; list-style: none; font-size: 1.2em; font-weight: bold; background: #0047bb; border-right: 6px solid #4c7ecc; margin: 0 10px 0 0; padding: 5px 10px 5px 10px; }
	.uniform-select ul li.girls 	{ display: inline; list-style: none; font-size: 1.2em; font-weight: bold; background: #c40098; border-right: 6px solid #d64cb7; margin: 0; padding: 5px 10px 5px 10px; }
	.uniform-select a:link 			{ color: #fff; font-weight: bold; text-decoration: none; }
	.uniform-select a:visited 		{ color: #fff; font-weight: bold; text-decoration: none; }
	.uniform-select a:hover, 
	.uniform-select a:focus 		{ color: #8fb7f5; font-weight: bold; text-decoration: underline; }
	.uniform-select a:active 		{ color: #000; font-weight: bold; text-decoration: none; }
	
	.header-boys 	{ height: 8px; background: #0047bb; padding: 0; margin: 0; }
	.header-girls 	{ height: 8px; background: #c40098; padding: 0; margin: 0; }
	
	
	/*need to be declared separatly to play nice with IE*/
	.result h3 a 		{ text-decoration: none; }
	.result h3 a:hover 	{ text-decoration: underline; }
	.result h4 a 		{ text-decoration: none; }
	.result h4 a:hover 	{ text-decoration: underline; }
	.result h5 a 		{ text-decoration: none; }
	.result h5 a:hover 	{ text-decoration: underline; }
	.result p 			{ padding: 0; margin: 0; }
	.result-display 	{ float: left; }
	.result-nav 		{ float: right; }
	
	#main-content .result h3,
	#main-content .result h4,
	#main-content .result h5 { padding: 0; margin: 0; }
	
	/* Special offer styles */
	.offer-title 	{ font-size: 1.5em; line-height: 1em; color: #dc1627; margin: 8px 0 0 0; padding: 0; }
	.offer-basket 	{ color: #dc1627; font-weight: bold; }
	.offer-details 	{ color: #dc1627; }
	
	/* Information boxes */
	.school-message 								{ padding: 0 0 0 6px; margin: 10px 0 10px 0; background: url(/images/info_boxes/bg_account.gif) repeat-y; border-top: 1px solid #fff; }
	.school-message-content 						{ background: #8fb7f5; padding: 5px; margin: 0; }
	.school-message-content img 					{ float: left; padding: 1px; }
	.school-message-content .school-message-copy 	{ float: left; padding: 1px; }
	.school-message-content img 					{ border: 1px solid #cecece; background: #fff; float: left; padding: 2px; margin: 0 8px 5px 0; }
	
	#info { width: 25%; float: right; margin: 15px 0 0 0; padding: 0; }
	
	.account 					{ padding: 0 0 0 6px; margin: 0; background: url(/images/info_boxes/bg_account.gif) repeat-y; border-top: 1px solid #fff;}
	.account-content 			{ background: #e5e5e5; padding: 10px; margin: 0; }
	
	.account-content-uniform 	{ background: #5a97dc; padding: 10px; margin: 0; }
	.account-content h2 		{ color: #000000; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; }
	.account-content p 			{ margin: 5px 0 5px 0; padding: 0; }
	.account-content a:link,
	.account-content a:visited 	{ color: #000000; text-decoration: underline; font-weight: bold; }
	.account-content a:hover, 
	.account-content a:focus	{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	
	
	.basket 					{ padding: 0 0 0 6px; margin: 0; background: url(/images/info_boxes/bg_basket.gif) repeat-y; }
	.basket-content 			{ background: #fff; border: 2px solid #4384c0; color: #4384c0; padding: 10px; margin: 10px 0 0 0; }
	.basket-content h2 			{ font-size: 1.3em; font-weight: bold; color: #4384c0; margin: 0; padding: 0; }
	.basket-content p 			{ margin: 5px 0 5px 0; padding: 0; }
	
	.basket-content a:link,
	.basket-content a:visited 	{ color: #4384d6; text-decoration: underline; font-weight: bold; }
	.basket-content a:hover, 
	.basket-content a:focus		{ color: #000000; text-decoration: underline; font-weight: bold; }
	
	.offer 						{ padding: 0 0 0 6px; margin: 0; background: url(/images/info_boxes/bg_special_offer.gif) repeat-y; }
	.offer-content 				{ background: #fff; border: 2px solid #dc1627; color: #dc1627; padding: 10px; margin: 10px 0 0 0; }
	.offer-content h2 			{ font-size: 1.3em; font-weight: bold; color: #dc1627; margin: 0; padding: 0; }
	.offer-content p 			{ margin: 5px 0 5px 0; padding: 0; }
	
	.offer-content a:link 		{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	.offer-content a:visited 	{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	.offer-content a:hover, 
	.offer-content a:focus		{ color: #000; text-decoration: underline; font-weight: bold; }
	.offer-content a:active 	{ color: #666; text-decoration: underline; font-weight: bold; }
	
	/* Large promo links */
	.promo				{ margin: 0; padding: 0; }
	.promo a:link 		{ color: #000; text-decoration: none; font-weight: normal; }
	.promo a:visited 	{ color: #000; text-decoration: none; font-weight: normal; }
	.promo a:hover, 
	.promo a:focus		{ color: #dc1627; text-decoration: none; font-weight: normal; }
	.promo a:active 	{ color: #4384c0; text-decoration: none; font-weight: normal; }
	
	.promo-large { font-size: 1.5em; font-weight: bold; }
	
	/* Homepage styles */
	#homepage-content 				{ padding: 0; margin: 10px 0 10px 0; }
	#homepage-content .main-photo 	{ float: left; }
	.homepage-login,
	.homepage-info 					{ padding: 0 0 0 6px; margin: 0 0 0 233px; background: url(/images/info_boxes/bg_account.gif) repeat-y; border-top: 1px solid #fff; }
	.homepage-login-content			{ padding: 10px; margin: 0; height: 366px; background-color: #<?= $main_ContentBackgroundColor ?>; }
	.homepage-info-content 			{ padding: 10px; margin: 0; height: 129px; background-color: #<?= $main_ContentBackgroundColor ?>; }
	
	
	.school-name a:link 			{ color: #000; text-decoration: underline; font-weight: bold; }
	.school-name a:visited 			{ color: #000; text-decoration: underline; font-weight: bold; }
	.school-name a:hover, 
	.school-name a:focus			{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	.school-name a:active 			{ color: #4384c0; text-decoration: none; font-weight: bold; }
	
	.homepage-school-logo 		{ text-align: center; height: 35px; float: left; padding: 0; margin: 0; }
	.homepage-school-logo img 	{ border: 1px solid #8fb7f5; padding: 0 7px 0 8px; margin: 0 8px 5px 0; background: #fff; }
	#homepage-content h2 		{ color: #000; }
	.homepage-info-content .homepage-school-details { float: left; padding: 10px; }
	
	#homepage-content hr 		{ color: #5a97dc; background-color:#5a97dc; height:3px; margin:0px; margin-top: 5px; margin-bottom: 5px; padding:0; border:none; }
	#homepage-content form p 	{ margin: 0; padding: 3px 0 3px 0; }
	
	.product-front-link { padding: 0 0 0 6px; margin: 5px 0 0 0; background: url(/images/info_boxes/bg_account.gif) repeat-y; border-top: 1px solid #fff; }
	
	.homepage-link 					{ padding: 0 0 0 6px; margin: 5px 0 0 233px; background: url(/images/info_boxes/bg_account.gif) repeat-y; border-top: 1px solid #fff; }
	.homepage-link-content 			{ background: #e3edfc; padding: 5px; margin: 0; height: 43px; }
	.homepage-link-uniform-content 	{ background: #5a97dc; padding: 5px; margin: 0; height: 43px; }
	.homepage-link-content img 		{ float: left; padding: 0 7px 0 8px; margin: 0 8px 5px 0; }
	
	/* Press releases */
	.article-title 		{ padding: 0; margin: 0; width: 72%; float: left; }
	.article-title h2 	{ padding: 0; margin: 0; }
	.article-date 		{ padding: 0; margin: 0; width: 25%; text-align: right; float: right; }
	.article-date h3 	{ padding: 0; margin: 0; }
	.article-content 	{ padding: 0; margin: 0; clear: both; }
	
	/* Product front page styles */
	#product-front-image 				{ padding: 0; margin: 10px 0 10px 0; }
	#product-front-image .main-photo 	{ float: right; }
	#product-front-content 				{ margin: 0 225px 0 0; padding: 0; }
	#product-front-content-top 			{ height: 252px; margin: 0; padding: 0; }
	#product-front-content-top-offer 	{ height: 186px; margin: 0; padding: 0; }
	#product-front-content p 			{ margin: 0 0 10px 0; padding: 0; }
	
	.products-image-montage 		{ height: 110px; margin: 5px 0 10px 0; padding: 0; background: url(/images/products_front/image_montage.jpg) repeat-x; }
	.products-image-montage-junior 	{ height: 110px; margin: 5px 0 10px 0; padding: 0; background: url(/images/products_front/image_montage_junior.jpg) repeat-x; }
	
	/* Product detail page styles */
	#product-detail-content 			{ padding: 0; margin: 10px 0 10px 0; }
	#product-detail-content img 		{ border: 1px solid #cecece; }
	#product-detail-content .photo 		{ float: right; padding: 0; margin: 0 0 0 20px; }
	#product-detail-content .main-photo { border: 1px solid #5a97dc; }
	#product-detail-content .price 		{ font-size: 1.2em; line-height: 1em; font-weight: bold; text-align: center; padding: 10px; margin: 5px 0 20px 0; background: #e3edfc; }
	
	.care-label 		{ padding: 1px; margin: 5px 0 0 0; }
	.care-label img 	{ position: absolute; margin: 0; padding: 0; border: 1px solid #5a97dc; } 
	.care-label p 		{ margin: 4px 0 0 30px; padding: 0; }
	.colour-swatch 		{ padding: 1px; margin: 5px 0 0 0; }
	.colour-swatch img 	{ position: absolute; margin: 0; padding: 0; border: 1px solid #5a97dc; }
	.colour-swatch p 	{ margin: 4px 0 0 30px; padding: 0; }
	
	
	/* Out of stock messages */
	.oos-message { clear: both; border: 1px solid #dc1627; margin: 10px 0 10px 0; padding: 5px; color: #dc1627; }
	
	#main-content .oos { color: #dc1627; }
	
	/* Basket contents styles */
	#main-content .basket-contents td.thumb 		{ width: 80px; }
	#main-content .basket-contents td.thumb img		{ border: 1px solid #5a97dc; }
	#main-content .basket-contents h4 				{ font-size: 1em; font-weight: bold; color: #000; padding: 0; margin: 0 0 5px 0; }
	#main-content .basket-contents h5 				{ font-size: 1em; font-weight: bold; color: #000; padding: 0; margin: 0 0 5px 0; }
	#main-content .basket-contents p 				{ padding: 0; margin: 0 0 5px 0; }
	#main-content .basket-contents td 				{ vertical-align: top; padding-top: 10px; padding-bottom: 10px; }
	
	.basket-subtotal 			{ font-size: 1.2em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 0; padding: 0; }
	.discount 					{ color: #dc1627; display: block; padding-top: 10px; }
	.discount .basket-subtotal 	{ font-size: 1.2em; line-height: 1em; font-weight: bold; color: #dc1627; margin: 0; padding: 0; }
	
	/* Enter promo code */
	.enter-promo-code 				{ clear: both; border: 1px solid #dc1627; margin: 10px 0 10px 0; padding: 5px; color: #dc1627; }
	.enter-promo-code a:link 		{ color: #dc1627; text-decoration: none; font-weight: bold; }
	.enter-promo-code a:visited 	{ color: #dc1627; text-decoration: none; font-weight: bold; }
	.enter-promo-code a:hover, 
	.enter-promo-code a:focus		{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	.enter-promo-code a:active 		{ color: #000; text-decoration: none; font-weight: bold; }
	
	#main-content .basket-contents .promo-code { color: #dc1627; padding-top: 5px; }
	
	/* Totals */
	.subtotal-band 					{ clear: both; margin: 5px 0 0 0; padding: 10px; color: #000; font-size: 1.2em; line-height: 1em; font-weight: bold; text-align: right; background: #e3edfc; }
	.subtotal-band .price-discount 	{ color: #dc1627; }
	.subtotal-band .label 			{ margin: 0 10px 0 0; padding: 0; display: inline; }
	.subtotal-band .price 			{ width: 70px; text-align: left; padding: 0 0 0 10px; display: inline; }
	.total-band 					{ margin: 5px 0 0 0; padding: 10px; color: #000; font-size: 1.2em; line-height: 1em; font-weight: bold; text-align: right; background: #cedeed; }
	.total-band .label 				{ margin: 0 10px 0 0; padding: 0; display: inline; }
	.total-band .price 				{ width: 70px; text-align: left; padding: 0 0 0 10px; display: inline; }
	
	/* Name tapes promo */
	.name-tapes 					{ background: #f2f2f2; margin: 5px 0 0 0; padding: 0; height: 83px; }
	.name-tapes img 				{ float: left; margin: 0; padding: 0; }
	.name-tapes .name-tapes-content { margin: 0 0 0 100px; padding: 10px 0 10px 0; }
	
	/* Checkout pages styles */
	.delivery-options 					{ margin: 5px 0 10px 0; padding: 1px; }
	.delivery-options .delivery-select 	{ display: inline; float: left; }
	.delivery-options .delivery-details { padding: 0; margin: 0 0 0 25px; height: 125px; }
	.delivery-details h4 				{ margin: 0; padding: 0; display: inline; }
	.delivery-details p 				{ padding: 0; margin: 0; font-weight: bold; }
	.delivery-options .option-3-first 	{ width: 30%; margin: 0; padding: 5px; float: left; background: #8fb7f5; border: 1px solid #8fb7f5; }
	.delivery-options .option-3 		{ width: 30%; margin: 0 0 0 5px; padding: 5px; float: left; background: #8fb7f5; border: 1px solid #8fb7f5; }
	.delivery-options .option-2-first 	{ width: 45%; margin: 0; padding: 5px; float: left; background: #8fb7f5; border: 1px solid #8fb7f5; }
	.delivery-options .option-2 		{ width: 45%; margin: 0 0 0 5px; padding: 5px; float: left; background: #8fb7f5; border: 1px solid #8fb7f5; }
	.delivery-options .option-1 		{ width: 99%; margin: 0; padding: 5px; float: left; background: #8fb7f5; border: 1px solid #8fb7f5; }
	.order-number 						{ font-size: 1.5em; color: #4384c0; text-align: center; border: 1px solid #4384c0; }
	
	/* Order history styles */
	#order-history-terms 			{ margin: 5px 0 0 0; padding: 0 0 0 5px; width: 30%; float: right; border: 1px solid #8fb7f5; }
	#order-history-terms h3 		{ margin: 5px 0 0 0; padding: 0; }
	#order-history-terms h4.term 	{ font-size: 1em; line-height: 1.2em; color: #000; padding: 0; }
	#order-history-terms p 			{ font-size: 1em; line-height: 1.2em; color: #666; margin: 0; padding: 0; }
	#order-history-details 			{ margin-right: 35%; }
	
	
	/* Form Styles */
	form 		{ display: inline; }
	fieldset 	{ border: none; margin: 0; padding: 0; }
	legend 		{ font-weight: bold; color: #000; display: none; }
	.error 		{ font-weight: bold; color: #dc1627; }
	
	.school-sign-in-form .label { width: 160px; float: left; text-align: right; margin-right: 5px; display: block; }
	.school-sign-in-form .note 	{ padding: 0; margin: 0 5px 0 164px; }
	
	.delivery-form .label 	{ width: 140px; float: left; text-align: right; margin-right: 5px; display: block; }
	.delivery-form .note 	{ padding: 0; margin: 0 5px 0 144px; }
	
	.contact-form .label { width: 100px; float: left; text-align: right; margin-right: 5px; display: block; }
	.contact-form .note	 { padding: 0; margin: 0 5px 0 104px; }
	
	.payment-form .label 	{ width: 200px; float: left; text-align: right; margin-right: 5px; display: block; }
	.payment-form .note 	{ padding: 0; margin: 0 5px 0 204px; }
	
	.stockists-form .label 	{ width: 70px; float: left; text-align: right; margin-right: 5px; display: block; }
	.stockists-form .note 	{ padding: 0; margin: 0 5px 0 74px; }
	.size-chart-link 		{ float: left; margin: 5px 0 20px 0; }
	
	.buttons 				{ float: right; margin: 5px 0 20px 0; }
	.buttons-left 			{ float: left; margin: 5px 0 20px 0; }
	.buttons .button 		{ background: #8fb7f5; font-size: 1.1em; margin: 0 0 0 10px; padding: 5px; }
	.buttons-left .button 	{ background: #8fb7f5; font-size: 1.1em; margin: 0 10px 0 0; padding: 5px; }
	
	a.button:link 		{ color: #000; text-decoration: none; font-weight: bold; }
	a.button:visited	{ color: #000; text-decoration: none; font-weight: bold; }
	a.button:hover,
	a.button:focus		{ color: #dc1627; text-decoration: underline; font-weight: bold; }
	a.button:active 	{ color: #4384c0; text-decoration: none; font-weight: bold; }
	
	.buttons .action-button { background: #dc1627; font-size: 1.1em; margin: 0 0 0 10px; padding: 5px; }
	
	.buttons-left .action-button { background: #dc1627; font-size: 1.1em; margin: 0 10px 0 0; padding: 5px; }
	
	a.action-button:link 	{ color: #fff; text-decoration: none; font-weight: bold; }
	a.action-button:visited	{ color: #fff; text-decoration: none; font-weight: bold; }
	a.action-button:hover, 
	a.action-button:focus	{ color: #000; text-decoration: underline; font-weight: bold; }
	a.action-button:active 	{ color: #4384c0; text-decoration: none; font-weight: bold; }
	
	.form-button 	{ margin: 10px 0 0 0; padding: 0; }
	.sitemap-left 	{ width: 45%; padding: 0; margin: 0; float: left; }
	.sitemap-right 	{ width: 45%; padding: 0; margin: 0 0 0 20px; float: left; }
	.contact-left 	{ width: 65%; padding: 0; margin: 0; float: left; }
	.contact-right	 { width: 25%; padding: 0; margin: 0 0 0 20px; float: right; }
	
	/* Data Table Styles */
	
	table			{ border:none; border-top: 3px solid #e5e5e5; border-bottom: 3px solid #e5e5e5; border-spacing: none; margin: 5px 0 10px 0; padding: 5px 0 5px 0; font-size: 1em; }
	table th 		{ text-align: left; font-size: 1em; border: none; margin: 0; padding: 5px 10px 5px 0; }
	table th.border { text-align: left; font-size: 1em; border: none; border-left: 3px solid #e5e5e5; margin: 0; padding: 5px 10px 5px 10px; }
	table td		{ margin: 0; padding: 5px 10px 5px 0; border: none; font-size: 1em; }
	table td.border { margin: 0; padding: 5px 10px 5px 10px; border: none; font-size: 1em; border-left: 3px solid #e5e5e5; }
	table .oddrow	{ background: #e9e9e9; }
	
	/* Lists */
	ul { list-style-type: square; margin-top: 5px; margin-left: 1em; padding-left: 1em; }
	ol { margin-left: 1em; padding-left: 1em; }
	
	/* Miscellaneous styles */
	
	.notice 		{ margin: 10px 0 0 0; padding: 10px; border: 2px solid #8fb7f5; }
	.image-left 	{ float: left; padding: 0; margin: 0 10px 0 0; }
	.image-right 	{ float: right; padding: 0; margin: 0 0 0 10px; }
	.image-border 	{ border: 1px solid #cecece; }
	.hide 			{ position: absolute; left:-9999px; }
	
	p { margin: 0; padding: 7px 0 7px 0; }
	
	.uppercase { text-transform: uppercase; }
	
	.small 		{ color: #666; font-size: 0.9em; }
	.large 		{ font-size: 1.3em; }
	.right 		{ float: right; }
	.left  		{ float: left; }
	.nowrap 	{ white-space: nowrap; }
	img 		{ border: none; }
	.message 	{ color: #dc1627; font-weight: bold; }
.print-only { display: none; }