/* gp ecomm css styles */

/* TOC
1: - Online Shop - Home Page
2: - Online Shop - Browse by category/brand
3: - Online Shop - Product listing
4: - Online Shop - Brands listing
5: - Online Shop - Product detail
6: - Shopping bag
7: - Shopping bag (rollover view)
8: - Checkout Process
*/

/* 1 :-------- Online Shop - Home Page Styles ------------ */
	/* home page feature */
	.homeFeature {
		/*background: url('/images/generic/bg_Herringbone.jpg') repeat;*/
		width: 100%;
		padding:0;
		margin:0;
		display:block;
		}
	#homePage.fullRes .homeFeature div {
		width:100% !important;
		overflow:visible !important;
		}
	#homePage .homeFeature {
		width:999px;
		overflow:hidden;
		height:640px;/*height:629px;*/ 
		border-bottom:3px solid #000;
		}
	#homePage.fullWidth .homeFeature {width:100%;}
	#homePage .flipbookFeature {margin-bottom: 17px;}
	#homePage .flipbookFeature #mainWhiteBg {
		margin-bottom: 17px;
		width:100%;
		}
	/* home page right col promos */	
	#homePage .homeFeature .flash {
		float:left;
		width:967px;
		overflow:hidden;
		}
	#homePage .homeFeature .homeRightCol {
		width:233px;
		height:640px;
		background:url(../Images/elements/bg-homeRightCol.png) 0 0 no-repeat;
		display:block;
		float:left;
		}
	#homePage .homeFeature .homeRightCol .promoBox {
		width:230px;
		height:160px;
		overflow:hidden;
		float:left;
		margin:0 0 0 3px;
		clear:left;
		}
	#homePage .homeFeature .homeRightCol .promoBox a {
		width:230px;
		height:160px;		
		}		

/* 2 :-------- Online Shop - Browse by category/brand Styles ------ */
	.productFiltersCol {
		width: 198px;
		margin: 0;
		background: #d6d6d6 url(/Images/elements/bg-refineBy.gif) 0 348px repeat-x;
		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;
		background: #fafafa url(/Images/elements/bg-shopBy.gif) 0 0 repeat-y;
		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-x:hidden;
		overflow-y:scroll;
		}
	.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,
	.productFiltersCol .refineByNew {
		width: 198px;
		float: left;
		position:relative;
		top: 402px;
		left:0;
		}
	.productFiltersCol .refineByNew {
		top: 0;
		}
	.productFiltersCol .refineBy h2,
	.productFiltersCol .refineByNew h2 {
		top: 0 !important;
		position:relative;
		}
	.productFiltersCol .refineBy .filterOption,
	.productFiltersCol .refineByNew .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,
	.productFiltersCol .refineByNew .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,
	.productFiltersCol .refineByNew .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,
	.productFiltersCol .refineByNew .filterOption select option .on {
		color: #00a7e6 !important;
		background: #fff !important;
		}
	.refineBy .button,.refineByNew .button {margin: 5px 0 0 15px;} 	

/* 3 :-------- Online Shop - Product listing Styles ------ */
	.thumbnailListing {
		padding: 12px 0 0;
		margin: 0;
		list-style:none;
		float: 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 #fff;
		}
	.thumbnailListing .thumbnailListingItem a.productThumb {
		padding: 0;
		margin: 0 auto;
		display: block;
		width: 218px;
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		position: absolute;
		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 {
		background: #e7e7e7;
		color: #666;
		}
	.tag.blue strong {
		background: #00aeef;
		color: #fff;
		}
	.prodInfo .ir {
		display:block;
		text-indent:-9999px;
		}
	.prodInfo .new {
		background:url(../Images/Icons/icon-new.png) 0 0 no-repeat;
		width:50px;
		height:49px;
		position:absolute;
		top:0;
		left:10px;
		}
	.prodInfo .comingSoon {
		background:url(../Images/Icons/icon-comingSoon.gif) 0 0 no-repeat;
		width:66px;
		height:15px;
		position:relative;
		margin:2px auto 0;
		}
	.prodInfo .soldOutOnline {
		background:url(../Images/Icons/icon-soldOutOnline.gif) 0 0 no-repeat;
		width:80px;
		height:15px;
		position:relative;
		margin:2px auto 0;
		}
	
	/* product rollovers */
	.thumbnailListing li a.productThumb,
	.thumbnailListing li a:hover.productThumb {
		display:block;
		width:218px;
		height:252px;
		position:absolute;
		z-index:1;
		top:0;
		background: url(/Images/elements/bg_prodRollover.gif) !important;
		text-indent:-9999px;
		}
	.productRollover {
		padding: 0 !important;
		border: 0 !important;
		background: url(/images/elements/bg-prodRollover.png) 0 0 no-repeat !important;
		width: 449px !important;
		height: 324px !important;
		display:none;
		position: absolute !important;
		z-index: 1000 !important;
		}
	.productRollover img { float: left; padding: 21px 0; margin: 0 0 0 1px; }
	.productRollover .prodInfo {float: left; width: 186px; text-align: left !important; padding: 38px 0;}	
	.productRollover .prodInfo span { display: block;font-size:1em !important; }
	.productRollover .prodInfo .price { font-weight: normal; }
	.productRollover .prodInfo .desc { padding:10px 0; font-size:1.083em !important; line-height:1.15em; color:#666 !important; cursor: pointer; }
	.productRollover .prodInfo .brand,
	.productRollover .prodInfo .prodName,
	.productRollover .prodInfo .price {
		font-size:1.667em !important;
		line-height: 1.135em;
		}
	.productRollover .prodInfo .prodName { color:#666 !important; }
	.productRollover .prodInfo .tag {
		font-size: 1.091em;
		margin-bottom: 15px;
		}
	.productRollover .prodInfo .tag.gray {
		margin-top:-13px;
		}
	.productRollover .swatch {
		padding: 2px 0 0 !important;
		margin: 0 2px 0 0 !important;
		width: 29px;
		height: 29px;
		display: block;
		overflow: hidden;
		float: left;
		}
	.productRollover .swatch img {
		padding: 0 !important;
		margin: 0 !important;
		}
	.productRollover .new {
		background:url(../Images/Icons/icon-new-rollover.png) 0 0 no-repeat;
		width:59px;
		height:57px;
		top:10px;
		}
	.productRollover .comingSoon,
	.productRollover .soldOutOnline {
		margin:0 0 10px;
		width:100%;
		}
	
	/* gray bar */
	.grayBar {
		background: #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: 25px 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;
		padding: 0 0 20px !important;
		}			
	.hproduct .featuredProductImage img {
		padding: 5px 5px 22px !important;
		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 {
	float:left;
	height:48px;
		}
	.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 1px 1px 0;
        padding: 0;
		float:left;
        }	
	.selector.colour table {
		padding: 0 !important;
		margin: 0 !important;
		display: block;
		border: none;
		position: relative;
		}
	.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 ul {
		float:left;
		position:absolute;
		width:200px;
		height:100px;
		top:72px;
		}
	/*.selector.colour td .tooltip,*/
	.selector.colour li .tooltip {
		display: none;
		top: -83px;
		left: -30px;		
		background: url(/Images/elements/bg-swatchRollover.png) 1px 2px no-repeat;
		padding: 1px 0 0 1px;
		height:93px !important;
		width:93px !important;
		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;
		height:93px !important;
		width:93px !important;
		}
	/*.selector.colour td:hover .tooltip img,
	.selector.colour td.hover .tooltip img,*/
	.selector.colour li:hover .tooltip img,
	.selector.colour li.hover .tooltip img {
		left:1px;
		top:2px;
		position:absolute;
		height:83px;
		width:86px;
		padding: 1px;
		background:#e7e7e7;
		}
	/*.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: 20px;
		left: 0;
		width: 100% !important;
		text-align: center;
		text-transform: uppercase;
		font-weight: bold;
		color: #000;
		line-height: 1em !important;
		font-size: 0.8em !important;
		height:1%;
		}
	/*.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;
		float:left;
		}
	.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;
		z-index:5;
		right: 7px;
		top: 13px;
		display: block;
		width: 15px;
		height: 15px;
		color: #000;
		}
	.bagHide {
		background: url("/Images/elements/bag-hide.gif") 0 0px no-repeat;
		text-indent: -9999px;
		position: absolute;
		z-index:5;	
		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 {
		background: #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 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:12px; 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;
		width:120px;
		}
	.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;width:675px;}
	.fullWidth .shoppingBagTotals .totalsListing {width:656px !important;}
	.rightCol .shoppingBagTotals .totalsListing {color: #484848;width:450px;}
	.fullWidth .rightCol .shoppingBagTotals .totalsListing {width:686px !important;}
	.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 {
		background: url(/Images/elements/bg-shoppingBagTotal.gif) right 0 no-repeat;
		}
	.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; width:210px;} 
	.fullWidth .rightCol .getFreeDelivery {font-size:0.923em !important; width:500px;} 
	.bagDropdown .getFreeDelivery.discount {margin-top:-16px !important;} 
	.getFreeDelivery.discount {margin-top:-18px !important;} 
	.getFreeDelivery strong { padding: 1px 2px 0; background:#e7e7e7; color: #666; text-transform: uppercase; }
	.getFreeDelivery span { float: left; padding: 5px 2px;}
	.getFreeDelivery span span strong { background:#fff;}
	
	/* shopping bag buttons */
	.shoppingBagButtons {
		float: left;
		position: relative;
		padding: 0 0 76px;
		margin: 0 -3px 0 0;
		width:100%;
		background:url(../Images/ecomm/bg-or.gif) right 50px no-repeat;
		}
	#bagDropdown .shoppingBagButtons {
		background:none;
		}
	.shoppingBagButtons input {
		float:right;
		}
	.shoppingBagButtons .paypal {
		float:right;
		margin:35px -6px 0 0;
		}
	
	/* right */
	.shoppingBagLinks {
		width: 198px;
		margin: 0 30px 0 0;
		background: #d3d3d3 url(/Images/elements/bg-shoppingBagLinks.gif) 0 0 no-repeat;
		float: right;
		}
	.shoppingBagLinks h3 {
		color:#333;
		font-size:1.333em;
		padding: 0 0 14px;
		}
	.shoppingBagLinks ul {
		padding: 0 !important;
		margin: 0 !important;
		list-style: none;
		}
	.shoppingBagLinks ul li {
		background: url(/Images/Icons/icon-arrow-gray-small.gif) 0 4px no-repeat;
		padding: 0 0 4px 7px !important;
		float:left;
		width:163px;
		}
	.shoppingBagLinks ul li a {
		color: #757575;
		}
	.shoppingBagLinks .links {
		height: 88px;
		padding: 38px 14px;
		background: url(/Images/elements/bg-shoppingBag-usefulLinks.png) 0 0 repeat-x;
		}
		
/* 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; width:450px;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table { width:659px !important;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table td.col1 { width:110px !important; padding:0 !important;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table td.col2 { width:200px !important;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table td.col3 { width:90px !important;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table td.col4 { width:90px !important;}
	.bagDropdown .shoppingBagContainer .shoppingBag .table td.col5 { width:100px !important;}
	.bagDropdown .shoppingBagContainer .totalsListing {width:659px !important; }
	
	/*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;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table { width:900px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col1 { width:20px !important; padding:0 !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col1 .rShoppingBagItemTitle { width:80px !important; padding:0 0 0 10px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col2 { width:240px !important; padding-left:0 !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col3 { width:100px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col4 { width:100px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .shoppingBag .table td.col5 { width:100px !important;}
	.fullWidth .bagDropdown .shoppingBagContainer .totalsListing {width:900px !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;**/
		background-color:#000; 
    	}

/* 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.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.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.complete {
		background: #32b8eb !important;
		float:left;
		width:100%;
		}
	.progressBar ul.complete li {
		color:#fff !important;
		}
	.progressBar ul.complete li.on {
		position:absolute;
		right:0;
		}
	.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 -10px;
		}
	.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 !important; }
	.formArea select.dob { width: 74px !important; }
	.formArea input { padding: 2px !important; }
	.formArea .checkboxText,
	.formArea .checkboxText.noMargin {
		font-weight:normal;
		margin-top:4px;
		width:300px;
		}
	.formArea .checkboxText.noMargin {
		display:block;
		/*margin:-3px 0 0 5px;*/
		margin: 0 0 0 5px !important;
		width:340px;
		float:left !important;
		}
	.rFormRow,
	.rFormRowBorder,
	.rFormRowBorderLast {
		padding: 8px 0 0;
		width: 100%;
		display: block;
		clear: left;
		position: relative;
		}
	.rFormRowHidden {
		display: none;
		}			
	.rFormRow.formCheckbox {
		padding:10px 0 0 !important;
		}
	.rFormRow.formCheckbox,
	.rFormRow.formCheckbox .checkbox4 input {
		padding:0;
		margin:0 !important;
		}
	.rFormRowBorder,
	.rFormRowBorderLast {
		padding: 13px 0 0;
		border-top: 1px solid #e5e5e5;
		}
	#giftWrappingMessage.rFormRow {
		padding: 23px 0 0;
		clear:left !important;
		}	
	.rFormRowBorderLast { margin: 15px 0 0 !important; float:left; }
	.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,
	.totalsListing .tooltip {
		position:absolute;
		right:-11px;
		top:12px;
		display: block;
		cursor: pointer;
		}
	.totalsListing .tooltip {
		right:3px;
		top:3px;
		z-index:2;
		}
	.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%;
		display:block;
		}
	.formArea .required2,
	.formArea .required3 {
		font-size: .917em;
		width: auto;
		float: left;
		padding-right: 2px;
		}	
	.formArea .dob,
	.formArea .dob2 {
		width: 74px !important;
		}
	.formArea .short,
	.formArea .short1 {
		width: 145px !important;
		float: left;
		}
	.formArea .short2,
	.formArea .short3 {
		font-size: .917em;
		width: 47px !important;
		float: left;
		}
	.formArea .short3 {
		margin-right: 5px;
		width: 97px !important;
		}
	.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;
		margin-bottom:-15px !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;
		}
	.checkbox4 {
		float: left;
		padding: 0 !important;
		margin: 3px 0 0 0 !important;
		}
	.radio input,
	.radio2 input,
	.checkbox input,
	.checkbox2 input,
	.checkbox3 input,
	.checkbox4 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;
		}

/* Google Store Update
**********************************************/
	.mainBlueBg {
		background: url(../images/mainBlueBg.jpg) no-repeat 0 bottom !important;
	}
	#ecomm .mainBlueBg h1 {
		color: #fff !important;
		font-size: 26px !important;
	}
	#ecomm .mainBlueBg #mainWhiteBg, #ecomm .mainBlueBg #mainWhiteBg .left {
		background: none !important;
	}