/* ------------------------------
 * BASE ELEMENTS
 */
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
	body {
		font-family: 'Helvetica Neue', helvetica, arial, clean, sans-serif; /* Helvetica is prettier */
		position: relative;
		height: 100%;
		text-align: left;
	}

/**
 * HEADINGS
**/
h2 {
	color: rgb(0, 103, 177);
}
h2 em {
	font-family: 'Baskerville', georgia, times, serif;
	color: rgb(75, 75, 75);
}
h3 {
	margin: 3em 0px 0.75em;
	text-align: right;
	font-size: 2em;
}
h3 img {
	vertical-align: top;
}
h4 {
	font-size: 1.167em;
	line-height: 1.286em;
	margin-top: 0.643em;
	margin-bottom: 0.643em;
	font-family: georgia, times, serif;
	font-style: italic;
	color: rgb(0, 103, 177);
}
h5 {
	margin-bottom: 0.75em;
}

a {
	color: rgb(28, 92, 141);
	text-decoration: none;
	outline: none !important;
}
	a:hover {
		color: rgb(10, 10, 10);
		text-decoration: none;
	}
	a:active {
		color: rgb(200, 110, 0);
	}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}

ul ul {
	list-style: square;
}

#colours-content ul.polyester {
	text-align: left;
	font-size: 11px;
	font-style: italic;
	color: rgb(90, 90, 90);
}
#colours-content ul.polyester li {
	display: block;
	float: none;
}

div.content-boxes {
	margin-top: 2.5em;
	border: 0.083em solid rgb(220, 220, 220);
}
.content-box {
	float: left;
	width: 270px;
	min-height: 22em;
	padding: 1em 2em;
	border-right: 1px solid rgb(220, 220, 220);
}
	.content-box p {
		margin-bottom: 0.75em;
	}
.middle {
	background-color: rgb(245, 245, 245);
}
.last-box {
	width: 226px;
	border-width: 0px;
}


#information {
	margin: 1.5em 0px 0px;
	padding: 0px;
	list-style: none;
}
#information li {
	float: right;
}
#information li a {
	margin: 0px 0px 0px 0.5em;
	padding-right: 0.5em;
	border-right: 1px solid rgb(170, 170, 170);
}
#information li.first a {
	padding: 0px;
	border-width: 0px;
}

/**
 * Navigation
**/
#navigation {
	margin: 0px 0px 3em;
	padding: 0px;
	list-style: none;
	text-align: right;
}
#spHome #navigation {
	padding-top: 2.75em;
	background-repeat: no-repeat;
	background-image: url('../images/navBackground.jpg');
	background-position: 0px 100%;
}
#spHome #navigation li a {
	background-color: transparent;
	background-image: url('../images/navigationElementBackground.png');
}
#spHome #navigation li a:hover {
	background-color: transparent;
	background-image: url('../images/navigationElementBackgroundHover.png');
}

#navigation li {
	clear: both;
	margin-bottom: 0.3em;
	text-transform: uppercase;
}
#navigation li a {
	display: block;
	font-size: 1.25em;
	line-height: 2em;
	padding: 0px 15px;
	color: rgb(74, 79, 82);
}
#navigation li a {
	background-color: rgb(230, 233, 235);
}
#navigation li a.active {
	margin-bottom: 0px;
	background-image: none;
	color: white;
}
#navigation li a:hover,
#navigation li.tshirts ul li a.active,
#navigation li.youth ul li a.active,
#navigation li.polos ul li a.active,
#navigation li.sweats ul li a.active {
	background-color: rgb(205, 213, 217);
}
#navigation li.tshirts a.active {
	background-color: rgb(0, 103, 177);
}
#navigation li.youth a.active {
	background-color: rgb(177, 46, 0);
}
#navigation li.polos a.active {
	background-color: rgb(208, 129, 5);
}
#navigation li.sweats a.active {
	background-color: rgb(193, 188, 39);
}
#navigation li.tshirts ul li a.active {
	color: rgb(0, 103, 177);
}
#navigation li.youth ul li a.active {
	color: rgb(177, 46, 0);
}
#navigation li.polos ul li a.active {
	color: rgb(208, 129, 5);
}
#navigation li.sweats ul li a.active {
	color: rgb(155, 142, 66);
}
#navigation li.home img {
	vertical-align: top;
	font-size: 1em;
	padding: 0.533em 0.2em;
}

#navigation ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#navigation ul li {
	margin-bottom: 0px;
	border-bottom: 1px solid rgb(170, 170, 170);
}
#navigation ul li a {
	padding: 0.75em 15px;
	font-size: 1em;
	line-height: 1em;
}
#navigation ul li a span.code {
	display: block;
	font-size: 1.083em;
	line-height: 1.3em;
}
#navigation ul li a span.description {
	text-transform: none;
	line-height: 1em;
	font-weight: normal;
	font-style: italic;
	font-size: 0.917em;
	font-family: georgia, times, serif;
	color: rgb(100, 108, 113);
}


#spCorporate h2 {
	margin-bottom: 0.5em;
}
#spCorporate #navigation ul li a {
	text-transform: none;
}
#spCorporate #navigation li ul {
	display: none;
}
#spCorporate #navigation li.active ul {
	display: block;
}
#spCorporate #navigation a.active {
	background-color: rgb(0, 103, 177);
}
#spCorporate #navigation ul li a.active {
	background-color: rgb(205, 213, 217);
	color: rgb(0, 103, 177);
}

ol.thick {
	font-weight: bold;
	color: rgb(0, 103, 177);
}
ol.thick span {
	font-weight: normal;
	color: rgb(34, 34, 34);
}

#secondary-navigation ul {
	margin: 0px 1px 0px 0px;
	padding: 0px;
	list-style: none;
	height: 2.283em;
	background-image: url('../images/tab-main-background.gif');
	background-repeat: repeat-x;
	background-position: 0px 100%;
}
#secondary-navigation ul li {
	float: left;
	background-image: url('../images/tab-inactive.gif');
	background-position: 100% 0px;
	background-repeat: no-repeat;
}
#secondary-navigation ul li a {
	display: block;
	padding-bottom: 2px;
	padding: 0px 30px;
	line-height: 2.2em;
	border-bottom-width: 0px;
	background-image: url('../images/tab-inactive-left.gif');
	background-position: 0px 0px;
	background-repeat: no-repeat;
}
#secondary-navigation ul li.active {
	background-image: url('../images/tab-active-right.gif');
}
#secondary-navigation ul li.active a {
	line-height: 2.283em;
	background-image: url('../images/tab-active-left.gif');
}




#spSlideshow {
	position: relative;
	width: 624px;
	height: 408px;
	border: 3px solid rgb(220, 220, 220);
}
#spSlideshow .slideshow-images img {
	display: block;
	position: absolute;
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#spSlideshow .overlay {
	display: block;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 590px;
	height: 5.75em;
	padding-right: 34px;
	text-align: right;
	background-image: url('../images/black-overlay.png');
	background-repeat: repeat;
	z-index: 20;
}
#spSlideshow .overlay h3 {
	font-size: 2em;
	margin-top: 0.625em;
	margin-bottom: 0em;
}
#spSlideshow .overlay img {
	border-width: 0px;
}
#spSlideshow .overlay p {
	color: white;
}

#spMain {
	min-height: 100%;
}
	#spHeading h1 {
		margin: 1.5em 0px 1em;
	}
		#spHeading h1 img {
			vertical-align: top;
		}

#spContainer {
	position: relative;
}
#spContent,
#spContentWrapper {
	min-height: 400px;
	background-image: url('../images/side-border.gif');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#spContent {
	padding: 1.5em 1em 1.5em 1.5em;
}
#spContentWrapper {
	background-position: 100% 0px;
}
#spHome #spContent {
	padding: 0px;
	background-image: none;
}

#spTag {
	display: none;
	position: absolute;
	right: 0px;
	top: 0px;
}

.inner-content {
	clear: both;
}
#specs-content {
	padding-left: 1em;
}
#specs-content ul em {
	color: rgb(0, 103, 177);
	color: rgb(94, 94, 94);
}
#colours-content ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-align: center;
	font-size: 1.1em;
}
#colours-content ul li {
	float: left;
}
#colours-content ul li a {
	display: block;
	margin: 0px 6px 6px 0px;
	padding: 1em 0px;
	height: auto !important;
}

#sizing-content table {
	border-collapse: collapse;
}
#sizing-content table th {
	border-bottom: 1px solid rgb(180, 185, 190);
	background-color: transparent;
	text-align: center;
	text-align: right;
}
#sizing-content table th.title {
	width: 115px;
	margin-bottom: 0.5em;
	font-family: georgia, times, serif;
	color: rgb(0, 103, 177);
}
#sizing-content table td {
	text-align: right;
	border: 1px solid rgb(230, 235, 240);
	border-width: 0px 1px;
}
.spec-image {
	float: right;
	margin-right: 7px;
	border: 3px solid rgb(220, 220, 220);
}

#swatch {
	display: block;
	width: 272px;
	background-image: url('../images/swatches/daisy.gif');
}
#swatch img {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}
#spImageContainer {
	float: right;
	margin: 0px 7px 0px 40px;
}
#spImageContainer a {
	display: block;
}
#spImageContainer img {
	border: 2px solid rgb(220, 220, 220);
}
#spImageContainer a img {
	border-width: 0px;
}
#spImageContainer a.zoom-link {
	margin: 0.5em 3px;
	text-align: right;
}
#spImageContainer a.zoom-link span {
	padding-left: 0.25em;
	line-height: 1.333em;
}
#spImageContainer img {
	vertical-align: top;
}

p.click-link {
	margin-top: -1em;
}

dl.imageInformation {
	margin-bottom: 1em;
}
dl.imageInformation dt {
	clear: left;
	float: left;
	width: 80px;
}
dl.imageInformation dt,
dl.imageInformation dd {
	margin: 0px;
	padding: 0px;
}

/* ------------------------------
 * FOOTER BLOCK
 */
#spFooter {
	position: relative;
	margin-top: 3.5em;
	height: 3em;
	line-height: 3em;
	border-top: 0.1em solid rgb(173, 185, 192);
	clear: both;
	text-align: center;
	color: rgb(74, 79, 82);
}
	#spFooter p {
		padding-right: 2px;
		text-align: right;
	}