@charset "UTF-8";
body{margin:0px;padding:0px;font-family:Trebuchet, Trebuchet MS, Arial;font-size:12px;line-height:1.4em;color:#5f5f5f;background-color:#f5f5f5;}
p, li {font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;font-size: 1em;}
a {color:#9e0b0f;text-decoration:none;}
a:hover, a:active {text-decoration:underline;color:#000000;}
input, textarea, select {margin: 0;padding: 1px;font-size: 100%;font-family: inherit;}

table, td {font-size: 100%;font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;}
td {vertical-align:top;}

h1{margin-top:0px;font-size:1.5em;color:#333333;}
h2{font-size:1.3em;color:#666666;}
h3{font-size:1.2em;}
h4{font-size:1.1em;}
/*-------- no tabls - hw -----------*/

/*---------------------------------*/
/*-- Q ------*/
  div #punch {float: left;font-size: 140%;width: 1.2em;height:inherit;text-align: center;padding: 0.3em 0.3em 0.3em;background: #444;color: white;border: solid white 1px;border-width: 0 0.2em 0.2em 0;margin: 0 0.2em 0.2em 0;} 
/*---- lists------*/
.list_container ul 
{margin-left: 1em;padding-left: 1px;list-style-type: none;font-size: 1.0em;line-height: 1.1em;font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;color: #ddd;text-indent: 5px;} 
.list_container a { display: block;padding: 4px;padding-left: 15px;width: 570px;border-bottom: 0px solid #eee;border-left: 0px solid #eee;background-image: url(images/listart.gif);background-repeat: no-repeat;font-size: 1.1em;line-height: 1.1em;font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;color: #ddd;} 
.list_container a:link, .list_container a:visited {color: #202;text-decoration: none;} 
.list_container a:hover {background-color: #666;color: #eee;} 

.list_container_f ul {width: 570px; padding: 5px; margin-left: 0; padding-left: 20px; padding-right: 3px; padding-top: 4px; padding-bottom: 5px;list-style-type: none; font-size: 12px; line-height:25px; font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; border: 0px; } 
.list_container_f a {padding: 2px;padding-left: 5px; padding-top: 4px;padding-bottom: 15px;width: 570px;border-bottom: 0px solid #eee;font-size: 12px;color:#333333;line-height: 20px;font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;color: #ddd;} 
.list_container_f a:link, .list_container a:visited {color: #9e0b0f;text-decoration: none;} 
.list_container_f a:hover {background-color: #fff;color: #000;} 


.list_container_3smallbox  { width: 600px; padding: 0px; margin-left: 0; padding-left: 0px; padding-right: 0px; padding-top: -25px; padding-bottom: 0px;list-style-type: none; font-size: 12px; line-height: 18px; font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; border: 0px; } 

.list_container_3smallbox2  { width: 600px; padding: 0px; margin-left: 0; padding-left:0px; padding-right: 0px; padding-top: -25px; padding-bottom: 0px;list-style-type: none; font-size: 12px; line-height: 18px; font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; border: 0px; } 

.list_container_3smallbox3  { width: 600px; padding: 0px; margin-left: 0; padding-left:0px; padding-right: 0px; padding-top: -25px; padding-bottom: 0px;list-style-type: none; font-size: 12px; line-height: 18px; font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; border: 0px; } 


/*---------
div#links a span {display: none;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 200px; left: 0; width: 400px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 20px Verdana, sans-serif; text-align: center;}
-----*/
/*- HOLDER ---------------------------------------------------- HOLDER ----*/
#wrapper table{width:990px;}
.shdw_left{background-image:url(images/shw_left.jpg);background-repeat:repeat-y;width:15px;}
.shdw_right{background-image:url(images/shw_right.jpg);background-repeat:repeat-y;width:15px;}
/*- NAV ---------------------------------------------------- NABV ----*/
#nav{background-image:url(images/nav_bg.jpg);background-repeat:repeat-x;height:40px;background-color:#FFFFFF;font-size:1.3em;padding:0px;}
#nav .txt{margin:0px;/*top/btm sides*/ padding: 6px 5px;background-image:url(images/nav_art.jpg);background-position:top right;background-repeat:no-repeat;width:inherit;}
#nav a{color:#CCCCCC;padding:0px 5px;text-decoration:none;}
#nav a:hover, a:active{background-color:#666666;text-decoration:none;}
/*- NAV2 -------------------------------------------------------*/
#nav2{height:20px;color: #ddd;background: #fff;font-size:0.9em;padding:0px;}
#nav2 .txt{float:right;margin-left:150px;margin-top:-15px; padding: 2px 3px 2px 3px;background-position:top right;background-repeat:no-repeat;width:inherit;}
#nav2 a{color: #ddd;background:  #666;padding:2px 3px 2px 3px;text-decoration:none;}
#nav2 a:hover, a:active{background-color:#444; color: #eee;text-decoration:none;}
/*- MAIN  ------------------------------------------------------ MAIN ----*/
#main{background-color:#FFFFFF;padding: 9px 40px 10px;}
.intro{font-size:1.1em;}
/*- NEWS  ------------------------------------------------------ NEWS ----*/
#rightCol{float:right;margin-left:40px;margin-right:-30px;margin-top:-8px;padding:0px;width:250px;}
#news{background-image:url(images/news_bg.gif);background-repeat:no-repeat;background-position:top;background-color:#f3d8b6;width:250px;/*pushes bg upwardsmargin-top:-15px;*/padding:0px,0px;}
#news .txt{margin-left:7px;margin-right:7px;margin-top:2px;padding:5px 0px;}
#news .txt h1{margin-left:0px;margin-right:-30px;margin-top:8px;font-size:1.3em;}
/*-------form---------*/
#theform { font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; font-size: 12px; line-height: 1.2em; color: #444; width: 620px; } 
#theform fieldset { background:#FFF; border: 1px dashed #AAA; } 
#theform legend { background:#EEE;border: 1px solid #DDD; padding-top: 2px; padding-bottom: 2px; padding-left: 10px; padding-right: 15px; margin-left: 25px; font-weight: bold; font-size: 15px; } 
/*--text boxes---*/
#theform p { margin-bottom: 5px; margin-top: 5px; } 
#theform p input { background: #EEE; border: 1px solid #444; } 
#theform label {display: block; width: 250px; float: left;text-align: right;padding-right: 10px;}
#theform strong {margin-left: 120px;}
#theform strong input {background: #EEE;border: 1px solid #444;font-weight: bold;color: #444;margin-top: 12px;}
#theform p span em {display: block;width: 250px; float: left;text-align: right;padding-right: 10px;font-style: normal;}
#theform p span input {vertical-align: middle;border: none;background: none;} 
/*------form end------*/
/* text boxes2---------*/
#thebox fieldset {background:#FFF;border: 1px dashed #AAA;padding-bottom: 0px;} 
#thebox legend {background:#EEE;border: 1px solid #AAA;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-left: 15px;font-weight: bold;font-size: 1.1em;} 
/* text boxes3---------*/
#thebox2 fieldset {background:#eeeeee;border: 1px dashed #AAA;background-width:430px;} 
#thebox2 legend {background:#eeeeee;border: 1px solid #666;padding-top: 2px;padding-bottom: 2px;padding-left: 0px;margin-left: 1px;width:400px;font-weight: bold;font-size: 1.1em;} 
/* text boxesblack---------*/
#theboxblankB fieldset {background:#eee;border: 0px dashed #fff;padding: 2px;} 
#theboxblankB legend {background:#fff;border: 1px solid #fff;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-left: 15px;font-weight: bold;font-size: 1.1em;} 
/* text boxeswhite---------*/
#theboxblankW fieldset {background:#ffffff;border: 0px dashed #fff;padding: 2px;} 
#theboxblankW legend {background:#fff;border: 1px solid #fff;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-left: 15px;font-weight: bold;font-size: 1.1em;} 

/* text boxes buypaypal---------*/
#thepaypalbox fieldset {background:#FFF;border: 1px dashed #AAA;background-width:360px;}
#thepaypalbox legend {background:#EEE;border: 1px solid #AAA;padding-top: 2px;padding-bottom: 2px;padding-left: 5px;margin-left: 15px;font-weight: bold;font-size: 0.8em;} 
/* text boxes4-small3row---------*/
#thebox3small fieldset {background:#eee;border: 0px dashed #AAA;background-width:620px;padding-top: 10px;} 
#thebox3small legend {background:#ddd;border: 0px solid #AAA;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;margin-left: 10px;font-weight: bold;font-size: 1.0em;} 

#thebox3small2 fieldset {background:#ccc;border: 0px dashed #fff;background-width:620px;} 
#thebox3small2 legend {background:#ddd;border: 0px dashed #fff;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;margin-left: 10px;margin-top:-50px;font-weight: bold;font-size: 1.0em;} 

#thebox3small3 fieldset {background:#FFF;border: 0px dashed #fff;background-width:620px;} 
#thebox3small3 legend {background:#EEE;border: 0px dashed #fff;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;margin-left: 10px;font-weight: bold;font-size: 1.0em;} 

#thevideobox fieldset {background:#FFF;border: 0px dashed #ddd; background-width:300px;} 
#thevideobox legend {background:#EEE;border: 0px dashed #ddd;float:right;margin-left:40px;margin-right:-30px;margin-top:-8px;padding:0px;font-weight: bold;font-size: 1.0em;} 

#thedealbox fieldset {background:#FFF;border: 0px dashed #ddd;background-width:300px;} 
#thedealbox legend {background:#EEE;border: 0px dashed #ddd;padding-top: 3px;padding-bottom: 3px;padding-left: 5px;margin-left: 10px;font-weight: bold;font-size: 1.0em;} 


/*----list items2-----*/
.box_icon {display: block;width: 20px;height: 20px;background-image: url(images/listart.gif); background-repeat: no-repeat;} 
.box_orange { background-position: 6px 6px;}
.box_red { background-position: 0px -30px;}
/*-----prodimages---*/
/* -- a:active {color:#222;}--*/
a:hover {text-decoration:none;}
#showcase {clear:both; width:426px; background:#eee; height:auto; border:0px solid #aaa; border-width:0px 0;}
#content {width:374px; background:transparent; float:left;}

dl.latest {font-size:12px; margin:10px 0 0 0;}
dl.latest dt {background:#bc8f8f; padding:0px; font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight:bold; font-size:12px; color:#fff; border-left:1px solid #fff;}
dl.latest dd {margin:0; padding:5px 5px 0 5px;}
dl.latest dd a, dl.latest dd a:visited {text-decoration:none; color:#000;}
/*   dl.latest dd a em {font-style:normal; float:right; color:#468;} */
dl.latest dd a em {font-style:normal; float:right; color:#468;}
dl.latest dd a b {color:#008080;}
dl.latest dd a:hover {text-decoration:underline;}
dl.latest dd a:hover em {cursor:pointer; text-decoration:none;}

dl.list {width:365px; margin:0 10px 10px 0; float:left;}
* html dl.list {float:none;}
dl.list dd {color:#666; background:#fff; font-size:11px; font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;}
dl.list dd a, dl.list dd a:visited {color:#000; font-weight:bold; font-size:12px; text-decoration:underline;}
dl.list dd a:hover {text-decoration:none;}
dl.list_last {margin-right:0;}

.cssplay {list-style-type:none; margin:10px 0 20px 0; padding:0;}
.cssplay li a, .cssplay li a:visited {color:#000; font-size:12px; text-decoration:none; font-weight:bold;}
.cssplay li a:hover {text-decoration:underline;}
.cssplay li span.text {font-size:12px; color:#ff8080;}

.spacer {margin-top:5px;}

#content p {font-size:12px; line-height:13px; margin:5px 0 5px 0;}
#content img {border:0;}
.left {float:left;}
.float_left {float:left; margin:0 10px 5px 0;}

.clear {clear:both;}
.css {font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight:bold; padding-right:2px;}
.play {font-familyTrebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;}
.hiddenfromview {display:none;}
.image img {border:0; margin-left:5px;}
/*------------------*/
#gallery {width:418px; height:280px; padding:1px; border:0px solid #333; background: #eee; position:relative; } 
#gallery b.default {position:absolute; left:4px; top:4px; width:365px; height:280px; text-align:center;} 
#gallery b.default img {display:block; margin:0 auto 10px auto; border:0px solid #FFFAFF; border-color:#555 #ddd #eee #333;}
#gallery b.default span {display:block; color:#333; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:12px; width:340px; margin:0 auto;}	
#gallery ul {list-style:none; padding:0; margin:0; width:50px; position:relative; float:right;} 
#gallery ul li {display:inline; width:45px; height:40px; float:left; margin:0 0 2px 5px;} 
#gallery ul li a {display:block; width:38px; height:38px; text-decoration:none; border:1px solid #000; border-color:#eee #555 #333 #ddd;} 
#gallery ul li a span {display:none;}
#gallery ul li a img {display:block; width:38px; height:38px; border:0;} /*thumb img */
#gallery ul li a:hover {white-space:normal; border-color:#555 #ddd #eee #333; background:#eee;}
#gallery ul li a:hover b {position:absolute; left:-365px; top:3px; width:365px; height:280px; text-align:center; background:#eee; z-index:10;} 
#gallery ul li a:hover span {display:block; color:#333; font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight:normal; font-size:12px; width:340px; margin:0 auto;}
#gallery ul li a:hover img {margin:0 auto 10px auto; width:auto; height:auto; border:0px solid #eee; border-color:#555 #ddd #eee #333;}

#gallery ul li a:active, #gallery ul li a:focus {white-space:normal; border-color:#555 #ddd #eee #333; background:#eee;}
#gallery ul li a:active b, #gallery ul li a:focus b {position:absolute; left:-365px; top:1; width:365px; height:280px; text-align:center; background:#eee; z-index:10;}
#gallery ul li a:active span, #gallery ul li a:focus span {display:block; color:#333; font-family:Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; font-weight:normal; font-size:11px; width:340px; margin:0 auto;}
#gallery ul li a:active img, #gallery ul li a:focus img{margin:0 auto 10px auto; width:auto; height:auto; border:1px solid #eee; border-color:#555 #ddd #eee #333;}
/*- PRODUCT COL  ------------------------------------------------------ PRODUCT COL ----*/
#rightCol_prod{float:right;margin-left:0px;margin-right:-30px;margin-top:-15px;padding:0px;width:418px;}
#rightCol_prod #quotes{margin: 20px 10px -50px 0px;width:600px;}
/*- RACEWEAR  ------------------------------------------------------ RACEWEAR ----*/
.sizes{background-image:url(images/sizingimage.png);background-repeat:no-repeat;background-position: 130px 30px;}
.sizes table{}
.sizes .title{width:250px;}
.sizes .size{width:40px;padding-left:15px;}
.sizes .header td{background-color:#999999;}
.sizes .row td{height:50px;vertical-align:middle;}
.sizes .option{background-color:#CCCCCC;text-align:center;}
/* ------------- */
.dateblock {text-align: left;width: 240px;font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif;}
.day {font-size: 18px;position: relative;top: -5px;}
.month {font-size: 10px;}
.year {font-size: 10px;position: relative;top: -10px;}
/* -------------*/
/*- FOOTER ---------------------------------------------------- FOOTER ----*/
#footer{background-image:url(images/footer_tile.gif);background-repeat:repeat-x;height:80px;text-align:center;font-size:0.95em;}
#footer a{color:#CCCCCC;}
#footer p{margin-top:0px;}
#footer .txt{padding: 2px;color:#999999;}
#footer .txt .selection{margin:auto 10px;}

.destxt .sitedesign{color:#333;margin:auto 10px;font-size:9px;}

/*----tab----------*/
/*---tabs----*/
#prod_features {padding: 5px 1px 5px 1px; margin: 0px; width:465; float:left;}
#prod_details {clear:both;}
.infotabs{
padding: 3px 0;
margin-left: 4px;
margin-top: -4px;
margin-bottom: 0;
font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; 
list-style-type: none;
text-align: left; 
}

.infotabs li{display: inline;margin-left:2px;margin-top:0;margin-bottom:0;border:0px solid #333;font-size:1em;}
.infotabs li a{font-size:1.1em;text-decoration: none;position: relative;z-index: 1;padding: 2px 3px;margin-left: 0px;color: #ddd;background:  #666 top left repeat-x;}
.infotabs li a:hover{text-decoration: none;color: #000;}
.infotabs li a.selected{ position: relative;top: 4px;}
.infotabs li a.selected{background-color: #333;color: #fff;}
.infotabs li a.selected:hover{text-decoration: none;}

.tabcontainer {
background: #fff;
border:1px dashed #aaa;
padding:0px;
min-height: 175px;
width:465px;
}
.tabcontent{display:none;}
/*-------*/
a.ovalbutton{
background: transparent url(images/oval-gray-left.gif) no-repeat top left;display: block;float: left;font-family: Trebuchet, "Trebuchet MS", Arial, Verdana, sans-serif; line-height: 16px; height: 24px; padding-left: 11px; text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #494949;}
a.ovalbutton span{background: transparent url(images/oval-gray-right.gif) no-repeat top right;display: block;padding: 4px 11px 4px 0;}
a.ovalbutton:hover{ background-position: bottom left;}
a.ovalbutton:hover span{background-position: bottom right;color: black;}
.buttonwrapper{overflow: hidden; width: 100%;}

#slide {
border:1px solid #ccc;
background:#f2f2f2;
padding:5px;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }