/* Print Style Sheet */
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,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{outline:0;}body{line-height:1.25;font-size:75%;font-family:Arial,Helvetica,sans-serif;}table{border-collapse:collapse;border-spacing:0;}caption,th,td{text-align:left;font-weight:normal;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"""";}
body{ font-size:75%; }
input, select, textarea{ font-family:Arial, Helvetica, sans-serif; font-size:1em; }
strong { font-weight: bold; }

	body {
		font: 75% Arial, Helvetica, sans-serif;
		margin: 0 auto;
		padding: 0;
		}
	body * {
		margin-top: 0;
		}
	img {
		padding: 0;
		margin: 0;
		border: 0;
		display: block;
		}
	.clear {
		clear: both;
		padding: 0;
		margin: 0;
		}
	h1, h2, h3, h4, h5, h6 {
		text-transform: uppercase;
		}
	h1, h2, h3, h4 {
		font-size: 4em;
		margin: -3px 0 0;
		padding: 0;
		line-height: .9em;
		}
	h1 {
		color: #000;
		}
	h2 {
		color: #000;
		}
	h3 {
		color: #000;
		}
	h4 {
		font-size: 1.5em;
		color: #000;
		margin: 10px 0 0;
		}
	h5 {
		font-weight: bold;
		font-size: 1.4em;
		color: #666;
		margin: 10px 0 0;
		}	
	h6 {
		font-weight: bold;
		font-size: 1.3em;
		color: #a3a3a3;
		margin: 10px 0 0;
		}
		
	#header {
		height:131px;
		position:relative;
		width:100%;
		z-index:1000;
		}
		
	#mainNav{
		position:relative;
		width:100%;
		float: left;
		border-bottom:1px solid #666;
		}
	#mainNav ul{
		float:left;
		width:100%;
		list-style:none;
		margin:0;
		padding:0 0 15px;
		}
	#mainNav ul li{
		float:left;
		margin:0 !important;
		padding:0 10px 0 0 !important;
		text-transform:uppercase;
		}
	#shopNav ul{
		margin:0 30px 0 0;
		padding:15px 0 0;
		list-style:none;
		display:block;
		position:relative;
		float: left;
		}
	#shopNav ul li{
		margin:0 8px 0 0;
		padding:0 0px;
		float:left;
		}
	#mainNav ul li a,
	#shopNav ul li a {color:#333;}
	#shopNav ul li a {font-size:1.5em !important;}
	#shopNav ul li a strong {font-weight:normal !important;}
	#shopNav ul li.on a strong {font-weight:bold !important;}
	
	/* Main section */
	#main,
	#mainWhiteBg {
		float:left;
		min-height: 500px;
		padding: 0 24px 28px 36px;
		background: #fff;
		}
	#ecomm #main,
	#ecomm #mainWhiteBg {
		background: #fff url(/Images/elements/bg-shopDetail.gif) right 30px repeat-y;
		padding: 0 0 0 36px !important;
		margin: 0 !important;
		float: left;
		width:925px;
		}
	#ecomm #mainWhiteBg {
		background: none;
		}

/* 1 :-------- Online Shop - Home Page Styles ------------ */
	/* home page feature */
	.homeFeature {
		background: #fff;
		width: 100%;
		padding:0;
		margin:0;
		display:block;
		}
	.homeFeature img {
		}

/* 2 :-------- Online Shop - Browse by category/brand Styles ------ */
	.productFiltersCol {
		width: 198px;
		margin: 0;
		border: 1px solid #d6d6d6;
		float: right;
		position:relative;
		}
	.productFiltersCol h2 {
		color: #6a6a6a;
		padding: 14px 15px 9px;
		float: left;
		height:23px;
		width:168px;
		display:block;
		position:absolute;
		left:0;
		top:0;
		}
	.productFiltersCol .tabs {
		position:relative;
		top:46px;
		display:block;
		width: 100%;
		}
	.productFiltersCol .tabs ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float:left;
		}
	.productFiltersCol .tabs ul li {
		float: left;
		display:block;
		}
	.productFiltersCol .tabs a {
		text-transform: uppercase;
		color: #5a5a5a;
		font-size: 0.833em;
		font-weight: bold;
		padding: 10px 15px;
		display: block;
		background: #cfcfcf;
		text-decoration: none;
		height:13px;
		}
	.productFiltersCol .tabs #categoriesLink.on a,
	.productFiltersCol .tabs #brandsLink.on a {
		color: #000;
		background: #efefef;
		}
	.productFiltersCol .tabs #categoriesLink a {width:56px;}
	.productFiltersCol .tabs #brandsLink a {width:35px;}
	.productFiltersCol .shopBy {
		float: left;
		width: 192px;
		height: 350px !important;
		overflow:hidden;
		padding: 3px;
		display: block;
		position:absolute;
		top:78px;
		left:0;
		}
	.productFiltersCol .shopBy ul,
	.productFiltersCol .shopBy ul.brands {
		padding: 10px 9px 15px;
		margin: 0;
		list-style: none;
		line-height: 1.25em;
		float: left;
		width: 174px;
		height: 323px;
		display: block;
		overflow:hidden;
		}
	.productFiltersCol .shopBy ul li {
		display: block;
		float: left;
		width:166px;
		margin: 0 0 1px;
		}
	.productFiltersCol .shopBy ul li a,
	.productFiltersCol .shopBy ul li a:hover {
		color: #333;
		float: left;
		display:block;
		width:100%;
		text-decoration: none;
		padding: 2px 3px;
		}
	.productFiltersCol .shopBy ul li a:hover {
		background: #fff;
		}
	.productFiltersCol .shopBy ul li.on {
		background: #fff;
		padding: 0 6px 0 0;
		}
	.productFiltersCol .shopBy ul li.on a,
	.productFiltersCol .shopBy ul li.on a:hover {
		color: #00a7e6;
		font-weight: bold;
		}
	.productFiltersCol .shopBy ul.brands {
		display: block;
		}
	.productFiltersCol .shopLinks.brands {
		float: left;
		}
	.productFiltersCol .refineBy {
		width: 198px;
		float: left;
		position:relative;
		top: 402px;
		left:0;
		}
	.productFiltersCol .refineBy h2 {
		top: 0 !important;
		position:relative;
		}
	.productFiltersCol .refineBy .filterOption {
		padding: 0 0 30px;
		margin: 5px 14px 5px;
		width: 164px;
		height: 92px;
		position: relative;
		float:left;
		left: 0;
		top:0;
		}
	.productFiltersCol .refineBy .filterOption label {
		background: #eaeaea;
		font-size: .833em;
		float:left;
		font-weight: bold;
		text-transform: uppercase;
		position: relative;
		padding: 5px 7px 4px;
		}
	.productFiltersCol .refineBy .filterOption select {
		background: #eaeaea;
		width: 100%;
		position: absolute;
		top: 18px;
		left: 0;
		border: 0 !important;
		border: 4px solid #eaeaea !important;
		}
	.productFiltersCol .refineBy .filterOption select option .on {
		color: #00a7e6 !important;
		background: #fff !important;
		}
	.refineBy .button {margin: 5px 0 0 15px;} 	

/* 3 :-------- Online Shop - Product listing Styles ------ */
	.thumbnailListing {
		padding: 12px 0 0;
		margin: 0;
		list-style:none;
		clear: left;
		position:relative;
		z-index:1;
		}
	.productListing .thumbnailListing {
		min-height: 790px;
		}
	.thumbnailListing .thumbnailListingItem {
		padding: 6px 0;
		margin: 0;
		float: left;
		display: block;
		position: relative;
		width: 218px;
		height: 240px;
		border: 3px solid #blue;
		}
	.thumbnailListing .thumbnailListingItem a.productThumb {
		padding: 0;
		margin: 0 auto;
		display: block;
		width: 218px;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		z-index: 0;
		}
	.thumbnailListing .thumbnailListingItem .listItemImage img {
		margin: 5px auto 0;
		display: block;
		}
	.thumbnailListing .prodInfo {
		font-size: 0.917em;
		line-height: 1.25em;
		color: #666;
		display: block;
		text-align: center;
		}
	.prodInfo .brand {
		color: #000;
		text-transform: uppercase;
		display: block;
		font-weight: bold;
		}
	.prodInfo .price {
		color: #000;
		font-weight: bold;
		}
	.price strike {
		color: #ff0000;
		font-weight: normal;
		padding: 0 3px 0 0;
		}
	.tag {
		font-size: 0.909em;
		text-transform: uppercase;
		display: block;
		padding: 4px 0 0;
		}	
	.tag strong {
		height: 1em;
		padding: 2px 3px !important;
		margin: 0 !important;
		}
	.tag.gray strong {
		border: 1px solid #e7e7e7;
		color: #e7e7e7;
		}
	.tag.blue strong {
		border: 1px solid #00aeef;
		color: #00aeef;
		}

	#body{
		overflow:hidden;
		background:#fff background: url(/Images/generic/bg_wood.gif) 0 0 repeat;
		padding: 0 0 28px;
		margin: 0 0 0 -35px;
		}
	#homePage #body,
	#homePage #bodyPromo {
		position: relative;
		z-index:1;
		width: 100%;
		padding: 0;
		}
	#homePage #bodyPromo {
		padding:0 0 17px;
		background: url(/images/elements/bg-whatsNew-footer.gif) right bottom no-repeat;
		}
	#ecomm #body {
		padding: 30px 0 28px;
		background: #fff;
		width: 100%;
		}
	#checkout #body {
		padding: 30px 0 28px;
		background: #fff url(/Images/elements/bg-checkout.gif) 0 0 repeat-y;
		width: 100%;
		display: block;
		}
	#blackBg #body { 
		background: url(/Images/elements/bg-news.png) 0 0 repeat-x;
		padding: 0;
		}
		
	/* Main section */
	#main,
	#mainWhiteBg {
		float:left;
		min-height: 500px;
		padding: 0 24px 28px 36px;
		background: #fff;
		}
		#ecomm #main,
		#ecomm #mainWhiteBg {
			background: #fff url(/Images/elements/bg-shopDetail.gif) right 30px repeat-y;
			padding: 0 0 0 36px !important;
			margin: 0 !important;
			float: left;
			width:925px;
			}
		#ecomm #mainWhiteBg {
			background: none;
			}
			#ecomm #main .left,
			#ecomm #mainWhiteBg .left {
				float: left;
				display:block;
				width:675px;
				background:#fff;
				}
			#ecomm.fullWidth #mainWhiteBg {
				width: 940px !important;
				}
			#ecomm.fullWidth #mainWhiteBg .left,
			#ecomm.fullWidth #mainWhiteBg .left .wysiwyg {width: 100% !important;}
		#blackBg #main {
			background: url(/Images/elements/bg-blackBg.png);
			width: 100%;
			float: left;
			}
		#checkout #main {
			width: 1140px !important; 
			background:none;
			position: relative;
			}
		#checkout #main .left {
			background: transparent;
			width: 410px !important;
			overflow: hidden;
			}
		#checkout #main .rightCol {
			margin: 0;
			position: absolute;
			left: 480px;
			top: -52px;
			float: left;
			width:450px;
			}
			
		.productDetail{
			width:675px;
			float:left;
			margin: -35px 0 0;
			}
		.mightAlsoLike{
			float:left;
			position:relative;
			padding: 0 0 19px 10px;
			background: url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x;
			width:655px;
			}
		.fullWidth .mightAlsoLike {background:#fefefe url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x;}
		#blackBg .athletesDetail .mightAlsoLike {right:-222px; background: #fefefe url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x; }
		.fullWidth .mightAlsoLike.recentlyViewed {float:right;}
	
	/* Sub nav */
	.subNav {
		float: left;
		width: 100%;
		padding: 13px 0 27px;
		margin: 0 0 0 -7px !important;
		}
		.subNav ul {
			margin:0;
			padding:0;
			}
			.subNav ul li,
			.subNav ul li.on{
				list-style: none;
				float:left;
				margin:0;
				padding:0;
				font-size:0.917em;
				}
				.subNav ul li a{
					font-weight: bold;
					color:#7a7a7a;
					padding: 5px 7px 4px;
					display: block;
					text-transform: uppercase;
					text-decoration: none;
					float:left;
					}
				.subNav ul li a:hover{
					color: #acacac;
					text-decoration: none;
					}
				.subNav ul li.on a{
					background: url(/Images/nav/bg-subNav.png) 0 0 repeat-x;
					color: #acacac;
					}
					
	/* sub nav on white bg */
	#ecomm .subNav {	
		margin: -17px 0 0 29px !important;
		padding: 0 0 50px !important;
		}
		#ecomm .subNav ul li.on a {
			color:#343434;
			}
					
	/* Product filters */
	.productNav {
		padding: 0 30px 0 10px;
		display: block;
		background: #fff;
		position: relative;
		z-index:0;
		}
	.productFiltersCol {
		width:198px;
		height:400px;
		background:#b7b7b7;
		float:right;
		}
	
	/* gray bar */
	.grayBar {
		border: 1px solid #eaeaea;
		width:675px;
		height: 37px;
		margin: 0;
		display: block;
		float: left;
		position: relative;
		}
	/*.grayBar.second { margin: 12px 0; }*/
	.grayBar .btn.back,
	.grayBar .btn.continueShopping {
		margin: 8px 7px 0;
		}
	.grayBar .addThis {
		padding: 0;
		margin: 0 7px;
		display: block;
		right: 0;
		top: 10px;
		position: absolute;
		}
	.eventDetails .grayBar { margin: 0; }
	.newsDetail .grayBar, .athletesDetail .grayBar { margin: 0; width: 675px; right: -222px; }
	.productListing .grayBar {width:902px;}
		
	/* display options */
	.displayOptions {
		font-size: 0.917em;
		position: absolute;
		top: 10px;
		}
	.displayOptions .dropdown {
		float: left;
		padding: 0 7px;
		}
	.displayOptions .dropdown label {
		float: left;
		height: 20px;
		padding: 3px 4px 0 0;
		}
	.displayOptions .button {
		margin: -1px 0 0;
		position:relative;
		}
	.displayOptions select {
		padding: 0;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}
	.displayOptions .results {
		float: left;
		padding: 2px 7px 0;
		}
	
	/* pagination */
	.pagination {
		padding: 1px 0 0;
		display: block;
		right: 8px;
		top: 8px;
		position: absolute;
		background: #f8f8f8;
		}
	.pagination .pageNumber {
		padding: 0 4px;
		float: left;
		}
	.pagination .pageNumber ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.pagination .pageNumber ul {
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.pagination .pageNumber ul li {
		padding: 0;
		margin: 0;
		display: block;
		float: left;
		}
	.pagination .pageNumber ul li a {
		text-decoration: none;
		display: block;
		padding: 3px 4px 3px 3px;
		color: #333;
		}
	#body .pagination a {
		text-decoration: none !important;
		}
	#body .pagination a:hover {
		text-decoration: underline !important;
		}
	#body .pagination .pageNumber ul li a.pageFalse,
	#body .pagination .pageNumber ul li a:hover.pageFalse {
		font-weight: bold !important;
		text-decoration: none !important;
		color: #000 !important;
		}
	.pagination .prevNext {
		float: left;
		}
	.pagination a.prevBtn,
	.pagination a.nextBtn {
		text-indent: -9999px;
		display: block;
		height: 20px;
		width: 48px;
		background: url(/Images/buttons/btn-pagination.gif) 0 0 no-repeat;
		}
	.pagination a.nextBtn {
		width: 46px;
		background: url(/Images/buttons/btn-pagination.gif) -48px 0 no-repeat;
		}
	.pagination a.prevBtn.off { background-position: 0 -20px !important; }
	.pagination a.nextBtn.off { background-position: -48px -20px !important; }
	
	/* gray bar - dark gray version */
	.grayBar.dark { background: #111 !important; }
	.grayBar.dark .pagination { background: #1f1f1f !important; }
	.grayBar.dark .pagination ul li a { color: #d0d0d0 !important; }
	.grayBar.dark .pagination ul li a.pageFalse, .grayBar.dark .pagination ul li a:hover.pageFalse { color: #fff !important; }
	.grayBar.dark .pagination a.prevBtn.off, .grayBar.dark .pagination a.nextBtn.off {
		opacity: .3;
		filter: alpha(opacity=30); 
		-moz-opacity: 0.3;
		}
	.pagination a.prevBtn.off { background-position: 0 0; }
	.pagination a.nextBtn.off { background-position: -48px 0; }
		
/* 4 :-------- Online Shop - Brands listing Styles ------ */
	.thumbnailListing.brands {
		min-height: 450px;
		padding: 10px 0;
		margin: 0 0 0 2px;
		}
	.thumbnailListing.brands .thumbnailListingItem {
		height: 214px;
		width: 214px;
		padding: 0;
		margin: 2px;
		}
	
/* 5 :-------- Online Shop - Product detail Styles ------ */
	/* hide h1 */
	.prodCategory {
		text-indent: -9999px;
		}

	/* might also like promo */
	.mightAlsoLike h2 {
		color: #7f7f7f;
		padding: 19px 7px 4px;
		}
	.mightAlsoLike .thumbnailListing {
		padding: 0;
		position:relative;
		z-index:0;
		}
	.mightAlsoLike .thumbnailListingItem {
		display: block;
		margin: 0 5px !important;
		float: left;
		border: none;
		height: 110px;
		width: 200px;
		}
	.mightAlsoLike .thumbnailListingItem:hover,
	.mightAlsoLike .thumbnailListingItem.hover {
		border: none;
		}
	.mightAlsoLike .thumbnailListingItem a,
	.mightAlsoLike .thumbnailListingItem a:hover {
		border: none !important;
		width: 200px !important;
		height: 116px !important;
		float: left;
		display: block;
		text-decoration: none;
		}
	.mightAlsoLike .thumbnailListingItem img { 
		float: left;
		padding: 5px 0;
		}
	.mightAlsoLike .prodInfo {
		padding: 10px 0 0;
		text-align: left !important;
		}
	.mightAlsoLike .prodInfo span {
		display: block;
		}
	.mightAlsoLike .prodInfo span.price {
		padding: 0 0 6px;
		}
		
	/* athletes detail - product promo */
	#blackBg .athletesDetail .mightAlsoLike {padding: 0 0 10px 10px; width:665px;}
	#blackBg .athletesDetail .mightAlsoLike h2,
	#blackBg .athletesDetail .relatedLinks h2 {
		color: #333 !important;
		padding: 26px 7px 0 !important;
	 	font-size: 1.5em !important;
		}
	#blackBg .athletesDetail .mightAlsoLike	.thumbnailListing {padding: 0;}
	#blackBg.fullWidth .athletesDetail .mightAlsoLike { height: 471px !important; }
	#blackBg.fullWidth .athletesDetail .mightAlsoLike h2 { padding: 41px 7px 0 !important; }
	#blackBg.fullWidth .athletesDetail .relatedLinks h2 { padding: 33px 7px 0 !important;}
	
	/* product detail styles */
	.hproduct { width: 100%; position:relative; }
	.hproduct .rightCol {
		float: left;
		width: 200px;
		}
	.hproduct .leftCol {
		float: left;
		width: 450px;
		position: relative;
		}
	.hproduct .brand,
	.hproduct .brand a {
		color: #303030;
		text-transform: uppercase;
		}
	.hproduct .brand {
		font-size: 1.333em;
		}
	#ecomm .hproduct h1.fn { color: #303030 !important; padding: 0 !important; margin: 0 !important; }
	.hproduct .fn,
	.hproduct .price {
		font-family: Arial, Helvetica, sans-serif;
		color: #303030 !important;
		font-size: 2.5em !important;
		float: left;
		line-height: 1.2em;
		letter-spacing: -1px;
		}
	.hproduct .price {
		padding: 0 10px;
		}
	.hproduct .price strike {
		color:#ff0000;
		padding: 0 7px 0 0;	
		}
    .hproduct .featuredProductImage {
        position: relative; 
        width: 437px; 
        height: 476px;
		}			
	.hproduct .featuredProductImage img {
		padding: 5px 5px 22px;
		position:absolute; 
		top: 0; 
		left: 0;
		}	
	.hproduct select {
		border-top: 1px solid #979797;
		border-left: 1px solid #979797;
		border-bottom: 1px solid #d8d8d8;
		border-right: 1px solid #d8d8d8;
		padding: 1px;
		width: 150px;
		float: left;
		font-size: 1em;
		}
	.selector {
		width: 100%;
		float: left;
		padding: 0 0 12px;
		}
	#selectSizeError {
		color:red;
		font-size: 0.917em;
		float:left;
		display:block;
		width:100%;
		margin:-8px 0 8px !important;
		}
	#selectSizeError .label {
		background: #fff79a url(/Images/Icons/icon-formError.gif) 5px 3px no-repeat !important;
		padding: 2px 1px 2px 15px;
		width:131px !important;
		float:left;
		}	
	.selector label {
		width: 100%;
		float: left;
		color: #333;
		font-size: 0.917em;
		padding: 0 0 1px;
		position: relative;
		}
	.selector span.label,
	.selector #colourTitle {
		float: left;
		padding: 0 4px 3px 0 !important;
		margin: 0 !important;
		color: #333;
		font-size: 0.917em;
		}
	.selector #colourTitle {
		color: #666;
		}
	.selector.colour table,
	.selector.colour ul {
		clear: left;
		border-collapse: collapse;
		}
    .selector.colour ul  {
        margin: 0;
        padding: 0;
        height: auto !important;
        }		
    .selector.colour li  {
        list-style: none;
        margin: 0;
        padding: 0;
        }	
	.selector.colour table {
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		border: none;
		position: relative;
		float:left;
		}
	.selector.colour table td,
	.selector.colour table td:hover,
	.selector.colour table td.hover,
	.selector.colour table li,
	.selector.colour table li:hover,
	.selector.colour table li.hover	{
		height: 31px !important;
		width: 31px !important;
		padding: 0 !important;
		margin: 0 1px 1px 0 !important;
		vertical-align: top;
		display: block;
		float: left;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #fff;
		text-align:left;
		}
	.selector.colour input {
		left: -9999px;
		position: absolute;
		}
	.selector.colour label {
		display: block;
		cursor: pointer;
		text-indent: -9999px;
		height: 29px;
		width: 29px;
		border: 1px solid #fff;
		}
	.selector.colour label.selected {
		background-color: #000 !important;
		border: 1px solid #000;
		height: 29px;
		width: 29px;
		}
	.selector.colour .swatch {
		display: block;
		width: 29px;
		height: 29px;
		z-index: 1;
		}
	.selector.colour td .tooltip,
	.selector.colour li .tooltip {
		display: none;
		/*top: -73px;
		right:50%;*/
		top: -88px;
		left: -31px;		
		background: url(/Images/elements/bg-swatchRollover.png) 0 2px no-repeat;
		padding: 1px 0 0 1px;
		width: 92px;
		height: 92px;
		margin-bottom: -500px;  /* to fix ie table width */
		margin-right: -500px;  /* to fix ie table width */
		}
	.selector.colour td:hover .tooltip,
	.selector.colour td.hover .tooltip,
	.selector.colour li:hover .tooltip,
	.selector.colour li.hover .tooltip {
		display: block;
		z-index: 5000;
		position: relative;
		}
	.selector.colour td:hover .tooltip img,
	.selector.colour td.hover .tooltip img,
	.selector.colour li:hover .tooltip img,
	.selector.colour li.hover .tooltip img {
		right:2px;
		top:3px;
		position:absolute;
		}
	.selector.colour td:hover .tooltip span.colour,
	.selector.colour td.hover .tooltip span.colour,
	.selector.colour li:hover .tooltip span.colour,
	.selector.colour li.hover .tooltip span.colour {
		position: absolute;
		bottom: 7px;
		left: 0;
		width: 100%;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		line-height: 1em !important;
		font-size: 0.8em !important;
		}
	.selector.colour td:hover .tooltip span.colour span,
	.selector.colour td.hover .tooltip span.colour span,
	.selector.colour li:hover .tooltip span.colour span,
	.selector.colour li.hover .tooltip span.colour span {
		background: #fff;
		padding: 0 1px;
		}
		
	.selector.size .link{
		font-size: 0.909em;
		position: absolute;
		bottom: 1px;
		left: 85px;
		}
	.hproduct .button {
		padding: 5px 0 46px;
		width: 100%;
		height: 30px;
		float: left;
		}
	.hproduct .tag {
		font-size: 1em;
		padding: 0 0 5px;
		display:block;
		width:100%;
		float:left;
		}
	.hproduct .tag strong {
		padding: 4px !important;
		float:left;
		line-height:1em;
		}
	.hproduct .productDetailsDesc {
		padding: 9px 0 0;
		color: #555;
		letter-spacing: -0.5px;
		}
	.code {
		color: #a3a3a3;
		letter-spacing: normal;
		font-size: .917em;
		padding: 15px 0 0;
		}
	.otherViews {
		position: absolute;
		bottom: 50px;
		left: 7px;
		}	
	.btn.backView,
	.btn.frontView {
		background: url(/Images/buttons/btn-viewOtherSide.gif);
		width: 73px;
		height: 26px;
        position: absolute;
		bottom: 0;
		left: 0;
		}

/* 6 :-------- Shopping bag Styles ------ */
	/* left */
	.shoppingBag {
		float: left;
		width:656px;
		margin: 0 20px 0 0;
		}
	.bagShow {
		background: url("/Images/elements/bag-show.gif") 0 0px no-repeat;
		text-indent: -9999px;
		position: absolute;
		right: 7px;
		top: 13px;
		display: block;
		width: 15px;
		height: 15px;
		color: #000;
	}
	.bagHide {
		background: url("/Images/elements/bag-hide.gif") 0 0px no-repeat;
		position: absolute;
		text-indent: -9999px;		
		right: 7px;
		top: 13px;
		display: block;
		width: 15px;
		height: 15px;
		color: #000;
		display: none;
	}
	#ecomm #main .shoppingBagMessage {
		float:left;
		width:656px;
		margin: 0 20px 0 0;
		}
	#ecomm #main .shoppingBagMessage p {
		color:#888;
		font-size:1.5em;
		padding: 19px 0;
		min-height:425px;
		}
	.table table {
		width: 100%;
		}
	.table table th {
		border-top: 1px solid #e9e9e9;
		border-bottom: 1px solid #e9e9e9;
		color: #646464;
		font-weight: normal;
		height: 37px;
		vertical-align: middle;
		text-align: center;
		font-size: 1.083em;
		font-family: Helvetica, Arial, sans-serif,
		}
	table th.col1 {border-left: 1px solid #e9e9e9;}
	table th.col5 {border-right: 1px solid #e9e9e9;}
	.table table td {
		border-bottom: 1px solid #e9e9e9;
		vertical-align: top;
		padding: 22px 0 0;
		text-align: center;
		}
	table th.col1,
	table th.col2,
	table td.col1,
	table td.col2 {
		text-align: left;
		}
	table th.col1,
	table td.col1 {
		padding: 0 0 0 5px;
		width:20px;
		}
	table td.col1 a {padding: 12px 0; position:relative; display:block;}
	table td.col1 .tag {bottom:32px; position:absolute; z-index:0; font-size:.833em; width: 85px;text-align:center; }
	table td.col1 .tag strong {padding:1px 2px !important;}	
	table td.col1 .tag.gray {bottom:17px;}
	table .col1 img {
		margin: 0 auto;
		padding: 1px 0 3px;
		height:102px;
		width:90px;
		display:block;
		}
	table th.col2 {
		color: #e9e9e9;
		}
	table td.col2 span.desc {
		display: block;
		color: #484848;
		}
	table td.col2 .brand,
	table td.col2 .prodName {
		font-size: 1.167em;
		line-height: 1.15em;
		}
	table td.col2 .prodName {
		padding: 0 0 4px;
		display: block;
		color: #666;
		}
	table td.col2 .prodName a {
		color: #666;
		}
	table td.col2 .code {
		font-size: 0.833em;
		padding: 9px 0 0;
		display: block;
		}	
	table td.col3,
	table td.col5 {
		color: #333;
		font-size: 1.25em;
		padding: 21px 0;
		}
	table td.col4 {
		padding: 19px 0;
		}
	table td.col4 select {
		width: 70px;
		font-size: 1.167em;
		}
	.remove {
		padding: 3px 0 0;
		display: block;
		font-size: 0.917em;
		}
	.remove a { text-decoration: underline; }
	.remove a:hover { text-decoration: none; }
	.shoppingBag .formArea.promoCode {
		color: #666;
		padding: 11px 0;
		border-bottom: 1px solid #e9e9e9;
		position: relative;
		float: left;
		width: 100%;
		}
	.shoppingBag .formArea.promoCode .forgotThis {position:relative;right:4px;}
	.shoppingBag .formArea.promoCode fieldset {padding:0;}
	.shoppingBag .formArea.promoCode .textbox { 
		color: #666 !important; 
		margin: 1px 2px 0 0;
		padding: 2px;
		}
	.shoppingBag .formArea.promoCode label { 
		margin: 0 5px 0 0;
		width: auto !important; 
		}
	.shoppingBag .formArea.promoCode .button {
		position: absolute;
		top: 10px;
		left:498px;
		}
		
	/* shopping bag totals */
	.shoppingBagTotals {
		width: 100%;
		margin: 0 !important;
		padding: 9px 0 12px !important;
		position: relative;
		float: left;
		}
	.shoppingBagTotals .totalsListing {
		color: #484848;
		}
	.shoppingBagTotals .totalsListing .label,
	.shoppingBagTotals .totalsListing .cost {
		text-align: right;
		line-height: 1.2em;
		}
	.shoppingBagTotals .totalsListing .label {
		display: block;
		position: relative;
		}
	.shoppingBagTotals .totalsListing .cost {
		width: 92px;
		float: right;
		position: relative;
		padding: 0 20px 0 0;
		}
	.shoppingBagTotals .totalsListing .subtotal {
		position: relative;
		font-size: 1.25em;
		letter-spacing: -.5pt;
		}
	.shoppingBagTotals .totalsListing .total,
	.shoppingBagTotals .totalsListing .tax {
		margin: 8px 0 7px;
		padding: 7px 0;
		font-size: 1.667em;
		color: #464646;
		position: relative;
		}
	.shoppingBagTotals .totalsListing .total {
		border-top:1px solid #e9e9e9;
		border-bottom:1px solid #e9e9e9;
		}
	.shoppingBagTotals .totalsListing .tax {
		margin: 0;
		padding: 0;
		font-size: 1em !important;
		font-style: italic;
		color: #858585 !important;
		position: relative !important;
		}
	.tooltip {
		display: block;
		right: 3px;
		top: 3px;
		position: absolute;
		}
	.shoppingBagTotals .totalsListing .tax .tooltip { top: 1px; }
	.freeDelivery {
		color: #0099d2;
		text-transform: uppercase;
		text-indent: -9999px;
		font-size:.667em !important;
		font-weight: bold;
		height:16px;
		margin:0;
		width: 239px;
		overflow:hidden;
		padding:2px 5px 1px 7px;
		position:absolute;
		right:170px;
		top:1px;
		background: url(/Images/elements/bg-freeDelivery.gif) 0 0 no-repeat
		}
	.getFreeDelivery {
		position:relative;
		z-index: 1;
		margin: 0 !important;
		padding: 5px 0 0;
		float: left;
		line-height: 1em;
		width: 430px;
		color: #464646;
		letter-spacing: -0.5px;
		font-size:0.8em !important;
		}
	.bagDropdown .getFreeDelivery {font-size:0.923em !important;}	
	.rightCol .getFreeDelivery {font-size:0.923em !important;} 
	.getFreeDelivery strong { padding: 1px 2px 0; background:#e7e7e7; color: #666; text-transform: uppercase; }
	.getFreeDelivery span { float: left; padding: 5px 2px;}
	
	/* shopping bag buttons */
	.shoppingBagButtons {
		float: right;
		position: relative;
		padding: 0 0 36px;
		margin: 0 -3px 0 0;
		}
		
/* 7 :-------- Shopping bag - Rollover view Styles ------ */
	#bagControls {
		width: 1136px;
		margin: 0 34px;
		position: absolute;
		top: 0;
		}
	#bagStatusContainer {
		width: 100%;
		padding: 0;
		position: absolute;
		top: 0;
		}
	.bagStatus{
		background:url(/images/elements/bg-shoppingBag.png) 0 0 no-repeat;
		color:#fff;
		display:block;
		font-size:0.917em;
		height:39px;
		padding:11px 0 0 7px;
		width:173px;
		position: absolute;
		right: -10px;
		top: 0;
		font-weight: normal;
		}
	.bagStatus strong {text-transform:uppercase;font-size:0.909em;}
	.bagStatus a{
		color:#fff;
		margin:0 auto;
		padding:5px 0;
		text-transform:none;
		}
	.bagDropdown {
		position: absolute;
		overflow: hidden;
		padding: 0 !important;
		margin: 0 !important;
		visibility: hidden;
		width: 896px;
		top: 35px;
		right: 0;
		}
	.bagDropdown .message { 
		background: url(/Images/elements/bg-shoppingBagMessage.gif) 0 0 no-repeat;
		width: 170px;
		display: block;
		float: right;
		color: #fff;
		font-size: 0.917em;
		font-weight:normal;
		line-height: 1.2em;
		height: 51px;
		padding: 1px 0 0;
		}
	.bagDropdown .message p { padding: 0 5px;}
	.bagDropdown .shoppingBagContainer {
		width: 896px !important;
		border: 1px solid #d2d2d2;
		background: #fff url(/Images/elements/bg-bagRollover-leftCol.gif) 0 0 repeat-y;
		float:left;
		margin:0 20px 0 0;
		}
	
	/*left col*/	
	.bagDropdown .leftCol {
		width: 207px;
		float: left;
		}	
	.bagDropdown table {
		background: #fff;
		}
	.bagDropdown .mightAlsoLike {
		padding: 17px 10px !important;
		width: 187px !important;
		margin: 0 !important;
		float: left;
		background: none;
		}
	.bagDropdown .mightAlsoLike h2 {font-weight:normal;padding:19px 5px 2px !important;margin:0 !important;}
	#blackBg .bagDropdown .mightAlsoLike h2 {font-size:1.5em !important;}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListing {
		position: relative;
		left: 0;
		padding: 0 !important;
		margin: 0 !important;
		width: 182px;
		}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListingItem {
		float: left;
		padding: 5px 0 7px !important;
		margin: 0 !important;
		height: 80px;
		width: 185px;
		}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListingItem a {font-size:1em !important;height: auto !important;width: 182px !important; padding: 0 !important; margin: 0 !important; float:left;}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListingItem img {width:60px !important; height:65px !important;padding: 0 10px 0 5px;}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListingItem .prodName {font-weight:normal;}
	#headerLinks .bagDropdown .mightAlsoLike .thumbnailListingItem .tag {display:none;}
	#headerLinks .bagDropdown .shoppingBagNoItems {
		color:#bebebe;
		padding:140px 0 0;
		text-align:center;
		width:100%;
		height:152px;
		float:left;
		font-weight:normal;
		font-size:1.5em;
		border-bottom:1px solid #e9e9e9;
		}
    
	/*right col*/
	.bagDropdown .rightCol {
		width: 659px;
		padding: 16px 14px;
		float: left;
		display:block;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag {
		float: left;
		width: 660px !important;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag .table {
		height: 292px;
		display: block;
		padding: 0 !important;
		overflow-x:hidden;
		overflow-y:scroll;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag .table table .col1 img {
		padding: 0 !important;
		width: 90px !important;
		height: 98px !important;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag .shoppingBagButtons {
		padding: 8px 0 0;
		height: 28px;
		width: 100%;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag .shoppingBagButtons input {position: absolute; right: 0;}
	.bagDropdown .getFreeDelivery {font-size:0.923em !important; line-height:1.2em;}
	
	/*right col - full width*/
	.fullWidth .bagDropdown {width: 1135px;}
	.fullWidth .bagDropdown .shoppingBagContainer {width: 1135px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .rightCol {width:900px !important; }
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag {background: url(/Images/elements/bg-bagRollover-tableHeader2.gif) 0 0 no-repeat !important;}
		
	#masterOverlay {
        display: none;
        width:100%; 
        height: 100%; 
        position:absolute;
		z-index:2;
        top: 0; 
        left: 0;
		background: url(/Images/elements/bg-masterOverlay.png) 0 0 repeat;
    	}

/* 8 :-------- Checkout Process Styles ------------ */
	.checkoutForm {
		float: left;
		width: 369px;
		}
	
	/* checkout right col - shopping bag */
	#checkout #main .rightCol {background: url(/Images/elements/bg-gradBreaker.gif) 0 bottom repeat-x;}
	#checkout #main .rightCol h2 {
		border: none;
		text-transform: none;
		color: #7f7f7f !important;
		}
	#checkout #main .rightCol .shoppingBag,
	.bagDropdown .shoppingBagContainer .shoppingBag {
		width: 100% !important;
		float: left;
		margin: 0;
		padding: 26px 0 85px;
		background: url(/Images/elements/bg-tableHeader.gif) 0 0 no-repeat;
		}
	#checkout #main .rightCol .shoppingBag {
		width: 400px !important;
		}
	#checkout #main .rightCol .shoppingBagTotals {
		width: 665px !important;
		}
	#checkout.fullWidth #main .rightCol .shoppingBag {
		background: url(/Images/elements/bg-tableHeader-hiRes.gif) 0 0 no-repeat;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag {
		background: url(/Images/elements/bg-bagRollover-tableHeader.gif) 0 0 no-repeat !important;
		padding: 26px 0 0 !important;
		}
	#checkout #main .rightCol .shoppingBag .table table,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table {
		margin-top: -28px !important;
		}
	#checkout #main .rightCol .shoppingBag .table table th,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table th {
		font-size:1em;
		color: #343434;
		height:26px;
		}
	#checkout #main .rightCol .shoppingBag .table table td,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td {
		line-height: 1.1em;
		border-top:1px solid #e9e9e9;
		border-bottom: none;
		}
	#checkout #main .rightCol .shoppingBag .table table th.col1,
	.bagDropdown .shoppingBagContainer .shoppingBag .table th.col1 {
		width: 90px;
		padding:0 !important;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 a,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 a {
		padding: 0 15px 0 0;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 .tag,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 .tag {
		height: 10px !important;
		padding:0 !important;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 .tag strong,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 .tag strong {
		padding:2px 2px 0 !important;
		height:8px !important;
		}
	#checkout #main .rightCol .shoppingBag .table table .prodInfo {
		padding-top: 5px !important;
		width:100%;
		float: left;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 .tag.blue {
		bottom:25px;
		position:relative;
		}
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 .tag.blue {
		bottom:20px;
		position:absolute;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 .tag.blue,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 .tag.blue {
		bottom:25px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col1 .tag.gray,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col1 .tag.gray {
		bottom:10px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col2,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col2 {
		padding: 12px 0 0 0;
		width:160px;
		}
	#checkout.fullWidth #main .rightCol .shoppingBag .table table td.col2,
	#checkout.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table table td.col2 {
		width:255px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col3,
	#checkout .bagDropdown .shoppingBagContainer .shoppingBag .table table td.col3 {
		width:75px;
		}
	#checkout.fullWidth #main .rightCol .shoppingBag .table table td.col3,
	#checkout.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table table td.col3 {
		width:135px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col4,
	#checkout .bagDropdown .shoppingBagContainer .shoppingBag .table table td.col4 {
		width:50px;
		}
	#checkout.fullWidth #main .rightCol .shoppingBag .table table td.col4,
	#checkout.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table table td.col4 {
		width:85px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col2 .brand,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col2 .brand {
		font-size: 1em;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col2 .prodName,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col2 .prodName {
		margin: -2px 0 0;
		padding: 0 0 6px;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col2 .code,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col2 .code {
		padding:6px 0 0; 
		font-size:0.75em;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col3 .price strike,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col3 .price strike {
		width:100%;
		display:block;
		}
	#checkout #main .rightCol .shoppingBag .table table td.col3,
	#checkout #main .rightCol .shoppingBag .table table td.col4, 
	#checkout #main .rightCol .shoppingBag .table table td.col5,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col3,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col4,
	.bagDropdown .shoppingBagContainer .shoppingBag .table table td.col5 {
		padding:12px 0;
		font-size:1em;
		}
	#checkout #main .rightCol .shoppingBag .table {
		height: 307px;
		display: block;
		}
	#checkout #main .rightCol .shoppingBagTotals,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals {
		border-top: 1px solid #e9e9e9;
		margin: 2px 0 0 !important;
		padding: 6px 0 0 !important;
		font-weight:normal;
		}
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .subtotal,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .subtotal {
		font-size:1.083em;
		}
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .total, 
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .tax,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .total,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .tax {
		margin:6px 0 7px;
		padding:5px 0;
		color: #333 !important;
		font-size: 1.25em;
		}
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .total,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .total {
		background:url(/Images/elements/bg-shoppingBagTotal-small.gif) right 0 no-repeat;
		}
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .tax,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .tax {
		font-size:.917em !important; color:#858585 !important; margin: -4px 0 0 !important; padding:0 !important;
		}
	#checkout #main .rightCol .shoppingBagTotals .totalsListing .cost,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .totalsListing .cost {
		width: 70px;
		}
	#checkout #main .rightCol .shoppingBagTotals .tooltip,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .tooltip {
		top: 2px;
		}
	#checkout #main .rightCol .shoppingBagTotals .tax .tooltip,
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .tax .tooltip {
		top: 1px;
		}
	#checkout #main .rightCol .shoppingBagTotals .freeDelivery {
		right:140px;
		top:0;
		}
	.bagDropdown .shoppingBagContainer .shoppingBagTotals .freeDelivery {
		right:140px;
		top:-1px;
		}
	
	/* error messages */
	.formErrorMessage {
		background: #fff79a;
		margin: 0 0 20px !important;
		font-size: .917em;
		float:left;
		display:block;
		padding: 5px;
		width:646px;
		font-weight: bold;
		color: #f31717;
		}
	.formConfirmMessage {
		background: #fff79a;
		margin: 0 0 20px !important;
		font-size: .917em;
		float:left;
		display:block;
		padding: 5px;
		width:646px;
		font-weight: bold;
		}
	.fullWidth .formErrorMessage {
		width: 891px;
		}
	.fullWidth .formConfirmMessage {
		width: 891px;
		}
	.formArea .formErrorMessage {
		width: 359px;
		}
	.formArea .formConfirmMessage {
		width: 359px;
		}

	.formArea .formErrorMessage a {color:#ff0000;}
	.formArea .formConfirmMessage a {color:#ff0000;}
	.formErrorMessage ul {
		display: block;
		list-style: none;
		margin: 0 !important;
		padding: 7px 2px 2px !important;
		}
	.formErrorMessage ul li {
		margin: 0 !important;
		padding: 3px 0 5px 13px !important;
		background: url(/Images/Icons/icon-formError.gif) 1px 1px no-repeat;
		line-height: 1em;
		}
	.formConfirmMessage ul {
		display: block;
		list-style: none;
		margin: 0 !important;
		padding: 7px 2px 2px !important;
		}
	.formConfirmMessage ul li {
		margin: 0 !important;
		padding: 2px 0 5px 20px !important;
		background: url(/Images/Icons/tick_circle.gif) 0 0px no-repeat;
		line-height: 1em;
		}

	.accountForm .formErrorMessage {
		width: 359px;
		}
	.accountForm .formConfirmMessage {
		width: 359px;
		}

	.forgotThis {
		font-weight: bold;
		font-style: italic;
		}	
		
	/* progress bar */
	.progressBar {
		margin: 0 0 25px;
		width: 369px;
		font-size:0.917em;
		height:19px;
		position:relative;
		display: block;
		color: #666;
		overflow:hidden;
		}
	.progressBar ul {
		list-style: none;
		padding: 0;
		margin: 0;
		background: #e7e7e7;
		}
	.progressBar ul li {
		float: left;
		padding: 3px 16px 3px 14px;
		margin: 0;
		display: block;
		background: #e7e7e7;
		}
	.progressBar ul li.on { background: #32b8eb url(/Images/Icons/progressBar-blue.gif) right 0 no-repeat; }
	.progressBar ul li.on a, .progressBar ul li.prev a { color: #fff; }
	.progressBar ul li.prev { background: #32b8eb; background-image: none; }
	.progressBar ul li.next { background: #d7d7d7 url(/Images/Icons/progressBar-gray.gif) right 0 no-repeat; }
	.progressBar ul li.next2 { background: #d7d7d7; background-image: none; }
	.progressBar ul li.next a { color: #666; }
	.progressBar ul .on.complete { background-image: none; }

	/* form styles */
	.requiredField,
	.requiredField2 {
		font-size: .917em;
		color: #8a8a8a;
		background: url(/Images/elements/bg-requiredField.gif) 0 0 no-repeat;
		width: 76px;
		height: 11px;
		display: block;
		text-indent: -9999px;
		float: right;
		margin: -18px 0 0;
		}
	.requiredField2 {
		margin: -30px 19px 0 0;
		}
	.formArea {
		float: left;
		width: 100%;
		color: #5b5b5b;
		}
	.formArea fieldset {
		clear: left;
		display: block;
		width: 100%;
		padding: 0 0 25px;
		}
	.formArea .checkoutForm fieldset {	
		width: 379px !important;
		}
	.formArea label {
		width: 125px;
		padding: 3px 0 0;
		display: block;
		float: left;
		}
	.formArea label.hidden { visibility: hidden; }
	.formArea label.required { background: url(/Images/Icons/icon-required.gif) 115px 5px no-repeat; }
	.formArea input.long, .formArea textarea { width: 238px; }
	.formArea select.long { width: 244px; }
	.formArea select.dob { width: 74px; }
	.formArea input { padding: 2px; }
	.formArea .checkboxText,
	.formArea .checkboxText.noMargin {
		font-weight:normal;
		margin-top:4px;
		width:300px;
		}
	.formArea .checkboxText.noMargin {
		display:block;
		margin:-3px 0 0 5px;
		width:340px;
		}
	.rFormRow,
	.rFormRowBorder,
	.rFormRowBorderLast {
		padding: 8px 0 0;
		width: 100%;
		display: block;
		clear: left;
		position: relative;
		}
	.rFormRowBorder,
	.rFormRowBorderLast {
		padding: 13px 0 0;
		border-top: 1px solid #e5e5e5;
		}
	/*.rFormRowBorderLast { margin: 15px 0 0; }*/
	.rFormRowBorderLast { margin: 5px 0 0; }
	.formArea .rFormRowBorder .col1.giftCard { width: 100%; padding: 0 0 25px; }
	.rFormRowBorder .col1.giftCard .desc,
	.rFormRowBorder .col1.giftCard .info {
		display:block;
		}
	.formArea .rFormRowBorder .col1.giftCard .desc { color:#131313; }
	.formArea .rFormRowBorder .col1.giftCard .info { font-size:.917em; line-height:1.25em; width:369px !important;}
	.formArea .checkbox {
		float:left;
		height:21px;
		margin:4px 4px 0 -2px !important;
		padding:0 !important;
		width:21px;
		}
	.formArea ul.radio {
	    margin: 0;
	    padding: 0;
	    }
    .formArea ul.radio li {
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    float: left;
	    line-height: normal !important;
	    }		
	.formArea a { text-decoration: underline; color: #f78f1e; }
	.formArea a:hover { text-decoration: none; }
	.formArea p {
		padding: 0 0 13px;
		margin: 0;
		color: #848484;
		}
	.rFormRowBorderLast .formButtons .button {
		float: right;
		padding: 0;
		}
	.formArea .tooltip {
		position:absolute;
		right:-11px;
		top:12px;
		display: block;
		cursor: pointer;
		}
	.accountForm .formArea .tooltip {
		right:-5px;
		}
	.formArea .links {
		float: right;
		margin: -21px 0 0;
		}
	.formArea links a {
		color: #f78f1e;
		font-size: .917em;
		float: left;
		padding: 2px 0 0 !important;
		}
	.formArea .rFormRowBorder p,
	.formArea .rFormRow p {
		line-height: 1.35em;
		padding: 0 0 14px;
		}
	.formArea .rFormRow .gv {
		border-bottom:1px solid #e5e5e5;
		padding: 5px 0 8px;
		font-size:1.167em;
		display:block;
		color:#131313;
		}
	.formArea .rFormRow .gvMessage {
		display:block;
		float:left;
		line-height:1.25em;
		padding:3px 0 0;
		width:242px;
		}
	.formArea .rFormRowBorder span.desc,
	.formArea .rFormRow span.desc {
		color: #424242;
		}
	.formArea .rFormRowBorder p.col1,
	.formArea .rFormRowBorder p.col2 {
		line-height: 1.5em;
		padding-top: 0;
		padding-bottom: 0;
		float: left;
		width: 200px;
		display: block;
		}
	.formArea .rFormRowBorder p.col2 {
		width: 169px;
		}
	.formArea .rFormRowBorder p.col2 span.info {
		width: 169px;
		padding: 0;
		float:left;
		}
	.formArea .rFormRowBorder p.col2 span.desc {
		float: left;
		width: 60px;
		padding: 0;
		color: #131313;
		}
	.formArea .rFormRowBorder p.col2 .deliveryInstructions {
		width: 169px;
		float: left;
		}
	.formArea .rFormRowBorder p.col2 .deliveryInstructions span.desc {
		width: 100%;
		padding-top: 4px;
		} 
	.formArea .rFormRowBorder p.col2 .deliveryInstructions span.info {
		width: 100%;
		font-size: .917em;
		line-height: 1.25em;
		font-style: italic;
		color: #8d8d8d !important;
		display:block;
		}
	.formArea hr {
		width: 480px;
		height: 1px;
		padding: 0 0 30px;
		margin: 12px 0 0 -10px;
		border-top: 1px solid #e5e5e5;
		border-bottom: none;
		border-left: none;
		border-right: none;
		}
	.formArea .radio label {
		padding-bottom: 3px; !important;
		width: 100px;
		}
	.formArea p.disclaimer {
		float: left;
		padding: 10px 0 0 !important;
		font-size: 0.917em;
		text-align: right;
		line-height: 1.25em;
		width: 100%;
		}
	.formArea .required2,
	.formArea .required3 {
		font-size: .917em;
		width: auto;
		float: left;
		padding-right: 2px;
		}	
	.formArea .dob,
	.formArea .dob2 {
		width: 74px;
		}
	.formArea .short1 {
		width: 145px;
		float: left;
		}
	.formArea .short2,
	.formArea .short3 {
		font-size: .917em;
		width: 47px;
		float: left;
		}
	.formArea .short3 {
		margin-right: 5px;
		width: 97px;
		}
	.formArea .button2 {
		float: right;
		margin: -2px 0 0;
		}
	.requiredFullWidth {
		color: #848484;
		width: auto !important;
		padding: 0 10px 0 0 !important;
		background: url(/Images/Icons/icon-required.gif) right 3px no-repeat;
		}
	.formArea .radio input {
		width: 14px;
		height: 14px;
		float: left;
		margin: 3px 0 0;
		}
	.formArea .radio label {
		margin: 0 18px 0 5px !important;
		width: auto;
		}
	.formArea .radio2 input {
		width: 14px;
		height: 14px;
		float: left;
		margin: 1px 0 0;
		}
	.formArea .radio2 label {
		margin:-1px 18px 0 5px !important;
		width: auto;
		font-size: .917em;
		}
	.checkboxText2 {
		font-size: .917em;
		width: auto !important;
		padding: 0 5px !important;
		}
	.checkbox2 input,
	.checkbox4 input {
		margin: 0 0 20px !important;
		padding: 0 !important;
		float: left;
		}
	.tooltip2 {
		font-size: .917em;
		padding: 3px 4px !important;
		float: left;
		}
	.rFormRow.terms	{
		padding: 15px 0 0 125px !important;
		float: left;
		}
	p.intro {
		padding: 1px 0 30px;
		margin: 0;
		line-height: 1.3em;
		}
	p.intro a { margin: 20px 0 0; }
	.rFormRowBorderLast.backtoHome {
		margin: -10px 0 15px !important;
		float: left;
		}
	.formButtons.login {
		float: left;
		padding: 10px 0 29px;
		width: 100%;
		}
	.formButtons.login .button {
		float: right;
		margin: 0 -4px 0 0;
		}
	.formButtons.login label { padding-top: 8px; }
	.formButtons.login a { font-size: .917em; float: right; margin: 9px 3px 0; }
	.checkbox3 {
		float: left;
		padding: 0 !important;
		margin: 5px 0 0 -3px !important;
		}
	.radio input,
	.radio2 input,
	.checkbox input,
	.checkbox2 input,
	.checkbox3 input {	
		border:none !important;
		}	
	.formArea.login	{
		padding: 7px 0 !important;
		width: 369px;
		}
	.formArea.login .btn {
		margin: 15px 0 0;
		}
		
	/* payment table */
	table.payment {
		width:369px;
		border:none;
		margin: 0 0 8px;
		}
	table.payment tr, 
	table.payment td {
		margin: 0 !important;
		padding: 0 !important;
		}
	table.payment tr th {
		background: #e5e5e5;
		color: #151515;
		font-weight: bold;
		height: 36px;
		vertical-align: middle;
		}
	table.payment td {
		border-top: 1px solid #e5e5e5;
		border-bottom: 1px solid #e5e5e5;
		height: 35px;
		vertical-align: middle;
		background: #fdfdfd;
		}
	table.payment th.col1, 
	table.payment td.col1 {
		width: 309px;
		padding: 0 10px !important;
		}
	table.payment th.col2, 
	table.payment td.col2 {
		width: 70px;
		text-align: right;
		padding: 0 10px !important;
		}
	table.payment td.col1 span{
		display:block;
		font-size:.917em;
		color:#999;
		line-height:1em;
		}
	table.payment tr.last td.col1,
	table.payment tr.last td.col2 {
		padding: 0 10px !important;
		font-weight: bold;
		font-size:1.167em;
		background: #ebebeb;
		}
	.paymentSummary.confirmation table {
		margin: -10px 0 25px;
		}
	
	/* Page Content*/

/* 1 :-------- Global Styles ------------ */
	
	a {
		outline: none;
		text-decoration: none;
		color: #00aeef;
		}
	a:hover {
		text-decoration: underline;
		}
	h1, h2, h3, h4, h5, h6 {
		margin: 0;
		padding: 0;
		font-weight: normal;
		font-family: Arial, Helvetica, sans-serif;
		text-transform:none;
		}
	h1 { font-size: 2.167em !important; }
	h2 { font-size: 1.5em !important; }
	h4 { font-size: 1.5em !important; }
	#ecomm h1 { color: #00adef !important; padding: 0 35px 10px; margin: -7px 0 0; display: block; }
	#ecomm h1.withSubNav { float:left; padding: 0 35px 33px; margin: -24px 0 0 !important; }
	#checkout h1 { color: #00adef !important; padding: 0 35px 30px; margin: -7px 0 0; }
	#blackBg h1 { color:#cdcdcd; }
	#blackBg h1.noSubnav { padding: 35px 0 0 !important; }
	#blackBg h2 { color: #7e7e7e; font-size:2.167em !important; margin: -6px 0 0 !important;}
	#blackBg #content h2 { font-size: 2.167em !important; color:#5e5e5e !important; margin: -6px 0 0; }
	#blackBg .wysiwyg h2 { font-size: 1.833em !important; padding: 4px 0 23px !important; }
	#checkout h2, .accountForm h2 { font-size: 1.333em !important; color: #575757 !important; padding: 0 0 5px; margin: 0 0 10px; width: 369px; text-transform: uppercase; border-bottom: 1px solid #e5e5e5; }
	#checkout h2 strong, .accountForm h2 strong { color: #000 !important; font-weight: normal !important; }
	.formArea h4 { color: #32b8eb !important; padding: 0 0 4px; }

/* 2 :-------- Header ------------ */
	#homePage .homeFeature img {
		}
		
/* 3 :-------- Home page What's new styles ------------ */
	#body .whatsNew {display:none;}
	.whatsNew {
		z-index:1;
		display:block;
		position:absolute;
		bottom: 4px;
		right: 23px;
		width:206px;
		padding: 0;
		}
	.whatsNew h1 {
		background:url(/Images/elements/bg-whatsNew-h1.png) 0 0 no-repeat;
		width:202px;
		height:52px;
		display:block;
		text-indent:-9999px;
		}
	.whatsNewListing {
		background: url(/Images/elements/bg-whatsNew.png) 0 0 repeat-y;
		width: 202px;
		}
	.whatsNewListing .details {
		border-top: 1px solid #52c4ee;
		padding: 12px 10px 12px 20px;
		width: 168px;
		color: #d3f0fb;
		display: block;
		text-decoration:none;
		cursor:pointer;
		background: url(/Images/elements/bg-whatsNew-listing.gif) 0 0 no-repeat;
		}
	.whatsNewListing .details.on {
		border-top: 1px solid #52c4ee;
		background:#55c4ee url(/Images/elements/bg-whatsNew-detail.gif) 0 bottom repeat-x;
		}
	.whatsNewListing img.thumb {
		width:181px;
		height:129px;
		margin: -4px 0 15px -12px;
		display:none;
		}
	.whatsNewListing .details.on img.thumb {
		display:block;
		}
	.whatsNewListing .details .date {
		font-size:.833em;
		font-weight:bold;
		}
	.whatsNewListing .details .title {
		font-size: 1.167em;
		font-weight:bold;
		color: #fff;
		padding: 1px 0;
		display: block;
		}
	.whatsNewListing .details .desc {
		font-size:.917em;
		line-height: 1.4em;
		padding: 1px 0;
		}
	
/* 4 :-------- Content ------------ */
	/* forms */
	select, textarea, input.textbox, .formArea input {
		background: #fff;
		padding: 1px;
		border-top: 1px solid #979797;
		border-left: 1px solid #979797;
		border-bottom: 1px solid #d8d8d8;
		border-right: 1px solid #d8d8d8;
		color: #666;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		}
	
	/* buttons */
	.btn {
		display: block;
		text-indent: -9999px;
		background-position: 0 0;
		background-repeat: no-repeat;
		height:20px;
		}
	.btn.back {
		background: url(/Images/buttons/btn-back.gif);
		width: 48px;
		}
	.btn.continueShopping {
		background: url(/Images/buttons/btn-continueShopping.gif);
		width: 128px;
		}
	.btn.checkoutBack {
		background: url(/Images/buttons/btn-checkout-back.gif);
		width: 88px;
		height: 31px !important;
		}
	.btn.moreInfoBuyOnline {
		float: left;
		margin: 10px 0;
		height: 30px !important;
		width: 169px;
		background: url(/Images/buttons/btn-moreInfoBuyOnline.gif) 0 0 no-repeat;
		}
	.btn.printThisPage {
		background: url(/Images/buttons/btn-printThisPage.gif) 0 0 no-repeat;
		width: 116px;
		height: 23px !important;
		}
	.btn.backToHome {
		background: url(/Images/buttons/btn-backToHome.gif) 0 0 no-repeat;
		height: 31px !important;
		width: 152px;
		}
	.btn.continueToCheckout {
		background: url(/Images/buttons/btn-continueToCheckout.gif) 0 0 no-repeat;
		width: 215px;
		height: 31px !important;
		float: right;
		}	
	.btn.getOneNow {
		background: url(/Images/buttons/btn-getOneNow.gif) 0 0 no-repeat;
		width: 127px;
		height: 30px !important;
		float: right;
		}
	.btn.viewShoppingBagOptions {
		background: url(/Images/buttons/btn-viewShoppingBagOptions.gif) 0 0 no-repeat;
		width: 178px;
		top: 11px;
		left: 0;
		position: absolute;
		}
	.btn.backToAccountSummary {
		background: url(/Images/buttons/btn-backToYourAccountSummary.gif) 0 0 no-repeat;
		width:283px;
		height: 30px !important;
		}
	.bagDropdown .btn_continueShopping {
		background: url(/Images/buttons/btn-continueShopping2.gif) 0 0 no-repeat;
		width:160px;
		height: 28px;
		display: block;
		text-indent: -9999px;
		float:right !important;
		}
	.bagDropdown .button {
		float:left;
		width:100%;
		padding:16px 0 86px;
		}
	
	/* content area */	
	.newsListing,
	.newsDetail,
	.newsDetail2,
	.athletesListing,
	.athletesDetail {
		width: 675px;
		margin: 20px 40px 40px 0;
		padding: 13px 0 0;
		float: left;
		}
	.newsDetail,
	.newsDetail2,
	.athletesDetail { 
		position: relative;
		padding: 0 !important;
		margin: 25px 0 0 !important;
		}
	.athletesListing {
		position: relative;
		padding: 0 !important;
		margin: 61px 0 0 !important;
		width:917px;
		float: left;
		}
	.athletesDetail .wysiwyg { 
		min-height:400px;
		}
		
	/* news listing */
	.newsListing ul.listing {
		list-style: none;
		padding: 0 0 0 20px;
		margin: 0 0 0 -20px;
		width: 100%;
		float: left;
		}
	.newsListing ul.listing li {
		float: left;
		background: #1e1e1e;
		border-top: 1px solid #e9e9e9;
		border-left: 1px solid #e9e9e9;
		height: 183px;
		width: 100%;
		position: relative;
		color: #6b6b6b;
		display: block;
		}
	.newsListing ul.listing li .details {
		padding: 28px 20px 0;
		width: 379px;
		float: left;
		}
	.newsListing ul.listing li img {
		position: absolute;
		right: 0;
		top: 0;
		}
	#blackBg .newsListing ul.listing li .date { 
		text-transform: uppercase;
		background:none;
		display:block;
		float:none !important;
		font-size:.917em !important;
		margin:-1px 0 0 !important;
		}
	.newsListing ul.listing li h3 { 
		font-size: 1.833em !important; 
		line-height:1em;
		padding: 0 0 14px;
		margin: 0; 
		}
	.newsListing ul.listing li span { font-size: 0.917em; }
	.newsListing ul.listing li a { color: #6b6b6b; text-decoration: none; }
	.newsListing ul.listing li p {
		line-height: 1.15em;
		padding: 0 0 15px; 
		}
	.newsListing ul.listing li .featuring,
	.newsListing ul.listing li .comments {
		position: absolute; 
		bottom: 21px;
		}
	.newsListing ul.listing li .comments {
		right: 276px;
		text-transform:lowercase;
		}
	
	/* news detail */
	#blackBg .date { 
		margin: -12px 0 !important;
		clear: left;
		width: 100%;
		display:block;
		font-size: .917em;
		background-image: none !important;
		background-color: none !important;
		color:#cdcdcd;
		text-transform:uppercase;
		}
	#blackBg .date.newsDetail {
		margin: -44px 0 0 !important;
		}
	.eventInfo {
		background: url(/Images/elements/bg-eventInfo.png) 0 0 no-repeat;
		width: 160px;
		min-height: 1000px;
		padding: 0 31px;
		font-weight: bold;
		display: block;
		position: absolute;
		top:0;
		left:0;
		}
	.athletesDetail .eventInfo { padding: 29px 31px 0; }
	.eventInfo .sponsorLogo	{
		padding: 40px 0 26px;
		}
	.eventInfo ul {
		list-style: none;
		padding: 0;
		margin: 0;
		}
	.eventInfo ul li {
		color: #f5f5f5 !important;
		list-style: none;
		padding: 10px 0 8px;
		margin: 0;
		border-bottom: 1px solid #252525;
		}
	.eventInfo ul li a {
		color: #f5f5f5 !important;
		}
	.eventInfo ul li.last {
		border: none;
		}
	.eventInfo ul ul {
		display: block;
		padding: 0;
		margin: 0;
		list-style: none;
		}
	.eventInfo ul ul li {
		padding: 0;
		margin: 0;
		border: none;
		font-size: .917em;
		font-weight: normal;
		}
	.eventInfo span.desc {
		font-size: 0.833em;
		display: block;
		text-transform: uppercase;
		color: #ababab;
		}
	.eventInfo p {
		font-size: 0.917em;
		line-height: 1.26em;
		padding: 7px 0;
		margin: 0;
		font-weight: normal;
		}
	.eventInfo .sponsorLogos {
		float: left;
		padding: 12px 4px 0 0;
		}
	.eventDetails {
		display: block;
		width: 675px;
		min-height: 657px;
		float: left;
		background: #fff;
		position: relative;
		left: 222px;
		}
	.eventTabs {
		right: -1px;
		top: -30px;
		color: #fff;
		position: absolute;
		height: 30px;
		width:176px;
		display:block;
		}
	.eventTabs ul {
		list-style: none;
		padding: 0;
		margin: 0;
		float: left;
		width: 100%;
		}
	.eventTabs ul li {
		float: left;
		padding: 0;
		margin: 0 0 0 2px;
		width:auto;
		}
	.eventTabs ul li a {
		display: block;
		padding: 10px 12px 8px 11px;
		height: 12px;
		background: #191919;
		color: #727272;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.833em;
		text-decoration: none;
		outline:none !important;
		}
	.eventTabs ul li a:hover { color: #b0b0b0 !important; text-decoration: none; }
	.eventTabs ul li.on a {
		color: #fff !important;
		background-image: url(/Images/nav/bg-galleryTabs.gif);
		background-repeat: repeat-x;
		}
	.eventTabs ul li#videosLink a { width: 38px; }
	.eventTabs ul li #photosLink a { width: 89px; }
	.eventTabs ul li.on#videosLink a { background-position: 0 0; }
	.eventTabs ul li.on#photosLink a { background-position: right 0 !important }
	
	/* news detail */
	.contentArea.newsDetail2 .eventDetails,
	.contentArea.newsDetail2 .userComments {
		left:0;
		}
	.newsDetail2,
	.fullWidth .newsDetail2 {
		width:901px !important;
		}
	
	/* gallery styles */		
	.gallery {
		background: #171717;
		min-height:287px;
		}
	.gallery.videos {
		padding: 40px 12px 58px 20px;
		background: #131313 url(/Images/elements/bg-videoGallery.gif) 0 0 no-repeat;
		width: 643px;
		height:383px;
		overflow:hidden;
		}
	.gallery.photos {
		background: #111 !important;
		width: 675px;
		}
		
	/* video playlist */	
	.playlist {
		float: right;
		width: 148px;
		color: #f5f5f5;
		font-size: .917em;
		position: relative;
		}	
	.playlist h4 { 
		padding: 0 0 20px;
		margin: -2px 0 0; 
		}
	.playlist p {
		padding: 0 0 18px;
		margin: 0;
		display:block;
		width:100%;
		}
	ul.videoPlaylist {
		list-style: none;
		padding: 0;
		margin: 0;
		width: 100%;
		height: 285px;
		border-top: 1px solid #272727;
		}
	ul.videoPlaylist li {
		border-bottom: 1px solid #272727;
		width: 100%;
		float: left;
		line-height: 1.1em;
		font-weight: bold;
		}
	ul.videoPlaylist li.on a {
		color: #fff;
		background: none;
		}
	ul.videoPlaylist a {
		display: block;
		padding: 6px 15px 5px 0;
		color: #818181;
		}
	ul.videoPlaylist a:hover {
		color: #999;
		text-decoration: none;
		}
	ul.videoPlaylist a span {
		font-weight: normal;
		font-size: 0.909em;
		text-transform: uppercase;
		display: block;
		padding: 8px 0 0;
		background: url(/Images/Icons/icon-arrow-gray.gif) 65px 10px no-repeat;
		}
	.jScrollPaneContainer {
		position: relative;
		overflow: hidden;
		}
	.jScrollPaneTrack {
		position: absolute;
		cursor: pointer;
		right: 0;
		top: 0;
		height: 100%;
		background: #bbbbbb;
		border: none;
		}
	.jScrollPaneDrag {
		position: absolute;
		background: #898989;
		cursor: pointer;
		overflow: hidden;
		}
	.jScrollPaneDragTop {
		position: absolute;
		top: 0;
		left: 0;
		overflow: hidden;
		}
	.jScrollPaneDragBottom {
		position: absolute;
		bottom: 0;
		left: 0;
		overflow: hidden;
		}
	
	/* photo gallery */		
	div#scrollableDetail {
		position: relative;
		width: 675px;
		height: 565px;
		}
	div#scrollableDetail .thumbnails {
		bottom: 0;
		position: absolute;
		}	
	div#scrollableDetail div#loading {
		position: absolute;
		right: 20px;
		top: 20px;
		width: 16px;
		height: 16px;
		/*background: url(/images/elements/ajax-loader.gif) no-repeat;*/
		}
	div#scrollableDetail div#data, div#scrollableDetail div#dataOld {
		position: absolute;
		left: 0px;
		top: 0px;
		width: 675px;
		height: 565px;
		}
	div.scrollable { 
		position: relative; 
		overflow: hidden; 
		width: 637px; 
		height: 84px; 
		float: left;
		} 	
	div.scrollablePrev, div.scrollableNext {
		display: block;
		width: 19px;
		height: 84px;
		float: left;
		cursor: pointer;
		background-color: #111;
		color: #fff;
		text-align: center;
		position: relative;
		}
	div.scrollablePrev:hover, div.scrollableNext:hover {
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity: 0.8;
		opacity: 0.8;
		}
	div.scrollable div.items { 
		width: 20000em; 
		position: absolute; 
		background: #111;
		height: 79px;
		overflow: hidden;
		} 	 
	div.scrollable div.items div {
		padding: 0 5px 0 0;
		margin: 5px 0 0;
		float: left;     
		cursor: pointer;
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		-khtml-opacity: 0.3;
		opacity: 0.3;
		} 	 
	div.scrollable div.items div.active {
		width: 124px;
		overflow: hidden;
		}
	div.scrollable div.items div.active img { }
	
	/* photo slideshow */	
	#slideshow {
		position: relative;
		width: 675px;
		height: 481px;
		overflow:hidden;
		}
	#slideshow .buttons {
		position: absolute;
		bottom: 22px;
		right: 12px;
		display: block;
		width: 45px;
		}	
	#slideshow .buttons .btn {
		width: 20px;
		height: 20px;
		background: url(/Images/buttons/btn-slideshow.gif) 0 0 no-repeat;
		float: left;
		}
	#slideshow .buttons .btn.next {
		float: right;
		background-position: -20px 0;
		}
	#slideshow .buttons a:hover.previous {background-position: 0 -20px;}
	#slideshow .buttons a:hover.next {background-position: -20px -20px;}
	
	/* athletes detail */
	.relatedLinks {
		float:left;
		background:#fefefe url(/Images/elements/bg-mightAlsoLikeBottom.gif) 0 0 repeat-x;
		position: relative;
		right: -222px;
		padding: 0 0 0 10px;
		width:665px;
		}
	.relatedLinks ul {
		padding: 19px 0 !important;
		margin: 0 0 0 7px !important;
		list-style: none;
		width: 639px;
		}
	.relatedLinks ul li {
		padding: 0 0 8px 6px !important;
		margin: 0 !important;
		line-height: 1.1em;
		background: url(/Images/Icons/icon-arrow-gray-small.gif) 0 5px no-repeat;
		}
	.relatedLinks ul li a {color: #666;}
	#blackBg.fullWidth .relatedLinks {background:transparent url(/Images/elements/bg-fw-postComment.gif) 0 0 no-repeat; min-height:200px;}
	#blackBg.fullWidth .relatedLinks ul {width:200px !important;}
	
	/* wysiwyg */
	.wysiwyg {
		padding: 10px 0 27px;
		color: #555;
		line-height: 1.16em;
		width: 675px;
		}
	#blackBg #main .wysiwyg {
		padding: 32px 18px 27px;
		width: 639px;
		}
	.wysiwyg h2 {
		color: #f78e1e !important;
		font-size: 1.833em !important;
		letter-spacing: -.5pt;
		padding: 0 0 24px !important;
		margin: 0 !important;
		}
	.wysiwyg h3 {
		color: #343434 !important;
		font-size: 1.667em !important;
		letter-spacing: -.5pt;
		padding: 10px 0 !important;
		margin: 0 !important;
		}
	.wysiwyg h4 {
		color: #7e7e7e !important;
		font-size: 1.5em !important;
		letter-spacing: -.5pt;
		padding: 10px 0 !important;
		margin: 0 !important;
		}
	.wysiwyg p {
		padding: 0 0 14px!important;
		margin: 0 !important;
		}
	.wysiwyg blockquote {
		background:#f1f1f1 url(/Images/Icons/icon-blockquote.gif) 10px 15px no-repeat;
		padding: 15px 15px 15px 27px !important;
		margin: 5px 0 20px !important;
		font-style: italic;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #757575;
		border-bottom: 3px solid #e8e8e8;
		border-right: 3px solid #e8e8e8;
		}
	.wysiwyg ul,
	.wysiwyg ol {
		padding: 0 0 15px 25px !important;
		margin: 0 !important;
		}
	.wysiwyg ul {
		padding: 0 0 15px 10px !important;
		list-style: none;
		}
	.wysiwyg ul li {
		padding: 0 0 8px 15px !important;
		margin: 0 !important;
		background: url(/Images/Icons/icon-arrow-gray-small.gif) 8px 5px no-repeat;
		}
	.wysiwyg ul ul {
		padding: 10px 0 0 !important;
		margin: 0 !important;
		}
	.wysiwyg ul ul li {
		background: url(/Images/Icons/icon-dash-gray-small.gif) 8px 5px no-repeat;
		}
	.wysiwyg ol li {
		padding: 0 0 8px !important;
		margin: 0 !important;
		}
	.wysiwyg ol ol {
		padding-top: 10px !important;
		padding-bottom: 0 !important;
		}
	.wysiwyg ol ol li {
		padding: 0 !important;
		margin: 0 !important;
		}
	.wysiwyg table {
		border-collapse:collapse;
		border: 1px solid #7f7f7f;
		font-size:1em;
		margin:10px 0;
		}
	.wysiwyg table tr td, 
	.wysiwyg table tr th {
		border: 1px solid #7f7f7f;
		padding:5px;
		}
	#ecomm.fullWidth #mainWhiteBg .left .formIntro .wysiwyg {
		float: left;
		width: 368px !important;
		padding: 10px 0 !important;
		margin: 0 !important;
		color: #666;
		}
		
	/* featured athletes */
	.featuredAthletes {
		padding: 0 0 13px 18px;
		float: left;
		width: 656px;
		}
	.featuredAthletes h4 {
		color: #343434 !important;
		}
	.featuredAthletes ul {
		float: left;
		list-style: none;
		padding: 16px 0;
		margin: 0;
		}
	.featuredAthletes ul li {	
		float: left;
		display: block;
		position: relative;
		width: 201px;
		height: 128px;
		padding: 0 3px 3px 0;
		margin: 0 14px 16px 0;
		background: url(/Images/elements/bg-featAthletesThumb.gif) right bottom no-repeat;
		}
	.featuredAthletes ul li a,
	.featuredAthletes ul li a:hover {
		display: block;
		text-decoration: none;
		}
	.featuredAthletes .tag {
		position: absolute;
		background: #03abeb;
		padding: 1px 4px;
		margin: 0 0 0 4px;
		font-size: 0.833em;
		font-weight: bold;
		left: 0;
		}
	.featuredAthletes .tag.name {
		background: #03abeb;
		color: #fff;
		top: 82px;
		}
	.featuredAthletes .tag.title {
		background: #fff;
		color: #666;
		top: 100px;
		}
	
	/* user comments */
	.userComments, 
	.userComments.postComment {
		margin: 0;
		padding: 0;
		color: #666;
		background: #fff url(/Images/elements/bg-userComments.gif) 0 0 repeat-x;
		float: left;
		position: relative;
		top: 0;
		left: 222px;
		overflow: hidden;
		}
	.postComment {
		background: #fdfdfd url(/Images/elements/bg-postComment.gif) 0 0 repeat-x;
		float: left;
		padding: 0 18px;
		width:639px;
		min-height:200px;
		}
	.userComments h4 {
	 	color: #333;
		padding: 18px 18px 17px;
		}
	.postComment h4 { padding: 18px 0 8px !important; }
	.userComments .info {
		float: left;
		height: 18px;
		padding: 0 2px 5px 0;
		margin: 0 0 11px;
		font-size: 0.833em !important;
		background: url(/Images/elements/bg-commentInfo.gif) bottom right repeat-x;
		font-weight: bold;
		}
	.userComments .info .username {
		border: 1px solid #e9e9e9;
		display: block;
		padding: 3px 3px 4px;
		background: #fff;
		}
	.userComments .info .username a {
		padding: 0 4px 0 0;
		background: #fff;
		text-transform: uppercase;
		color: #333;
		text-decoration: none;
		}
	.userComments .comment {
		display: block;
		float: left;
		width: 557px;
		position: relative;
		}
	.userComments .comment p {
		font-size: .917em !important;
		padding: 0 0 10px;
		}
	.userComments img {
		float: left;
		margin: 0 10px 10px 0;
		}
	.userComment {
		float: left;
		padding: 0 18px 22px;
		}
	.postComment .userComment {
		padding: 0 0 22px;
		}
	.postComment p,
	.postComment .signUp p {
		font-size: 0.833em !important;
		color: #666;
		font-weight: bold;
		padding: 0 0 9px;
		}
	.postComment .signUp p {
		line-height:1.1em !important;
		font-size:1em !important;
		font-weight:normal;
		padding: 10px 0 0;
		}	
	.postComment textarea {
		width: 545px;
		height: 60px;
		font-size: .917em;
		padding: 5px;
		border-top: 1px solid #c4c4c4;
		border-left: 1px solid #c4c4c4;
		border-bottom: 1px solid #fff;
		border-right: 1px solid #fff;
		}
	.postComment .button {
		float: right;
		margin: 10px 0 0;
		}
	.postComment .forgotThis {
		position: absolute;
		top: 4px;
		font-weight: bold;
		font-style: italic;
		right: -9px;
		}
	/* user comments - full width */	
	.fullWidth .userComments {
		background: none;
		}
	.fullWidth .userComments h4 {
		padding: 35px 13px 17px;
		width: 200px;
		}
	.fullWidth .userComment,
	.fullWidth .postComment {
		padding: 0 12px 25px;
		width: 202px;
		float: left;
		position: relative;
		}
	.fullWidth .postComment {background: url(/Images/elements/bg-fw-postComment.gif) 0 0 no-repeat; min-height:150px;}
	.fullWidth .userComment .info .username {
		border: none;
		background: none;
		width: 140px;
		padding: 17px 0 0 3px !important;
		line-height: 1.2em;
		}
	.fullWidth .userComment .info .username a {
		display: block;
		}
	.fullWidth .userComment a img,
	.fullWidth .postComment a img {
		height: 50px !important;
		width: 50px !important;
		position: absolute;
		right: 6px;
		top: 4px;
		display:block;
		float:none !important;
		}
	.fullWidth .userComment img.resize,
	.fullWidth .postComment img.resize {
		display:block;
		float:left;
		}
	.fullWidth .userComment .info {
		background: url(/Images/elements/bg-fw-userComments.gif) 0 0 no-repeat;
		height: 58px;
		float: left;
		width: 202px;
		}
	.fullWidth .userComment p,
	.fullWidth .postComment .signUp p {
		width: 200px;
		}
	.fullWidth .postComment p {
		font-size: 1em !important;
		float: left;
		font-weight: normal;
		width: 140px;
		position: relative;
		z-index: 1;
		line-height: 1em;
		margin: -5px 0 0;
		}
	.fullWidth .postComment .signUp p {
		padding: 10px 0 5px;
		}
	.fullWidth .userComments .comment {
		width: 186px;
		}
	.fullWidth .postComment .userComment {
		float: left;
		width: 208px !important;
		padding: 60px 0 0 !important;
		margin: -60px 0 0;
		}
	.fullWidth .postComment textarea {
		float: left;
		margin: 3px 0 0;
		width: 186px !important;
		}
	.fullWidth .postComment img {
		right: 0;
		top: 0;
		}
	.fullWidth .postComment .forgotThis {right: -19px;}
	.fullWidth .postComment .button {float: right;}
		
	/* athletes listing */
	.team {
		float: left;
		padding: 0;
		margin: -67px 0 0;
		width:605px;
		position: relative;
		}
	.athletesListing .team.skate { 
		padding: 0 0 12px !important;
		margin: 0 !important;
		}
	.athletesListing ul.listing {
		list-style: none;
		padding: 0;
		margin: -7px 0 0;
		float: left;
		display: block;
		}
	.athletesListing ul.listing li {
		float: left;
		height: 227px;
		width: 256px;
		margin: 30px 45px 0 0;
		position: relative;
		color: #6b6b6b;
		display: block;
		}
	.fullWidth .athletesListing ul.listing li {
		margin: 30px 16px 0 0;
		}
	.athletesListing ul.listing li .details {
		padding: 28px 8px 0;
		width: 240px;
		float: left;
		height: 198px;
		}
	.athletesListing ul.listing li img {
		margin: 13px 0 0;
		position: absolute;
		right: 0;
		top: 0;
		}
	.athletesListing ul.listing li h3 {
		position: absolute;
		bottom: 0 !important;
		height: 31px;
		font-size: 1.25em !important;
		}
	.athletesListing ul.listing li h3 a {
		display: block;
		color: #6b6b6b;
		text-decoration: none;
		width: 246px;
		padding: 6px 5px;
		margin: 0 0 0 -8px;
		position:relative;
		}
	#blackBg .athletesListing .team h2 { 
		padding: 0 !important; 
		margin: 10px 0 0 !important;
		color: #5e5e5e;
		font-size: 2.167em !important;
		}
	#blackBg .athletesListing .team.skate h2 { padding: 69px 0 0 !important; }
	.athletesListing .team.skate ul.listing { margin: -20px 0 0 !important; }
	.aboutAthletes {
		position: relative;
		float:right;
		padding: 36px 10px;
		width: 268px;
		margin-right: 20px;
		}
	.aboutAthletes h3 {
		font-size: 1.667em !important;
		color: #c3c3c3 !important;
		padding: 0 18px 14px !important;
		}
	.aboutAthletes .wysiwyg {
		width: 228px !important;
		padding-top: 0 !important;
		color: #a5a5a5 !important;
		}
	.aboutAthletes .wysiwyg p {
		line-height: 1.35em !important;
		padding: 0 0 16px !important;
		}
		
	/* contact us */
	.formArea.contactUs h4 {width: 368px !important;border-bottom:1px solid #e5e5e5;}
	.formArea.contactUs .rFormRowBorder {border: none !important;}
	.formArea.contactUs .rFormRowBorderLast {width: 368px !important;}
	.formArea.contactUs .formErrorMessage {
		margin: -20px 0 20px !important;
		}
	.formArea.contactUs .formConfirmMessage {
		margin: -20px 0 20px !important;
		}	

	#mainWhiteBg .formArea .requiredField,
	#mainWhiteBg .accountForm .requiredField2 {
		float: left;
		margin: -18px 0 0 292px;
		}
	#mainWhiteBg .accountForm .requiredField2 {
		margin: -30px 0 0 292px;
		}
	#mainWhiteBg .formArea .rFormRowBorderLast .formButtons .button {
		float: left;
		margin: 0 0 0 282px;
		}
		
	/* account login */
	.accountForm {
		width: 379px;
		float: left;
		padding: 20px 0;
		color: #5b5b5b;
		}
	.accountForm .formIntro {margin-top:-20px !important;}
	.accountForm .formArea .formButtons { width: 370px; float: left; }
	.accountForm .formArea.login {position: relative; width: 369px !important; padding: 7px 0 0 !important; float: left;}
	.accountForm .formArea .rFormRowBorder {border: none !important; padding: 38px 0 0; background: url(/Images/elements/bg-accountForm-border.gif) 0 18px no-repeat;}
	
	/* create account */
	.formArea .radio label, .formArea .radio2 label {
		float:left;
		font-weight:normal !important;
		margin:0 !important;
		padding:3px 0 0 5px;
		}
	.accountForm .formButtons.create {border-top:1px solid #e5e5e5; float:left; margin: 18px 0 0 !important; padding: 18px 0 0; font-size:.917em;}
	.formButtons.create label {width:auto;padding: 10px 3px 0 0;}
	.formButtons.create .button {float: right; margin: 0 -5px 0 0;}
	
	/* account summary */
	.accountForm fieldset {padding: 0 0 28px;}
	.accountForm .links {
		float: right;
		margin: -34px 10px 0 0;
		}
	.accountForm .links a {
		color: #f78f1e;
		float: left;
		padding: 2px 0 0 !important;
		margin: 0 0 0 5px !important;
		text-decoration: underline;
		}
	.accountForm .links a:hover {text-decoration:none;}
	.accountForm .desc {
		display:block;
		float:left;
		width: 110px;
		color:#131313;
		}
	.accountForm .info {
		display:block;
		float:left;
		overflow:hidden;
		padding:1px 0 0;
		width:250px;
		}
	.accountForm .rFormRowBorderLast,
	.accountForm .formButtons {
		width: 369px !important;
		margin: 0 !important;
		}
	.accountForm .rFormRowBorderLast {
		margin: 15px 0 0 !important;
		}
	.accountForm .formButtons .button2 {
		margin: 0 0 0 172px !important;
		float:left !important;
		}
	#mainWhiteBg .accountForm .formArea .rFormRowBorderLast .formButtons .button {
		float:right;
		margin: 0 -2px 0 0;
		}
		
	/* stores listing */
	.stores {
		float:left;	
		width: 100%;
		padding: 2px 0 10px;
		border-top: 1px solid #e9e9e9;
		}
	.stores .wysiwyg { padding: 0;}
	.storesListing {
		float:left;	
		width: 100%;
		border-bottom: 1px solid #e9e9e9;
		padding: 12px 0;
		}
	.storesListing span{
		font-size: .917em !important;
		display: block;
		}
	.storesListing h3.title { padding:0 0 2px !important; margin:0 !important; font-size:1.167em !important; }
	.storesListing .title { padding:0 0 1px !important; font-weight:bold; text-transform: uppercase; color: #343434 !important; }
	.storesListing .storeCol1 { width: 33%; float:left; }
	.storesListing .storeCol2 { width: 33%; float:left; padding:1px 0 0 !important; }
	.storesListing .storeCol3 { width: 33%; float:left; padding:1px 0 0 !important; }
	
	/* search results */
	.searchResults {
		float:left;	
		width: 100%;
		padding: 2px 0 0;
		color:#555;
		line-height:1.16em;
		}
	.searchListing {
		float:left;	
		width: 100%;
		border-bottom: 1px solid #e9e9e9;
		padding: 15px 0;
		}
	.searchListing a {font-size:1.167em !important; }
	.searchListing p {font-size: .917em; padding: 3px 0 0 !important;}
	
	/* Footer Links */
	#footerLinks{
		padding:31px 0 27px 438px;
		}
		
		#footerLinks ul.promo{
			float:left;
			list-style:none;
			margin:-17px 0 -17px -405px;
			padding:0;
			display:block;
			}
			#footerLinks ul.promo li,
			#footerLinks ul.promo li a,
			#footerLinks ul.promo li a:hover {
				float:left;
				position:relative;
				}
			#footerLinks ul.promo li a,
			#footerLinks ul.promo li a:hover {
				cursor:pointer !important;
				}
			#footerLinks ul.promo li.first{
				margin-right:36px;
				}
		
		#footerLinks p{
			color:#a7a4a0;
			font-size:0.92em;
			font-weight:bold;
			}
			#footerLinks span { text-transform:uppercase; font-size:0.9em;}
			#footerLinks a{ color:#333; }
		#footerLinks p.top, #footerLinks p.top a{ color:#333; }
			#footerLinks p.top a:hover { color:#333; }
	
	/* Footer Notes */
	#footerNotes{
		padding:31px 0 37px 322px;
		}
		#footerNotes ul{
			list-style:none;
			padding:0;
			margin:0 0 0 -289px;
			}
			#footerNotes ul li{
				display:block;
				position:relative;
				float:left;
				padding: 0 10px 0 0;
				overflow:hidden;
				}
			
		#footerNotes p{
			color:#666666;
			font-size:0.92em;
			width:338px;
			}
	
	/* turn off */
	#skipLinks,
	.mainLogo,
	#headerLinks,
	#shopNav .browseBy,
	ul.accountLinks,
	.searchBar,
	hr,
	.productRollover,
	.thumbnailListing li a.productThumb,
	.thumbnailListing li a:hover.productThumb,
	.thumbnailListing .thumbnailListingItem a.productThumb,
	.tooltip,
	#footer,
	.shoppingBagLinks {
		display: none !important;
		}
		
	 /* sIFR */
	 .sIFR-flash, 
	 .sIFR-flash object, 
	 .sIFR-flash embed {
	  display: none !important;
	  height: 0;
	  width: 0;
	  position: absolute;
	  overflow: hidden;
	  }
	
	 span.sIFR-alternate {
	  visibility: visible !important;
	  display: block !important;
	  position: static !important;
	  left: auto !important;
	  top: auto !important;
	  }