<!--

/* ### CVS Styles ### */

/* ### General/Fonts ### */

body {
	font-size: 62.5%;
	text-align: center;
	padding: 0;
	margin: 0;
	background: url(../exports/bgrd_body2.png) repeat-y;
	background-position: top;
	left: 2px;
	background-color: #000;
}

table, div, a, input, select {
	font: 1.0em/1.65em Verdana, Tahoma, Arial, sans-serif;
}

h1 {
	font-size: 1.15em;
}

h2 {
	width: 100%;
	display: block;
	background: url(../exports/h2_gradient.png) repeat-x;
	height: 22px;
	font-size: 1.1em;
	margin-bottom: 0;
	margin-top: 40px;
	padding-left: 5px;
	padding-top: 3px;
	border-bottom: 1px solid #e3e5e8;
}

h3 {
	margin-top: 35px;
	margin-left: 5px;
}

.checkout {
	margin-top: 15px;
	margin-left: 10px;
}

font, td, th, p {
	font: 1.1em/1.65em Verdana, Tahoma, Arial, sans-serif;
}

b, strong, th {
	font-face: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}

#tagline {
	color: #fff;
	font-size: 1.2em !important;
}

img {
	border: 0;
}

.titlesmall {
	display: block;
	margin-bottom: 6px;
	font: bold 1.2em Tahoma, Verdana, Arial, sans-serif;
	color: #006666;
}

.red {
	color: #cc0000;
}

.blurblarge {
	background: url(../exports/gradient_blurb.png) repeat-x;
	font-size: 1.3em;
	padding: 7px 10px 0 13px;
}

.note {
	font-weight: bold;
	font-size: 1.3em;
	padding: 0 10px 0 13px;
}

ul {
	list-style-image: url(../exports/bullet.gif);
}

html>body ul {
	list-style-image: url(../exports/bullet_ff.gif);
}

li {
	font: 1.1em/1.4em Verdana, Tahoma, Arial, sans-serif;
	margin-bottom: 10px;
}

.content {
	padding: 0 10px 0 10px;
}

.content p {
	margin-left: 5px;
}






/* ### Main Layout ### */

#wrapper {
	width: 770px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	margin: 5px 0 0 5px;
	float: left;
	background-color: #231F20;
}

html>body #logo {
	margin: 5px 0 0 15px;
}

#tagline {
	font: 1.3em Verdana, Tahoma, Arial, sans-serif;
	margin: 8px 0 0 0;
}

#bannerad {
	text-align: right;
	float: right;
	width: 323px;
	height: 110px;
	padding: 10px 0 5px 0;
}

#bannerad img {
	margin-right: 15px;
}

#topnav {
	clear: both;
	width: 770px;
	height: 32px;
	text-align: left;
	background: url(../exports/bgrd_topnav.png) no-repeat;
	margin: 10px 0 20px 0;
}

#topnav ul {
	margin: 0;
}

.itemtopnavleft {
	float: left;
	margin: 0;
	padding: 0;
}

.itemtopnavright {
	float: right;
	margin: 0;
	padding: 0;
}

#tabmain {
	width: 770px;
	border-collapse: collapse;
	clear: both;
	font: Verdana, Tahoma, Arial, sans-serif;
}

#tdleftnav {
	background-color: #f3f4f5;
	vertical-align: top;
	width: 146px;
	padding: 8px;
	border-right: 1px solid #e5e6e7;
	border-bottom: 1px solid #e5e6e7;
}

#swim {
	margin: 10px 0 8px 0;
}

#bike, #run {
	margin: 0 0 8px 0;
}

#contact {
	margin: 0;
}

#tdmain {
	vertical-align: top;
	padding-left: 20px;
	font: Verdana, Tahoma, Arial, sans-serif;
}

#brands {
	width: 770px;
	padding: 6px 0 6px 0;
	border-top: 1px solid #f0f2f6;
	margin: 20px 0 0 0;
	text-align: center;
}

#brands ul {
	margin: 0;
	padding: 0;
}

#brands li {
	font: 0.9em Verdana, Tahoma, Arial, sans-serif;
	color: #9aa9b6;
	display: inline;
	margin: 6px;
	margin-left: 3px;
	margin-right: 3px;
}

#copyright {
 	width: 99%;
	padding: 5px 0 5px 0;
	padding-left: 1%;
	background-color: #f5f1f5;
	border-bottom: 1px solid #e6e2e6;
	border-top: 1px solid #f5f2f5;
	font: 0.9em Verdana, Tahoma, Arial, sans-serif;
	color: #006666;
}

#footer {
	width: 858px;
	padding-bottom: 10px;
	margin: 0 auto;
/*	background: url(../exports/bgrd_footer.png) no-repeat;
	background-position: bottom center;*/
}

#cards {
	float: left;
	margin: 20px 0 0 27px;
}

html>body #cards {
	margin: 20px 0 0 55px;
}

#accreditation {
	float: right;
	margin: 15px 25px 0 0;
}

html>body #accreditation {
	margin: 15px 55px 0 0;
}

#utility {
	clear: both;
	text-align: center;
}

#utility ul {
	margin: 0;
	padding: 0;
}

#utility li {
	font: 1.2em Verdana, Tahoma, Arial, sans-serif;
	color: #9aa9b6;
	display: inline;
	margin: 12px;
}





/* ### Welcome Page ### */

#tabwelcome {
	border: 4px solid #f3f4f5;
	border-collapse: collapse;
	height: 247px;
	margin-bottom: 10px;
}

#slideShow {
	width: 349px;
	height: 249px;
	vertical-align: top;
}

html>body #slideShow {
	height: 253px;
}


#welcomeblurb {
	vertical-align: top;
	width: 172px;
	padding: 13px 18px 0 20px;
}

.welcometext {
	font-size: 0.9em;
	line-height: 1.6em;
	margin-top: 8px;
	margin-bottom: 0;
}

#tabwelcome2 {
	border-collapse: collapse;
}

#usps ul {
	list-style-image: url(../exports/bullet_tick.gif);
}

html>body #usps ul {
	list-style-image: url(../exports/bullet_tick_ff.gif);
}

#usps li {
	font: bold 1.15em/1.6em Tahoma, Verdana, Arial, sans-serif;
	margin-bottom: 10px;
}

#tabwelcome2 td {
	vertical-align: top;
}

#welcomequote {
	background: url(../exports/bgrd_welcomequote.png) no-repeat;
	width: 564px;
	height: 120px;
	padding: 20px 10px 0 30px;
	margin: 15px 0 0 2px;	
}

html>body #welcomequote {
	width: 524px;
	height: 100px;
	padding: 20px 10px 0 30px;
	margin: 15px 0 0 2px;	
}

.banner {
	margin: 0 0 0 2px;
	border: 4px solid #f3f4f5;
}

#tab_logos {
	border-collapse: collapse;
	margin-top: 15px;
}

#tab_logos td {
	text-align: center;
	vertical-align: middle;
	padding: 10px;
}





/* ### Category Page ### */

#catheader {
	background: url(../exports/grad_cat.png) repeat-x;
	padding: 0 10px 0 10px;
	border-top: 1px solid #fff;
}

#catheader p {
	font-size: 1.3em;
	margin-top: 7px;
}

#tabcategory {
	border-collapse: collapse;
	width: 100%;
}

#tabcategory td {
	width: 33%;
}

.tabcatprod {
	width: 170px;
	border-collapse: collapse;
	border: 4px solid #f3f4f5;
	margin-bottom: 18px;
}

.gradcat {
	background: url(../exports/grad_cat.png) repeat-x;
	border-bottom: 1px solid #f3f4f5;
	padding-left: 8px;
	font-size: 1.1em;
}

.catimg {
	height: 70px;
	text-align: center;
}

.moredetails {
	text-align: center;
	padding: 6px 0 6px 0;
}

#tabnextprev {
	width: 100%;
	margin: 10px 7px 0 7px;
}

html>body #tabnextprev {
	margin: 10px 6px 0 6px;
}





/* ### Product Page ### */

#tabproduct {
	border-collapse: collapse;
	border: 4px solid #f3f4f5;
	width: 100%;
	margin-bottom: 10px;
}

#breadcrumb {
	float: left;
	padding: 5px 0 5px 12px;
}

#zoom {
	float: right;
	padding: 10px 12px 5px 0;
}

#zoom img {
	cursor: pointer;
}

#prodinfo {
	vertical-align: top;
	border-top: 1px solid #f3f4f5;
	padding: 10px 0 0 15px;
	font-size: 1.1em;
}

.misc {
	vertical-align: top;
	padding: 10px 0 0 15px;
	font-size: 1.1em;
}

#prodimage {
	padding: 30px 20px 20px 0;
	border-top: 1px solid #f3f4f5;
	text-align: right;
}

#attributes {
	width: 100%;
}

#options, #purchase, #help {
	vertical-align: top;
	background: url(../exports/td_gradient.png) repeat-x;
	background-position: 0 48px;
	border: 4px solid #f3f4f5;
	padding-bottom: 9px;
}

#options p, #purchase p, #help p {
	text-align: left;
	font-size: 1.2em;
	padding: 0 5px 0 10px;
	margin-top: 7px;
}

#options {
	/* width: 340px; */
}

#purchase {
	width: 50%;
	text-align: center;
}

.purchaseshift {
	margin: 10px 0 10px 0;
}

#help {
	width: 50%;
}

.headproduct {
	text-align: left;
	width: 100%;
	height: 46px;
	display: block;
	background-color: #fff;
}

.headproduct img {
	margin: 5px 0 0 5px;
}

#tabhelpintro {
	margin-top: 10px;
} 




/* ### Attribute formatting ### */

#options select {
	border: 1px solid #999;
	background-color: #edf5fe;
	width: 300px;
}

/* html>body #options select {
	width: 100%;
} */

#missingoptions {
	vertical-align: top;
	background: url(../exports/td_gradient.png) repeat-x;
	border: 4px solid #f3f4f5;
	padding-bottom: 9px;
}

#missingoptions select {
	border: 1px solid #999;
	background-color: #edf5fe;
}

#attributes table td {
	font-size: 1em;
	padding: 2px;
}

#attributes table {
	margin-left: 10px;
}

.bullethelp {
	list-style-image: url(../exports/bullet_question.gif);
	margin: 8px 0 20px 35px;
}

html>body .bullethelp {
	list-style-image: url(../exports/bullet_question_ff.gif);
	margin: 20px 0 13px -3px;
}

#attributelayout select {
	height: 1.7em;
	padding: 0.2em 0.2em 0.2em 0.1em;
	width: 300px;
}

/* html>body #attributelayout td {
	vertical-align: middle;
	width: 100%;
} */





/* ### Other Pages ### */

.tabcustomer {
	width: 100%;
	margin-top: 20px;
	margin-bottom: 15px;
	font-size: 0.9em;
	border: 4px solid #f3f4f5;
}

.tabcustomer input, .tabcustomer select {
	border: 1px solid #999;
}

html>body .tabcustomer input, .tabcustomer select {
	padding: 3px;
}

.tabcustomer td {
	padding: 4px;
}

.tabcustomerNestOne {
	width: 100%;
	font-size: 0.9em;
}

.tabcustomerNestOne td {
	padding: 2px;
}

.tabcustomerNestTwo {
	font-size: 0.9em;
}

.tabcustomerNestTwo td {
	padding: 2px;
	text-align: left;
}

.tabcustomerNestOne input, .tabcustomerNestOne select, .tabcustomerNestTwo input, .tabcustomerNestTwo select {
	border: 1px solid #999;
	line-height: 20px;
}

html>body .tabcustomerNestOne input, .tabcustomerNestOne select, .tabcustomerNestTwo input, .tabcustomerNestTwo select {
	padding: 3px;
}

.noborder input {
	border: 0;
}

.resize {
	font-size: 1em;
}

#tabcontact {
	width: 100%;
	background: url(../exports/td_gradient.png) repeat-x;
	border: 4px solid #f3f4f5;
	padding-bottom: 9px;
}

#tabcontact th, #tabcontact td {
	text-align: left;
	vertical-align: top;
	padding: 4px 0 4px 8px;
}

#tabcontact input, #tabcontact textarea {
	border: 1px solid #999;
	padding: 3px 0 3px 5px;
	font: 1.1em Verdana, Tahoma, Arial, sans-serif;
}

#tabcontact textarea {
	width: 20em;
	height: 10em;
	overflow: scroll;
}

#tabback {
	margin-top: 20px;
	width: 100%;
}
	





/* ### Forms ### */

input, select {
	vertical-align: middle;
	color: #000;
}

textarea {
	color: #000;
}

form {
	padding: 0;
	margin: 0;
}

.formbrowse {
	width: 147px;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	padding: 8px;
	margin-top: 8px;
	margin-bottom: 0;	
}

#selectbrowse {
	width: 144px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #edf5fe;
	font: Verdana, Tahoma, Arial, sans-serif;
}

#tabcontact select {
	width: 162px;
	padding: 3px;
	border: 1px solid #999;
	background-color: #edf5fe;
	font: Verdana, Tahoma, Arial, sans-serif;
}	





/* ### Links ### */

a:link {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #006666;
	text-decoration: underline;
}

a:visited {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #006666;
	text-decoration: underline;
}

a:hover {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #006666;
	text-decoration: none;
}

#breadcrumb a:link {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	text-decoration: underline;
	font-size: 1.1em;
	font-weight: bold;
}

#breadcrumb a:visited {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	text-decoration: underline;
	font-size: 1.1em;
	font-weight: bold;
}

#breadcrumb a:hover {
	font: Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}

#brands a:link {
	text-decoration: none;
}

#brands a:visited {
	text-decoration: none;
}

#brands a:hover {
	text-decoration: none;
}

.gradcat a:link {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.gradcat a:visited {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.gradcat a:hover {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

#usps a:link {
	color: #000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}

#usps a:visited {
	color: #000;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}

#usps a:hover {
	color: #000;
	text-decoration: none;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-weight: bold;
}




/* ### Tooltips ### */

a.inforight {
	/* width: 100%; */
	cursor: help;
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid #0099ff;
	float: left;
	padding: 0 4px 0 20px;
	background: #8ad0ff url(../exports/bullet_tool_right.gif) no-repeat;
	background-position: 1px 2px;
}

html>body a.inforight {
	/* width: 85%; */
}

a.inforight:visited {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.inforight:hover {
	z-index: 25;
	text-decoration: none;
	display: block;
}

a.inforight span {
	display: none;
}

a.inforight:hover span, a.infoleft:hover span, a.infogen:hover span, a.info:hover span {
	display: block;
	position: absolute;
	padding: 40px 9px 6px 9px;
	bottom: 1em;
	right: 12em;
	width: 15em;
	border: 4px solid #dadde0;
	background: #fff url(../exports/bgrd_tooltip.png) no-repeat;
	color: #000;
	text-align: left;
	font-weight: normal;
}

a.infoleft {
	cursor: help;
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-color: #dae4e6;
	border: 1px solid #8eacb3;
	float: left;
	padding: 0 4px 0 20px;
	background: #dae4e6 url(../exports/bullet_tool_left.gif) no-repeat;
	background-position: 1px 2px;
}

html>body a.infoleft {
}

a.infoleft:visited {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.infoleft:hover {
	z-index: 25;
	text-decoration: none;
	display: block;
}

a.infoleft span {
	display: none;
}

a.infogen {
	cursor: help;
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	background-color: #fff;
	float: left;
	padding: 0 0 0 20px;
	background: url(../exports/bullet_tool.gif) no-repeat;
	background-position: 1px 2px;
}

a.infogen:visited {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.infogen:hover {
	z-index: 25;
	text-decoration: none;
	display: block;
}

a.infogen span {
	display: none;
}

a.info {
	cursor: help;
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: underline;
	font-weight: normal;
	font-size: 1.1em;
	background-color: #fff;
	float: left;
	padding: 0 4px 0 20px;
	background: url(../exports/bullet_tool2.gif) no-repeat;
	background-position: 1px 4px;
}

a.info:visited {
	position: relative;
	z-index: 24;
	color: #000;
	text-decoration: none;
}

a.info:hover {
	z-index: 25;
	text-decoration: none;
	display: block;
}

a.info span {
	display: none;
}

-->