/* Start: Meyer Reset: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	}
 
:focus { /* remember to define focus styles! */
	outline: 0;
	}
 
body {
	line-height: 1;
	color: #000;
	background: #fff;
	}
 
ol, ul {
	list-style: none;
	}
 
table { /* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
	}
 
caption, th, td {
	text-align: left;
	font-weight: normal;
	}

/* End: reset */
/*
x* {
	outline: 1px dotted green !important;
	}
*/
html,
body {
	background: #952924;
	font-family: Arial, sans-serif;
	}

#container {
	padding-left: 245px;
	background: #952924 url(/assets/images/bg/bg-main-2.jpg) no-repeat;
	}

#content {
	clear: both;
	width: 670px;
	padding: 12px 35px 0 35px;
	margin: 0 0 0 0;
	background: #fff url(/assets/images/bg/bg-content-top-740.gif) no-repeat;
	}

#contentBottom {
	clear: both;
	width: 740px;
	height: 40px;
	margin: 0 -35px;
	background: url(/assets/images/bg/bg-content-bottom-740.gif) no-repeat;
	}

.col13,
.col23 {
	float: left;
	margin-right: 30px;
	}

.col23 {
	width: 430px;
	}

.col13 {
	width: 200px;
	}
.lastCol {
	margin-right: 0 !important;
	}

#footer {
	height: 190px;
	width: 730px;
	margin-left: -240px;
	padding-top: 10px;
	padding-left: 245px;
	background: url(/assets/images/illustration/swing-ticket.png) no-repeat 0 60px;
	}


/* Navigation ***************************************************************************/

ul#navMain, ul#subnavMain {
	clear: both;
	margin: 20px 0 0px 5px;
	}

ul#navMain li, ul#subnavMain li {
	display: inline;
	font-weight: bold;
	}

ul#navMain li span, ul#subnavMain li span {
	color: #d4145a;
	padding: 0 4px;
	}

ul#navMain li.last span, ul#subnavMain li.last span {
	color: #952924;
	}

ul#navMain li a, ul#subnavMain li a {
	color: #fff;
	text-decoration: none;
	}

ul#navMain li a:hover, ul#subnavMain li a:hover {
	text-decoration: underline;
	}

/* Footer navigation */

#footer ul {
	margin: 0 0 8px 0;
	color: #dda67c;
	}

#footer ul li {
	display: inline;
	font: bold 11px/14px Arial, sans-serif;
	}
img.ujack {
  display: block;
  padding-left: 300px;
  margin: 0 !important;
}


/* Text *********************************************************************************/

h1, h2, h3 {	
	color: #e50083;
	}

h1 {
	font: normal 22px/24px Arial, sans-serif;
	margin: 16px 0 4px 0;
	}

h2 {
	font: normal 18px/21px Arial, sans-serif;
	margin: 16px 0 2px 0;
	}

h3 {
	font: bold 16px/18px Arial, sans-serif;
	margin: 8px 0 2px 0;
	}


/* sIFR styles */

/*=:project
    scalable Inman Flash Replacement (sIFR) version 3.

  =:file
    Copyright: 2006 Mark Wubben.
    Author: Mark Wubben, <http://novemberborn.net/>

  =:history
    * IFR: Shaun Inman
    * sIFR 1: Mike Davidson, Shaun Inman and Tomas Jogin
    * sIFR 2: Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

  =:license
    This software is licensed and provided under the CC-GNU LGPL.
    See <http://creativecommons.org/licenses/LGPL/2.1/>    
*/

/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/

sIFR-active h1 {
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 21px;
}

sIFR-active h2 {
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 18px;
}

sIFR-active h3 {
	visibility: hidden;
	font-family: Arial;
	line-height: 1em;
	font-size: 18px;
}

.col23 h2.sIFR-replaced,
.col23 h3.sIFR-replaced {
	margin-top: 8px;
	margin-bottom: 0;
	}

p,
li {
	font: normal 12px/16px Arial, sans-serif;
	margin: 0 0 0px;
	}

address p,
dt,
dd {
	font: normal 12px/16px Arial, sans-serif;
	margin: 0 0 0 0;
	}

#footer p {
	color: #dda67c;
	font: normal 11px/14px Arial, sans-serif;
	margin: 0 0 0 0;
	}

#page-contact .lastCol p {
	font: normal 11px/16px Arial, sans-serif;
	margin: 0 0 0 0;
	}

.dateSmall {
	text-transform: uppercase;
	font: 11px/16px Arial, sans-serif;
	}

strike {
	color: #999;
	}

/* Lists ********************************************************************************/

ul.tempusBullet {
	padding: 0 0 0 20px;
	margin: 8px 0 8px 0;
	}

ul.tempusBullet li {
	list-style-image: url(/assets/images/bullets/bullet-tempus-2.gif);
	}

ul.contactDetails {
	margin: 0 0 16px 0;
	}

ul.contactDetails li,
ul.eventDateLocation li {
	margin: 0 0 0 0;
	}

ul.eventDateLocation {
	margin: 0 0 16px 0;
	}


/* Press releases */

dl#pressReleases dt {
	padding-left: 24px;
	background: url(/assets/images/icon/icon-pdf.gif) no-repeat 0 4px;
	}

#pressReleases dd {
	padding: 0 0 4px 24px;
	border-bottom: 1px dashed #ddd;
	}

/* Forms ********************************************************************************/

#formBox { /* For IE */
	clear: both;
	}

form#contactForm {
	width: 430px;
	margin: 16px 0 0 0;
	}

form * {
	font: normal 12px/16px Arial, sans-serif;
	}

#form em {
	color: #e50083;
	}

label {
	font: normal 12px/16px Arial, sans-serif;
	}

input {
	display: block;
	width: 200px;
	margin: 0 0 8px 0;
	}

input.submit {
	width: auto;
	}

#contactEnquiry {
	width: 430px;
	height: 150px;
	margin: 0 0 10px 0;
	}

#contactNameWrapper,
#contactCompanyWrapper,
#contactEmailWrapper,
#contactPhoneWrapper {
	width: 200px;
	float: left;
	}

#contactNameWrapper,
#contactEmailWrapper {
	margin-right: 30px;
	}

/* Links ********************************************************************************/

a {
	color: #29abe2;
	}

#footer a {
	color: #f8caa3;
	text-decoration: none;
	}

#footer a:hover,
#footer a:focus {
	color: #fff;
	text-decoration: underline;
	}

.pdfDownload {
	padding-left: 24px;
	background: url(/assets/images/icon/icon-pdf.gif) no-repeat 0 0
	}


p.buttonBack {
	width: 220px;
	background: url(/assets/images/bg/bg-button-back-top.png) no-repeat;
	}

p.buttonBack a {
	display: block;
	padding: 9px 9px 10px 34px;
	background: url(/assets/images/bg/bg-button-generic-bottom.png) bottom left no-repeat;
	}

/* Images *******************************************************************************/

#header img {
	float: left;
	margin: 40px 0 16px 0;
	}

#header div {
	width: 500px;
	height: 40px;
	position: absolute;
	left: 470px;
	top: 62px;
	background: url(/assets/images/bg/strapline-be-creative_home.gif) no-repeat;
	}


/* Product list pages *******************************************************************/

.productListItem {
	float: left;
	width: 100%;
	}

.productListItem img {
	float: left;
	width: 140px;
	padding: 4px;
	border: 1px solid #ddd;
	margin: 16px 10px 0 0;
	}

.productListItem h3 {
	float: left;
	width: 270px;
	}
p.stocks {
  font: bold 16px/18px Arial,sans-serif;
  margin: 8px 0 2px;
  color: #E50083;
}
p.offer {
  font: 16px/18px Arial,sans-serif;
  margin: 16px 0 4px;
  color: #E50083;
}
.productListItem p.viewItem a {
	display: block;
	border-top: 1px solid #ddd;
	padding: 4px 0 0 20px;
	margin: 0 0 4px 160px;
	text-decoration: none;
	background: url(/assets/images/icon/page-white-go.png) no-repeat 0 4px; /* Icon by http://www.famfamfam.com/lab/icons/silk/ CC Attr. License */
	}

.productListItem p.viewItem a:hover,
.productListItem p.viewItem a:focus {
	text-decoration: underline;
	}

/* Product item pages *******************************************************************/

ul.productColours {
	float: left;
	width: 400px;
	}

ul.productColours li {
	float: left;
	width: 90px;
	margin: 0 5px;
	}

ul.productColours li {
	text-align: center;
	}

ul.productColours p {
	font: 11px/14px Arial, sans-serif;
	}

.viewSizeCharts {
	display: block;
	font: 11px/14px Arial, sans-serif;
	}

.productImageM {
	width: 400px;
	border: 1px solid #ddd;
	padding: 13px;
	margin: 16px 0 0 0;
	}

/* Site map *****************************************************************************/

ul#siteMap {
	margin-top: 16px;
	}

#page-404 ul#siteMap {
	margin-top: 0;
	}

ul#siteMap ul {
	margin-left: 32px;
	}

ul#siteMap li {
	display: block;
	}

ul#siteMap p {
	display: block;
	padding: 0 0 4px 0;
	border-bottom: 1px dotted #ccc;
	}

ul#siteMap h4 {
	font: bold 12px/16px Arial, sans-serif;
	margin: 0 0 0 0;
	}

/* Tables *******************************************************************************/

table.sizeWoven,
table.sizeJersey {
	width: 400px;
	font: 12px/16px Arial, sans-serif;
	}

table.sizeWoven thead th,
table.sizeJersey thead th {
	width: 42px;
	}

table.sizeWoven tbody th {
	width: 100px;
	}

table.sizeJersey tbody th {
	width: 42px;
	}

/* Utilities ****************************************************************************/

.noTopMargin {
	margin-top: 0 !important;
	}

.breaker {
	clear: both;
	width: 100%;
	height: 1px;
	}

.breakRight {
	clear: right;
	}

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}



/* New styles banner *********************************************************************/

#bannerNS {
	position: relative;
	width: 430px;
	padding: 0 5px 15px 5px;
	margin: 15px -5px 0;
	background: url(/assets/images/banner/new-styles-08/banner-ns-bottom.gif) bottom left no-repeat;
	text-align: center;
	}

#bannerNSHead {
	display: block;
	padding: 15px 15px 0;
	margin: 0 -5px;
	background: url(/assets/images/banner/new-styles-08/banner-ns-top.gif) no-repeat;
	}

/* Professional Beauty 2008 ad div ******************************************************/

#bannerProfBeauty2008 {
	float: left;
	width: 650px;
	clear: both;
	padding: 0 8px 8px;
	border: 1px solid #ddd;
	}

#bannerProfBeauty2008 div {
	width: 470px;
	float: left;
	clear: right;
	}

#bannerProfBeauty2008 img {
	float: left;
	margin: 0 0 0 0;
	}

#bannerProfBeauty2008 p {
	font: 11px/16px Arial, sans-serif;
	width: auto !important;
	margin: 0 0 2px 0;
	}

#bannerProfBeauty2008 h2,
#bannerProfBeauty2008 h4 {
	margin: 0 0 4px 0;
	clear: none;
	}

#bannerProfBeauty2008 h2 {
	height: 30px;
	}

#bannerProfBeauty2008 h4 {
	font: bold 12px/16px Arial, sans-serif;
	color: #999;
	}