/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none }

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */
table, tr, td, th, tbody, thead, tfood {
    margin: 0;
    padding: 0;
}
/*
Section: Real Base Styles
********************************************************************************/
body {
    font-size: 76%;
    text-align: center;
    background: #E7EFF5 url(/img/backgrounds/body.gif) repeat-x 0 0;
    font-family: verdana, sans-serif;
    padding: 0px 0 0 0;
}

p,ul,li,table,tr,td {
    margin: 0;
    padding: 0;
}

h1 {
    font: normal 2.1em "trebuchet ms", sans-serif;
    letter-spacing: .1em;
}
h2 {
    font: normal 1.9em "trebuchet ms", sans-serif;
}
h3 {
    font: normal 1.7em "trebuchet ms", sans-serif;
}
h4 {
    font-size: 1.5em;
    font-weight: normal;
}
h5 {
    font-size: 1.3em;
    font-weight: normal;
}
h6 {
    font-size: 1.1em;
    font-weight: normal;
}

p, ul {
    font-size: 1.0em;
}
p {
    padding: 7px 0;
}

a,
a:link,
a:visited {
    color: #3c91ec;
    text-decoration: none;
}
a:hover {
    color: #4ca1fc;
    text-decoration: underline;
}



/*
Section: Generic Styles
********************************************************************************/
.center_align {
    text-align: center;
}
.right_align {
    text-align: right;
}
.left_align {
    text-align: left;
}

.float_left {
    float: left;
}
.float_right {
    float: right;
}
.nofloat {
    float: none !important;
}

.none {
    display: none;
}
.strong {
    font-weight: bold;
}

.form_error {
}
div.form_error {
    background: transparent;
    border: 5px solid #fffdbb;
    margin: 5px 0;
    padding: 10px 5px !important;
    z-index: -1;
}
.errorblue {
    color: #3c91ec;
}

.height_eighty {
    height: 80px; 
}


.margin_top_ten {
    margin-top: 10px !important;
}
.nomargin {
    margin: 0 !important;
}

.pad_ten {
    padding: 10px !important;
}
.pad_twenty {
    padding: 20px;
}
.pad_fourty {
    padding: 40px;
}

.width_twenty {
    width: 20%;
}
.width_fourty {
    width: 39%;
}

.relative {
    position: relative;
}

.standard_width {
    width: 952px;
    margin-right: auto;
    margin-left: auto;
}

.clear,
.clear_both {
    clear: both;
}
.clear_right {
    clear: right;
}
.clear_left {
    clear: left;
}
.clearfix_right:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: right; 
    visibility: hidden;
}
.clearfix_left:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: left; 
    visibility: hidden;
}
.clearfix_both:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.height_fix {
    line-height: 0px;
    font-size: 0px;
}

/* \*/
* html .gainlayout { height: 1%; }
/* */


.menu_hover a,
.menu_hover a:link,
.menu_hover a:visited {
    display: block;
    padding: 4px 10px;
}
.menu_hover a:hover {
/*
.menu_hover a:active,
.menu_hover a:focus {
*/
    border-bottom: 1px solid #ecbd31;
    background: #f5dd98;
}
/*
Section: Content
********************************************************************************/
div#content_top {
    height: 8px;
    background: transparent url(/img/backgrounds/content_top.png) no-repeat 0 top;
}
div#content {
}
div#content_padder {
    padding: 10px 20px 0 20px;
    background: transparent url(/img/backgrounds/content_middle.png) repeat-y 0 50%;
}
div#content_bottom {
    height: 12px;
    background: transparent url(/img/backgrounds/content_bottom.png) no-repeat 0 bottom;
}

/*
Section: Footing
********************************************************************************/
div#footing {
    background: transparent;
    margin-top: 5px;
}
div#subfooting {
    padding: 50px 10px 0 10px;
}

div#footing div.footing_right {
    float: left;
    width: 33%;
    padding: 15px 0 0 0;
}

div#footing ul li {
    display: inline;
    padding: 3px 10px;
}

/*
Section: contact
********************************************************************************/
div#contact div {
}
div#contact div#text {
    float: left;
    width: 250px;
    padding: 10px 0 20px 20px;
}
div#contact div#numbers {
    margin-right: 401px;
}
div#contact div#text p {
    padding: 9px 10px 9px 10px;
}
div#contact h3 {
    padding: 10px 0 5px 0;
}
div#contact table.contact_tbl_wrapper td {
    padding: 25px;
}
div#contact table.contact_tbl td {
    padding: 6px 10px;
}
div#contact table tr.zebra td {
    background: #a2c9ff;
}
div#contact div#map {
    clear: both;
    width: 850px;
    height: 350px;
    border: 1px solid #777;
}



/*
Section: Overlay
********************************************************************************/
div#login_overlay {
    position: absolute;
    left: 0;
    height: 0;
    line-height: 0;
    width: 100%;
    background-color: #000;
    text-align: center;
    z-index: 10;
}
div#overlay_stage {
    position: absolute;
    top: 15%;
    width: 100%;
    background: transparent;
    z-index: 11;
}
div#overlay_stage_wrapper {
    position: relative;
    margin-right: auto;
    margin-left: auto;
    width: 550px;
    height: 225px;

    background: #fff;
}
div#overlay_stage a#close_link {
    position: absolute;
    top: 2px;
    right: 3px;
}

/*
Section: login overlay form
********************************************************************************/
div#login_page {
    margin: 0 100px;
}
div#login_page h1 {
}
div#login_page h3 {
    float: right;
    width: 400px;
    text-align: right;
    font-size: 1.4em;
}
div#login_page h3 a,
div#login_page h3 a:link,
div#login_page h3 a:visited {
    text-decoration: none;
    padding: 5px;
}
div#login_page h3 a:hover {
    color: #3fa1ff;
}


/*
Section: links
********************************************************************************/
ul.block_link_list {
    margin: 20px 60% 0 0;
    background: #eee;
}
ul.block_link_list li a,
ul.block_link_list li a:link,
ul.block_link_list li a:visited {
    display: block;
    padding: 5px 15px;
    font: bold 1.1em/1.4em verdana, sans-serif;
    text-decoration: none;
}
ul.block_link_list li a:hover {
    background: #C7E4FA;
    text-decoration: none;
}

/*
Section: error page (404) 
********************************************************************************/
div#error_page h1 {
    font: 4em verdana, sans-serif;
    padding: 15px 40px;
    text-transform: capitalize;
}
div#error_page h3 {
    padding: 15px 40px;
}
div#error_page p {
    margin-right: 450px;
    padding: 5px 120px 5px 40px;;
}
div#error_page div#bug_report {
    float: right;
    width: 400px;
    margin: 20px 40px 0 0;
    padding: 15px 15px 20px 20px;
    background: #e7eff5;
    border: 1px solid #c7cfc5;
}
div#error_page div#bug_report p {
    padding: 5px;
    margin: 0;
}
div#error_page div#bug_report h1 {
    font: 3em verdana, sans-serif;
    padding: 0;
    margin: 0;
    float: right;
    color: #4285d7;
}
div#error_page div#bug_report h3, 
div#error_page div#bug_report h4 {
    padding: 25px 0 5px 0;
    margin: 0;
}


/*
Section: bikefit
********************************************************************************/
div#bikefit div#frame_calculator {
    float: right;
    width: 300px;
    padding: 20px;
    background: #FFFEDB;
    border: 1px solid #FCF9B2;
}
div#bikefit div#frame_calculator h5 {
    padding: 5px 0;
}
div#bikefit div#frame_calculator div#inseam_hidden {
    padding: 20px 0 0 0;
    display: none;
}
div#bikefit h2 {
    padding: 10px;
    clear: both;
}
div#bikefit p {
    padding: 5px 15px; 
}
div#bikefit div#frame_calculator p {
    padding: 5px 0;
}
div#bikefit img#introimage {
    width: 229px;
    margin: 10px 30px;
    float: right;
}
div#bikefit img#framesizeimg {
    float: left;
    width: 432px;
    margin: 0 10px;
}
div#bikefit img#neutralkneeimg {
    float: right;
    width: 257px;
    margin: 0 30px;
}

div#bikefit ul#custom_fit_listing {
    margin: 10px 550px 10px 10px; 
}
div#bikefit ul#custom_fit_listing li a {
    display: block;
    font-weight: bold;
    padding: 4px 10px;
    background: #f7f7f7;
}
div#bikefit ul#custom_fit_listing li a:hover {
    background: #C7E4FA;
    text-decoration: none;
}

div#bikefit input#inseam {
    width: 150px;
    padding: 3px 5px;
    border: 1px solid #888;
}

/*
Section: Home
********************************************************************************/
div#home {
}

div#home h1 {
    font: normal 1.8em "trebuchet ms", sans-serif;
}
div#home div#topright {
    margin: 0 0 0 450px;
}
div#home div#topleft {
    float: left;
    width: 390px;
    margin: 0 0 0px 30px;
}
div#home div#topright h1, 
div#home div#topleft h1 {
    padding: 0 0 15px 0;
}

div#home div#topleft img {
}
div#home div#topleft img#catalog_img {
    border: 1px solid #222;
    width: 200px;
    padding: 0;
    margin: 0 0 15px 0px;
}
div#home div#topleft div#catalog {
    float: right;
    width: 150px;
    padding: 0;
}

div#home div#featured_top, div#blurb_top {
    height: 4px;
    background: transparent url(/img/backgrounds/featured_top.png) no-repeat 0 0;
}
div#home div#featured {
    padding: 10px;
    background: transparent url(/img/backgrounds/featured_middle.png) repeat-y 0 50%;
}
div#home div#featured_bottom {
    height: 6px;
    margin-bottom: 40px;
    background: transparent url(/img/backgrounds/featured_bottom.png) no-repeat 0 bottom;
}

div#home div#blurb {
    padding: 10px;
    background: transparent url(/img/backgrounds/featured_middle.png) repeat-y 0 0;
}

div#home div#blurb_bottom {
    height: 6px;
    background: transparent url(/img/backgrounds/featured_bottom.png) no-repeat 0 bottom;
}

div#blurb_wrapper  {
    margin: 0 0 0 30px;
}

div#blurb p {
    width: 335px;
    padding: 10px;
}

div#home div.front_image_125 {
    float: left;
    width: 145px;
    height: 250px;
    margin: 0 0 10px 0;
}
div#home div.front_image_100 {
    float: left;
    width: 120px;
    height: 250px;
}
div#home div.front_image_100 p {
    padding: 0 5px 0 10px;
}
div#home div.front_image_100 a, 
div#home div.front_image_100 a:link, 
div#home div.front_image_100 a:visited {
    display: block;
    color: black;
}
div#home div.front_image_125 a, 
div#home div.front_image_125 a:link, 
div#home div.front_image_125 a:visited {
    display: block;
    padding: 10px;
    color: black;
}

div#home div.front_image a {
    height: 250px;
    color: black;
}
div#home div.front_image a:hover, 
div#home div.front_image a:focus,
div#home div.front_image a:active {
    background: #C7E4FA;
    border: 0;
    text-decoration: none;
}

div#home div.front_image_100 a img, 
div#home div.front_image_100 a:hover img, 
div#home div.front_image_100 a:focus img, 
div#home div.front_image_100 a:active img {
    border: 1px solid #888;
    height: 100px;
    width: 100px;
    margin: 10px;
}
div#home div.front_image_125 a img, 
div#home div.front_image_125 a:hover img, 
div#home div.front_image_125 a:focus img, 
div#home div.front_image_125 a:active img {
    border: 1px solid #888;
    height: 125px;
    width: 125px;
}

div#home div.front_image a p, 
div#home div.front_image a:hover p, 
div#home div.front_image a:focus p, 
div#home div.front_image a:active p {
    text-decoration: none;
    padding: 5px;
    border: 0;
    color: black;
}

div#home div#bottom_section {
    clear: both;
    border-top: 1px solid #aaa;
    padding: 10px 0 0 0;
}
div#home div#bottom_section div#blog {
    float: left;
    width: 400px;
}
div#home div#bottom_section div#blog {
    padding: 15px 0 0 20px;
}
div#home div#bottom_section div#blog p {
    padding: 5px;
}
div#home div#lifestyle_images {
    padding: 285px 0 25px 10px;
}
div#lifetyle_images a {
    border: 1px solid #000;
    padding: 0px 0 0px 0;
    margin: 0px 0 5px 0;
    float: left;
}




/*
Section: Privacy
********************************************************************************/
div#privacy h1 {
    padding: 5px 0 10px 0;
}

div#privacy h2,
div#privacy h3,
div#privacy h4,
div#privacy h5 {
    padding: 5px 10px;
}
div#privacy table,
div#privacy ul,
div#privacy blockquote,
div#privacy p {
    padding: 8px 20px;
}
div#privacy table {
    border: 1px solid #333;
    margin: 10px 0;
    padding: 8px 20px;
}

/*
Section: Returns
********************************************************************************/
div#returns_page h1 {
    padding: 5px 0 10px 0;
}

div#returns_page h2,
div#returns_page h3,
div#returns_page h4,
div#returns_page h5 {
    padding: 5px 10px;
}
div#returns_page table,
div#returns_page ul,
div#returns_page blockquote,
div#returns_page p {
    padding: 8px 20px;
}

div#breadcrumb {
    float: right;
    width: 40em;
    text-align: right;
}
div#breadcrumb a,
div#breadcrumb a:link,
div#breadcrumb a:visited {
}
div#breadcrumb a:hover {
}

div#heading_top_menu {
    z-index: 5000;
}
div#heading {
}

/*
Sales
********************************************************************************/
div#sales {
}
div#sales_listing {
    padding: 20px 0 0 0;
}
table#order_totals {
    margin: 0 0 15px 5px;
    padding: 10px;
    background: #e7eff5;
}
table#order_totals th,
table#order_totals td {
    padding: 5px 10px;
}
div#sales ul#sales_nav {
    float: right;
}
div#sales ul#sales_nav li {
    display: block;
    float: left;
    width: 125px;
}
div#sales ul#sales_nav li a {
    display: block;
    width: 125px;
    padding: 5px 0;
    text-align: center;
}
div#sales ul#sales_nav li a.active {
    background: #333;
    color: white;
}
div#sales ul#sales_nav li a:hover {
    background: #c7e4fa;
    text-decoration: none;
}

div#sales div.listing a {
    padding: 2px 15px;
    position: relative;
}
div#sales div.listing a:hover {
    background: #c7e4fa;
    text-decoration: none;
}
div#sales input.sales_order_field {
    width: 80px;
    border: 0;
    padding: 3px 5px;
    background: #efefef;
    font: 1.0em verdana, sans-serif;
}

div#sales span.one, 
div#sales span.two, 
div#sales span.three {
    width: 95px;
    padding: 4px 0;
    line-height: 20px;
    height: 20px;
    display: block;
    float: left;
    border-bottom: 1px solid #ddd;
}
div#sales span.one {
    width: 95px;
}
div#sales span.two {
    width: 125px;
}
div#sales span.three {
    width: 195px;
}


div#sales_totals table {
    float: right;
    width: 200px;
}
div#sales_totals table td {
    padding: 5px 10px;
}

.feedback {
   padding: 20px;
}
.feedback_name a {
    display: block;
    padding: 5px 11px;
    color: black;
    text-decoration: none;
}
.feedback_name a span {
    color: white;
}
.feedback_name a:hover {
}
.feedback_name a:hover span {
    color: black;
}
.feedback .feedback_comment {
    margin: 0px;
    padding: 20px;
    border: 1px solid #c9c2c1;
    background-color: #eef;
}
.feedback .feedback_name{
    text-align: right;
    position: relative;
    margin: 0px;
    padding: 7px 0px 0px 15px;
    top: 6px;
    font-style: normal;
}

/*
Account
********************************************************************************/
#account {
    min-height: 400px;
}
/* for Internet Explorer */
/*\*/
* html #account {
    height: 400px;
}
/**/

#account h1 {
    padding: 10px 20px;
}
#account_menu {
    position: absolute;
    top: 40px;
    right: 20px;
    width: 300px;
    padding: 10px 20px 20px 20px;
    margin: 0 20px 0 0;
    border: 1px solid #c7cfc5;
    background: #e7eff5;
}
#account_menu h3 {
    padding: 20px 0 10px 0;
}

/*
 * account
 * */

a.account_click_select,
a:link.account_click_select,
a:visited.account_click_select {
    display: block;
    padding: 6px 0 6px 10px;
    color: black;
}

a:hover.account_click_select,
a:active.account_click_select,
a:focus.account_click_select {
    text-decoration: none;
    background: #555;
    color: #fff;
}

a#checkout_place_order,  
a:link#checkout_place_order, 
a:visited#checkout_place_order {
    padding: 10px 15px;
}
a:hover#checkout_place_order {
}


#account h2 {
    padding: 20px 10px 10px 10px;
}

#account p {
    width: 400px;
}

#account div.order_status th {
    font-weight: bold;
    padding: 5px;
    border-bottom: 1px solid #c7cfc5;
}

#account div.order_status td {
    text-align: right;
    padding: 5px;
}

form#login_form {
    padding: 40px 90px 35px 90px;
    clear: both;
}
form#register_form {
    padding: 30px 200px;
    clear: both;
}
form#forgot_password {
    padding: 30px 450px 0 20px;
}
form#namemailpass {
    padding: 30px 450px 0 20px;
}
form#catalog {
    padding: 30px 500px 0 20px;
}

form#feedback{
    padding: 30px 150px;
}
form#feedback textarea {
    float: right;
    border: 1px solid #999;
    border-bottom: 1px solid #555;
    border-right: 1px solid #666;
    padding: 4px;
    background: url(/img/backgrounds/textarea.gif) repeat-x 0 bottom;
}

/*
checkout
*/
form#checkout_add_shipping_address_form {
    padding: 10px 30px;
}
form#checkout_add_creditcard_form {
    padding: 10px 30px;
}
form#checkout_add_creditcard_form select#exp_year, 
form#checkout_add_creditcard_form select#exp_month{
    float: right;
    width: 3em;
    border: 1px solid #999;
    border-bottom: 1px solid #555;
    border-right: 1px solid #666;
    margin: 0 0 0 10px;
}
form#checkout_add_creditcard_form select#exp_year {
    width: 60px;
}


input#cvv2_input {
    width: 4em;
    border: 1px solid #999;
    padding: 4px 5px;
    background: url(/img/backgrounds/input_bg.gif) repeat-x 0 bottom;
    font: 1.0em verdana, sans-serif;
}

/*
404 page
*/
textarea#cartfeedback, 
textarea#errorfeedback {
    border: 1px solid #999;
    border-bottom: 1px solid #555;
    border-right: 1px solid #666;
    background: #fafafa;
    width: 32em;
    height: 18em;
    padding: .5em;
    margin: 0 0 .5em 0;
    background: url(/img/backgrounds/textarea.gif) repeat-x 0 bottom;
}
textarea#errorfeedback {
    width: 28em;
}

/*
general form styles
*/
form.standard_form div {
    padding: 5px;
}
form.standard_form div p {
    padding: 3px 5px;
}

input.standard_input {
    width: 250px;
    float: right;
    border: 1px solid #999;
    padding: 4px 5px;
    background: url(/img/backgrounds/input_bg.gif) repeat-x 0 bottom;
    font: 1.0em verdana, sans-serif;
}
select.standard_select {
    width: 260px;
    float: right;
    border: 1px solid #999;
    padding: 4px 5px;
    background: url(/img/backgrounds/input_bg.gif) repeat-x 0 bottom;
    font: 1.0em verdana, sans-serif;
}
select.standard_select option {
    border: none;
}

input.standard_submit {
    width: auto;
    border: 1px solid #999;
    border-bottom: 1px solid #555;
    border-right: 1px solid #666;
    padding: 3px 5px;
    background: #dfefff;
    font: bold 1.1em verdana, sans-serif;
}

/*
Section: Item Listing 
********************************************************************************/
div#item_listing div.itemname h4 {
    padding: 5px 0;
}
div#item_listing div.itemname h3 a {
    color: black;
}
div#item_listing div.item {
    border-top: 1px solid #D8DFEA;
    margin: 10px 20px 0 0;
    clear: both;
}
div#item_listing div.firstitem {
    border: 0 !important;
}
div#item_listing div.item h5 {
    padding: 5px 0;
}
div#item_listing div.item h4 a, 
div#item_listing div.item h4 a:link,
div#item_listing div.item h4 a:visited {
    text-decoration: none;
    color: black;
}
div#item_listing div.item h4 a:hover {
    color: #275CCC;
    text-decoration: underline;
}
/*
 * box model hack this
 */
div#item_listing div.image a,
div#item_listing div.image a:link,
div#item_listing div.image a:visited {
    float: right;
    border: 5px solid #eaeaea;
    margin: 0 10px 15px 20px;
}
div#item_listing div.image a:hover {
    border: 5px solid #c7e4fa;
}
div#item_listing div.caption {
    padding: 10px 0 0 0;
    font-size: 1.1em;
}
div#item_listing div.caption b {
}
div#item_listing div.cart_link {
    margin: 8px 0 5px 0;
    width: 220px;
}
div#item_listing div.cart_link div {
    text-align: center;
}

div#item_listing div.cart_link a,
div#item_listing div.cart_link a:link,
div#item_listing div.cart_link a:visited {
}
div#item_listing div.cart_link a:hover {
}

div.pagination {
    float: right;
    clear: right;
    padding: 10px 0 10px 0;
    font-size: .9em;
}
div.pagination a,
div.pagination strong {
    margin: 0 3px;
}
div.pagination strong {
    padding: 4px 6px;
    background: #4ca2e2;
    color: white;
    font-weight: normal;
}
div.pagination a,
div.pagination a:link,
div.pagination a:visited {
    padding: 3px 6px;
    border: 1px solid #63b2ec;
    text-decoration: none; 
}
div.pagination a:hover {
    background: #63b2ec;
    color: #eee;
}

/*
Section: Item Listing All
********************************************************************************/
div#item_listing_all {
    padding: 10px 0 0 0;
}
div#item_listing_all div.itemname h4 {
    padding: 5px 0;
}
div#item_listing_all div.itemname h3 a {
    color: black;
}
div#item_listing_all div.item {
    float: left;
    width: 235px;
    padding: 10px 15px;
    margin: 10px 15px;
    text-align: center;
    background: #fcfcfc;
    border: 1px solid #eee
}
div#item_listing_all div.firstitem {
}
div#item_listing_all div.item h5 {
    padding: 5px 0;
}
div#item_listing_all div.item h4, 
div#item_listing_all div.item h5 {
    text-align: left;
}
div#item_listing_all div.item h4 a, 
div#item_listing_all div.item h4 a:link,
div#item_listing_all div.item h4 a:visited {
    text-decoration: none;
    color: black;
}
div#item_listing_all div.item h4 a:hover {
    color: #275CCC;
    text-decoration: underline;
}
/*
 * box model hack this
 */
div#item_listing_all div.image a,
div#item_listing_all div.image a:link,
div#item_listing_all div.image a:visited {
    display: block;
    width: 200px;
    margin: 0 0 0 15px;
    border: 5px solid #eaeaea;
}
div#item_listing_all div.image a:hover {
    border: 5px solid #c7e4fa;
}
div#item_listing_all div.caption {
    padding: 10px 0 0 0;
    font-size: 1.1em;
}
div#item_listing_all div.caption b {
}
div#item_listing_all div.cart_link {
    padding: 10px 0 0 0;
}
div#item_listing_all div.cart_link div {
    text-align: center;
}

div#item_listing_all div.cart_link a,
div#item_listing_all div.cart_link a:link,
div#item_listing_all div.cart_link a:visited {
}
div#item_listing_all div.cart_link a:hover {
}

/*
Section: Item Detail
********************************************************************************/
div#item_detail h1 {
    padding: 0 10px;
}
div#item_detail h3 {
    padding: 5px 10px;
}
div#item_detail div#item_left {
    width: 250px;
    float: left;
}
div#item_detail div.image {
    margin: 15px 15px 10px 15px;
}
div#item_detail div.image a,
div#item_detail div.image a:link,
div#item_detail div.image a:visited {
    display: block;
    width: 200px;
    height: 200px;
    border: 10px solid #eaeaea;
}
div#item_detail div.image a:hover {
    border: 10px solid #c7e4fa;
}

div#kit_info div.kit_image a,
div#kit_info div.kit_image a:link,
div#kit_info div.kit_image a:visited {
    display: block;
    width: 200px;
    height: 200px;
    border: 10px solid #eaeaea;
    margin: 15px 15px 10px 0px;
}
div#kit_info div.kit_image a:hover {
    border: 10px solid #c7e4fa;
}

button.kit_button {
    display: block;
    text-align: center;
    padding: 0px 10px;
    height: 32px;
    width: 350px;
    line-height: 32px;
    margin: 5px 0 0 5px;
    background: transparent url(/img/buttons/base_long.png) no-repeat 0 0;
    color: #eee;
    border: 0;
    font-size: 1.1em;
    text-decoration: none;
}
button.kit_button:hover {
    color: #333;
}

div#kit_blurb {
   background: #efefef;
   border: 1px solid #ccc;
   padding: 5px;
   margin-top: 10px;
   width: 208px;
}

div#item_detail div#item_options {
    margin: 0px 5px 0 15px;
    width: 200px;
    text-align: center;
    padding: 15px 10px;
}
div#item_detail div#item_options div.suboption {
    padding: 10px 0px 15px 0;
    width: 100%;
    clear: both;
}
div#item_detail div#item_options h4 {
    color: #333;
    padding: 15px 12px;
    font-size: 1.8em;
    background: #fffcab;
    border: 1px solid #fcf9b2;
}
div#item_detail div#item_options li {
    padding: 6px 2px;
    float:left;
    white-space: nowrap;
    display: inline;
}
div#item_detail div#item_options div.first {
    width: 100%;
    font-weight: bold;
    font-size: 1.1em;
    text-align: left;
    float: left;
    clear: both;
    padding: 0 0 4px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px solid #888;
}
div#item_detail div#item_options div.second {
    width: 100%;
    float: left;
    clear: both;
}
div#item_detail div#item_options li a,
div#item_detail div#item_options li a:link,
div#item_detail div#item_options li a:visited {
    border: 1px solid #888;
    padding: 4px 5px;
    height: 26px;
    color: black;
    background: #fff;
    font: bold .9em verdana, sans-serif;
}
div#item_detail div#item_options li a:hover {
    color: white;
    text-decoration: none;
    background: url(/assets/css/img/options.gif) repeat-x 0 0;
    background: #6ca6ed;
}

div#item_detail div#item_options li a.active_option {
    background: url(/assets/css/img/options.gif) repeat-x 0 0;
    background: #6ca6ed;
}

div#item_detail div#item_options li a.nostock_option,
div#item_detail div#item_options li a:hover.nostock_option {
    color: #ccc;
    border: 1px solid #ccc;
    background: #fafafa;
}

div#item_detail div#item_info {
    margin: 10px 0px 0 250px;
    padding: 10px;
}
div#item_info div#item_info_top {
    height: 8px;
    background: url(/img/backgrounds/product_top.png) no-repeat 0 0;
}
div#item_info div#item_info_middle {
    padding: 5px 15px 0 20px;
    background: url(/img/backgrounds/product_middle.png) repeat-y 0 0;
}
div#item_info div#item_info_bottom {
    height: 8px;
    background: url(/img/backgrounds/product_bottom.png) no-repeat 0 0;
}

/* 
kits 
*/
/* box model hack */
div#item_detail div#kit_info {
    float: right;
    width: 350px;
}
div#item_detail div#kit_options {
    float: right;
    width: 550px;
}
div#item_detail div#kit_options h4 {
    border-bottom: 1px solid #888;
    margin-bottom: 10px;
    padding-top: 10px;
}
div#item_detail div#kit_options p {
    padding: 5px 10px;
}
select.kit_dropdown {
    width: 425px;
    border: 1px solid #ccc;
    border: 1px solid #ccc; 
    padding: 3px; 
    margin: 0 5px 0 0;
}
div#item_detail img.kitimage {
    float: right;
    margin: 0 10px;
    width: 60px;
    height: 60px;
    border: 3px solid #eee;
}
select.kit_dropdown option.outofstock {
    background: #c0b5a1;
}

div#item_detail p#item_description {
    padding: 5px 10px 5px 0;
}
p#kit_item_description {
    padding: 5px 40px 5px 0;
}
div#item_detail p#item_description b,
div#kit_info p#kit_item_description b {
}

div#item_detail ul, div.caption ul {
    padding: 0 0 0 20px;
    list-style-position: outside;
    list-style-type: disc;
}

div#item_detail div#add_to_cart {
    text-align: center;
}
div#item_detail div#add_to_cart a,
div#item_detail div#add_to_cart a:link,
div#item_detail div#add_to_cart a:visited {
}
div#item_detail div#add_to_cart a:hover {
    color: #333;
}
div#item_detail div#add_to_cart a.out_of_stock:hover {
    color: #eee;
}

div#item_detail div#add_to_cart div {
    float: right;
    width: 5px;
    height: 32px;
    background: url(/img/buttons/base_long.png) no-repeat right 0;
}

div#item_detail div#related_items {
    clear: both;
    margin: 10px 0;
    padding: 15px;
}
div#item_detail div#related_items div.related_item {
    float: left;
    width: 48%;
    padding: 10px 0 10px 10px;
}
div#item_detail div#related_items div.related_item a {
    display: block;
    padding: 10px;
    color: black;
}
div#item_detail div#related_items div.related_item a:hover {
    background: #C7E4FA;
    text-decoration: none;
}
div#item_detail div#related_items img {
    border: 1px solid #333;
    float: left;
    margin: 0 10px 0 0;
    width: 100px;
    height: 100px;
}
div#item_detail div#related_items h4, 
div#item_detail div#related_items h5 {
    padding: 5px;
}

div.why_clickforprice {
    padding: 5px;
    font-size: 0.7em;
}
/* ================================================================ 
 * This copyright notice must be untouched at all times.
 *
 * The original version of this stylesheet and the associated (x)html
 * is available at http://www.cssplay.co.uk/menus/drop_list_menu.html
 * Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
 * This stylesheet and the associated (x)html may be modified in any 
 * way to fit your requirements.
 * =================================================================== */


#list_menu {
    padding:0; 
    margin: 0px 25px 0 25px;
    list-style:none; 
    height:30px;
    float:left; 
    width:900px; 
    z-index:500;
}

/*
list elements
*/
#list_menu li {
    display:inline; 
    float:left; 
    height:30px; 
    line-height: 30px; 
}

#list_menu li a.tl {
    display:block; 
    width: auto;
    _width: 1%;
    height: 30px; 
    padding: 0 15px;
    text-decoration:none;
    text-align: center;  
    color: #444; 
    font: bold 1.1em/30px verdana, sans-serif;
}
#list_menu li a.active {
    background: #a3b4df;
}

#list_menu li a:hover {
    text-decoration:none; 
    white-space:normal; 
    color: #fff;
    background: transparent url(/img/backgrounds/blue_transparent.gif) repeat 0 0;
}
#list_menu li:hover > a {
    text-decoration:none; 
    white-space:normal; 
}

/*
customizations
*/
#list_menu li.homelink a {
    padding: 0 20px !important;
}

#list_menu div.menudrop {
    display:none;
}
div.menufloat {
    float: left !important;
    width: 225px !important;
}

#list_menu .five:hover div {
}
#list_menu .five:hover div dl {
    width:225px;
}

#list_menu :hover div.menudrop
{
    display:block; 
    background: #fafafa;
    position:absolute; 
    left: 15px; 
    top:30px;
    border:1px solid #666;
    border-top: 0;
    padding: 10px 0 10px 10px;
}

div.list_menu {
    padding: 10px 0 0 0;
}


/*
dt and links (headings)
*/
.list_menu dl dt,
#list_menu :hover div dl dt {
    text-decoration:none;
    line-height:20px;
    padding: 3px 0px;
    color: #fff;
}
.list_menu dt a,
#list_menu :hover div dt a {
    display: block;
    margin: 0 10px;
    text-decoration:none; 
    cursor:default; 
    color: #196CEA;
    font: bold 1.4em/1.6em "lucida grande", "lucida sans unicode", arikal, verdana, sans-serif;
    margin-bottom: 10px;
}
.list_menu dt a:hover,
#list_menu :hover div dt a:hover {
    background: #fefef2;
}
.list_menu dt a {
    color: #222;
    border-bottom: 1px solid #333;
}

/*
dd and links (menu elements)
*/
.list_menu dl dd,
#list_menu :hover div dl dd {
    padding:0; margin:0;
}

.list_menu dd a,
#list_menu :hover div dd a {
    margin: 0 10px;
    display:block; 
    text-decoration:none; 
    color:#000; 
    font: 1.0em/1.6em "lucida grande", "lucida sans unicode", arikal, verdana, sans-serif;
    padding: 0 5px;
    word-wrap: break;
    border: 1px solid #fafafa;
}
.list_menu dd a {
    color: #222;
    border: 1px solid #fff;
}

.list_menu dd a:hover,
#list_menu :hover div dd a:hover { 
    background: #E3EDBF;
    border: 1px solid #d3dDaF;
}

.menu_space { padding: 0 0 7px 0 ! important; }

#list_menu .clear {clear:both;}


.list_menu dl dd a {
}

.menu_wrapper {
    width: 910px;
    text-align: left;
}

#list_menu .five:hover div.menudrop {
    width: 910px;
}
#list_menu :hover div.menudrop {z-index: 1000;}

ul#list_menu li#cart_menu_link {
    float: right;
}
ul#list_menu li#cart_menu_link a {
}

/*
Section: Heading
********************************************************************************/
div#heading {
    height: 136px;
    padding: 3px 0 0 0;
    background: url(/img/backgrounds/heading.jpg) no-repeat -3px 0;
}

div#heading_top_menu div#themenu {
    position: absolute;
    top: 10px;
    left: 0px;
    height: 38px;
}

/*
heading_right styles
*/
li#top_phone {
    text-align: left;
    padding: 0 180px 0 0;
    font: normal 1.9em "trebuchet ms", sans-serif;
}
div#top_search {
    position: absolute;
    bottom: 25px;
    right: 20px;
    text-align: right;
}
div#top_search input#search { 
    width: 170px;
    padding: 4px 25px 3px 5px;
    margin: 0 0 0px 0;
    font-size: .9em;
    border: 1px solid #999;
    background: #fff url(/img/backgrounds/search.png) no-repeat top right;
}
div#top_search input#search_submit { 
}
ul#login_links {
    position: absolute;
    top: 60px;
    right: 10px;
    width: 200px;
    text-align: right;
}
ul#login_links li {
    display: inline;
}
ul#login_links li a, 
ul#login_links li a:link, 
ul#login_links li a:visited {
    display: block;
    float: right;
    width: 75px;
    height: 20px;
    color: #fff;
    text-decoration: none;
    font: bold 1.0em/20px verdana, sans-serif;
    text-align: center;
}    
ul#login_links li a:hover {
    background: #fff;
    color: #333;
}    


/*
 * ***************************
needs box model hack *
 * ***************************/
div#heading_left a#homelink,
div#heading_left a#homelink:link,
div#heading_left a#homelink:visited {
    border: 2px solid #eee;
    height: 49px;
    width: 80px;
    margin-top: 0px;
    float: left;
}
div#heading_left a#homelink:hover {
    border-color: #FEBF55;
}
div#heading_left a#homelink img {
}

h1#cyclist_heading, 
h2#phone_number {
    overflow: hidden;
    text-indent: -100em;
}
/*
 shopping cart
 ------------------------------*/
#shopping_cart {
}
table.shopping_cart {
    width: 75%;
    text-align: left;
    padding-top: 25px;
    border-bottom: 1px solid #999;
}
table.shopping_cart th,
table.shopping_cart td {
    padding: 10px;
    margin: 0;
    vertical-align: top;
}
table.shopping_cart th {
}
table.shopping_cart tr.cart_border th {
    border-bottom: 1px solid #999;
}
table.shopping_cart td.left {
    border-left: 1px solid #999;
}
table.shopping_cart td.right {
    border-right: 1px solid #999;
}

.shopping_cart .centered {
    text-align: center;
}
.shopping_cart .odd {
    background: #C7E4FA;
}
.shopping_cart .totals {
    font-weight: bold;
    text-align: right;
}

a.cart_checkout_link, 
a:link.cart_checkout_link, 
a:visited.cart_checkout_link {
    float: right;
    margin: 0 0 0 0px;
    width: 163px;
    height: 40px;
    text-indent: -10em;
    overflow: hidden;
    background: transparent url(/img/buttons/checkout.png) no-repeat bottom left;
}
a:hover.cart_checkout_link {
}

input.cart_quantity {
    width: 2em;
    margin: 0;
    padding: .1em .2em .1em .1em;
    text-align: center;
}

.cart_item_add img,
.cart_item_remove img {
    vertical-align: bottom;
    padding: 0 0 3px 0;
}

img.cart_item_image {
    float: left;
    margin: 0 10px 0 0;
    height: 60px;
}

div#subtotal {
    position: absolute;
    top: 88px;
    right: 5px;
    width: 145px;
    padding: 16px 20px;
    background: #FFFFE6;
    border: 1px solid #e3edbf;
}

a.cart_update_link, 
a:link.cart_update_link, 
a:visited.cart_update_link {
    display: block;
    width: 20px;
    padding: 10px 0 0 0px;
    text-decoration: underline;
}
a:hover.cart_update_link {
    color: #a43b2f;
}
a:focus.cart_update_link, 
a:active.cart_update_link {
    height: 0;
    width: 0;
    border: 0;
}

a.kit_item_cart, 
a:link.kit_item_cart, 
a:visited.kit_item_cart {
    padding: 10px 0 0 0px;
    text-decoration: underline;
}
a:hover.kit_item_cart {
    color: #a43b2f;
}

div.cart_hide_kit_detail {
    padding: 10px;
}

div#empty_cart_cookies {
    margin: 20px 400px 0 0;
    padding: 15px 25px;
    background: #e7eff5;
}
div#empty_cart_cookies h3 {
    padding: 10px 0 5px 0;
}
div#empty_cart_cookies h4 {
    color: #68b4e1;
}

div#coupon {
    width: 240px;
    padding: 5px;
    margin: 20px 0 0 0;
    background: #FFFFE6;
    border: 1px solid #e3edbf;
}

div#coupon td {
    padding: 5px;
}

div#coupon input {
    width: 100px;
}

div#coupon_message {
    overflow: auto;
    text-align: center;
    color: red;
}

div#coupon_message.ajax-loading {
    padding: 20px 0;
    background: #ffffe6 url(/assets/css/img/loading.gif) no-repeat center;
}
/*
 * checkout
 * */
.checkout_left_50 {
    margin: 15px 0 0 40px;
    width: 600px;
}

#checkout {
    min-height: 350px;
}
/* for Internet Explorer */
/*\*/
* html #checkout {
    height: 350px;
}
/**/

#checkout_process {
    padding: 0px 10px 10px 0px;
    border: 1px solid #aaa;
}
#checkout_process h2 {
    font: 1.4em/1.5em verdana, sans-serif;
    padding: 9px 15px;
    margin: 0 0 5px 0;
}
div#checkout_process_top {
    height: 4px;
    background: transparent url(/img/backgrounds/featured_top.png) no-repeat 0 0;
    background: none;
}
div#checkout_process {
    padding: 10px;
    background: transparent url(/img/backgrounds/featured_middle.png) repeat-y 0 50%;
    background: none;
    background: #f3f6fb;
}
div#checkout_process_bottom {
    height: 6px;
    margin-bottom: 40px;
    background: transparent url(/img/backgrounds/featured_bottom.png) no-repeat 0 bottom;
    background: none;
}

/*
 * the actual links in the checkout accordian
 */
.pad_accordian_options {
    margin: 5px 10px 10px 10px;
    background: #eaeaea;
}


h3.toggler {
    background: #5d88bb;
}
h3.toggler a,
h3.toggler a:link,
h3.toggler a:visited {
    display: block;
    color: black;
    font-size: .8em;
    padding: .4em 1em;
}
h3.toggler a:hover {
    color: #eee;
    background: #789cc6;
    text-decoration: none;
}

a.right_floater_checkout_edit, 
a:link.right_floater_checkout_edit, 
a:visited.right_floater_checkout_edit 
a.right_floater_checkout_select, 
a:link.right_floater_checkout_select, 
a:visited.right_floater_checkout_select {
    float: right;
    padding: 5px 10px;
}
a:hover.right_floater_checkout_edit, 
a:active.right_floater_checkout_edit, 
a:focus.right_floater_checkout_edit {
    background: #f55;
}
a:hover.right_floater_checkout_select, 
a:active.right_floater_checkout_select, 
a:focus.right_floater_checkout_select {
    background: #c7e4fa;
}

a.checkout_click_select,
a:link.checkout_click_select,
a:visited.checkout_click_select {
    display: block;
    padding: 10px;
    color: black;
}

a:hover.checkout_click_select,
a:active.checkout_click_select,
a:focus.checkout_click_select {
    text-decoration: none;
    background: #c7e4fa;
}

form.checkout_add_form a.checkout_click_select,
form.checkout_add_form a:link.checkout_click_select,
form.checkout_add_form a:visited.checkout_click_select {
    padding: 10px;
    color: black;
    padding: 10px 20px;
}

form.checkout_add_form a:hover.checkout_click_select,
form.checkout_add_form a:active.checkout_click_select,
form.checkout_add_form a:focus.checkout_click_select {
    text-decoration: none;
    background: none;
}

div.added_shipping_address a.checkout_click_select,
div.added_shipping_address a:link.checkout_click_select,
div.added_shipping_address a:visited.checkout_click_select {
    display: block;
    padding: 10px;
    color: black;
    background: #6699dd;
}

div.added_shipping_address a:hover.checkout_click_select,
div.added_shipping_address a:active.checkout_click_select,
div.added_shipping_address a:focus.checkout_click_select {
    text-decoration: none;
    background: #6699dd url(img/small_cart_blue_arrow.gif) no-repeat top right;
}


/*
*/
#checkout_stage {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0px;
}
#checkout_stage h4 {
    padding: 15px 10px;
    border: 1px solid #ddd;
    background: #fafafa;
}
#checkout_stage .checkout_stages {
    display: block;
}

#checkout_stage ul {
    margin: 15px 0 0 0;
}
#checkout_stage li {
    text-align: left;
}
#checkout_stage li#step {
    padding: 5px 10px;
}
.checkout_stages a, 
.checkout_stages a:link, 
.checkout_stages a:visited {
    color: black;
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
.checkout_stages a.top_level_confirm {
    border: 1px solid #ccc;
}
.checkout_stages a.top_level_finished {
    background: #e3ffbf;
}
.checkout_stages a:hover {
    text-decoration: none;
    background: #c7e4fa;
}
.checkout_stages a:active, 
.checkout_stages a:focus {
    background: #c7e4fa;
    color: white;
    text-decoration: none;
}

.checkout_stages a span {
    padding: 0 0 0 25px;
}
.checkout_stages a.top_level_finished span {
    /*
    background: url(/img/backgrounds/greencheck.gif) no-repeat 0 0;
    */
}
.checkout_stages a.active span {
    font-weight: bold;
    background: url(/img/backgrounds/greenarrow.gif) no-repeat 0 0;
}

#checkout_stage .checkout_stage {
    display: block;
    cursor: pointer;
    overflow: hidden;
    width: 200px;
    padding: 10px;
}

/*
 * */
#shipping_methods {
    margin: 10px;
}
#shipping_methods ul {
    padding: 0 10px;
}

ul.complete_lists li h4 {
    padding: 10px 0 5px 5px;
}
ul.complete_lists li a strong {
    padding: 0;
}


/*
 * */
a.checkout_add_ship_code img, 
a.checkout_add_bill_code img, 
a.checkout_add_cc_code img {
    padding: 10px;
}

div#shipping_complete p {
    padding: 0 0 5px 20px;
}
div#shipping_complete a.checkout_click_select, 
div#shipping_complete a.checkout_click_select:hover {
    background: none !important;
}

input#checkout_add_shipping_address_form_submit,
input#checkout_add_billing_address_form_submit,
input#checkout_add_creditcard_form_submit {
    border: none;
}
   
a.checkout_complete_edit {
    float: right;
    padding: 10px;
}
a:hover.checkout_complete_edit {
    background: #c7e4fa;
}

div#complete {
    padding: 10px;
}
div#complete h4 {
    padding: 10px 0 5px 0;
    color: #337;
}

table#checkout_prices {
    margin: 15px 0 0 0;
    padding: 5px;
    background: #FFFFE6;
    border: 1px solid #e3edbf;
}
table#checkout_prices td {
    padding: 5px 30px 5px 5px;
    font: 1.2em/1.5em verdana, sans-serif;
}
table#checkout_prices td.strong {
    font-weight: bold;
}







#order_confirmation h2 {
    padding: 5px 0;
    margin: 0;
    font: bold 1.2em/1.3em georgia, sans-serif;
}

table#order_confirmation{
    clear: both;
    text-align: left;
    width: 100%;
}

table#order_confirmation th, 
table#order_confirmation td {
    padding: 15px 5px;
}

#order_confirmation td table {
    width: 100%;
}
#order_confirmation td table td {
    padding: 5px 5px;
}
/* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
        z-index: 1000;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
        z-index: 1001;
}

.lbLoading {
	background: #fff url(/assets/css/img/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #C7E4FA;
	border-bottom: none;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/assets/css/img/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/assets/css/img/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border-top-style: none;
	border: 10px solid #C7E4FA;
	border-top: none;
}
#lbCloseLink {
	height: 22px;
        display: block;
        padding: 0 0px 0 0;
	background: transparent url(/assets/css/img/closelabel.gif) no-repeat right 0px;
}
#lbCloseLink:hover {
	background: #C7E4FA url(/assets/css/img/closelabel.gif) no-repeat right 0px;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
        display: none;
}

#lbCaption {
	font-weight: bold;
}
~