combody {
	background: white url(images/sect-b-header_ver2.gif) repeat-x left top;
	font: 12px "Trebuchet MS", Verdana, sans-serif;
	color: #666;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

a {
	color: #FD4703;
}

a img {
	border: none;
}

input, textarea, select {
	font: 11px "Trebuchet MS", Verdana, sans-serif;
}

#container {
	width: 768px;
	text-align: left;
	position: relative;
	margin:0px auto 0px auto;
	/*background-color:#FFFFFF;*/
}

#header ul {
	margin: 0px;
	padding: 0px;
}

#header ul li {
	margin: 0px;
	padding: 0px;
	list-style: none;
	display: inline;
}

#header ul li a {
	display: block;
	float: left;
	position: relative;
}

#header ul li a span {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

#topnav{
float:left;
font: 11px "Trebuchet MS", Verdana, sans-serif;
color:#ffffff;
margin:0;
padding:0;
background: url(images/nav_bg.gif) repeat-x left top;
width:769px;
height:32px;}

#topnav ul{
margin:0;
padding:0;}

#topnav li{
display:inline;
list-style:none;
border-right:1px solid #ffffff;
margin:0;
padding:5px;}

#topnav a:link, topnav a:visited{
margin:0;
padding:0;
color:#ffffff;
text-decoration:none;}

#topnav a:hover{
margin:0;
padding:0;
color:#fd4703;
text-decoration:none;}




#nav-primary {
	left: 0px;
	height: 18px;
	width: 700px;
	font-size: 8px;
	padding:5px 0 0 0;
	background: url(_designNew/secnav_bg.gif) no-repeat left top;
}

#nav-primary a, #nav-primary a span {
	background: url(_designNew/secnav_bg.gif) no-repeat 0px 0px;
	height: 18px;
}


#link-cycle-pants a, #link-cycle-pants a span { width: 83px; background-position: -1px 0px; display:none; }
#link-cycle-pants a:hover span { background-position: -1px -25px; }
#link-riding-tops a, #link-riding-tops a span { width: 82px; background-position: -84px 0px; }
#link-riding-tops a:hover span { background-position: -84px -25px; }
#link-shells-and-windbreakers a, #link-shells-and-windbreakers a span { width: 148px; background-position: -169px 0px; }
#link-shells-and-windbreakers a:hover span { background-position: -169px -25px; }
#link-gloves-and-socks a, #link-gloves-and-socks a span { width: 136px; background-position: -317px 0px; }
#link-gloves-and-socks a:hover span { background-position: -317px -25px; }
#link-boys-and-girls a, #link-boys-and-girls a span { width: 98px; background-position: -453px 0px; }
#link-boys-and-girls a:hover span { background-position: -453px -25px; }
#link-misc a, #link-misc a span { width: 48px; background-position: -551px 0px; }
#link-misc a:hover span { background-position: -551px -25px; }
#link-custom a, #link-custom a span { width: 100px; background-position: -599px 0px; }
#link-custom a:hover span { background-position: -599px -25px; }

#nav-secondary {
	left: 0px;
	height: 27px;
	width: 750px;
	font-size: 8px;
	/*background: url(images/main-n-secondary.gif) no-repeat left top;*/
}

*html #nav-secondary {
	left: 0px;
	height: 30px;
	width: 750px;
	font-size: 8px;
	/*background: url(images/main-n-secondary.gif) no-repeat left top;*/
}

#nav-secondary a, #nav-secondary a span {
	/*background: url(images/main-n-secondary.gif) no-repeat 0px 0px;*/
	height: 27px;
}

#link-safe-shopping a, #link-safe-shopping a span { width: 84px; background-position: -1px 0px; }
#link-safe-shopping a:hover span { background-position: -1px -24px; }

#link-customer-comments a, #link-customer-comments a span { width: 120px; background-position: -84px 0px; }
#link-customer-comments a:hover span { background-position: -84px -14px; }

#link-about a, #link-about a span { width: 59px; background-position: -204px 0px; }
#link-about a:hover span { background-position: -204px -24px; }

#link-contact a, #link-contact a span { width: 69px; background-position: -263px 0px; }
#link-contact a:hover span { background-position: -263px -24px; }

#link-links a, #link-links a span { width: 40px; background-position: -332px 0px; }
#link-links a:hover span { background-position: -332px -24px; }

#link-site-map a, #link-site-map a span { width: 55px; background-position: -372px 0px; }
#link-site-map a:hover span { background-position: -372px -24px; }

#link-fix a, #link-fix a span { width: 77px; background-position: -426px 0px; }
#link-fix a:hover span { background-position: -426px -24px; }

#link-home a, #link-home a span { width: 41px; background-position: -503px 0px; }
#link-home a:hover span { background-position: -503px -24px; }

#link-live-and-ride a, #link-live-and-ride a span { width: 90px; background-position: -600px 0px; }
#link-live-and-ride a:hover span { background-position: -600px -24px; }

#login-form {
	/*border: 1px solid white;*/
	position: absolute;
	left: 450px;
	top: 110px;
	height: 23px;
	/*width: 400px*/
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	overflow: hidden;
	
	/*background: url(images/sect-b-search.gif) no-repeat 2px 3px;*/
}

#login-form input.image {
	position: absolute;
	left: 161px;
	top: 4px;
}

#login-form form input.text {
	background: none;
	border: none;
	padding: 0px;
	margin: 0px;
	position: absolute;
	left: 8px;
	top: 6px;
	font: 12px "Trebuchet MS", Verdana, sans-serif;
}

#columns {
	border-left: #666666 1px solid;
	border-right: #666666 1px solid;
	background-color:#FFFFFF;
}

#main {
	background: white url(images/section_body.gif) repeat-x left top;
	margin-right: -208px;
	width: 100%;
	float: left;

	
}

#main-inner {
	margin-right: 208px;	
}

#sidebar {
	float: right;
	width: 200px;
}

#main h2 {
	margin: 8px 8px 0ex;
	padding: 8px 8px 0px;
	font: 250%/normal "Franklin Gothic Medium Cond", "Trebuchet MS", "Verdana", sans-serif;
	color: #FD4703;
	font-weight: bold;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid #8E9295;
}

#main h1 {
	margin: 8px 8px 0ex;
	padding: 8px 8px 0px;
	font: 250%/normal "Franklin Gothic Medium Cond", "Trebuchet MS", "Verdana", sans-serif;
	color: #FD4703;
	font-weight: bold;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid #8E9295;
}

#main h3 {
	margin: 8px 8px 1ex;
	padding: 8px;
	font: 150%/normal "Franklin Gothic Medium Cond", "Trebuchet MS", "Verdana", sans-serif;
	color: #FD4703;
	font-weight: bold;
	/*text-transform: uppercase;*/
}

#main p {
	margin: 0px 16px 2ex;
	line-height: 1.6;
}

#main ul {
	margin: 1ex 16px 2ex;
	padding: 0px;
}

#main ul ul {
	margin: 0px;
}

#main ul li {
	padding-left: 20px;
	background: url(images/bullet.gif) no-repeat 0px 5px;
	list-style: none;
}

#my-gear {
	float: right;
	width: 200px;
	background: url(images/sect-b-my-gear.gif) repeat-y center top;
	position: relative;
	color: white;
}

#my-gear h2 {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	width: 200px;
	height: 24px;
	position: relative;
}

#my-gear h2 span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 24px;
	background: url(images/sect-b-my-gear-top.gif) no-repeat center top;
}

#link-my-gear-logout {
	position: absolute;
	right: 12px;
	top: 6px;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	color: white;
}

#link-my-gear-logout:hover {
	color: #FD4703;
}

#my-gear p {
	margin: 0px 6px;
	padding: 1ex;
	font-size: 11px;
}

#my-gear table, #my-gear td {
	border-spacing: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

#my-gear table {
	margin: 0px 12px;
	width: 176px;
}

#my-gear table ul {
	margin: 0px;
	padding: 0px 0px 2ex;
}

#my-gear table ul li {
list-style:none;
	
}

#my-gear table ul li a {
	color: white;
}

#my-gear form table {
	border-bottom: 1px solid white;
}

#my-gear tr.product td {
	padding: 8px 0px 8px 8px;
	background: #e2e3e3 url(images/sect-b-my-gear-product.gif) repeat-x left bottom;
	border-bottom: 1px solid #8e9295;
	vertical-align: middle;
}

#my-gear tr.product td.thumbnail {
	width: 48px;
}

#my-gear tr.product td.thumbnail img {
	border: 1px solid #5C5F61;
	vertical-align: middle;
}

#my-gear tr.product td.description {
	color: #5c5f61;
	font-size: 10px;
	line-height: 1.4;
	width: 104px;
}

#my-gear tr.total td {
	font-weight: bold;
	background: #c7c9ca;
	color: #5C5F61;
	font-size: 10px;
	padding: 1px 8px;
}

#my-gear-bottom {
	height: 48px;
	background: url(images/sect-b-my-gear-bottom.gif) no-repeat center bottom;
	position: relative;
}

#my-gear-bottom a.checkout, #my-gear-bottom a.my-account {
	position: absolute;
	width: 84px;
	height: 24px;
	top: 8px;
}

#my-gear-bottom a.checkout span, #my-gear-bottom a.my-account span {
	position: absolute;
	width: 84px;
	height: 24px;
	left: 0px;
	top: 0px;
	cursor: pointer;
}

#my-gear-bottom a.checkout { left: 12px; }
#my-gear-bottom a.checkout span { background: url(images/sect-n-my-gear-checkout.gif) no-repeat 0px 0px; }
#my-gear-bottom a.my-account { right: 12px; }
#my-gear-bottom a.my-account span { background: url(images/sect-n-my-gear-account.gif) no-repeat 0px 0px; }

.product-list {
	padding-left: 16px;
	clear: both;
}

/*-------------Competition-------------*/

#secureshop {
	float: right;
	width: 200px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#competition {
	float: right;
	width: 200px;
	background: url(images/sect-b-my-gear.gif) repeat-y center top;
	position: relative;
	color: white;
}

#competition .black{
color: #000;
font-weight: bold;
}

#competition h2 {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	width: 200px;
	height: 24px;
	position: relative;
}

#competition h2 span {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 200px;
	
}
#competition p {
	margin: 5px 6px;
	padding: 0px 5px 0px 5px;
	font-size: 11px;
}

#competition h3 {
	margin: 8px 6px;
	padding: 0px 5px 0px 5px;
	font-size: 14px;
}
#competition-bottom {
float: right;
	width: 200px;
	margin:0;
	padding:0;
	height: 40px;
	background: url(images/sect-b-my-gear-bottom.gif) no-repeat center bottom;
}
#competition-bottom img{
	padding:0px 0px 10px 60px;
}

#main .product-list h3 {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 0px;
}

#main .product-list p {
	margin-left: 0px;
}

table.products, table.mini-products {
	width: 400px;
	voice-family: "\"}\"";
	voice-family: inherit; 
	width: 100%;
	background: url(images/sect-b-product-middle.gif) repeat-x 0px 0px;
}

table.mini-products {
	width: 344px;
}

table.products, table.products td, table.mini-products, table.mini-products td {
	margin: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.products td, table.mini-products td {
	background: url(images/sect-b-product-middle.gif) repeat-x 0px 0px;
	vertical-align: middle;
	border-bottom: 8px solid white;
}

table.products td.thumbnail, table.mini-products td.thumbnail {
	background: url(images/sect-b-product-left.gif) no-repeat left top;
	padding: 8px;
}

table.products td.thumbnail img, table.mini-products td.thumbnail img {
	border: none;
}

table.products td.description, table.mini-products td.description {
	font-size: 11px;
	vertical-align: top;
	padding: 8px 0px;	
}

table.mini-products td.description {
	width: 248px;
	height: 72px;
}

table.products td.description h4, table.mini-products td.description h4 {
	color: #FD4703;
	/*text-transform: uppercase;*/
	margin: 0px 0px 0.5ex 0px;
	font: 16px/normal "Franklin Gothic Medium Cond", "Trebuchet MS", "Verdana", sans-serif;
}

#main table.products td.description p, table.mini-products td.description p {
	margin: 0px;	
}

table.products td.price {
	padding-right: 8px;
	background: url(images/sect-b-product-right.gif) no-repeat right top;
}

table.products td.price .price {
	color: black;
	font: 22px "Franklin Gothic Demi Cond", "Trebuchet MS", "Verdana", sans-serif;
}

table.mini-products td.description {
	background: url(images/sect-b-product-right.gif) no-repeat right top;
	padding-right: 8px;
	line-height: 1;
}

.product_info {
	padding-left: 8px;
}

.product-info .description {
	float: right;
	width: 100%;
	margin-left: -192px;
}

.product-info .description-inner {
	margin-left: 192px;
}

.product-info .order-me {
	float: left;
	margin-top: 50px;
	width: 184px;
	background: url(images/sect-b-product-top.gif) no-repeat right top;
	text-align: right;
	position: relative;
}

.product-info .order-me #flipper {
	position: absolute;
	right: 16px;
	top: 160px;
}

.product-info .order-me #zoomer {
	display: block;
	position: absolute;
	right: 8px;
	top: 8px;
}

.product-info #product-shot {
	margin: 8px;
	cursor: pointer;
}

.product-info form {
	margin: 0px 0px 0px 8px;
	text-align: center;
	padding: 0px 8px 8px;
	background: url(images/sect-b-product-bottom.gif) no-repeat right bottom;
	position: relative;
	top: 8px;
}

.icons {
}

dl.product-details {
	margin: 1ex 0px 2ex 16px;
}

dl.product-details dt {
	float: left;
	clear: left;
	font-weight: bold;
	width: 4em;
}

dl.product-details dd {
}

#featured-products {
	padding-left: 10px;
	padding-bottom: 2px;
}

#featured-products h3 {
	margin-left: 0px;
	margin-bottom: 0px;
}

table.featured-products {
	width: 550px;
}

table.featured-products td {
	width: 180px;
	height: 360px;
	font-size: 11px;
}

table.featured-products .featured-product {
	width: 180px;
	height: 350px;
	position: relative;
	background: white url(images/sect-b-product-top.gif) no-repeat 4px 0px;
	text-align: center;
	font-size: 11px;
}

.featured-product h4 {
	color: #FD4703;
	/*text-transform: uppercase;*/
	font: 16px/normal "Franklin Gothic Medium Cond", "Trebuchet MS", "Verdana", sans-serif;
	margin: 0px 12px;
	padding-top: 8px;
	text-align: left;
	border-bottom: 1px solid #666;
}

.featured-product h4 a {
	text-decoration: none;
}

.featured-product img.thumbnail {
	margin: 0px auto;
}

.featured-product p {
	text-align: left;
}

.featured-product .bottom {
	position: absolute;
	left: 4px;
	bottom: 0px;
	height: 100px;
	width: 176px;
	background: url(images/sect-b-product-bottom.gif) no-repeat right bottom;
	text-align: center;
}

.featured-product .bottom .price {
	color: black;
	font: 22px "Franklin Gothic Demi Cond", "Trebuchet MS", "Verdana", sans-serif;
}

.featured-product .bottom select {
	width: 152px;
}

#footer {
	clear: both;
	position: relative;
	/*top: 8px;*/
	height: 80px;
	background: url(images/sect-b-footer_ver2.gif) repeat-x left top;
	text-align: left;
	margin-bottom: -8px;
}

#footer-inner {
	position: relative;
	width: 768px;
	margin: 0px auto 0px auto;
}

#footer .copyright {
	position: absolute;
	right: 8px;
	top: 10px;
	font-size: 11px;
}

#footer .footer-links {
	position: absolute;
	left: 8px;
	top: 10px;
	font-size: 11px;
	text-align: left;
}

#footer .avatar-plug {
	position: absolute;
	right: 8px;
	top: 44px;
	color: white;
}

#footer .avatar-plug a {
	color: white;
}

.highlight {
	background-color: #fc9;
}

blockquote {
	border-bottom: 1px solid #8E9295;
	margin: 2ex 8px 2ex;
	padding: 1ex 0px;
}

blockquote p {
	margin: 0px 0px 2ex;
}

blockquote .source {
	text-align: right;
	font-style: italic;
}

#main h2.seo-phrase {
	margin: 8px 8px 0ex;
	padding: 8px 8px 0px;
	font: italic 100%/normal "Trebuchet MS", "Verdana", sans-serif;
	color: #666;
	font-weight: normal;
	text-transform: none;
	border-bottom: none;
}

#print-header {
	display: none;
}

table.cart {
	width: 512px;
	margin: 2ex 16px 2ex;
	border-spacing: 0px;
	border-collapse: collapse;
	border-bottom: 1px solid #5C5F61;
}

table.cart td {
	border-spacing: 0px;
	border-collapse: collapse;
	border-top: 1px solid #c7c9ca;
	font: 11px "Trebuchet MS", "Verdana", sans-serif;
}

table.cart th {
	font-weight: bold;
	text-align: left;
	border: 1px solid #5C5F61;
	border-width: 1px 0px;
}

fieldset {
	border: 1px solid #5C5F61;
	margin: 0px 8px 2ex;
}

* html fieldset {
	padding: 0px 8px;
}

legend {
	font-weight: bold;
	/*text-transform: uppercase;*/
}

table.form {
	width: 512px;
	border-spacing: 0px;
	border-collapse: collapse;
	margin: 0px 8px 2ex 16px;
}

fieldset table.form {
	width: 100%;
	margin: 0px;
}

table.form td.label {
	width: 160px;
}

table.form label {
	font-weight: bold;
}

table.form input.text,
table.form textarea,
table.form select {
	width: 100%;
}

input.text,
textarea,
select {
	border: 1px solid #5C5F61;
	background-color: #E2E3E3;
	font: 11px "Trebuchet MS", Verdana, sans-serif;
	vertical-align: bottom;
}

input.image {
	vertical-align: bottom;
}

table.addresses {
	margin: 0px 8px 2ex 16px;	
	border-spacing: 0px;
	border-collapse: collapse;
	width: 512px;
}

table.addresses td {
	vertical-align: top;
	padding: 1ex;
	border-bottom: 1px solid #C7C9CA;
}

table.order-details {
	margin: 1ex 8px 2ex 16px;	
	border-spacing: 0px;
	border-collapse: collapse;
	width: 512px;
	border-bottom: 1px solid black;
}

table.order-details td {
	border-top: 1px solid #C7C9CA;
	vertical-align: top;
}

table.order-details thead th {
	font-weight: bold;
	text-align: left;
	border: 1px solid black;
	border-width: 1px 0px;
}

table.order-details td.price {
	text-align: right;
}

table.order-details tfoot td {
	border-top-color: black;
}

table.fax-order {
	margin: 1ex 8px 2ex 16px;	
	border-spacing: 0px;
	border-collapse: collapse;
	width: 512px;
	border-bottom: 1px solid black;
}

table.fax-order table.order-details {
	margin: 0px;
	width: 100%;
	border-bottom: none;
}

table.fax-order td {
	/*border-top: 1px solid #C7C9CA;*/
	vertical-align: top;
}

table.fax-order th {
	border: 1px solid black;
	border-width: 1px 0px;
	font-weight: bold;
	/*test-transform: uppercase;*/
}

table.payment-method {
	border-spacing: 0px;
	border-collapse: collapse;
	width: 100%;
}

table.payment-method td {
	line-height: 2.5em;
}

.print-only {
	display: none;
}

table.invoice {
	margin: 1ex 8px 2ex 16px;	
	border-spacing: 0px;
	border-collapse: collapse;
	width: 512px;
}

table.invoice table.invoice {
	margin: 0px;
	width: 100%;
}

table.invoice td {
	/*border-top: 1px solid #C7C9CA;*/
	vertical-align: top;
}

table.invoice table.order-details {
	margin: 0px;
}

table.invoice th {
	border: 1px solid black;
	border-width: 1px 0px;
	font-weight: bold;
	/*test-transform: uppercase;*/
}

table.order-list {
	width: 512px;
	margin: 0px 8px 2ex 16px;
	border-collapse: collapse;
	border-spacing: 0px;
	border-bottom: 1px solid black;
}

table.order-list td {
	border-top: 1px solid #ccc;
}

table.order-list th {
	border: 1px solid black;
	border-width: 1px 0px;
	text-align: left;
}

table.metric .metric {
	display: inline;
}

table.metric .imperial {
	display: none;
}

table.imperial .metric {
	display: none;
}

table.imperial .imperial {
	display: inline;
}

#sizing-chart {
	margin: 0px 0px 2ex 8px;
	padding: 7px;
	border: 1px solid #5C5F61;
	background: #C7C9CA;
}

#sizing-chart p {
	margin: 0px 0px 2ex;
}

#sizing-chart h3 {
	margin: 0px;
	padding: 0px;
}

#sizing-chart table {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px 0px 2ex;
}

#sizing-chart th {
	padding: 2px 4px;
	border: 1px solid #5C5F61;
	font-weight: bold;
}

#sizing-chart td {
	width: 4em;
	padding: 2px 4px;
	border: 1px solid #5C5F61;
}

#sizing-chart thead th {
	text-align: center;
	background: #5C5F61;
	color: white;
}

#sizing-chart tr th {
	text-align: left;
	width: 6em;
}

#sizing-chart tr.odd td,
#sizing-chart tr.odd th {
	background: white;	
}

#sizing-chart tr.even td,
#sizing-chart tr.even th {
	background: #e2e3e3;	
}

@media print {
	body {
		background: none !important;
	}

	#header, #footer, #sidebar {
		display: none;
	}
	
	#print-header {
		display: block;
	}
	
	#print-header h1 {
		margin: 0px;
		border-bottom: 1px solid black;
		font: bold 24px "Trebuchet MS", Verdana, sans-serif;
	}
	
	#print-header .url {
		font: 10px "Trebuchet MS", Verdana, sans-serif;
		padding-bottom: 4ex;
	}
	
	#main, #main-inner {
		margin: 0px;
	}
	
	.print-only {
		display: block;
	}
	
	.screen-only {
		display: none;
	}
}

