body {
	text-align: center;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.6em;
	background: #ffffff url(../images/bgBody.gif) repeat-x;
}

body#sub { background: #ffffff url(/webresources/images/bgSub.gif) repeat-x; }

body.empty { background: #1C1C1C; }

h1, h2, h3, h4 {
	clear: both;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: -0.02em;
	color: #333333;
	margin: 0 0 5px 0;
}

h2 {
	font-size: 1.4em;
	border-bottom: 1px dotted #cccccc;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

h3 {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px dotted #cccccc;
	padding: 0 0 0 0;
	margin: 0 0 5px 0;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

a { color: #990000; }

#content p a {
	color: #990000;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
}

#content p a:hover {
	color: #000000;
	border-bottom: 1px dotted #666666;
}

p { margin: 15px 0 15px 0; }

blockquote {
	font-style: italic;
	font-weight: bold;
}

a.buttonSmall {
	background: transparent url(../images/buttons/bgButton28Right.gif) scroll top right;
	color: #ffffff;
	display: block;
	float: right;
	font: normal 12px arial, sans-serif;
	height: 28px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
}

a.buttonSmall span {
	font-size: 0.9em;
	font-weight: bold;
	background: transparent url(../images/buttons/bgButton28Left.gif) no-repeat;
	display: block;
	line-height: 18px;
	padding: 5px 0 5px 15px;
}

a.buttonSmall:active {
	background: transparent url(../images/buttons/bgButton28Right.gif) right bottom;
	color: #cccccc;
	outline: none; /* hide dotted outline in Firefox */
}

a.buttonSmall:active span {
	background: transparent url(../images/buttons/bgButton28Left.gif) left bottom;
	padding: 6px 0 4px 15px; /* push text down 1px */
	outline: none;
}

a.buttonSmallRed {
	background: transparent url(../images/buttons/bgButton22RightRed.gif) scroll top right;
	color: #ffffff;
	display: block;
	float: right;
	font: normal 12px arial, sans-serif;
	height: 22px;
	margin-right: 6px;
	padding-right: 15px; /* sliding doors padding */
	text-decoration: none;
	outline: none;
}

a.buttonSmallRed span {
	font-size: 0.9em;
	font-weight: bold;
	background: transparent url(../images/buttons/bgButton22LeftRed.gif) no-repeat;
	display: block;
	line-height: 12px;
	padding: 5px 0 5px 15px;
}

a.buttonSmallRed:active {
	background: transparent url(../images/buttons/bgButton22RightRed.gif) right bottom;
	color: #cccccc;
	outline: none; /* hide dotted outline in Firefox */
}

a.buttonSmallRed:active span {
	background: transparent url(../images/buttons/bgButton22LeftRed.gif) left bottom;
	padding: 6px 0 4px 15px; /* push text down 1px */
	outline: none;
}

.btn125x28red, .btn125x28grey {
	width: 125px;
	height: 28px;
	border: 0;
	/*text-shadow: 1px 1px 0 #666666;*/
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 0 0 2px 0;
	cursor: pointer;
	outline: none;
}

.btn125x28red {
	color: #ffffff;
	font-weight: bold;
	background: url(../images/buttons/btn125x28red.gif);
}

.btn125x28red:active {
	color: #cccccc;
	background: url(../images/buttons/btn125x28red.gif);
}

.btn125x28red:focus {
	color: #cccccc;
	border: none;
	background: url(../images/buttons/btn125x28red.gif);
}

.btn125x28grey {
	font-size: 0.85em;
	color: #ffffff;
	font-weight: bold;
	background: url(../images/buttons/btn125x28grey.gif);
}

.btn125x28grey:active {
	color: #cccccc;
	background: url(../images/buttons/btn125x28grey.gif);
}

.btn125x28grey:focus {
	color: #cccccc;
	border: none;
	background: url(../images/buttons/btn125x28grey.gif);
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bgContainer.jpg) no-repeat;
}

#sub #container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bgContainerSub.jpg) no-repeat;
}

#header {
	width: 960px;
	height: 150px;
	position: relative;
}

#header a.logo {
	width: 125px;
	height: 125px;
	position: absolute;
	top: 25px;
	left: 0;
	outline: none;
	background: url(../images/logo.png);
}

#header ul.menu {
	width: 640px;
	height: 35px;
	position: absolute;
	top: 90px;
	right: 0;
}

#header ul.menu li {
	float: left;
	height: 35px;
}

#header ul.menu li a {
	display: block;
	height: 35px;
	text-indent: -9999px;
	/*outline: none;*/
	background: url(../images/menu.gif);
}

#header ul.menu li#menuShop a {
	width: 92px;
	background-position: 0 0;
}

#header ul.menu li#menuStore a {
	width: 120px;
	background-position: -92px 0;
}

#header ul.menu li#menuServices a {
	width: 112px;
	background-position: -212px 0;
}

#header ul.menu li#menuFitStudio a {
	width: 122px;
	background-position: -324px 0;
}

#header ul.menu li#menuClubs a {
	width: 94px;
	background-position: -446px 0;
}

#header ul.menu li#menuEvents a {
	width: 100px;
	background-position: -540px 0;
}

#header ul.menu li#menuShop a:hover {
	width: 92px;
	background-position: 0 -35px;
}

#header ul.menu li#menuStore a:hover {
	width: 120px;
	background-position: -92px -35px;
}

#header ul.menu li#menuServices a:hover {
	width: 112px;
	background-position: -212px -35px;
}

#header ul.menu li#menuFitStudio a:hover {
	width: 122px;
	background-position: -324px -35px;
}

#header ul.menu li#menuClubs a:hover {
	width: 94px;
	background-position: -446px -35px;
}

#header ul.menu li#menuEvents a:hover {
	width: 100px;
	background-position: -540px -35px;
}

#header ul.menu li#menuShop li a, #header ul.menu li#menuStore li a, #header ul.menu li#menuServices li a, #header ul.menu li#menuFitStudio li a, #header ul.menu li#menuClubs li a, #header ul.menu li#menuClubs li a, #header ul.menu li#menuEvents li a { width: 150px; }

#header ul.menu li#menuShop li a:hover, #header ul.menu li#menuStore li a:hover, #header ul.menu li#menuServices li a:hover, #header ul.menu li#menuFitStudio li a:hover, #header ul.menu li#menuClubs li a:hover, #header ul.menu li#menuClubs li a:hover, #header ul.menu li#menuEvents li a:hover { width: 150px; }

#header ul.menu li ul {
	z-index: 50;
	display: none;
	width: 160px;
	position: absolute;
	top: 35px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #eeeeee;
}

#header ul.menu li li {
	display: block;
	width: 160px;
	float: left;
	height: auto;
}

#header ul.menu li li:last-child { border-bottom: none; }

#header ul.menu li li a {
	display: block;
	float: left;
	padding: 5px;
	height: auto;
	border-bottom: 1px solid #cccccc;
	text-indent: 0;
	background: none;
}

#header ul.menu li li a:hover {
	color: #ffffff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #333333;
}

#header ul.utility {
	position: absolute;
	top: 35px;
	right: 0;
}

#header ul.utility li {
	float: left;
	padding: 2px 12px;
	font-size: 0.9em;
	border-right: 1px dotted #666666;
}

#header ul.utility li.last {
	border-right: none;
	font-weight: bold;
	margin-left: 12px;
	background: #990000;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#header ul.utility li a {
	color: #ffffff;
	text-shadow: 0 2px #000000;
}

#header ul.utility li a:hover { color: #cccccc; }

#header ul.utility span#cart a { text-shadow: none; }

#banner {
	width: 960px;
	margin: 20px 0 0 0;
}

#bannerHome {
	position: relative;
	width: 960px;
	height: 280px;
	margin: 20px 0 0 0;
}

#bannerHome .h1Home { display: none; }

/*#banner ul.slideshow {
	float: left;
	list-style: none;
	width: 715px;
	height: 280px;
	background: url(../images/banners/banner.jpg);
}

#banner ul.slideshow li { text-indent: -9999px; }*/

.sliderwrapper {
	position: absolute; /*leave as is*/
	overflow: hidden; /*leave as is*/
	z-index: 5;
	border: none;
	width: 715px; /*width of featured content slider*/
	height: 280px;
	clear: both;
	background: url(../images/bgRight.png);
}

.sliderwrapper .contentdiv {
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 0;
	margin: 0;
	width: 715px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
 filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

ul.pagination {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 715px;
	height: 70px;
	z-index: 10;
	text-align: left;
}

ul.pagination li {
	float: left;
	height: 70px;
}

ul.pagination li a {
	display: block;
	height: 70px;
	text-indent: -9999px;
	outline: none;
	background: url(../images/banners/bannerPager.png);
}

ul.pagination li#menuShop a {
	width: 120px;
	background-position: 0 0;
}

ul.pagination li#menuTriClub a {
	width: 125px;
	background-position: -120px 0;
}

ul.pagination li#menuCoffeeShop a {
	width: 170px;
	background-position: -245px 0;
}

ul.pagination li#menuFitStudio a {
	width: 150px;
	background-position: -415px 0;
}

ul.pagination li#menuSpinClass a {
	width: 150px;
	background-position: -565px 0;
}

ul.pagination li#menuShop a.selected {
	width: 120px;
	background-position: 0 -70px;
}

ul.pagination li#menuTriClub a.selected {
	width: 125px;
	background-position: -120px -70px;
}

ul.pagination li#menuCoffeeShop a.selected {
	width: 170px;
	background-position: -245px -70px;
}

ul.pagination li#menuFitStudio a.selected {
	width: 150px;
	background-position: -415px -70px;
}

ul.pagination li#menuSpinClass a.selected {
	width: 150px;
	background-position: -565px -70px;
}

#bannerHome #featured, #bannerHome #featuredNone {
	/*position: absolute;
	top: 0;
	right: 0;*/
	float: right;
	width: 180px;
 w/idth: 220px;
 /width: 180px;
	height: 250px;
 h/eight: 280px;
 /height: 250px;
	padding: 15px 20px;
	color: #999999;
	background: url(../images/bgFeatured.gif);
}

#bannerHome #featured ul.featured {
	height: 140px;
	overflow: hidden;
}

#bannerHome #featured img.saleNote {
	padding: 0;
	margin: 0 0 10px 0;
}

#bannerHome #featured a, #bannerHome #featuredNone a { color: #ffffff; }

#bannerHome #featured h2, #bannerHome #featuredNone h2 {
	color: #ffffff;
	font-size: 1.2em;
	border: none;
	padding: 0;
	margin: 0 0 10x 0;
}

#bannerHome #featured h3 {
	border: none;
	margin: 0 0 15px 0;
}

#bannerHome #featured h3 a { font-size: 0.85em; }

.sub #search {
	float: right;
	width: 180px;
 w/idth: 220px;
 /width: 180px;
	height: 60px;
 h/eight: 100px;
 /height: 60px;
	padding: 20px;
	color: #cccccc;
	background: url(../images/bgSearch.gif);
}

.sub #search h3 {
	color: #cccccc;
	border: none;
}

.sub h1 {
	float: left;
	text-indent: 0;
	width: 685px;
 w/idth: 715px;
 /width: 685px;
	height: 95px;
 h/eight: 130px;
 /height: 95px;
	padding: 35px 0 0 30px;
	color: #ffffff;
	text-shadow: 0 1px 0 #000;
	background: url(../images/banners/bannerSub.jpg);
}

#banner h1.shop { background: url(../images/banners/bannerSub.jpg); }

#banner h1.productDetails { }

#content {
	clear: both;
	float: left;
	width: 960px;
	margin: 0 0 10px 0;
}

#left {
	float: left;
	width: 715px;
	margin: 0 0 20px 0;
}

#right {
	float: right;
	width: 220px;
}

.priceMatch {
	float: left;
	position: relative;
	width: 960px;
	height: 70px;
	background: url(../images/bgPriceMatch.gif);
}

.priceMatch h2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 250px;
	height: 70px;
	padding: 0;
	margin: 0;
	text-indent: -9999px;
	border: none;
	background: url(../images/bgPriceMatch.gif) left;
}

.priceMatch p {
	position: absolute;
	top: 12px;
	left: 270px;
	width: 675px;
	margin: 0;
	padding: 0;
}

ul.home {
	float: left;
	margin: 15px 0 0 0;
}

ul.home li {
	float: left;
	width: 180px;
 w/idth: 220px;
 /width: 180px;
	height: 210px;
 h/eight: 250px;
 /height: 210px;
	padding: 20px;
	margin: 0 26px 0 0;
	background: url(../images/bgLi.gif);
}

ul.home li.last { margin: 0; }

ul.eventList li {
	width: 180px;
	height: auto;
	padding: 0;
	margin: 5px 0 5px 0;
	line-height: 1.2em;
	background: none;
}

ul.eventList li .date {
	font-size: 0.85em;
	font-weight: bold;
}

.latestBlog {
	width: 180px;
	height: 140px;
	overflow: hidden;/*border: 1px solid red;*/
}

.latestBlog .date {
	font-size: 0.85em;
	font-weight: bold;
	clear: both;
}

.latestBlog .title { clear: both; }

.latestBlog p { width: 180px; }

#resultsUtility {
	float: left;
	width: 695px;
 w/idth: 715px;
 /width: 695px;
	height: 20px;
 h/eight: 40px;
 /height: 20px;
	padding: 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #cccccc;
}

.sort { float: left; }

.view {
	float: left;
	margin: 0 0 0 15px;
}

ul.pager { float: right; }

ul.pager li {
	float: left;
	margin: 0 0 0 10px;
}

ul.gridData li {
	float: left;
	width: 180px;
 w/idth: 220px;
 /width: 180px;
	height: 210px;
 h/eight: 250px;
 /height: 210px;
	padding: 20px;
	margin: 0 15px 0 0;
	/*cursor: pointer;*/
	background: url(../images/bgLi.gif);
}

ul.gridData li:hover {
	color: #333333;
	background: url(../images/bgLiHover.gif);
}

ul.gridData li .thumbnail {
	text-align: center;
	margin: 0 0 10px 0;
	background: #ffffff;
}

ul.gridData li .thumbnail img, .tableData img.thumbnail {
	max-width: 150px;
	max-height: 100px;
}

ul.gridData li h2 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}

ul.gridData li.last { margin: 0; }

.tableData {
	clear: both;
	width: 100%;
	margin: 0 0 20px 0;
}

.tableData th {
	font-weight: bold;
	font-size: 0.9em;
	background: #eeeeee;
}

.tableData th {
	vertical-align: top;
	padding: 5px 10px;
}

.tableData td {
	vertical-align: top;
	padding: 6px 10px;
}

.tableData tr { /*cursor: pointer;*/ border-bottom: 1px dotted #cccccc; }

.tableData tr:hover { background: #f5f5f5; }

.tableData tr:active { background: #eeeeee; }

.tableData h2 {
	font-size: 1em;
	font-weight: bold;
}

.tableData td p.productId {
	font-size: 0.85em;
	line-height: 1;
	margin: 0 0 5px 0;
}

.tableData td.img { width: 100px; }

.tableData td.img img {
	width: 100px;
	height: auto;
	margin: 0 0 10px 0;
	border: 1px solid #cccccc;
}

.tableData td img.functions { margin: 0 0 0 0; }

.tableData td.price { width: 100px; }

/*.tableData td.description { padding-right: 30px; }*/

#right ul {
	list-style: disc;
	margin: 0 0 20px 18px;
}

#right ul li { padding: 2px 0; }

#right ul li a:hover { color: #000000; }

#right .currentlyBrowsing {
	padding: 10px 15px;
	margin: 0 0 20px 0;
	background: #fff9ef;
	border: 1px solid #efe4d1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#right ol.breadcrumb {
	list-style: none;
	margin: 0;
}

#right ol.breadcrumb li {
	margin: 0 0 3px 0;
	padding: 3px 0 0 20px;
	background: url(../images/icons/browsingArrow.gif) 0 0 no-repeat;
}

#right ol.breadcrumb li a { font-weight: bold; }

#right ol.breadcrumb li.selected {
	font-weight: bold;
	padding: 3px 0 0 20px;
	color: #990000;
}

#right ol.breadcrumb li.past {
	font-weight: bold;
	color: #666666;
}

.shortDesription { font-size: 0.85em; }

.listPrice {
	font-weight: bold;
	color: #000000;
}

.productImage {
	float: left;
	width: 360px;
	height: 320px;
	margin: 0 25px 0 0;
	text-align: center;
	background: url(../images/bgImageMedium.gif);
}

.productImage span {
	width: 360px;
	height: 300px;
	display: table-cell;
	vertical-align: middle;
}

.productImage img { border: 1px solid #cccccc; }

.productOverview {
	float: right;
	width: 300px;
	margin: 0 25px 15px 0;
}

.productOverview h2 {
	font-size: 1em;
	letter-spacing: normal;
}

dl.addToCart {
	float: left;
	width: 300px;
	margin: 10px 0 20px 0;
	background: #fff9ef;
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}

dl.addToCart dt {
	clear: both;
	float: left;
	width: 90px;
 w/idth: 100px;
 /width: 90px;
	height: 30px;
 h/eight: 40px;
 /height: 30px;
	padding: 5px;
	text-align: right;
	font-size: 0.85em;
	font-weight: bold;
}

dl.addToCart dd {
	float: left;
	width: 190px;
 w/idth: 200px;
 /width: 190px;
	height: 30px;
 h/eight: 40px;
 /height: 30px;
	padding: 5px;
}

.sharing {
	padding: 10px;
	float: left;
	font-size: 0.85em;
	font-weight: bold;
}

ul.tabNavigation {
	float: left;
	width: 640px;
	display: block;
	margin: 15px 0 0 0;
	background: url(../images/spacer_grey.gif) repeat-x bottom;
}

ul.tabNavigation li {
	float: left;
	margin: 0 8px 0 0;
	border-bottom: none;
	background: #333333;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

ul.tabNavigation li a {
	color: #cccccc;
	font-weight: bold;
	line-height: 30px;
	height: 30px;
	padding: 7px 14px;
	outline: none;
	-moz-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
}

ul.tabNavigation li a:hover {
	color: #ffffff;
	background: #000000;
}

ul.tabNavigation li a.selected {
	color: #ffffff;
	font-weight: bold;
	background: #990000;
}

.tabContent {
	float: left;
	width: 660px;
 w/idth: 700px;
 /width: 660px;
	padding: 20px;
	margin: 0 0 20px 0;
	border-top: 5px solid #990000;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.tabContent ul {
	list-style: circle;
	margin: 0 0 0 20px;
}

.tabContent ul li { padding: 0 0 15px 0; }

dl.form {
	float: left;
	height: auto;
	width: 300px;
	margin: 0 0 15px 0;
}

dl.form dt {
	float: left;
	width: 300px;
	padding: 0;
	color: #333333;
	font-weight: bold;
}

d.form dt label { font-weight: bold; }

dl.form dd {
	float: left;
	width: 300px;
	margin: 0 0 10px 0;
}

.buttons { clear: both; }

dl#faq dt {
	color: #990000;
	font-weight: bold;
	cursor: pointer;
	margin: 0 0 10px 0;
}

dl#faq dt:hover { color: #000000; }

dl#faq dd { margin: 0 0 20px 20px; }

fieldset { border: none; }

input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	padding: 3px 3px;
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #999999;
}

input:focus, select:focus, textarea:focus {
	border: 1px solid #cfbc9b;
	background: #fff3df;
}

select.Items:focus, input.Items:focus {
	border: 1px solid #999999;
	background: #666666;
}

.field25 { width: 25px; }

.field50 { width: 50px; }

.field75 { width: 75px; }

.field100 { width: 100px; }

.field115 { width: 115px; }

.field125 { width: 125px; }

.field150 { width: 150px; }

.field175 { width: 175px; }

.field200 { width: 200px; }

.field300 { width: 300px; }

.field400 { width: 400px; }

#footer {
	clear: both;
	/*float: left;*/
	margin: 0 auto;
	text-align: center;
	width: 960px;
	border-top: 1px dotted #cccccc;
	padding: 0 0 60px 0;
}

#footer ul {
	text-align: left;
	float: left;
}

#footer ul li {
	float: left;
	width: 220px;
	margin: 20px 26px 30px 0;
	font-size: 0.85em;
}

#footer ul li h4 { color: #666666; }

#footer ul li.last {
	color: #999999;
	margin: 20px 0 0 0;
}

#footer .ccinfo { clear: both; }