@import url(products_freeform.css);

/* custom css file for Freeform */  

* {
	margin: 0;
	padding: 0;}

body {
	background: #D7D7D7 url(../gfx/body_freeform_bg.png) repeat-x center top;
	border: 0;
	color: #323234;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;
	font-size: 100%;
	margin: 0 0 2% 0;
	padding: 0;}
	
a {
	color: #cc092f;}
	
a:hover {
	color: #c2b736;}

td, p, ul, ol {
	font-size: .75em;}

p {
	margin: 8px 0;
	padding-right: 10px;
	text-align: left;}
	
h1,h2,h3,h4,h5,h6 {
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;}
	
h1,
h1.largerh1 {
	background: transparent url(../gfx/content_freeform_h1_bg.png) repeat-x left bottom;
	color: #202020;
	font-size: 1.67em;
	font-weight: normal;
	font-weight: normal;
	margin: .25em 0 .5em 0;
	padding: 0 0 18px .15em;
	text-transform: none !important;}
	
h1 span {
	color: #bfb53f;
	font-size: 1.05em;
	font-weight: bold;}
	
h1#tagline {
	font-family: "Arial", sans-serif !important;
	font-weight: normal;
	margin: 0 !important;
	padding: 2px !important;}

h2 {
	color: #000000;
	font-size: 1.125em;
	font-weight: bold;
	margin: 0.25em 0;
	padding: 0.15em 0;}

h3 {
	border-bottom: 1px solid #95969A;
	color: #95969A;
	font-size: .875em;
	margin: 0.5em -3px 0.5em 0;
	padding-top: .25em;
	text-align: left;}

h4 {
	color: #141415;
	font-size: .95em;
	margin: 0.5em 0;}

h5 {
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 0;}
	
h6.stock-status {
	border: 1px solid #ccc;
	color: #d3222a;
	font-size: .7em;
	font-weight: normal;
	margin: 0;
	padding: 0.25em;}

h6.onorder {
	color: #cc092f;}
	
p {
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;}

.dash-panel h3 {
	border-top: 0;
	border-bottom: 1px dotted #CDCBCC;
	padding-bottom: .25em;}
	
.default-section_content h1 {
	color: #323234;
	font-size: .75em;
	font-weight: bold;
	margin-bottom: 0;}
	
.rightcontainer {
	font-size: .75em;
	padding-right: 15px;}
	
.rightcontainer h1.page_title {
	text-transform: none !important;
	color: #cc092f;
	font-size: 1.67em;
	font-weight: normal;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding-bottom: .25em;
	text-transform: none !important;}
	
.rightcontainer p, .rightcontainer ul, .rightcontainer ul li {
	font-size: 1em;}
	
 div.ourprice {
	color: #dfd34b !important;}
	
form#qtyboxform {
	padding: 0 0 0 135px;}

/*** Begin Brand Overrides ***/

#page-container {
	background: #FFFFFF url(../gfx/container_freeform_bg.png) no-repeat center 227px !important;
	border: 0;
	border-bottom: 7px solid #bcbcbc;
	margin: 25px auto 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
	width: 980px;}

#page-header {
	background: #dfd34b url(../gfx/header_freeform_bg.png) no-repeat center top;
	height: 176px;}

#page-header div#header-logo {
	top: 48px !important;
	left: 15px;}
	
#page-header #header-finder {
	display: none;
	top: 105px !important;
	left: 20px;}
	
#page-header #header-finder #finder-button { 
	float: left;
	margin: -3px 0 0 0;}
	
#page-header h5#header-userinfo {
	top: 75px;
	right: 10px;
	font-size: .8em;}
	
#page-header #header-nav {
	top: 145px;
	right: 150px;}
	
.google-search {
	margin-top: 6px;
	vertical-align: middle;}

.google-search label {
	color: #FFFFFF !important;}

	
/********************************
SIDEBARS */
#page-left-column {
	display: none;
	/*background: transparent;
	border: 0;
	border-right: 1px solid #323234;
	display: inline;
	float: left;
	width: 200px;
	margin : 0 10px 0 0;
	padding: 0;
	text-align: left;*/}
	
#page-right-column {
	display: none;
	/*float: right;
	width: 200px;
	margin: 0 0 0 10px;
	padding: 0;*/}

/********************************
CONTENT */
#page-content {
	display: inline;
	float: left;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	text-align: left;}
	
#header-nav ul#qm-utility.qmmc li a {
	color: #626262;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;}
	
#header-nav ul#qm-utility.qmmc li a:hover {
	color: #a1a1a1;}

#header-nav ul#qm-utility.qmmc li.cart {
	background: url(../gfx/icon_freeform_cart.gif) no-repeat left !important;}
	
/*** Begin Top Navigation Style Overrides ***/

#qm0 {
	background-color: #000000;
	background-image: none;
	border: 0 !important;
	margin: 0;
	padding: 0;}
	
#qm0 a {
	color: #FFFFFF;
	background: transparent url(../gfx/header_freeform_top-nav-bg.png) no-repeat 100% 0;
	border: 0;
	font-size: 13pt;
	font-weight: normal;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;
	margin: 0;
	padding: 12px 20px 16px 20px;
	text-shadow: none;
	text-transform: none;}

#qm0 a:hover {
	color: #FFFFFF;
	background: #cc092f url(../gfx/header_freeform_top-nav-bg.png) no-repeat 100% 0;
	margin: 0;}
	
#qm0 ul li a {
	color: #cc092f;}
	
#qm0 ul li a:hover {
	color: #c2b736;}

#qm0 a.qmpersistent {	
	background: transparent url(../gfx/header_freeform_top-nav-bg.png) no-repeat 100% 0;
	color: #dae33f;
	font-weight: normal;}
	
#qm0 a.qmpersistent:hover {	
	background: #cc092f url(../gfx/header_freeform_top-nav-bg.png) no-repeat 100% 0;
	color: #ffffff;
	font-weight: normal;}

#qm0 ul li:hover>a	{	
	color: #ffffff;}
	
#qm0 div {
	border: 1px solid #000000;
	border-top: 2px !important;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;}

#qm0 div a {
	color: #cc092f;
	background-color: transparent !important;
	background-image: none !important;
	border: 0 !important;
	font-size: 10pt !important;
	font-weight: normal !important;}
	
#qm0 div a:hover {
	color: #c2b736;
	background-color: transparent !important;
	background-image: none !important;}

#qm0 div .qmactive, #qm0 div .qmactive:hover {
	color: #c2b736;
	background-color: transparent !important;
	background-image: none !important;}
	
#qm0 div a.qmpersistent	{
	background-color: transparent !important;
	background-image: none !important;
	color: #6D0D20 !important;}
	
#qm0 div a.qmpersistent:hover	{
	background-color: transparent !important;
	background-image: none !important;
	color: #cc092f !important;}
	
/*** End Top Navigation Style Overrides ***/

/*** Begin Left Navigation Style Overrides ***/

#qm1 {
	display: none;
	width: 200px;
	margin-bottom: 20px;
	background-color: transparent;
	padding: 0;}

#qm1 a {	
	padding: 10px;
	background-color: transparent;
	color: #FFFFFF;
	font-family: Arial, sans-serif !important;
	font-size: .75em;
	font-weight: bold;
	text-decoration: none;
	border: 0;}

#qm1 a:hover {	
	background-color: #cc092f;
	border: 0 !important;
	color: #FFFFFF;}
	
#qm1 a:active {
	background-color: #6d0d20;
	color: #FFFFFF;}
	
#qm1 a.qmpersistent {
	background-color: #cc092f;
	color: #FFFFFF;}
	
#qm1 a.qmpersistent:hover {
	background-color: #cc092f;
	color: #FFFFFF;}
	
#qm1 a.qmactive, #qm1 a.qmactive:hover {
	background-color: #6d0d20;
	color: #FFFFFF;}
	
#qm1 ul, #qm1 div {
	background-color: #9ea0a2;
	border: 0;}

#qm1 li {
	border: 0;
	clear: both; 
	width: 200px;}
	
#qm1 li:hover>a {	
	background-color: #cc092f;
	color: #FFFFFF;}

#qm1 ul li a, #qm1 div a {
	background: #9ea0a2;
	border: 0;
	color: #cc092f;
	font-family: Arial, sans-serif !important;}

#qm1 ul li a:hover, #qm1 div a:hover {
	color: #c2b736;}

#qm1 ul li:hover>a {	
	color: #c2b736;}

#qm1 div a:hover {	
	background: #FFFFFF url(../gfx/left-nav_persistent_bg.png) no-repeat 0 0;
	border: 0;
	color: #c2b736;
	padding: 3px 0 3px 20px;}

#qm1 ul li:hover>a {	
	background: #FFFFFF url(../gfx/left-nav_persistent_bg.png) no-repeat 0 0;
	border: 0;
	color: #c2b736;
	padding: 3px 0 3px 20px;}
	
body #qm1 div .qmactive, body #qm1 div .qmactive:hover {	
	background: #FFFFFF url(../gfx/left-nav_persistent_bg.png) no-repeat 0 0;
	border: 0;
	color: #c2b736 !important;
	padding: 3px 0 3px 20px;}
	
body #qm1 div .qmpersistent, body #qm1 div .qmpersistent:hover {	
	background: #FFFFFF url(../gfx/left-nav_persistent_bg.png) no-repeat 0 0;
	border: 0;
	color: #c2b736 !important;
	padding: 3px 0 3px 20px;}
	
/*** End Left Navigation Style Overrides ***/
	
/*** Begin Footer Navigation Style Overrides ***/

#page-footer-container {
	background-color: transparent;
	margin: 0 auto;
	padding: 0;}

#page-footer {
	background: transparent none no-repeat 0 0 !important;
	border: 0 !important;
	margin-top: 10px;}
	
#page-footer .qmtitle {
	color: #040404;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;
	font-weight: bold;}
	
#page-footer ul li a {
	color: #040404!important;
	font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", sans-serif !important;}

#page-footer ul li a:hover {
	color: #cc092f !important;}
	
#legal-trademark {
	color: #040404;}

.footer-menu a:hover {
	color: #c2b736 !important;}
	
/*** End Footer Navigation Style Overrides ***/

#home-menu {
	background: #cc092f !important;}

#menu {
	border-top: 1px solid #cc092f;
	border-bottom: 1px solid #cc092f;}

#content-wrap { border-bottom: 1px solid #cc092f;}

.sd-cart h5 {
	color: #cc092f !important;}

.pc-item-sale { color: #cc092f !important;}

a.slideitem {
	color: #cc092f !important;}

.mainmenu a:hover,.slidesub .mmenu a:hover {
	color: #cc092f !important;}

.mgrfront-sectiontitle {
	color: #cc092f !important;}

.dashlabel {
	color: #cc092f !important;}

er-menu-list a:hover {
	color: #cc092f !important;}

.ds-sub {
	color: #cc092f !important;}
	
#page-right-column .newsletter h2 {
	color: #cc092f;}

	
ul.standard-button li.left {
	list-style-type: none !important;
	background: transparent url('../gfx/button_freeform_standard-left.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 13px;
}
ul.standard-button li.center {
	list-style-type: none !important;
	background: transparent url('../gfx/button_freeform_standard-center.png') repeat-x top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}
ul.standard-button li.center a:link,
ul.standard-button li.center a:visited {
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 0;
	text-decoration: none;}
	
ul.standard-button li.center a:hover {
	color: #F0F0F0;}

ul.standard-button li.right {
	list-style-type: none !important;
	background: transparent url('../gfx/button_freeform_standard-right.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 20px;}

ul.buttonsm {
	display: block;
	margin: 0; 
	padding: 0; 
	list-style: none;}
	
ul.buttonsm li {
	margin: 0; 
	padding: 0; 
	float: left; 
	list-style-type: none;}
	
ul.buttonsm li.left {
	background: transparent url(../gfx/button_freeform_small-left.png) no-repeat top left;
	width: 10px;
	height: 23px;
	overflow: hidden;}
	
ul.buttonsm li.bkg {
	background: transparent url(../gfx/button_freeform_small-center.png) repeat-x top left;
	height: 23px;
	overflow: hidden;}	

ul.buttonsm li.right {
	background: transparent url(../gfx/button_freeform_small-right.png) no-repeat top left;
	width: 15px;
	height: 23px;
	overflow: hidden;}

ul.buttonsm li a {
	display: block;
	font: bold 7.5pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 5px 0;
	white-space: nowrap;}

ul.buttonsm li a:hover { color: #F0F0F0 !important;}
	
/*** End Brand Color Overrides ***/

/*** Old Button Class Name for Transition ***/

ul.button {
	margin: 10px 16px !important;
	padding: 0 0 10px 0;
	text-align: left;
}
ul.button li.left {
	background: transparent url('../gfx/button_freeform_standard-left.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 13px;}
	
ul.button li.bkg {
	background: transparent url('../gfx/button_freeform_standard-center.png') repeat-x top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
}
ul.button li.bkg a:link,
ul.button li.bkg a:visited {
	color: #ffffff;
	display: block;
	font-weight: bold;
	margin: 0;
	padding: 5px 0 6px 0;
	text-decoration: none;
}
ul.button li.bkg a:hover { color: #F0F0F0 !important;}
ul.button li.right {
	background: transparent url('../gfx/button_freeform_standard-right.png') no-repeat top left;
	float: left;
	height: 29px;
	margin: 0;
	padding: 0;
	width: 20px;
}

/*"""""""" (SUB) Active State""""""""*/	

body #qm1 div .qmpersistent {
	color: #6D0D20;}

body #qm1 div .qmpersistent:hover {
	color: #c2b736;}

body #qm1 .sub-sub a {
	color: #cc092f;}
	
body #qm1 .sub-sub a:hover {
	color: #c2b736;}

#qm1 ul.sub-sub li:hover>a {
	color: #c2b736;}

/*** End Brand Color Overrides ***/

/*** Begin New Styles for Content Pages, Brand-Specific ***/

/*** Bodyblade, Main Accent Color - Magenta #630417 ***/

#content-freeform-buttons140x60 {
	height: 60px;
	margin: 1px 0 0 0;
	padding: 0;
	width: 558px;}
	
#content-freeform-buttons140x60 ul {
	list-style: none;
	margin: 0;
	padding: 0;}

#content-freeform-buttons140x60 ul li {
	list-style: none !important;
	float: left;
	margin: 0;
	padding: 0;}
	
#content-freeform-buttons140x60 ul li.one a {
	background: url(http://spinning.com/images/button_freeform_roll-sample1.png) no-repeat;
	display: block;
	color: #FFFFFF;
	font: 10pt normal normal Arial, Helvetica, sans-serif;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 132px;
	_width: 140px;}
	
#content-freeform-buttons140x60 ul li.one a:hover {
	background: url(http://spinning.com/images/button_freeform_roll-sample2.png) no-repeat;}
	
#content-freeform-buttons140x60 ul li.two a,
#content-freeform-buttons140x60 ul li.three a {
	background: url(http://spinning.com/images/button_freeform_roll-sample4.png) no-repeat;
	color: #FFFFFF;
	display: block;
	font: 10pt normal normal Arial, Helvetica, sans-serif;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 131px;
	_width: 139px;}
	
#content-freeform-buttons140x60 ul li.two a:hover,
#content-freeform-buttons140x60 ul li.three a:hover {
	background: url(http://spinning.com/images/button_freeform_roll-sample3.png) no-repeat;}
 
#content-freeform-buttons140x60 ul li.four a {
	background: url(http://spinning.com/images/button_freeform_roll-sample5.png) no-repeat;
	display: block;
	color: #FFFFFF;
	font: 10pt normal normal Arial, Helvetica, sans-serif;
	height: 52px;
	_height: 60px;
	margin: 0;
	padding: 8px 0 0 8px;
	text-decoration: none;
	width: 132px;
	_width: 140px;}
	
#content-freeform-buttons140x60 ul li.four a:hover {
	background: url(http://spinning.com/images/button_freeform_roll-sample6.png) no-repeat;}
	
	#content-freeform-buttons153x60 {
		height: 45px;
		margin: 1px 0 0 0;
		padding: 0;
		width: 758px;}
	
	#content-freeform-buttons153x60 ul {
		list-style: none;
		margin: 0;
		padding: 0;}

	#content-freeform-buttons153x60 ul li {
		list-style: none !important;
		float: left;
		margin: 0;
		padding: 0;}
		
	#content-freeform-buttons153x60 ul li.one a {
		background: url(../../images/button_freeform_153x60-1_off.png) no-repeat;
		display: block;
		color: #FFFFFF;
		font: 10pt normal normal Arial, Helvetica, sans-serif;
		height: 37px;
		_height: 45px;
		margin: 0 -2px 0 0;
		padding: 8px 0 0 8px;
		text-decoration: none;
		width: 146px;
		_width: 151px;}
		
	#content-freeform-buttons153x60 ul li.one a:hover {
		background: url(../../images/button_freeform_153x60-1_on.png) no-repeat;}
		
	#content-freeform-buttons153x60 ul li.two a,
	#content-freeform-buttons153x60 ul li.four a {
		background: url(../../images/button_freeform_153x60_off.png) no-repeat;
		display: block;
		color: #FFFFFF;
		font: 10pt normal normal Arial, Helvetica, sans-serif;
		height: 37px;
		_height: 45px;
		margin: 0 -2px 0 0;
		padding: 8px 0 0 8px;
		text-decoration: none;
		width: 146px;
		_width: 151px;}
		
	#content-freeform-buttons153x60 ul li.two a:hover,
	#content-freeform-buttons153x60 ul li.four a:hover {
		background: url(../../images/button_freeform_153x60_on.png) no-repeat;}
		
	#content-freeform-buttons153x60 ul li.three a {
		background: url(../../images/button_freeform_153x60-3_off.png) no-repeat;
		display: block;
		color: #FFFFFF;
		font: 10pt normal normal Arial, Helvetica, sans-serif;
		height: 37px;
		_height: 45px;
		margin: 0 -3px 0 0;
		padding: 8px 0 0 8px;
		text-decoration: none;
		width: 146px;
		_width: 152px;}
		
	#content-freeform-buttons153x60 ul li.three a:hover {
		background: url(../../images/button_freeform_153x60-3_on.png) no-repeat;}
		
	#content-freeform-buttons153x60 ul li.five a {
		background: url(../../images/button_freeform_153x60-5_off.png) no-repeat;
		display: block;
		color: #FFFFFF;
		font: 10pt normal normal Arial, Helvetica, sans-serif;
		height: 37px;
		_height: 45px;
		margin: 0 -3px 0 0;
		padding: 8px 0 0 8px;
		text-decoration: none;
		width: 146px;
		_width: 151px;}
		
	#content-freeform-buttons153x60 ul li.five a:hover {
		background: url(../../images/button_freeform_153x60-5_on.png) no-repeat;}

#content-freeform-text {
	border: 0;
	/*border-top: 0;
	border-right: 0;
	border-bottom:  5px solid #cc092f;
	border-left:  0;*/
	margin: 15px 0 0 0;
	padding: 0;}
	
#content-freeform-text h1 {
	background: /*#cc092f*/transparent url(../../images/content_freeform_text_h1-bg.png) no-repeat top left;
	color: #FFFFFF;
	font: 11pt normal normal 'Arial', sans-serif;
	height: 24px;
	margin: 0;
	padding: 6px 0 0 12px;
	text-align: left;
	text-transform: uppercase;}
	
#content-freeform-text p {	
	background: #F4F4F4 url(../../images/content_freeform_text-bg.png) repeat-x 0 bottom;
	color: #323234;
	line-height: 14pt;
	margin: 0;
	padding: 8px 16px 16px 16px;
	text-align: left;}
	
#content-freeform-text ul.button {
	margin: 8px 16px;}
	
#content-home-features {
	margin: 10px auto 0 auto;
	padding: 0;
	width: 980px;}
	
#content-home-features a {
	cursor: pointer;
	float: left;
	text-decoration: none;}

#content-home-features .home-feature {
	background-image: url(../../images/content_home_feature_div-bg-235.png);
	height: 250px;
	margin: 0 5px 0 0;
	vertical-align: top;
	width: 235px;}
	
#content-home-features .home-feature h2 {
	background-image: url(../../images/content_home_feature_h2-bg-235.png);
	color: #616265;
	width: 227px;}
	
#content-home-features .home-feature img {
	height: 134px;
	width: 220px;}
	
#content-home-features .home-feature div {
	background: #630417 url(../../images/content_home_feature_link-bg.png) repeat-x left top;
	width: 227px;}

#content-home-features .home-feature div a {
	color: #FFFFFF;}

#content-home-features .last-feature {
	float: right;
	margin: 0;}
	
table.comparison-table td span.check-mark {
	color: #630417 !important;}

/*** End New Styles for Content Pages, Brand-Specific ***/

.reg-mark {
	font-size: smaller;
	margin: 0 0 0 1px;
	padding: 0;
	position: relative;
	top: -2px;}
	
.document-type {
	color: #616265;
	font-size: 7pt;}
	
/*** Begin Styles for Landing Page Testimonials ***/

#landing-page-testimonial {
	width: 475px;
	padding: 8px; 
	border: 1px solid #CDCBCC; 
	background-color: #fcfcfc; 
	margin: 0 16px;}
	
#landing-page-testimonial p {
	font-size: .7em; 
	line-height: 11pt;}

#landing-page-testimonial .head-shot {
	float: left; 
	margin: 0 0 25px 0;
	width: 150px; 
	height: 160px;}
	
/*** End Styles for Landing Page Testimonials ***/


/*** Exercise Library ***/

div.exercise {
	background: #FFFFFF url(http://www.spinning.com/images/freeform_div_exercise_bg.png) repeat-x bottom left;
	border: 1px solid #bdbdbd;
	margin: 0 0 40px 0;
	padding: 10px; 
	width: 280px; 
	float: left;}
	
div.exercise h2 {
	color: #bfb53f;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
	font-size: .9em;
	margin: 0 0 10px 0 !important;
	text-align: center;
	text-transform: uppercase;}


/*** Exercise Library ***/