@charset "utf-8";

/*---   EXCEL SPORTS CSS   ---*/

/*   contextual selectors   */
body { font-family: helvetica, arial, sans serif; font-size: 12px; color: #fff; background: #eee; margin: 0 0 0 0; }
td { font-family: helvetica, arial, sans serif; font-size: 12px; color: #333; line-height: 16px; }
p { font-family: helvetica, arial, sans serif; font-size: 12px; color: #333; line-height: 16px; }
a { color: #333; text-decoration: underline; }
a:hover { text-decoration: none; }
img {	border: none; }


.redlink { color: #c5011f; border-bottom: 1px solid; text-decoration: none; }
.redlink:hover { border-bottom: 0px solid; text-decoration: none; }

/*ccv code*/
.cc_code_block { position: relative; }
.show_cc_code { text-decoration: underline; cursor: pointer; }
.wrap_cc_code { background: #fff; width: 500px; display: none; border: 1px solid #ccc; overflow: hidden; position: absolute; top: 0; left: 55px; padding-top: 15px; }
.cc_code { padding-left: 15px; }
.cc_code_image { float: right; width: 204px; }
.closew { position: absolute; top: 3px; right: 6px; cursor: pointer; margin: 0; }

/*   eta window   */
.eta_wrap { position: absolute; top: 0px; left: -305px; background: #fff; border: 1px solid #ccc; padding: 15px; width: 475px; 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 }

/*   styles for left, right and center columns    */
div#conatiner{ cursor: pointer; }
#container { position:relative; width:990px; margin-left:auto; margin-right:auto; }
.main_col { background: #fff;}

/*   style for links on upper right nav - aka top_links nav   */
div.top_links { width:990px; margin-left:auto; margin-right:auto; }
.top_links table { width:260px; margin-top: 4px; margin-bottom: 2px;} 
.top_links td { font-size: 12px; text-align: center; }
.top_links td a { text-decoration: none; }
.top_links td a:hover { text-decoration: none; }

.displayimage a { display: block; text-decoration: none; }
.displayimage span { display: block; }
.displayimage a span { text-decoration: none; }
.displayimage a:hover span { text-decoration: underline; }

table.estopbar { background-color: #102749; 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;  }

/*    color background for verytop blue logo    */
.top_bar2 { background-color: #102749; }
.top_bar2 img { display: block; }

/*   styles for left, right and center columns    */
#left_nav, #right_nav { margin-top: 6px}
#left_nav td, #right_nav td { font-family: helvetica, arial, sans serif; color: pink; font-size: 12px/16px; padding: 0px 0 0 0; }
#left_nav td { text-align:right;}
#left_nav td a { padding-right:13px;}
#left_nav td a { display: block; font: normal 12px/21px helvetica, arial; color: #444; text-decoration: none; }
#left_nav td a:hover { background-color: #e9e9e9; color: #000; border-left: 1px solid #666; }

#left_nav3 td { padding: 6px 0 0 10px; } 

#right_nav td { text-align:left;}
#right_nav td a { display: block; font: normal 12px/21px helvetica, arial; color: #333; text-decoration: none; padding-left: 13px; border-left: 1px solid #ccc;  }
#right_nav td a:hover { background-color: #e9e9e9; color: #000; border-right: 1px solid #666; border-left: 1px solid #ccc; }

.nav_wrap { background: #fff url(images/l_col_bg.png) repeat-y; padding-bottom:18px}
.nav_wrapr { background: #fff url(images/rightnav_b.jpg) repeat-y; padding-bottom:18px}
.side_nav { background: #fff url(images/promo_bg.png) repeat-y; }
.side_lnav { background: #CBD2D9 url(http://www.excelsports.com/images/side_nav_bg.jpg) repeat-x; border-right: solid 1px #999; }
.nav_wrap2 { background: #fff url(images/promo_bg2.gif) repeat-y; padding-bottom:18px}
.side_nav2 { background: #fff url(images/promo_bg2.gif) repeat-y; }
.side_nav2r { background: #fff url(images/rightnav_b.jpg) repeat-y; }
.side_lnav2 { background: #CBD2D9 url(http://www.excelsports.com/images/side_nav_bg.jpg) repeat-x; border-right: solid 1px #ccc; }
.l_bannert { padding-bottom: 8px; padding-top: 8px; text-align: center; }
.l_banner { padding-bottom: 8px; text-align: center; }
.sm_icons { padding-top: 5px; padding-left: 12px; width: 80%; }
.sm_icons span { text-align: center; }

#logo_wrap {width:181px; float:left; padding:24px 0 0 24px;}
#logo_wrap2 {width:181px; float:left; padding-top: 20px; padding-left: 1px; }
#icons_wrap {width:143px; height:108px; float:right; margin-right:3px; position:relative;}
#icons_wrap_b {width:143px; height:108px; float:right; margin-right:7px; position:relative;}
#the_icons {width:85px; position:absolute; margin:9px 0 0 44px;  font-size:9px; text-transform:uppercase; line-height:1.7em;}
#the_icons a:link, #the_icons a:visited {text-decoration:none;}
#the_icons a:hover, #the_icons a:visited:hover {text-decoration:underline;}


/*   styles top page title   */
.toppage { background-color: #fff; font-weight: normal; font-size: 14px; border-bottom: 1px solid #ccc; padding-left: 10px; }


/*    Closeout and Our Price Styles    */
.OnSale		{ font-family:  helvetica, arial, sans serif; font-size: 14; font-weight: bold; font-style: normal; color: #444; margin-top: 0}
.Closeout	{ font-family:  helvetica, arial, sans serif; font-size: 14; font-weight: bold; font-style: normal; color: #c5011f; margin-top: 0}

/*   ---   ALL BORDERS    ---   */
/*    sideborders   series    */
.sideborders { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.sideborders2 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-right: 5px; }
.sideborderst { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc;}
.sidebordersl { border-left: 1px solid #ccc; }
.sidebordersr { border-right: 1px solid #ccc; }
.sidebordersdk { border-right: 1px solid #666; border-left: 1px solid #666; }
.sidebordersg { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.sideborders2g { border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-right: 7px; }
.sideborderslg { border-left: 1px solid #ccc; }
.sidebordersrg { border-right: 1px solid #ccc; }
.sideborderstg { border-left: 1px solid #ccc; }
.sidebordersbg { border-bottom: 1px solid #ccc; }
.sideborders_sp { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.rightborder { border-right: 1px solid #ccc; }
.leftborder { border-left: 1px solid #ccc; }
.sidetop { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
/*    bottomborders   series    */
.bottomline { border-bottom: 1px solid #ccc; }
.bottomborder { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.bottomborder2 { border-bottom: 1px solid #ccc; }
.bottomborder3 { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.bottomborder4 { border-right: 1px solid #ccc; }
.bottomborder5 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.bottomborder3n { border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; }
.bottomborder3n { border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; }
.bottomborder3n2 { border-right: 1px solid #999; border-bottom: 1px solid #999; border-left: 1px solid #999; border-top: #999; }
.bl { border-left: 1px solid #ccc; } 
.br { border-right: 1px solid #ccc; }
.bb { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
/*    imagecell   series    */
.imagecell { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.imagecelli { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; }
.imagecellir { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 1px solid #ccc;}
.imagecell { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.imagecelln { border-bottom: 1px solid #ccc; }
.imagecellc { border-left: 1px solid #ccc; }
.imagecellc2 { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.imagecellc2l { border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.imagecellc2lb { border-bottom: 1px solid #ccc; }
.imagecellc2r { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.imagecellc2rb { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.imagecellct { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.imagecellct2 { border-left: 1px solid #ccc; }
/*    pricecell  series    */
.pricecell { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecelln { border-bottom: 1px solid #ccc; }
.pricecell2 { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecell { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecellc2 { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecellc2r { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecellc2rb { border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.pricecellc2rb2 { border-bottom: 1px solid #ccc; }
/*    textcell  series    */
.textcell { border-bottom: 1px solid #ccc; }
.textcellc2 { border-bottom: 1px solid #ccc; }


/*---   SUBMIT BUTTONS   ---*/
/*   for checkout buttons   */
.sideborderslb { border-left: 1px solid #ccc; border-bottom: 0px solid #ccc; }
.sidebordersrb { border-right: 1px solid #ccc; border-bottom: 0px solid #ccc; }
.sidebordersb { border-right: 0px solid #ccc; border-bottom: 0px solid #ccc; }
.sidebordersr_ccc { border-right: 1px solid #000; border-left: 0px solid #ccc; }
/*    c_border series - for checkout buttons */
.c_border { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: bold; background-color: #eee; padding: 5px; }
.c_border2 { border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; }
.c_border3 { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-weight: bold; background-color: #eee; padding: 5px; }
/*    edit buttons on checkout page    */
.edit_add a { text-decoration: none; font-size: 10px; }
.edit_add a:hover { text-decoration: none; color: #c5011f; }
/*    register logout    */
.logout a { text-decoration: none; color: #444; }
.logout a:hover { text-decoration: underline; }


/*---   ENTRY FIELDS   ---*/
/*   styles for original addres/scheck out text/fields   */
.textship { margin-left: 30; }
.shiplink { margin-left: 50; }
.shipmethod { margin-left: 50;}
.addrinfoB { padding-bottom: 2px; padding-top: 2px; }
.addrinfo { padding-bottom: 2px; padding-top: 2px; }
.domint {font-size: 11px; color: white; font-weight: bold; text-align: center; padding-bottom: 6px; padding-top: 6px}
/*   check out fields   */
.l_field { border: 1px solid #999; font-size: 12px; font-family: helvetica, arial, sans serif; color: #444; }
.l_field a { background-color: #fff;  }
.l_field a:hover { background-color: #e9e9e9;  }
.l_fieldb { border: 1px solid #444; font-size: 12px; font-family: helvetica, arial, sans serif; color: #444; }
.l_button { border: 1px solid #ccc; background-color: #eee; color: #444; width: 162px; background-image: none; font-size: 12px; padding: 2px; }
.l_radio { border: 1px solid #444; }
/*   styles for keyword search field  */
#sfield { float: left; width: 150px; height: 20px; min-height:20px; margin-left: 0px; border: 1px solid #999; padding: 0; }
#sfieldbox { font-size: 11px; color: #444; float: left; height: 20px; min-height:20px; border: none; margin-top: 0px; }
#sfieldicon { float: right; display: block;}
.l_fields { border: 1px solid #999; font-size: 11px; font-family: helvetica, arial, sans serif; color: #444; width: 151px; height: 21px; }


/*   borders on the table and td's   */
.chart { font-family: helvetica, arial, sans serif; font-size: 10px; border-top: 1px solid #ccc; border-right: 1px solid #ccc; }
.chart td { text-align: center; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; }
.chart2 { font-family: helvetica, arial, 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: #eee; }

/*   order table for checkout on indivudual product page   */
.selectp { margin-top: 15px; margin-bottom: 15px; background-color: #f5f5f5; border: 1px solid #ccc; padding-left: 10px; padding-right: 10px; }

/*    grey headers for inform pages    */
.infotitle { padding-left: 14px; font-family: helvetica, arial, sans serif; text-align: left; background-color: #999999; color:#fff; font-weight:bold; font-size: 12px; line-height: 17px; }
.infotitle4 { padding-left: 10px; background-color: #eee; font-weight:bold; border-bottom: 1px solid #ccc; }	


/*   style for links on footer nav - aka bottom_links nav   */
table#bottom_links { width:400px; height: 10px; text-align: right; }
#bottom_links td { font-family: helvetica, arial, sans serif; font-size: 11px; text-align: center; }
#bottom_links td a { text-decoration: none; color: #666;}
#bottom_links td a:hover { text-decoration: underline; }


/*---   ZIPP DEMO PAGE   ---*/
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; }


/*   styles for build kit table   */
table#buildkit {font-family: helvetica, arial, sans serif; font-size: 12px; text-align: left; margin-top: 10}
.bg_bk {background-color: #eee;}


/*   styles for showroom page   */
#sr_body { font-family: helvetica, arial, sans serif; font-size: 12px; color: #444; padding: 0px; border-right: 1px solid #000; border-left: 1px solid #000; }
#sr_wrapper { width: 800px; }
#sr_wrapper table td { padding: 10px; }
.sr_img { float: right; border: 1px solid #444;}
.sr_title { border-bottom: dashed 1px #000; font-size: 14px; font-weight: bold; } 

/*---   WHEEL.ASP AND BIKEBUILD.ASP PAGES   ---*/
/*   style for help pages on wheel.asp and bikekit.asp   */
.w_infotitlel { padding-left: 14px; padding: 6px; font-family: helvetica, arial, sans serif; text-align: left; background-color: #eee; color:#444; font-weight:bold; font-size: 12px; border-bottom: 1px solid #ccc; }	
.w_displayc { background-color: #fff; padding: 0px; border: 1px solid #ccc;  }
div.w_display { padding: 10px; }
.w_wdisplay p { padding-left: 10px; text-align: left; }	
.w_links { margin-top: 5px; }
.w_copy { margin-top: -14px; margin-bottom: 10px; }
/*    help menus for wheel and bikekit pages    */
table.needhelp { margin-right: 10px; } 
.needhelp td { font-family: helvetica, arial, sans serif; font-size: 12px; } 
.needhelp td a { text-decoration: none; }
.needhelp td a:hover { text-decoration: underline;  }
/*   help link   */
div.needhelp2 { margin: 0 20px 0 0; } 
.needhelp td { font-family: helvetica, arial, sans serif; font-size: 12px; } 
.needhelp td a { text-decoration: none;  }
.needhelp td a:hover { text-decoration: underline;  }
/*    add products at end of wheel.asp    */
td#addtire { background-color: #c5011f; border: 1px solid #333; text-align: center; }
td#addtire a { font: bold 12px/16px helvetica, arial, sans serif; color: #fff; margin: 0 20px; }

/* #EDITS for FUTURE DOCTYPE */
/*.nav_wrap2 { background: #fff url(images/promo_bg2.gif) repeat-y; padding-bottom:18px}*/
/* SIDE BAR CATALOG */
.navtitle { display: block; margin-left: -1px; }
.navtitler { display: block; margin-right: -1px; }

#side_bar_catalog {margin: 0 0 0 1px;background: #fff;width: 166px;border-right: 1px solid #ccc;padding-bottom: 15px;float: left;border-top: 0px solid #ccc;}
#side_bar_catalog h4 {margin: 0;padding: 0;}
#side_bar_resources {border-top: 0px solid #ccc;margin-right: 1px;float: left;}
#side_bar_catalog h4, 
#side_bar_resources h4 {display: block;text-align: right;width: 147px;font: normal 18px/28px helvetica, arial;color: #555;border-bottom: 1px solid #555;margin: 0 10px;}
#side_bar_catalog h4 a {font: normal 18px/28px helvetica, arial;color: #555;border-bottom: 0px solid #555;text-decoration: none;}
#side_bar_resources h4 {text-align: left; margin: 0 10px; float: left;}
.level_1 {margin: 0;padding: 0; float: left;}
.level_1 li {width: 167px;position: relative;list-style:none;float: left; z-index: 999;}
.level_1 a {display: block;text-align: right;font: normal 12px/21px helvetica, arial;text-decoration: none;color: #333;padding: 0 10px;}
.level_1 a span {display: block;position: absolute;right: 5px;top: 0;}
.level_1 li:hover {background: #e7e7e7;}
.level_1 {margin: 8px 0 15px 0;width: 167px;}
.level_2, .level_3 {display: none;position: absolute;left: 100%;top: -6px;border: 1px solid #ccc;background: #fff; z-index: 999;}
.level_1 .level_2 a, #side_nav .level_3 a {text-align: left; font-size: 13px;}
.level_2 {border-radius: 0 3px 3px 0;margin: 0;padding: 0;}
.narrow li {width: 167px;}
.normal li {width: 225px;}
.wide li {width: 300px;}
.level_1 .level_2 li {margin: 0;padding: 0;float: left;}
.level_1 .level_2 a {border-bottom: 1px solid #e7e7e7; font-size: 13px;}
.level_3 {width: 482px;background: #fff;margin: 0;padding: 0;}
.level_3 li {float: left;border-right: 1px solid #e7e7e7; width: 240px;}

/* SIDE BAR RESOURCES */
#side_bar_resources .level_1 a {text-align: left;}
#side_bar_resources .level_2 {left: -190px; width: 190px; }
#side_bar_resources .level_2 li {width: 190px;}

.banner_list {float: left;margin: 0 0 0 2px;padding: 0;list-style: none;}
.banner_list li {margin: 10px 0;}

.search_brands {margin: 0 0 0 7px;}
.search_categories {margin: 7px 0 0 7px;}
.search_box {border: 1px solid #ccc;width: 150px;overflow: hidden;margin: 7px 0 15px 7px;}

/*    marked for deletion     */
#middletable { padding: 0px 5px 5px 5px; }
div#reply1 p { padding: 10px; }