/* 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/Trutex.css */
/* --------------------------------- *\
   Structural Markup For All Stores
\* --------------------------------- */

	#logo					{ float: left; position: absolute; }
	#header h1 				{ float: right; }
	
	#header h1.t-trutex-direct  {
		width: 258px;
		height: 45px;
		padding: 0;
		margin: 0;
		background: url(/images/header/trutex_direct_2008.gif) no-repeat; }
	
	#header h1.t-britains-favourite 		{ width: 306px; height: 53px; padding: 0; margin: 0; background: url(/images/header/britains_favourite.gif) no-repeat; }
	#header h1.t-trutex-direct span,
	#header h1.t-britains-favourite span	{ position: absolute; left:-9999px; }
	
	#header #search-form,	
	#header h2.t-product-search {
		width: 255px;
		height: 15px;
		padding: 0;
		margin: 0 0 5px 0;
		background: url(/images/header/product_search.gif) no-repeat;
	}
	
	#header h2.t-product-search span 		{ position: absolute; left:-9999px; }
	#header #retailer-signin				{ float: left; }
	#header #retailer-signin h2 			{ font-size: 1.3em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 0; padding: 0; }
	
	#main-navigation {
		/* contain floats */
		overflow: hidden;
		/* IE6 only trigger hasLayout */
		_height: 1%;
		padding: 0;
		margin:68px 0 0 0;
		background-color: #FFF;
	}

.result	{
	/* For absolute positioned child elements */
	position: relative;
	float: left;
	width: 46%;
	padding: 18px 0 0 0;
	margin: 0 15px 10px 0;
	height: 125px;
}

.result img 	{ border: 1px solid #cecece; float: left; padding: 0; margin: 0 8px 30px 0; }

body { font-size: 75%; font-family:  Verdana,Helvetica, Arial, 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:hover, a:focus	{ color: #666666; text-decoration: underline; font-weight: bold; }
a:active 			{ color: #f6dd06; 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 *************/

#main-navigation ul {
	display: inline;
	margin: 0;
	padding: 0;
	color: #000000;
	text-transform: uppercase;
}

#main-navigation ul li {	
	float: left;
	display: inline;
	background: transparent url(/images/buttons/nav/tab-right-red.gif) right top no-repeat;
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: capitalize;
	font-size: 1.1em;
}

#main-navigation ul li a {
	display: block;
	background: transparent url(/images/buttons/nav/tab-left-red.gif) left top no-repeat;	
	padding: 10px 21px 7px 21px;
}

#main-navigation ul li.current 	{
	display: inline;
	list-style: none;
	margin: 0;
	background: transparent url(/images/buttons/nav/tab-right-blue.gif) right top no-repeat;
}

#main-navigation ul li.current a {
	background: transparent url(/images/buttons/nav/tab-left-blue.gif) left top no-repeat;
}

#main-navigation a:link	{
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#main-navigation a:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#main-navigation a:hover,
#main-navigation a:focus {
	color: #FFF;
	font-weight: bold;
}

#main-navigation a:active {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}


#main-navigation a.current:link {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#main-navigation a.current:visited {
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}

#main-navigation a.current:hover, 
#main-navigation a.current:focus {
	color: #FFF;
	font-weight: bold;
}

#main-navigation a.current:active {
	color: #4384c0;
	font-weight: bold;
	text-decoration: none;
}

/*******************************************/

#section-navigation { 
	clear: both;
	background: #22406e;
	padding: 5px;
	margin: 0;
}

#section-navigation ul	{
	color: #FFF;
	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: #FFF; font-weight: bold; text-decoration: none; }
#section-navigation a:visited 	{ color: #FFF; font-weight: bold; text-decoration: none; }
#section-navigation a:hover, 
#section-navigation a:focus 	{ color: #FFF; font-weight: bold; text-decoration: underline; }
#section-navigation a:active 	{ color: #FFF; 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 li 		{
	background-color: #ADCDEF;
	padding: 2px 4px 2px 2px;
	margin-bottom: 1px;
	/* trigger hasLayout in IE - to fix IE6 peekaboo issue */
	width: 100px;
}


.section-links a:link 		{ color: #22406E; text-decoration: none; font-weight: bold; }
.section-links a:visited 	{ color: #22406E; text-decoration: none; font-weight: bold; }
.section-links a:hover, 
.section-links a:focus		{ color: #22406E; text-decoration: underline; font-weight: bold; }
.section-links a:active 	{ color: #22406E; text-decoration: none; font-weight: bold; }


#footer		{ 
	clear: both;
	font-size: 0.95em;
	margin-top: 0;
	padding: 0;
	width: 72%;
	background-color: #e1b524;
}

#footer-links {
	text-align: left;
	padding: 7px 0px 7px 10px;
	margin: 0;
}

#footer-links ul {
	display: inline; margin: 0; padding: 0; color: #000;
}

#footer #footer-links ul li 	{
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 12px 0 0;
}

#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	{
	display: none;
}


#main-content {
	width: 72%;
	padding: 0 0 10px 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: capitalize; 
	margin: 30px 0 0 0;
	padding: 0;
}

#main-content h2.subtitle  {
	font-size: 1.5em;
	line-height: 1em;
	font-weight: bold;
	color: #666666;
	text-transform: capitalize;
	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.5em;
	line-height: 1em;
	font-weight: bold;
	color: #FFF;
	margin: 8px 0 0 0;
	padding: 5px 22px 5px 22px;
	background: #22406e;
}

#main-content h4 {
	clear: left;
	font-size: 1.1em;
	line-height: 1em;
	font-weight: bold;
	color: #000;
	margin: 0 0 0 0;
	padding: 15px 0 0 0;
	background: url(/images/skin/grad-gry-top.jpg) left top repeat-x;
}

#main-content h5 			{ font-size: 1em; line-height: 1em; font-weight: bold; color: #4384C0; margin: 15px 0 0 0; padding: 0; }

#main-content hr {
	height: 0;
	color: #FFF;
}

#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  {
	height: 0.5em;
	color: #FFF;
}


/* 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 {
	/* Contain floated child elements */
	overflow: hidden;
	height: 1%;
}

.uniform-select ul {
	display: inline;
	margin: 0;
	padding: 0;
	color: #fff;
}

.uniform-select ul li.boys {
	float: left;
	display: inline;
	background: transparent url(/images/buttons/nav/tab-right-ltblue.gif) right top no-repeat;
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.uniform-select ul li.girls {
	float: left;
	display: inline;
	background: transparent url(/images/buttons/nav/tab-right-purple.gif) right top no-repeat;
	list-style: none;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div.uniform-select ul li.boys a {
	display: block;
	background: transparent url(/images/buttons/nav/tab-left-ltblue.gif) left top no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 21px 5px 21px;
}

div.uniform-select ul li.girls a {
	display: block;
	background: transparent url(/images/buttons/nav/tab-left-purple.gif) left top no-repeat;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	padding: 5px 21px 5px 21px;
}

.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: 12px; background: #3b5e91; padding: 0; margin: 0; }
.header-girls 	{ height: 12px; background: #750069; padding: 0; margin: 0; }


/*need to be declared separatly to play nice with IE*/


.result a {
	color: #000;
	font-weight: normal;
}

.result h3 a {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.result h3 a:hover {
	text-decoration: underline;
	color: #000;
}

.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;
	margin: 10px 0 10px 0;
}

.school-message-content {
	/* Establish as parent for absolutely positioned items */
	position: relative;
	padding: 0;
	margin: 0;
}

.school-message-content .school-message-copy 	{ float: left; padding: 1px; }

.school-message-content img  {
	position: absolute;
	right: 0;
	top: -4.5em;
	background: #fff;
	padding: 2px;
	margin: 0 8px 5px 0;
}

#info {
	font-family: Helvetica, Arial, Verdana, sans serif;
	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: #adcdef;
	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: #fff; 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: #e1b524;
	color: #000;
	padding: 10px;
	margin: 10px 0 0 0;
}

.basket-content h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #000;
	margin: 0;
	padding: 0;
}

.basket-content p 			{ margin: 5px 0 5px 0; padding: 0; }

.basket-content a:link,
.basket-content a:visited 	{ color: #000000; 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: #a50000;
	color: #fff;
	padding: 10px;
	margin: 10px 0 0 0;
}

.offer-content h2 {
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	margin: 0;
	padding: 0;
}

.offer-content p 			{ margin: 5px 0 5px 0; padding: 0; }
.offer-content a:link 		{ color: #fff; text-decoration: underline; font-weight: bold; }
.offer-content a:visited 	{ color: #fff; text-decoration: underline; font-weight: bold; }
.offer-content a:hover, 
.offer-content a:focus	{
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}

.offer-content a:active 	{ color: #fff; text-decoration: underline; font-weight: bold; }

/* Large promo links */
.promo			{ margin: 0; padding: 0; }

.promo a:link	{
	color: #000;
	text-decoration: none;
}

.promo a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.promo a:hover, 
.promo a:focus		{ color: #fff; text-decoration: none; font-weight: normal; }
.promo a:active 	{ color: #fff; 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_home.gif) repeat-y;
	border-top: 1px solid #fff;
}

.homepage-login-content	{
	padding: 10px;
	margin: 0;
	height: 366px;
	background: transparent url(/images/skin/grad-gry-tall.jpg) top left repeat-x;
}

.homepage-info-content {
	padding: 10px;
	margin: 0;
	height: 129px;
	background: transparent url(/images/skin/grad-gry-short.jpg) 0 0 repeat-x;
}

.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 {
	height: 0.5em;
	color: #FFF;
}

#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_items.gif) repeat-y; border-top: 1px solid #fff; }

.homepage-link-content {
	background-color: #abcdef;
	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; width:260px; }
#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; background: none; }
#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; }

#main-content .delivery-details h4 {
	margin: 0;
	padding: 0;
	display: inline;
	background-image: none;
}

.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 	{
	background: none;
	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; }

.delivery-form p,
.contact-form p { 
	/* Contain floated child elements */
	overflow: hidden;
	/* Trigger hasLayout in IE6 */
	_height: 1%;
}

.contact-form .label {
	width: 105px;
	float: left;
	text-align: right;
	margin-right: 5px;
	display: block;
}

.contact-form .note	 {
	padding: 0;
	margin: 0 5px 0 109px;
}

.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: 0 0 1em 0;
	padding: 0;
	vertical-align: top;
}


.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 {
	/* Make IE6 play nice */
	table-layout: fixed;
	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: 1em; }
.right 		{ float: right; }
.left  		{ float: left; }
.nowrap 	{ white-space: nowrap; }
img 		{ border: none; }
.message 	{ color: #dc1627; font-weight: bold; }
.print-only { display: none; }

/* direct matrix styles */

div.costRow											{ text-align:right; font-size:200%; line-height:2em; color:#4384C0; }
div.costRow div.inner								{ display:inline; padding:10px; border:solid 3px #4384C0; }

table#RetailerMatrix								{ width:100%; background:#ffffff url('/images/catalogue/product/bgRetailerMatrixForm.gif') repeat-x left top; border:solid 1px #B9B9B9; }
table#RetailerMatrix tr.row	td,
table#RetailerMatrix tr.row	th						{ padding:10px; border-bottom:solid 1px #5a97dc; border-right:solid 1px #5a97dc; }

table#RetailerMatrix tr.row	td.lastField,
table#RetailerMatrix tr.row	th.lastField			{ border-right:none }

table#RetailerMatrix tr.alternateRow				{ background-color:#8fb7f5; }


table#RetailerMatrix tr.row	td .colour-swatch p 	{ font-size:80%; }
table#RetailerMatrix tr.row td.lastField 			{ margin:0; padding:10px; width:12%; }
table#RetailerMatrix tr.row td.lastField input		{ width:30px; }
table#RetailerMatrix .longField { width:22%; }
table#RetailerMatrix .shortField { width:15%; }
table#RetailerMatrix .shorterField { width:8%; }

div.alignRight										{ text-align:right; }


#productSearchContent #searchText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0;
}