/*   excelsports.com css   */

/*   contextual selectors   */
body { margin: 0 0 0 0; background: #CBD2D9; font-family: verdana; font-size: 11px; color: #fff; }

td { font-family: verdana; font-size: 11px; color: #444; }

p { color: #444; }

a { color: #444; }
a:hover { text-decoration: none; }

img {	border: none; }

form { border: 0px solid #000; }

.navlink a { font-size: 10px; color: #003366; text-align: right; text-decoration: none; }
.navlink a:hover { font-size: 10px; text-decoration: underline; }


div#conatiner{ cursor: pointer; }

/*   gets rid of yellow auto fill color from google toolbar   */   
input { background-color: #fff !IMPORTANT } 
textarea { background-color: #fff !IMPORTANT }
select { background-color: #fff !IMPORTANT }

/* General Styles */
.OnSale		{ font-family:  Arial, Helvetica, sans-serif; font-size: 14; font-weight: bold; font-style: italic; color: c5011f; margin-top: 0}
.Closeout	{ font-family:  Arial, Helvetica, sans-serif; font-size: 14; font-weight: bold; font-style: italic; color: 2b4552; margin-top: 0}

/*   button as text link css   */
.buttonaslink{ font-family: Verdana, Arial, Helvetica, sans-serif; color: #444; background-color:  #fff; border-width: 0; cursor: pointer; text-decoration: none; font-size: 11px; }
.buttonAsLink_hover { font-family: Verdana, Arial, Helvetica, sans-serif; color: #444; background-color: #fff; border-width: 0; cursor: pointer; text-decoration: underline; font-size: 11px; }
	
#middletable { padding: 0px 5px 5px 5px; }

div#reply1 p { padding: 10px; }

/*esam style  - remember to add .topbar */
.wrapper { width: 100%; background-color: #fff; border-top: 0px solid #666; margin: 0; }

/*.esbanners { background-color: #CED3DE; border-right: 1px solid #666; }*/

.esbanners { background-color: #003366; border-right: 0px solid #666; }
.esbanners td { padding: 30px 0 0 0; } 

.midd { padding: 10px 0 0 50px; background-color: #fff; width: 100%; }

table.estopbar { background-color: #003366; border-top: 1px solid #ccc; } 
.estopbar td a { text-decoration: none; font-size: 10px; line-height: 20px; font-weight: bold; color: #fff; }
.estopbar td a:hover { text-decoration: underline;  }

table.needhelp { margin-right: 20px; } 
.needhelp td { font-family: verdana,arial,helvetica; font-size: 12px; } 
.needhelp td a { text-decoration: none;  }
.needhelp td a:hover { text-decoration: underline;  }

div.needhelp2 { margin: 0 20px 0 0; } 
.needhelp td { font-family: verdana,arial,helvetica; font-size: 12px; } 
.needhelp td a { text-decoration: none;  }
.needhelp td a:hover { text-decoration: underline;  }

.lform { border: 1px solid #333; }

.vbox { margin: 0 5px 0 0; }

.top_bar { background: url(images/top_blue_bar_bg.gif) }

/*   replaceable top image   */
.top_repeating_img { background: url(images/topimage_right.jpg); }

.topbar a { text-decoration: none; font-size: 10px; line-height: 20px; font-weight: bold; color: #003366; }
.topbar a:hover { text-decoration: underline;  }

#left_nav { margin: 6px 2px 0 0; }

#right_nav { margin-top: 6px; }

#left_nav td, #right_nav td { font-family: verdana; color: #666666; font-size: 11px; padding: 5px 0 0px 0; }

#left_nav td { text-align: right; }

#right_nav td { text-align: left; }

#left_nav td a, #right_nav td a { display: block; font: normal 11px/16px arial; color: #003366; text-decoration: none; }

#left_nav td a { padding-right: 5px; }

#right_nav td a { padding-left: 5px; }

#left_nav td a:hover, #right_nav td a:hover { background-color: #666666; color: #ffffff; }

.side_nav { background: #CBD2D9 url(images/side_nav_bg.jpg) repeat-x; }

.side_lnav { background: #CBD2D9 url(images/side_nav_bg.jpg) repeat-x; border-right: solid 1px #999; }

.main_col { background: #ffffff url(images/top_nav_bg.gif) repeat-x; }

/* THESE ARE FOR THE TABLE BORDERS ON THE MEDIUM DISPLAY (E.G. SPECIALS) */
.imagecell { border-left: 1px solid #000; border-bottom: 1px solid #000; }

.textcell { border-bottom: 1px solid #000; }

.pricecell { border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.pricecell2 { border-right: 0px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.sideborders { border-right: 1px solid #000; border-left: 1px solid #000; }

.sideborders2 { border-right: 1px solid #000; border-left: 1px solid #000; padding-right: 5px; }

.rightborder { border-right: 1px solid #000; }

.leftborder { border-left: 1px solid #000; }

.text   { font-family: verdana,arial,helvetica; font-size: 11px; color: #333; }
.textx { font-family: verdana,arial,helvetica; font-size: 11px; color: red; text-decoration: line-through;}
.text1 { font-family: verdana,arial,helvetica; font-size: 11px; color: #111; }

.text2 { font-family: verdana,arial,helvetica; font-size: 12px; color: #333; }

.text3 { font-family: verdana,arial,helvetica; font-size: 11px; line-height: 16px; color: #333; margin: 0px; text-align: center; }

.text4 { font-family: verdana,arial,helvetica; font-size: 11px; line-height: 14px; color: #333; padding: 2px; margin: 0px; text-align: left; }

.text4lg { font-family: verdana,arial,helvetica; font-size: 14px; font-weight: bold; line-height: 22px; color: #333; padding: 2px; margin: 0px; }

.text5 { font-family: verdana,arial,helvetica; font-weight: bold; font-size: 12px; color: #0000FF; }

.text6 { font-family: verdana,arial,helvetica; font-size: 14px; line-height: 16px; color: #333; padding: 2px; margin: 0px; text-align: left; }

.text7 { font-family: verdana,arial,helvetica; font-size: 11px; line-height: 16px; color: #333; margin: 0px; }

.text8 { font-family: verdana,arial,helvetica; font-size: 11px; line-height: 16px; color: #333; margin-top: 0px; padding: 0px 6px 0px 6px; }

.text9 { font-family: verdana,arial,helvetica; font-size: 11px; color: #333; text-align: right; }

.text10 { font-family: verdana,arial,helvetica; font-size: 12px; color: #000; }

.text11 a { color: #003366; font-size: 11px; font-family: arial,geneva; text-decoration: underline; }
.text11 a:hover { text-decoration: none; }

.infotext { font-family: verdana,arial,helvetica; font-size: 11px; color: #333; padding: 2px 5px 2px 5px; }

.infotext2 { font-family: verdana,arial,helvetica; font-size: 12px; color: #333; padding: 0 0 0 5px; }

.infotext3 { font-family: verdana,arial,helvetica; font-size: 11px; color: #333; padding: 0 0 0 5px; }

.intro { background-color: #fff; border-right: 1px solid #000; border-left: 1px solid #000; width: 100%; text-align: center; padding: 5px 5px 0 5px; margin: 5px 0 2px 0; font: normal 16px/18px verdana,arial; }

.wheelspecial { background-color: #fff; border-right: 1px solid #000; border-left: 1px solid #000; width: 100%; text-align: center; padding: 5px 5px 5px 5px; font: normal 16px/18px verdana,arial; }

.menu { width: 100%; height: 20px; background-color: #c5011f; border-right: 1px solid #000; border-left: 1px solid #000; }

.menufont { font-family: arial; font-size: 11px; color: #ffffff; text-decoration: none; }

.menu2 { background-color: #c5011f; width: 132px; }

.menu2 a { display: block; border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; width: 132px; font: normal 11px/20px arial;
   color: #fff; text-decoration: none; }
	
.menu2 a:hover { background-color: #d84c21; }

.ads { text-align: center; padding-top: 50px; }

.formfont { font-family: arial; font-size: 11px; color: #333333; }

.bottomborder { border-right: 0px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.bottomborder2 { border-right: 0px solid #000; border-bottom: 1px solid #000; border-left: 0px solid #000; }

.bottomborder3 { border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.bottomborder4 { border-right: 1px solid #000; border-bottom: 0px solid #000; border-left: 0px solid #000; }

.bottomborder5 { border-right: 1px solid #000; border-bottom: 0px solid #000; border-left: 1px solid #000; }

.bl { border-left: 1px solid #000; } 

.br { border-right: 1px solid #000; }

/* THESE ARE FOR THE TABLE BORDERS ON THE MEDIUM DISPLAY (E.G. SPECIALS) */
.imagecell { border-left: 1px solid #000; border-bottom: 1px solid #000; }

.textcell { border-bottom: 1px solid #000; }

.pricecell { border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.sideborders { border-right: 1px solid #000; border-left: 1px solid #000; }

.sideborders2 { border-right: 1px solid #000; border-left: 1px solid #000; padding-right: 5px; }

.rightborder { border-right: 1px solid #000; }

.leftborder { border-left: 1px solid #000; } 

/*Use .chart with any table for 1px black borders on the table and td's*/
.chart { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; border-top: 1px solid #999; border-right: 1px solid #999; }
.chart td { text-align: center; border-bottom: 1px solid #999; border-left: 1px solid #999; }

.chart2 { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; border-top: 1px solid #000; border-right: 1px solid #000; }
.chart2 td { text-align: center; border-bottom: 1px solid #000; border-left: 1px solid #000; }

.charthead { background-color: #eee; color: #000; }

.chartsub { background-color: #eee; color: #000; }
.bg{ background-color: #e5e5e5; }

td#addtire { background-color: #c5011f; border: 1px solid #333; text-align: center; }

td#addtire a { font: bold 12px/16px verdana,arial,helvetica; color: #fff; margin: 0 20px; }

dd { padding: 2px 0 2px 0; }

.bolt { list-style: url(thumb/excel_lightning_bolt.gif); }

.infotitle { padding-left: 14px; font-family: verdana,arial,helvetica; text-align: left; background-color: #999999; color:#fff; font-weight:bold; font-size: 12px; 
   line-height: 17px; }
	
.infotitle2 { padding-left: 5px; font-family: verdana,arial,helvetica; text-align: left; background-color: #CED3DE; color:#000; font-weight:normal; font-size: 12px; 
   line-height: 14px; border-top: 1px solid #000; border-bottom: 1px solid #000; }	

.infotitle3 { padding-left: 5px; font-family: verdana,arial,helvetica; text-align: left; background-color: #CED3DE; color:#000; font-weight:normal; font-size: 12px; 
   line-height: 14px; border-top: 0px solid #000; border-bottom: 1px solid #000; }		
	
h4 { margin-bottom: 6px; font-size: 14px; }

p.infotitle {margin: 3px 0 0 0; line-height: 25px;}

td.page60 { border-bottom: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000;}
td.page60 p { padding: 0 8px 0 10px; margin: 8px -4px 0 -4px; }
td.page60 ul { margin: 5px 0 0 40px; padding: 0;}
.page60 li { padding: 0; margin: 0; }

/*   style for search btton/field   */
#form99 { display: inline;  margin: 2px 0 0 6px; }
.tbox { color: #222; background: #fff; border: #003366 solid 1px; }
.button { color: #F3F3F3; background: #003366; border:#F3F3F3 solid 0px; font-weight: normal; width: 20px; font-size: 12px; } 

/*   bicycle image gallery   */
div#mainstat { margin-top: 35px; width: 80%; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }
div#mainstat h4 { border: 1px solid #003366; color: #003366; font-size: 14px; line-height: 18px; margin-bottom: 0px; font-weight: normal; background-color: #CBD2D9; }

table#photo { width: 100%; height: 500px; margin-top: 10px; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: 0px solid #666; text-align: center;  }
#photo td { padding: 0px; }

#mimg { margin-top: 50px; width: 100%; border: 0px solid #666; text-align: center; }

table#photonav { text-align: center; border: 1px solid #003366; margin-top: 50px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #CBD2D9; }
#photonav a { font-size: 12px; text-decoration: none; text-align: center; color: #003366; }
#photonav a:hover { text-decoration: underline; }

/*   Style for links on footer nav - aka bottom_links nav   */
table#bottom_links { width:410px; height: 10px; text-align: center; }
#bottom_links td { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9px; text-align: center; }
#bottom_links td a { text-decoration: none; color: #777;}
#bottom_links td a:hover { text-decoration: underline; }

table.zipp {border: 0px solid #444; text-align: center; height: auto; width: 100%; }
.zipp td { border: 1px solid #444; text-align: center; vertical-align: top;}

table#waiver { padding: 5px; border: 0px solid #444;}
#waiver td p { padding: 5px; line-height: 14px; }
#waiver td p span { font-weight: bold; }

.logout a { text-decoration: none; color: #444; }
.logout a:hover { text-decoration: underline; }

.chartie td { border: 1px solid #444; }

/*   styles for build kit table   */
table#buildkit {border: 0px dashed #444; border-left: 0px solid #444; font-family: verdana; font-size: 11px;}
#buildkit td {border-bottom: 0px dashed #444; border-right: 0px solid #444; text-align: center;}
.bg_bk {background-color: #eee;}

/*   styles for showroom page   */
/* #sr_body { font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #444; padding: 0px; } */
#sr_body { width: 100px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; color: #444; padding: 0px; border-right: 1px solid #000; border-left: 1px solid #000; }
#sr_wrapper { width: 100px; }
#sr_wrapper table td { padding: 2px; }
.sr_img { float: right; border: 1px solid #444;}
.sr_title { border-bottom: dashed 1px #000; font-size: 14px; font-weight: bold; }