﻿/*

Tradingeye SCREEN style sheet
=================================================

Copyright:		2009 dpivision.com
Author:			Ian Sidaway
Last edit:		09/09/2009 by Ian Sidaway
Notes:			Horizontal top-level departments, optional drop-down sub departments

*/


/*================================================= 
		RESET
================================================= */

/* global reset */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset, img {
	border: 0;
	}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
	}
ol, ul, li {
	list-style: none;
	}
caption, th {
	text-align: left;
	}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
	}
q:before, q:after {
	content: '';
	}

/* global reset-reset */

strong {
	font-weight: bold;
	}
em {
	font-style: italic;
	}
a img {
	border: none;
	}


/*================================================= 
		BASE
================================================= */

html {margin:0px; padding:0px;}
body {background:#d9d7cd url('/images/bg.jpg') no-repeat top center; font: 12px Verdana, Geneva, sans-serif;	margin: 0px; padding: 0px; }
table,
td,
input,
textarea,
select,
li {
	color: #222;	
	font: Lucida Grande, Verdana, Arial, sans-serif;
	}

/* hidden items */

#skip,
.hidden {
	display: none;
	}

/* basic links */

a:link,
a:visited,
a:active {
	color: #004AA1;
	text-decoration: none;
	}
a:hover {
	color: #111;
	}

/* images */

img {
	border: none;
	}

/* typography */

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1em;
	}
h2 {
	font-size: 1.4em;
	clear: both;
	font-weight: bold;
	}
	
#pageTitle {height:44px; background: url(/images/side_header.jpg) no-repeat top left; width:208px; height:44px; margin-top:-18px;}
	#pageTitle h2 {padding:2px; color: #000033;}

#leftNavPageTitle {height:44px; background: url(/images/side_header.jpg) no-repeat top left; width:208px;}
	#leftNavPageTitle h2 {padding:4px; margin-left:5px; color: #000033;}

#shoppingCartTitle {
	padding: 13px;
}

#blankTitle {
	padding: 13px;
}
	
h2#pageTitle span {
	color: #aaa;
	}
.pageSubTitle{
	padding:10px;
	margin-left:10px;
	font-size:0.9em;
}
h3 {
	clear: both;
	font-size: 1.2em;
	font-weight: bold;
	}
h4,
h5 {
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	}
hr {
	display: none;
	}
.message {
	background: #f2f2f2;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.message.positive {
	background: #0f0;
	}
.message.negative {
	background: #f7e1e1;
	}
.note {
	background: #f3f3f3;
	font-size: 1em;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}
.warning {
	background: #f7e1e1;
	font-size: 1em;
	padding: .5em 10px;
	}
.highlight {
	font-size: 1.4em;
	}
address {
	font-style: normal;
	margin: 1em 0;
	}


/*================================================= 
		CONTAINER
================================================= */
#wrapper{ position:absolute; top:0px; left:50%; width:962px; margin-left:-481px;}
#container {margin: 0px auto 0 auto; width: 961px; z-index:1;}

/*================================================= 
		HEADER
================================================= */
#header{ height:90px; }
#header h1 {margin:0;padding:0;}
	#header .logo {display:block;float:left;width:131px;height:85px;}
	#header .shop-logo {display:block; position:relative; float:left; width:229px; height:41px; margin:20px 0 0 22px;}


/* ------------------------------------------------------------
		SELECT STORE
-------------------------------------------------------------- */
.shops {height:41px; width:200px; background:transparent url('../images/select-a-shop-sprite.gif') no-repeat; float:left;margin:20px 0 0 31px;}
.shops li {display: block;float:left;height:41px;}
.shops li a, .shops li.select {display:block; height:41px;text-indent:-9999px;}
.shops li.select {width:61px;}
.shops li.pacers {width:53px;}
.shops li.fever {width:49px;}
  .shops li.conseco {width:0px;} 
.shops li.pacers a:hover, .shops li.pacers a.current  {background:transparent url('../images/select-a-shop-sprite.gif') no-repeat -61px -41px;}
.shops li.fever a:hover, .shops li.fever a.current {background:transparent url('../images/select-a-shop-sprite.gif') no-repeat -114px -41px;}
.shops li.conseco a:hover, .shops li.conseco a.current {background:transparent url('../images/select-a-shop-sprite.gif') no-repeat -163px -41px;} 


	
/* company logo & tagline */

h1#logo {height:85px; margin: 0; padding: 0; float:left;}

/* shopping basket info */

#info {
	color: #fff;
	font-weight: bold;
	height: 3.2em;
	line-height: 3.2em;
	margin: 0;
	padding: 0;
	position: absolute;	
	right: 20px;
	text-align: right;
	top: -3.2em;
	width: 300px;
	z-index: 10;
	}
	#info a {
		color: #aaa;
		}
	#info a:hover {
		color: #fff;
		}
#basket {
	display: inline;
	height: 3.2em;
	line-height: 3.2em;
	}


/*================================================= 
		MID
================================================= */

#mid {margin: 0 auto; padding-bottom: 1.5em; position: relative; width: 961px;}

/* breadcrumb trail */

#breadcrumbs {padding: 10px 0px 10px 0px; background: url(../images/product_header_runner.jpg) repeat-x top left; height:12px; color: #777; float: right; width:740px; /*margin-top:10px;*/ font-family:Verdana, Geneva, sans-serif; font-size: 10px;}
	#breadcrumbs span{ padding:10px; font-family:Verdana, Geneva, sans-serif; font-size: 10px; }
	#breadcrumbs a {font-family:Verdana, Geneva, sans-serif; font-size: 10px; color:#004aa1; display: inline;}
	#breadcrumbs a:hover {color: #111;}

#breadcrumbs2 {background: url(../images/product_header_runner.jpg) repeat-x top left; height:35px; color: #777; float: right; width: 961px; margin-top:10px;}
	#breadcrumbs2 span{ padding:10px; font-family:Verdana, Geneva, sans-serif; font-size: 10px;}
	#breadcrumbs2 a {font-family:Verdana, Geneva, sans-serif; font-size: 10px; color:#004aa1; display: inline;}
	#breadcrumbs2 a:hover {color: #111;}

#ThisForm{
	padding: 10px 0px 20px 0px;
	}
#ThisFormWishList{

	}
	#ThisFormWishList label { width:100%; float:left;}
	#ThisFormWishList textarea{ width:800px; height: 75px; float:left; }
	#ThisFormWishList input {  }


/*================================================= 
		SIDEBAR
================================================= */

#sidebar {float: left; font-size: 1.1em; display: inline; /*margin-right: 10px;*/ margin-bottom: 1em; margin-top:30px;}

/* -------------------------------------------------------------
		LEFT SIDEBAR
-------------------------------------------------------------- */
#left {margin-bottom:15px; width:208px; float:left; position: relative; left:0px;}
	#left img {margin-bottom:15px;}
	/* --------------SUB NAV------------------------------- */
	#sidebar {margin-bottom:15px; /*background-color:#001733*/;position: relative;}
		#sidebar .subNav-header {height:44px;}
		#sidebar {/*background: url(../images/subNav_bg.jpg) repeat-y top left; */width:208px; height:399px;}
			#subNav .nav li {list-style:none;}
				#subNav .nav a:link, #subNav .nav a:visited {color: #ffc523; line-height:2.0em;}
				#subNav .nav a:hover {color: #fff; line-height:2.0em;}



/* search */

#searchTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#search {
	width: 180px;
	margin: 0px; 
	padding: 0px;
	float:right; 
	background: transparent url('/images/bg-search.png') top center no-repeat;
	height:20px;
	}
	#search ul li{ display:inline; float:left; }
	#search input{ border: none; background: none; width:130px; }
	#search input[type="text"]{	margin: 2px 0px 0px 5px; padding-right:10px; padding-left:5px; }
	#search input[type="submit"]{ margin-left:5px; width:20px; height:20px; }
	#search label { display: none; }

#searchKeyword {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	margin: 0;
	padding: 4px;
	width: 170px;
	}
#adv {
	border: 1px solid #d9d9d9;
	float: left;
	margin: 1em 0 0 0;
	padding: 3px 4px;
	width: 180px;
	}
#searchSubmit {
	background: #5a8bb6;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 1em 0 0 0;
	overflow: hidden;
	padding: 0 4px;
	text-transform: uppercase;
	}
#searchSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* brand */

#shopbyBrandTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#shopByBrand {
	float: left;	
	padding: 3px 4px;
	width: 180px;
	}
#brandSubmit {
	background: #5a8bb6;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
	}
#brandSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* top-level navigation */
.userTools {width:320px;float:left;margin:20px 0px 0px 15px;}
	.userTools li{ width:40px;}

#navTools { position:relative; }

#navBar{ margin-top:10px; width:955px; height:30px; z-index:10000; }
#navDeptTitle {display: none; z-index:10000;}
#navDept {margin-top:10px; height:20px; width:750px; float:left; z-index:10000;}
#navDept {left: 0; position: relative; top: 0px; height:20px; z-index:10000;}
	#navDept, #navDept li {list-style: none; margin: 0; padding: 0;  z-index:10000;}
	#navDept li {display: inline; float: left; height: 20px; margin: 0 2px 0 0; position: relative; z-index:10000;}
	#navDept li a {color: #ffc523; display: inline; float: left; font-size: 13px; padding: 5px 10px 5px 10px; margin-right:5px; background: transparent url('/images/arrow-down.png') center right no-repeat; text-transform: uppercase;  z-index:10000;}
	#navDept li a:hover {color: #1b325f; background: transparent url('/images/arrow-down-blue.png') center right no-repeat; z-index:10000;}
	#navDept li a.selected { color: #1b325f; z-index:10000;}
	#navDept li a:hover.selected { color: #1b325f; z-index:10000;}


/* navSub dropdown menu - shows only when tree nav is enabled in admin > design settings */

.navSub, .navSub li {list-style: none; margin: 0; padding: 0; width:180px; z-index:10000;position:relative;}
.navSub {display: none; position: relative;  z-index:10000;}
#navDept li:hover .navSub {display: block; float: none; left: 0; top: 25px; position: absolute; width: 180px; border:solid 1px #ffc523; z-index:10000;}
#navDept li:hover .navSub li {clear: left; display: block; float: none; position: relative;  z-index:10000;}
#navDept li:hover .navSub li a { color:#1b325f; background: #fff; border-top: 0; display: block; width: 160px; text-transform: uppercase; z-index:10000; }
#navDept li .navSub a.selected {color: #cbd7e2; z-index:10000;}
#navDept li:hover .navSub li a:hover {color: #1b325f; background: #ffc523; z-index:10000;}
#navDept li:hover .navSub li .navSub {display: none;position: relative; width:180px; z-index:10000;}
#navDept li:hover .navSub li:hover .navSub {display: block; float: none; top: 0; left: 180px; position: absolute; width: auto; z-index:10000;}
#navDept li:hover .navSub li:hover .navSub li .navSub {display: none; position: relative; z-index:10000;}
#navDept li:hover .navSub li:hover .navSub li:hover .navSub {display: block; float: none; top: 0; left: 180px; position: absolute; width: auto; z-index:10000;}
.navSub {position:relative; z-index:10000};
.navSub li {position:relative; z-index:10001};
.navSub a {position:relative; z-index:10002};

/*
interior
*/

/* ------------------------------------------------------------
		SELECT STORE
-------------------------------------------------------------- */
ul#navTools {overflow:auto;margin:0px 0px 15px 0px;padding:0;text-align:center; width:320px;}
ul#navTools li {display:inline; width: 106px;}
ul#navTools a {color:#ff9000; font-size:10px; padding-left:12px; text-transform:uppercase;}
ul#navTools li.first { padding-left:0;}
ul#navTools a:hover { color:#fff;}

/* -------------------------------------------------------------
		FEATURED
-------------------------------------------------------------- */
#featured {position: relative; left:0; width: 961px; margin-top:0px;}
	#featured .featuredLeft {float:left;}
	#featured .featuredRight{float:right;}

#dividers{ background: transparent url('/images/bar-yellow.png') top center no-repeat; margin-top:0px; }
	#dividers img{ margin: 10px 0px 5px 0px; }

#promo_container button {
	width:139px;
	height:31px;
	border:none;
	text-indent:-99999px;
	cursor:pointer;
	background: url("/images/get_yours_button.png") no-repeat;
	}
	#promo_container button:hover  { background: url("/images/get_yours_button_over.png") no-repeat; }
	button#promo_1_button{ position:absolute; top:213px; left:389px; }
	button#promo_2_button{ position:absolute; top:255px; left:45px; }
	button#promo_3_button{ position:absolute; top:255px; left:73px; }
	button#promo_4_button{ position:absolute; top:255px; left:319px; }
	button#promo_5_button{ position:absolute; top:221px; left:78px; }


/*-------------------------------------------------------------
		LOWER CALLOUT
-------------------------------------------------------------- */
#lowerCallouts {float:left; width:961px; padding-top: 15px; padding-bottom: 10px;}
	#lowerCallouts .leftCallout {float:left; background:url('/images/social-bg.jpg') no-repeat; width:208px; height:235px;}
		#lowerCallouts .leftCallout p {padding-left: 15px; color: #fff; line-height: 1.2em; font-size: 11px;}
		#lowerCallouts .leftCallout p.signUp {margin-bottom:5px;}
		#lowerCallouts .leftCallout .share-this {padding-left: 15px;}
	#lowerCallouts .centerCallout {float:left; width:400px; height:235px; padding-left: 10px; overflow:hidden;}
	#lowerCallouts .rightCallout {float:right;}


/* customer tools 

#navToolsTitle {
	display: none;
	}
#navTools,
#navTools li {
	margin: 0;
	padding: 0;
	list-style: none;
	}
#navTools {
	left: 0;
	position: absolute;
	top: -180px;
	width: 720px;
	}
#navTools li {
	float: left;
	margin-right: 2em;
	}
#navTools li a {
	color: #aaa;
	font-weight: bold;
	padding: .5em 0;
	}
#navTools li a:hover,
#navTools li a.selected {
	color: #fff;
	}
#navTools li a span {}
*/
/* menu items */

.navStaticTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 .5em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
.navStatic,
.navStatic li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.navStatic {
	margin-bottom: 1em;
	}
.navStatic li a,
.navStatic li a:link,
.navStatic li a:visited,
.navStatic li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;	
	}
.navStatic li a:hover {
	color: #111;
	}
.navStatic li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
	}

/* newsletter signup */

#newsletterTitle {
	background: #f2f2f2;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#newsletter{
	float:right;
	width:420px;
	}
	#newsletter label { display: none; }
	#newsletter input[type="text"]{ width:100px; }
	#newsletter input[name="news"]{ width:150px; }
	#newsletter .submit{ margin:13px 10px 0px 0px; float:right; }
	#newsletter span{ color:#aba; }
	#newsletter ul{ width:300px; margin-top:-15px; float:right; }

#newsletterEmail {
	background: #fff;
	border: 1px solid #d9d9d9;
	float: left;
	margin: 0;
	padding: 4px;
	width: 170px;
	}
#newsletterSubmit {
	background: #5a8bb6;
	border: 0;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #fff;
	float: right;
	height: 2.2em;
	line-height: 2.2em;
	margin: 0;
	overflow: hidden;
	padding: 0 4px 1px 4px;
	text-transform: uppercase;
	}
#newsletterSubmit:hover {
	background: #4f7a9f;
	cursor: pointer;
	}

/* menu items */

#recentlyViewedTitle {
	background: #f2f2f2;
	font-size: 1em;
	margin: 1em 0 .5em 0;
	padding: .5em 10px;
	text-transform: uppercase;
	}
#recentlyViewed,
#recentlyViewed li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#recentlyViewed {
	margin-bottom: 1em;
	}
#recentlyViewed li a,
#recentlyViewed li a:link,
#recentlyViewed li a:visited,
#recentlyViewed li a:active {
	background: url(../graphics/petrol/navStaticBg.gif) no-repeat 1em .9em;
	color: #777;
	display: block;
	width: 100%;	
	}
#recentlyViewed li a:hover {
	color: #111;
	}
#recentlyViewed li a span {
	display: block;
	padding: .5em 10px .5em 2.4em;
	}


/*================================================= 
		MAIN
================================================= */
#main {background-color:#FFFFFF; /*background: url(../images/product_runner.jpg)*/ repeat-x top left; width:753px; min-height:980px !important; float:left;}

#mainLayout {background: url(../images/form_runner.jpg) repeat-y top left; width:961px; min-height:399px !important; float:right;}


/*================================================= 
		CONTENT
================================================= */

#content {
	margin: 1em 0;
	padding-left:30px;
	padding-right:30px;

	}
#content #contactDetails {
	background: #f2f2f2;
	float: right;
	margin-left: 20px;
	padding: 1em 15px;
	width: 320px;
	}
#content #contactDetails address {
	margin: 0;
	}
#content a {
	color: #004AA1;
	font-weight: bold;
	}
#content ul,
#content ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#content ul {	
	margin: 1em 0 2em 0;
	}
#content ul li {
	list-style: disc;
	margin: .5em 0 .5em 2em;
	}
p.buttonWrapper {
	height: 2em;
	line-height: 2em;
	margin: 1em 0;
	}
p.buttonWrapper a:link,
p.buttonWrapper a:visited,
p.buttonWrapper a:active {
	background: #5a8bb6;
	color: #fff;
	margin-right: .5em;
	padding: .5em 1em;
	}
p.buttonWrapper a:hover {
	background: #4f7a9f;
	}

#contentBanners{
	padding:10px;
	}

/*================================================= 
		SUBDEPARTMENTS
================================================= */

#leftNav{ width: 208px; float:left; }


#navSubDept, #navSubDept li {list-style: none; margin: 0; padding: 0;}
#navSubDept {color: #fff; margin: 1em 0 2em 0; position: relative; width: 845px;}
#navSubDept li {display: inline; float: left; list-style: none;}
#navSubDept li a {
	color: orange; 
	display: inline; 
	font-weight: bolder; 
	text-transform:uppercase;
	margin-right:20px;
	padding: 0px 10px 0px 0px;
	height:15px;
	background: transparent url('/image/arrow-down.png') center right no-repeat;
	line-height: normal;
	}
#navSubDept li a:hover,
#navSubDept li a.selected {
	background: transparent url('/image/arrow-down-blue.png') center right no-repeat;
	color:#063060;
	}
/* top-level navigation */

#navDeptTitle {display: none;}
#navSubDept_interior { top:0.2em; text-transform:uppercase;  width:208px; }
#navSubDept_interior2 {left: 0; position: absolute; text-transform:uppercase;  width:208px; background:#001733 url(../images/subNav_bg.jpg) no-repeat top left;}
#navSubDept_interior li {display:block; float:left; line-height: 2.0em; position: relative; clear:left; background: url(../images/subNav_bg.jpg) repeat-y top left; width: 100%;}
#navSubDept_interior li a {color: orange; float: left; font-size: 12px; padding: 0 12px;}
#navSubDept_interior li a:hover {color: #fff;}
#navSubDept_interior li a.selected {background: #fff; color: #111;}
#navSubDept_interior li a:hover.selected {background: #fff; color: #111;}


 

/*================================================= 
		FORMS
================================================= */

fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}
legend {
	clear: left;
	color: #222;
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 2em;
	}
fieldset h3 {
	margin: 1em 0;
	}
.formField {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 4px;
	width: 170px;
	}
select.formSelect {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 3px 4px;
	width: 170px;
	}
select.formSelectMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 3px 4px;
	width: 90px;
	}
.formFieldShort {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 50px;
	}
.formFieldMedium {
	background: #fff;
	border: 1px solid #ccc;
	margin-right: 5px;
	padding: 4px;
	width: 90px;
	}
h3 .formRadio {
	margin: -.2em .5em 0 0;
	}
p .formRadio {
	margin: -.2em .5em 0 0;
	}
.formButton {
	margin-top: 10px;
	background: #ffa30d;
	border: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #001733 !important;
	height: 2.2em;
	line-height: 2.2em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
	font-weight:600;
	background:url(/images/buttonBackground.gif) repeat-x left top;
	}
.formButton:hover {
	background: #ffa30d;
	cursor: pointer;
	}
.btn-login {
	width:129px;
	height:24px;
	background: transparent url('../images/customerLogin_btn.jpg') 0px 0px no-repeat;
	}
.btn-login:hover {
	background: transparent url('../images/customerLogin_btn.jpg') 0px -24px no-repeat;
	}
.btn-password {
	width:129px;
	height:24px;
	background: transparent url('../images/password_btn.jpg') 0px 0px no-repeat;
	}
.btn-password:hover {
	background: transparent url('../images/password_btn.jpg') 0px -24px no-repeat;
	}
label {
	margin: .5em 0;
	}
label span {
	color: #a00;
	font-size: 110%;
	font-weight: bold;
	}
input.formField:focus,
input.formFieldShort:focus,
input.formFieldMedium:focus,
textarea:focus,
.quantity:focus,
.formField.comments:focus	{
	background: #fff;
	border: 1px solid #aaa;
	}
.formCheckbox,
.formRadio {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	}
p .formCheckbox {
	margin: -.4em .5em 0 0;
	}
p .formRadio {
	margin: -.4em .5em 0 0;
	}

/* content area forms (checkout, login, contact form etc.) */

#main label {
	display: block;
	}
#main .formField,
#main .formFieldMedium {
	margin: 0 0 .8em 0;
	width: 280px;
	}
#main select.formSelect,
#main select.formSelectMedium,
#main select.formSelectShort {
	margin: 0 0 .8em 0;
	width: 280px;
	}
.msg{
	padding-top:50px;
}
.wrapper {
	/*background:transparent url(../images/product_runner.jpg) scroll left top;*/
}

.bodywrapper {
	background:transparent url(../images/product_runner.jpg) scroll left top;
}

#content .formField,
#frmContact .formField {
	width: 310px;
	}
#content .formFieldShort,
#frmContact .formFieldShort {
	margin: .2em 0 1em 0;
	width: 50px;
	}
#content select.formSelect,
#frmContact select.formSelect {
	width: 228px;
	}
#content select.formSelectMedium,
#frmContact select.formSelectMedium {
	margin-right: .8em;
	width: 80px;
	}
#content .formButton,
#frmContact .formButton {
	float: left;
	margin-right: .5em;
	}
.global-form input{
	margin-bottom:10px;
}

/*================================================= 
		TABLES
================================================= */

table {
	border-collapse: collapse;
	border: 1px solid #e5e5e5;
	border-bottom: 0;
	line-height: 150%;
	margin: .5em 0 1em 0;
	width: 100%;
	}
th {
	background: #f3f3f3;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
	padding: 5px;
	}
tr {
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	}
td {
	background: #f9f9f9;
	border-bottom: 1px solid #e5e5e5;
	padding: 5px;
	vertical-align: top;
	}
table .price {
	color: #5a8bb6;
	font-size: 1em;
	font-weight: bold;
	}
th.first,
td.first {
	width: 25%;
	}
td.qty {
	width: 100px;
	}
th.remove {
	width: 75px;
	}
th.product,
th.attributes {
	width: 30%
	}

/* checkout form layout */

table.user,
table.user tr,
table.user td {
	background: none;
	border: none;
	padding: 0;
	}
table.user {
	margin: 0;
	}
table.user td {
	width: 50%;
	}	
#cc_type, #cardholder_name, #cc_number, #cc_month, #cc_year{ margin-bottom:10px; }

#placeorder{
	padding-top:25px; border:solid 1px red;
	}

/*================================================= 
		PAGINATION
================================================= */

.pagination {
	background: #f2f2f2;
	clear: both;
	color: #777;
	font-weight: bold;
	margin: -2em 0 1em 0;
	padding: .5em 10px .5em 5px;
	}
.pagination p {
	margin: 0;
	}
.pagination p.current {
	display: inline;
	float: right;
	line-height: 1em;
	margin: .5em 0;
	}
.pagination p.summary {
	border-left: 1px solid #bbb;
	float: right;
	line-height: 1em;
	margin: .5em 0 .5em .6em;
	padding-left: .5em;
	}
.pagination a,
.pagination a:link,
.pagination a:visited,
.pagination a:active {
	color: #666;
	display: block;
	float: left;
	font-weight: bold;
	margin-right: 2px;
	padding: .1em 6px;
	}
.pagination a:hover {
	color: #111;
	}
.pagination a.selected {
	background: #fff;
	color: #111;
	}
.pagination.end {
	margin-top: 0;
	}


/*================================================= 
		PRODUCT LISTS
================================================= */

#product .productImage {float: left; margin-left: 50px; width:250px;}
#product .productImage img {}
#product .productImage p {clear:left; width:200px; margin-left: 15px;}

/* product list */

.products {width:96%;margin: 0 0 0 16px; }
.products, .products li {list-style: none; padding: 0; } 
.products li {/*margin: 0 0 1em 0; padding: 1px 10px 0 170px;*/ position: relative; float:left; width:32%; margin: 0 0 0 1%; height:310px; padding: 20px 0;overflow:hidden;text-align:center;border-bottom:1px dotted #002d62;}
.products li:hover {/*background: #f2f2f2;*/}
.products li p{
	margin:0 auto 10px auto;
	padding:0;
}
.products li h3 {clear: left; font-size: 11px; font-weight:bold; font-family: Verdana, Arial, sans-serif; /*margin-right: 6.5em;*/margin:6px 0 5px 0;line-height:16px;}
.products li h3 a,
.products li h3 a:link,
.products li h3 a:visited,
.products li h3 a:active {
	color: #004aa1;
	}
.products li h3 a:hover {
	color: #004aa1;
	text-decoration:underline;
	}
.products .image {/*display: inline; float: left; margin: -2.6em 0 1em -158px; width: 146px;*/}

.products .image a img {/*background: #eee; padding: 2px;*/}

.products .image a:hover img {
	/*background: #fff;
	padding: 2px;*/
	}
.products .addWishlist,
.products .addCompare {
	/*display: inline;
	margin: .5em 1em .5em 0;*/
	margin: 0 auto 5px auto;
	}
.products .desc {
	line-height: 1.5em;
	}
.products .rrp {
	color: #777;
	display: inline;
	font-size: 12px;
	font-weight: bold;
	}
.products .rrp span {
	color: #555;
	}
.products .onSale {
	background: #a00;
	display: inline;
	color: #fff;
	font-weight: bold;
	position:relative;
	top:-200px;
	left:-40px;
	padding: 5px;
	}
.products .price {
	color: #222;
	font-size: 12px;
	font-weight: bold;
	}
.products .quantity {
	clear: both;
	/*margin: -3em 0 1em 0;*/
	text-align: right;
	}
.products .actions {
	float: right;
	margin: .5em 0;
	text-align: right;
	}

/* product grid */
#productSection{
	width: 740px;
	float:right;
	background-color:#fff;
	padding-bottom:10px;
}

.products.grid {
	margin-right: -10px;
	width: 710px;
	}
.products.grid li {
	float: left;
	margin-right: 10px;
	padding: 1px 10px 5px 10px;
	width: 206px;
	}
.products.grid .image {
	float: none;
	margin: 1em 0;
	}
.products.grid .addWishlist,
.products.grid .addCompare {
	border: 0;
	display: block;
	margin: .2em 0;
	padding: 0;
	}
.products.grid .price {
	margin: .5em 0;
	}
.products.grid .price span {
	display: block;
	margin: .5em 0;
	}
.products.grid .actions {
	clear: both;
	float: none;
	margin: .5em 0;
	text-align: left;
	}

/* sort by options / attributes header */

#productSort h3 {
	clear: both;
	font-size: 1em;
	letter-spacing: 1px;
	margin: 1em 0 0 0;
	text-transform: uppercase;
	}
#productSort h3 a {
	color: #999;
	height: 2.7em;
	line-height: 2.7em;
	padding: .8em 10px;
	}
#productSort h3 a:hover {
	color: #555;
	}
#productSort h3 a.selected {
	background: #f2f2f2;
	color: #111;
	}
#productSort h3 a span {
	color: #777;
	letter-spacing: normal;
	text-transform: none;
	}

/* sort container */

#productSort #productSortOptions {
	background: #f2f2f2;
	margin: 0 0 1em 0;
	padding: .5em 10px;
	}

/* sort options */

#productSort #productSortOptions .sortBlock {
	float: left;
	margin-right: 10px;
	width: 140px;
	}
#productSort #productSortOptions .sortBlock .formSelect {
	width: 140px;
	}
#productSort #productSortOptions .formButton {
	float: right;
	margin-top: 2.6em;
	padding: 0 5px 1px 5px;
	}

/* sort by attributes */

#productSort h4 {
	margin: .8em 0 0 0;
	text-transform: none;
	}
#productSort #productSortOptions dl,
#productSort #productSortOptions dl dt,
#productSort #productSortOptions dl dd {
	margin: 0;
	padding: 0;
	}
#productSort #productSortOptions dl {
	margin: .5em 0;
	padding-left: 150px;
	position: relative;
	}
#productSort #productSortOptions dl dt {
	clear: left;
	color: #555;
	float: left;
	font-weight: bold;
	margin-left: -150px;
	width: 140px;
	}
#productSort #productSortOptions dl dd {
	color: #888;
	float: left;
	margin-right: 1em;
	}


/*================================================= 
		PRODUCT DETAILS
================================================= */

/* product details */

#product {
	/*margin: 1em 0;
	width:100%;
	overflow:auto;*/
	}

/* image gallery */

#hideGalleryInput {
	display: none;
	}
#product .image {	
	float: left;
	margin: 20px 0 1em 0;
	padding: 0px 38px 30px 0;
	width: 312px;
	border-right: 1px dotted #002d62;	
	}
#product .image h2{	
	font-size:16px;
	color:#004aa1;
}
#product .image img{
	text-align:center;
	}	
#product .image p {
	margin: 1em 0;
	text-align:center;
	}
#product .image ul,
#product .image ul li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#product .image ul {
	width: 100%;
	}
#product .image ul li {
	display: inline;
	}
#product .image ul li {
	margin: 0 3px 0 0;
	}
#product .image ul li a img {
	border: 1px solid #eee;
	padding: 2px;
	}
#product .image ul li a:hover img {
	border: 1px solid #ddd;
	padding: 2px;
	}

/* product price & options */

#product .info {
	float: left;
	margin: 20px 0 1em 0;
	/*padding: 1px 10px 10px 10px;*/
	padding: 0px 38px 30px;
	position: relative;
	width: 250px;
	/*border-left: 1px dotted #002d62;*/
	}
#product .info h3{font-size:12px;margin-bottom: 20px;}
#product .info p.desc{font-size:11px;line-height:16px;}
#product .info .onSale {
	background: #c00;
	display: inline;
	color: #fff;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 1em .5em 1em;
	position: absolute;
	top: -.5em;
	right: 10px;
	}
#product .info .price {
	color: #111;
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 1em 0 .5em 0;
	}
#product .info .price span {
	color: #aaa;
	display: block;
	}
#product .info .rrp {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	}
#product .info h3 {
	line-height: 2em;
	margin-bottom: -.5em;
	}
#product .info label {
	float: left;
	margin: 5px .5em 0 0;
	}
#product .info .formField {
	width: 270px;
	}
#product .info .formButton {
	margin: .2em 0 0 0;
	}
#product .info .formFieldShort,
#product .info .formButton {
	float: left;
	margin-right: 1em;
	}
#product .info #addWishlist,
#product .info #addComparison {
	margin: .5em 0;
	}
#product .actions {
	clear: both;
	}


/*================================================= 
		ARTICLES
================================================= */

#articles ul,
#articles li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#articles ul {
	margin: 1em 0;
	}
#articles ul li {
	list-style: none;
	margin: 1em 0 .5em 0;
	}
#articles ul li a {
	color: #666;
	font-weight: bold;
	padding-top: .2em;
	}
#articles ul li a:hover {
	color: #111;
	}
#pageAuthor {
	background: #f2f2f2;
	padding: .5em 10px;
	}


/*================================================= 
		REVIEWS
================================================= */

/* star ratings */

.review {
	background: url(../graphics/petrol/ratings.gif) no-repeat 0 0;
	display: block;
	height: 12px;
	line-height: 12px;
	margin: 1em 0;
	padding-left: 80px;
	}
p.rating0 {
	background-position: 0 0;
	}
p.rating1 {
	background-position: 0 -12px;
	}
p.rating2 {
	background-position: 0 -24px;
	}
p.rating3 {
	background-position: 0 -36px;
	}
p.rating4 {
	background-position: 0 -48px;
	}
p.rating5 {
	background-position: 0 -60px;
	}
p.rating6 {
	background-position: 0 -72px;
	}
p.rating7 {
	background-position: 0 -84px;
	}
p.rating8 {
	background-position: 0 -96px;
	}
p.rating9 {
	background-position: 0 -108px;
	}
p.rating10 {
	background-position: 0 -120px;
	}

/* product page reviews */

#reviews {
	background: #f2f2f2;
	clear: both;
	margin: 1em 0;
	padding: 1px 10px;
	position: relative;
	}
#reviews h3 {
	margin-bottom: 0;
	margin-right: 160px;
	}
#reviews .review {
	float: right;
	margin-bottom: -1.3em;
	}
p.reviewAuthor {
	float: right;
	margin-top: 0;
	}
.reviewDate {
	border-bottom: 1px solid #ddd;
	margin-bottom: 1em;
	padding-bottom: .5em;
	}
dl#reviewForm,
dl#reviewForm dt,
dl#reviewForm dd {
	margin: 0;
	padding: 0;
	}
dl#reviewForm dt {
	margin: .5em 0 .2em 0;
	}


/*================================================= 
		SEARCH RESULTS
================================================= */

#searchResults,
#searchResults li {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#searchResults a:visited,#searchResults a:active{
	color:#004AA1;
	text-decoration:none;
	}
#searchResults {
	margin: 1em 0;
	}
#searchResults li {
	list-style: decimal;
	margin: 1em 0 1em 2.5em;
	}
#searchResults h3 {}
#searchResults p {
	margin-top: -1em;
	}
#searchResults span {
	background: #ccc;
	color: #fff;
	font-size: .9em;
	font-weight: normal;
	margin-left: .5em;
	padding: .2em .5em .15em .5em;
	}



/*================================================= 
		MISC
================================================= */

/* site map */

#sitemap,
#sitemap ul,
#sitemap li {
	list-style: none;		
	margin: 0;
	padding: 0;
	}
#sitemap {
	margin: 1em 0;
	}
#sitemap li {
	margin: .5em 0;
	}
#sitemap li h3 {
	margin: .2em 0;
	}
#sitemap ul {
	padding-left: 20px;
	}

/* shopping cart & checkout */
#cartInfo{ 
	position:absolute;
	z-index:1000;
	top:45px;
	right:35px;
	height:23px;
	margin-right:0px;
	width:320px;
	}
	#cartInfo a.basket, 
	#cartInfo a.basket:active, 
	#cartInfo a.basket:visited{
		float:right;
		margin:0px;
		width:155px;
		height:14px;
		background:transparent url('/images/shopping-bag-sprite.gif') 0px 0px no-repeat;
		padding:5px 0px 4px 125px;
		font-size:9px; 
		color:#fff;
		
		/*overflow:hidden;*/
		}
		#cartInfo a.basket:hover{ background:transparent url('/images/shopping-bag-sprite.gif') 0px -23px no-repeat; }

.basket-contents{
	position:relative;
	left:42px;
	top:20px;
	display:none;
	width:272px;
	background-color: #fff;
	border:solid 1px #eeb040;
	padding:0px;
	margin:4px 0px 0px 0;
	}
	.basket-contents th{
		height:15px;
		}
	.basket-contents th span{
		font-size: 0.8em;
		font-weight: bolder;
		}
	.basket-contents table{
		margin:0px;
		}
	.basket-contents a.close{
		background:transparent url('/images/btn-close.jpg') top center no-repeat; 
		width:11px; 
		height:11px;
		float:right;
		}
	.basket-contents .total{
		padding:5px;
		}
	.basket-contents .links a{
		display: inline;
		margin-left:10px;
		}


		/* ---------form modules---------------------- */
	#module-holder{ height:350px; }
		.module1 { float: left; width: 300px; display: inline; padding:10px 0px 20px 0px; }
		.module2 { float:left; position:relative; left:50px; width: 300px; display: inline; padding:10px 0px 20px 0px; }
		.module3 { float:left; position:relative; left:80px; width: 235px; display: inline; padding:10px 0px 20px 0px; }
		.module1 *:first-child,
		.module2 *:first-child {margin-top: 0;}
#cartContents {
	margin-bottom: 1em;
	}
#cartContents td.productDetails {
	padding-left: 80px;
	}
.cartProductImage {
	display: inline;
	float: left;
	margin: 0 0 0 -75px;
	}
.cartProductImage a img {
	background: #fff;
	border: 1px solid #d5d5d5;
	padding: 2px;
	width: 60px;
	}
.cartProductImage a:hover img {
	background: #eee;
	border: 1px solid #d5d5d5;
	padding: 2px;
	}
a.removeItem {
	background: url(../graphics/petrol/removeItem.gif) no-repeat 0 50%;
	height: 16px;
	padding-left: 20px;
	}
#acceptedCards {
	margin: 1em 0;
	}
#acceptedCards img {
	margin-right: .5em;
	}

/* cart totals */

#total {
	clear: both;
	margin: 1em 0 0 0;
	padding: 0;
	font-size: 110%;
	}
#total dt {
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	line-height: 2.5em;
	width:400px;
	}
#total dd {
	line-height: 2.5em;
	margin-top: -2.6em;
	width:400px;
	text-align: right;
	}
#total .total {
	font-size: 1.2em;
	}
.actions {
	clear: both;
	margin: 1em 0;
	}
#cv2Image {
	float: left;
	margin: -.2em 0 0 1em;
	}

/* checkout summary */

#checkout dl.cartSummary,
#checkout dl.cartSummary dt,
#checkout dl.cartSummary dd {
	margin: 0;
	padding: 0;
	}
#checkout dl.cartSummary dt {
	clear: left;
	float: left;
	margin: 0;
	width: 40%;
	}
#checkout dl.cartSummary dd {
	float: left;
	margin: 0;
	width: 59%;
	}
.addGiftWrap {
	float: left;
	margin: -.5em 0 0 0;
	}
.paymentGateway {
	background: #fff;
	border: 1px solid #ddd;
	float: left;
	display: block;
	margin: -.5em 1em 1em 0;
	padding: 3px;
	}

#addWishlist, #addComparison, .addWishlist, .addComparison, .addCompare {
	width: 153px;
	text-align:center;	
	margin-top: 10px;
	background: #ffa30d;
	border: none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	color: #ffffff !important;;
	height: 1.7em;
	line-height: 1.8em;
	overflow: hidden;
	padding: 0 4px 2px 4px;
	font-weight:600;
	background:url(/images/buttonBackgroundBlue.gif) repeat-x left top;	
}

#addWishlist a:hover, #addWishlist a:link, #addWishlist a:visited, #addWishlist a:active,
#addComparison a:hover, #addComparison a:link, #addComparison a:visited, #addComparison a:active,
.addWishlist a:hover, .addWishlist a:link, .addWishlist a:visited, .addWishlist a:active,
.addCompare a:hover, .addCompare a:link, .addCompare a:visited, .addCompare a:active {
	color: #ffffff !important;
	font-size: 11px;
}




/*================================================= 
		FOOTER
================================================= */

#footer {background: url(../images/footer_tile.jpg) repeat-x top left; width:961px; height:46px; clear: both; color: #736e69; font-size: 0.9em;}
	#footer .footerText{margin-top:25px;}
		#footer .footerText ul{float:left; margin-top:15px; width:725px;padding: 0 0 20px 0;}
		#footer .footerText ul li{color: #736e69;}
		#footer .footImages{ float:right;padding: 0 0 20px 0; }
	#footer .updateSignUp {margin-left: 20px;}
	#footer .inner {padding-left:155px; margin-top:-48px; font-size:0.95em;}
		#footer .inner a {color:#fff;}
		#footer .inner div{float:left; margin-top:10px; width:350px;color:#999;}
	#footer p {color:#736e69; padding-left: 0px; width:700px; padding-top: 0px;}
	#footer ul, #footer li {list-style: none; margin: 0; padding: 0;color: #736e69;}
	#footer ul {margin: 1em 0;}
	#footer li {display: inline; margin-left: .4em; padding-left: .8em;}
		#footer li.first {border: none; margin-left: 0; padding-left: 0; width:200px;}
	#footer a, a:visited {color:#05325c;}
	#footer a:hover {color: #05325c;text-decoration:underline;}
	
	/* -------------------------------------------------------------
			EMAIL SIGNUP
	-------------------------------------------------------------- */
	#email-signup {background-image:url(../images/footer_tile.jpg); background-repeat:repeat-x; height:46px; width:961px; position:relative;}
		#newsletter ul li input{margin-top:5px; background-color:#22354E;border:1px solid #3C4A5C;color:#A09B93;font-style:italic;padding:2px;}
		#email-signup .updates {display:block; float:left; position:relative; left: 20px;}
		#email-signup p {padding-left:30px; color:#a0a0a0; width:375px; float:left; line-height:14px; margin-top:8px;font-size:10px;}
	#email-signup form {width:415px; float:left; margin-top:10px; text-align:right;}
	#email-signup input.text {border:solid 1px #3c4a5c; color:#a09b93; font-style:italic; background-color:#22354e; padding:4px;}
	#email-signup input#email_address {margin-right:20px; width: 150px;  height:15px;}
	#email-signup #newsletterSubmit {background: url(../images/sign_up_btn.jpg); width: 92px; height: 22px; border:0px; font-size:0; line-height:0;} 

/*================================================= 
		JERSEY BUILDER
================================================= */
	
	
			#jersey_builder_tabs {
				font-family:Verdana;
				font-size:x-small;
				width:450px;
				float:left;
				background:none;
				margin-bottom:8px;
				margin-left:3px;
			}
			
			#jersey_builder_tabs ul li {
				list-style-image:none;
				list-style-position:outside;
				list-style-type:none;
				margin:0;
				float:left;
				border-bottom:1px #002d62 dotted;
			}
			
			#jersey_builder_tabs ul li a{
				padding-left:6px;
				padding-right:6px;
				line-height:20px;
				font-size: x-small;
			}
			
			#jersey_builder_tabs ul li a.currentStep{
				color:orange;
			}
			
			
			#jersey_info {
				margin:0;
				padding:0;
				width:193px;
				background:url("/images/jerseybuilder/jersey_info_bg.jpg") repeat-x;
				font-family:Verdana, sans-serif;
				
			}
			#jersey_info div.display {
					padding:10px 0 0 17px;
			}
			#jersey_info span.jvalue {
				font-size:x-small;
			}
			 .light-label {
				font-weight:normal !important;
				height:20px;
			}
			#jersey_info .label {
				font-weight:bold;
				font-size:x-small;
			}
			
			#jersey_image {
				height:242px;
			}
			#jersey_info h2 {
				margin:0;
				font-size:13px;
				font-family:Verdana, sans-serif;
				color:#001733;
			}
			
			#jersey_info .disclaimer {
				font-style:italic;
				color:#848383;
				font-size:xx-small;
			}
			#jersey_builder_info {
				float:left;
				width:198px;
				padding-left:6px;
				margin:0;
				border-left:1px #002d62 dotted;
				
			}
			#jersey_builder_tabs .ui-tabs .ui-tabs-nav {
				background:none;
				overflow:auto;
				padding:0;
				padding-left:30px;
				padding-bottom:5px;
				border-bottom:1px #002d62 dotted;
				
			}
			#jersey_builder_tabs .ui-tabs .ui-tabs-nav li a {
				padding: 0 1em;
				color:#004aa1;
			}
			#jersey_builder_tabs .ui-tabs .ui-tabs-nav li  {
				margin:0;
				padding:5px;
				border:none;
				
			}
			
			#jersey_builder_tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a{
				color:#004aa1;
				font-weight:bold;
				display:block;
			}
			#tab_arrow {
				background:url("/images/jerseybuilder/arrow.jpg") bottom no-repeat;
				
			}
			#jersey_builder_tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a {
				
			}
			#jersey_builder_tabs form {
				clear:both;
				display:block;
				margin-top:20px;
				margin:auto;
				width:550px;
			}
			
			#jersey_style {
				float:left;
			}
			#jersey_type {
				float:left;
			}
			#name_number {
				float:left;
			}
			#quantity_size {
				float:left;
			}
			
			 div.step_description {
				font-size:x-small;
				width:430px;
				margin:auto;
				padding:5px 16px;
				background-color:#fff8d6;
			}
			
			 div#jersey_form_content {
				
			/*	border-bottom:1px #002d62 dotted;*/
				
			}
			.ui-tabs-panel {
				padding:0 !important; 
			}
			
			 ul.item_select {
				padding:0;
				margin:auto;
			}
			 div.button_controls {
				clear:left;
				border-top:1px #002d62 dotted;
			}
			 div.panel_content {
				width:440px;
				margin:auto;
				margin-bottom:10px;
				overflow:auto;
			}
			 input.wishlist_button {
				margin-top:10px;
				cursor:pointer;
				background:url("/images/jerseybuilder/add_to_wishlist.jpg") no-repeat;
				width:129px;
				height:24px;
				margin-right:10px;
				text-indent:-9999px;
				border:0;
				font-size: 0 !important;
				line-height: 0 !important;				
			}
			 input.add_to_bag_button {
				margin-top:10px;
				cursor:pointer;
				background:url("/images/jerseybuilder/add_to_bag.jpg") no-repeat;
				width:129px;
				height:24px;
				margin-right:10px;
				text-indent:-9999px;
				border:0;
			}
			 input.back_button {
				margin-top:10px;
				margin-left:10px;
				cursor:pointer;
				background:url("/images/jerseybuilder/back_button.jpg") no-repeat;
				width:84px;
				height:24px;
				text-indent:-9999px;
				border:0;
				font-size: 0;
				line-height: 0;				
			}
			 input.next_button {
				margin-top:10px;
				margin-right:10px;
				cursor:pointer;
				background:url("/images/jerseybuilder/next_button.jpg") no-repeat;
				width:84px;
				height:24px;
				text-indent:-9999px;
				border:0;
				font-size: 0;
				line-height: 0;
			}
			 .button_left {
				float:left;
			}
			 .button_right {
				float:right;
			}
			 ul.item_select li {
				display:inline;
				float:left;
				width:90px;
				text-align:center;
				padding:10px;
			}
			 ul.item_select li img{
			}
			 .item_desc {
				padding-top:10px;
				clear:both;
			}
			
			 .item_desc h2 {
				font-size:11px;
				line-height:1.8em;
				margin:0;
				padding:0;
				color:#848383;
			}
			 .item_desc p {
				padding:0;
				margin:0 0 10px 0;
				line-height:1.4em;
				color:#848383;
				font-size:11px;
			}
			
			#jersey_type ul.item_select li{
				margin:0 20px;
			}
			#name_number div.panel_content {
					padding-top:20px;
			}
			#name_number div.panel_content input {
				border: 1px #7f9db9 solid;
				
			}
			#name_number div.panel_content label {
				font-weight:bold;
				margin-left:3px;
				margin-bottom:8px;
				display:block;
			}
			#name_number a {
				color:#004aa1;
				text-decoration:none;
			}
			#name_number a:hover {
				text-decoration:underline;
			}
			#quantity_size div.panel_content {
				padding-top:20px;
			}
			#quantity_size div.panel_content input {
				border: 1px #7f9db9 solid;
			}
			#quantity_size div.panel_content select {
				border: 1px #7f9db9 solid;
				width:181px;
			}
			#quantity_size div.panel_content span {
				float:left;
				margin-left:20px;
			}
			
			#quantity_size div.panel_content span a#comparison_icon {
				padding-left:18px;
				color:#004aa1;
				text-decoration:underline;
				font-weight:normal !important;
				margin-left:20px;
				height:13px;
				background: url("/images/jerseybuilder/comparison_icon.jpg") no-repeat;
			}
			#quantity_size label {
				font-weight:bold;
				margin-left:3px;
				margin-bottom:8px;
				display:block;
			}	
	
	
	
/*================================================= 
		FLOAT FIX
================================================= */

.inner:after,
#content:after,
.products:after,
.products li:after,
.pagination:after,
#product:after,
#total:after,
.module1:after,
.module2:after,
#search:after,
#advancedSearch:after,
#brand:after,
#newsletter:after,
#navSubDept:after,
#navSubDept li:after,
#productSortOptions:after,
dl:after,
dl dt:after,
dl dd:after,
form:after,
.billShipBlock:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.inner,
#content,
.products,
.products li,
.pagination,
#product,
#total,
.module1,
.module2,
#search,
#advancedSearch,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock {
	display: inline-block;
	}
/* Hide from IE Mac \*/
.inner,
#content,
.products,
.products li,
.pagination,
#product,
#total,
.module1,
.module2,
#search,
#advancedSearch,
#brand,
#newsletter,
#navSubDept,
#navSubDept li,
#productSortOptions,
dl,
dl dt,
dl dd,
form,
.billShipBlock {
	display: block;
	}
	
.red {
	position:relative;
	width:360px;
	top:0px;
	left:87px;
}

#new-products p.red{
	position:relative;
	width:360px;
	margin-left:-75px;
}

/* End hide from IE Mac */


