/* rewrite button to be 'on' while we're on this page */
ul#main_buttons li a#main_button_today{ color: #9e181d; }

/* column wrapper */
#main_content #daily_shot_status, #main_content #email_friend_message{ color: #fff;  font-weight: bold; font-size: 1.1em; }
#email_friend_message{ margin-top: 2px; }

#main_content { margin-top: 15px; padding: 0 !important; }
#main_content #content { margin: 0 -350px 0 0; padding: 0; min-width: 700px; width: 100%; }


/* left column */
#main_content #item_listing { margin: 0 350px 0 20px; }

#item_description { color: #555; border-top: 2px solid #ccc; padding: 10px 0 0 0; }

#item_listing #item_information { float: left; padding: 0; margin: 0 0 20px 0; width: 97%; }
  #item_information #item_image{ text-align: center; margin: 5px 0 20px;  padding-bottom: 20px; }

  #item_information h1#item_title { color: #000; font-size: 2.2em; font-weight: normal; line-height: 100%; margin: 0 0 5px 0; text-transform: capitalize;  }
  #item_information p#bottom_line { color: #8A8A8A; font-size: 1.2em; font-weight: normal; line-height: 130%; margin: 0; }

  
/*carousel overrides*/
.yui-skin-sam .yui-carousel{border:none;}
.yui-carousel-nav { display: none; }
.yui-carousel .yui-carousel-item-selected { border: none; }
.carousel-component{ background: none; float: left; }
.yui-carousel-element li { width: 75px; border:none;}
.missing_swatch div{ border: 1px solid #9d9d9d; color: #555; height: 45px; width: 65px; padding: 2px; margin-top: 5px; font-size: 0.75em; }
.yui-tt{ background: #f4f4f5 url(/images/bcs/pdp/img_hover_bg.gif) top left repeat-x; border: 1px solid #ccc; color: #000; font: 0.70em arial, sans-serif; text-align: center; padding: 4px; width: 116px; }
  .yui-tt span{ white-space: nowrap; }    
  
#item_image {height: 440px;}

#more_views{ width: 100%; height: 80px; margin-bottom: 10px;}
    #more_views_title{ width: 85px; height: 45px; padding: 15px 0 0px 10px; background: #eee url(/images/bcs/pdp/available_colors_title_bg.gif) top left repeat-x; float: left; border-right: 1px solid #e6e6e6; }
    #more_views img{ display: block; margin: 5px; float: left; }
    .scrolly_image {border: 1px solid #EBEBEB; padding: 2px;}

.item_info_section{}
  .item_info_section h2{ margin: 10px 0 5px 0; line-height: 1em; text-transform: uppercase; font-weight: bold; color: #000; }
  #item_information #item_description img.brand_logo{ float: left; margin: 28px 10px 5px 0; }
  #item_description p, #item_description h2{ margin-left: 105px; }
  #item_description ul{ margin-left: 125px; list-style-type: disc; }
  #reviews_summary{ clear: both;}
  #reviews_summary a:link, #reviews_summary a:visited{text-decoration: underline; color: #c96341; text-transform: lowercase; }
  #reviews_summary a:hover{ text-decoration: none; }
  #reviews_summary img {vertical-align: middle; margin-right: 5px; }
  
#item_information #features{ padding: 5px 0 10px; width: 100%; margin: 0 0 20px 0; float: left; clear: both; display: block; border-top: 1px solid #ccc; border-bottom: 1px solid #CCC; background-color:#eee; }
  #item_information #features h2{ margin: 0 0 8px 10px; border: 0; }
  #item_information #features dl.features dt{ font-weight: bold; float: left; clear: both; text-align: right; margin: 0; padding: 4px 0; width: 150px; border-top: 1px solid #DDD; }
  #item_information #features dl.features dd{ font-weight: normal; float: left; margin: 0; padding: 4px 0 4px 5px; border-top: 1px solid #DDD; width: 60%; color: #555; }

#item_information #sizing_chart{ float: left; overflow: auto; width: 95%; }

#additional_photos { clear: both; margin: 20px 0 10px 0; overflow: hidden;  }
#additional_photos h2{ margin-bottom: 20px; }
#additional_photos img{ margin: 5px auto; display: block; }
div#reviews{ border-top: 1px solid #c3c3c3; margin: 10px 0;  }
  div#reviews h2{margin: 15px 0; color: #000; font-size: 1.5em; }
  div#reviews h3{color: #A51922;}
  
div.review{ margin-top: 10px; border-bottom: 1px solid #c3c3c3; }
  div.review h3{ text-transform: none; margin: 10px 0; line-height: 1em; font-size: 1.2em; }
  
/* right column */
#navigation { float: right; margin: 0 20px 20px 0; padding: 0px; width: 300px; }
   #navigation * { font-size: 11px; }

   #navigation #add_cart { background: url(/images/odat_add_cart.gif) repeat-y left top; margin:  0 0 5px 0; padding: 0; width: 300px; }
    #navigation #add_cart_top { background: url(/images/odat_sprites.png) no-repeat left top; display: block; height: 8px; margin: 0; overflow: hidden; padding: 0; width: 300px; }
    #navigation #add_cart_bottom { background: url(/images/odat_sprites.png) no-repeat 0px -10px; clear: both; display: block; height: 8px; overflow: hidden; width: 300px; }

   #navigation #pricing { padding: 0 10px; text-align: left; }
   #navigation #pricing #price { color: #CB4E52; float: left; font: bold 32px Arial, Helvetica, sans-serif; margin: 0 5px 5px 0; } 
    	#navigation #pricing #percent_off{ color: #000; float: left; font-size: 10px; margin: 5px 0; padding: 0; }
	#navigation #pricing form { clear: both; margin: 10px 0 0 0; padding: 0; }

   /* Visitor Count */
    div#bars{ text-align: left; }
       h4.bar_title{ margin: 10px auto 0 auto; width: 280px; color: #666; font-size: .8em !important; font-weight: bold; text-transform: uppercase;  font-family: Arial, Helvetica, sans-serif;  }
         h4.bar_title span{ float: right; font-size: 1em !important; font-weight: normal; text-transform: none; }
         h4.bar_title span span{float: none; }
 
    /* Fuel Gauge */
    .status_bar{ width: 220px; height: 18px; padding-top: 2px; font-size: 1px; margin: 10px 0 0; line-height: 0px; background: transparent url(/images/odat_sprites.png) no-repeat scroll left -24px; }
       .status_bar .liquid {background-image: url(/images/chainlove/cliff_bars_small.gif); height: 13px; display:block; visibility: hidden; margin: 0 14px; width: 185px; }
 
    /* Big bars */
    .big_bar{ width: 280px; height: 21px; border-top: 1px solid #999; border-bottom: 1px solid #999; font-size: 1px; margin: 3px auto 0 auto; background: transparent url(/images/odat_sprites.png) no-repeat scroll left -51px; position: relative; z-index:1; }
       .big_bar .liquid {background-image: url(/images/chainlove/cliff_bars_large.gif); height: 20px; display:block; visibility: hidden; margin: 0px; position: relative; z-index: 50; width: 280px; }
       .fg_current_mark { display: block; color: #333; padding: 0 2px 0 4px; font-size: .9em !important; font-weight: bold; position: absolute; top: 4px; left: 1px; z-index: 125; }
 
    /* People on site */
    div.recent_traffic{ position: relative; width: 280px; border: 1px solid #fff; margin: 0 auto; padding: 5px 0 5px 0; }
       div.recent_traffic div.traffic_chart{ margin: 25px 5px 20px auto; border: 1px solid #999; padding: 1px; width: 280px; height: 45px;}
       canvas#cav { height: 45px; width: 280px;}
    span.traffic_chart_title{ display: block; position: absolute; top: 16px; #top: 10px; left: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em !important; font-weight: bold; color: #555; text-transform: uppercase; }
 
     span.high_water_mark{ display: block; position: absolute; top: 25px; right: 7px; background: #fff url(/images/chainlove/high_mark_bg.gif) 0px 8px repeat-x; padding: 0 2px 0 2px; font-size: 0.9em !important; color: #555; }
     span.low_water_mark{ display: block; position: absolute; bottom: 20px; right: 7px; background: #fff url(/images/chainlove/low_mark_bg.gif) 0px -5px repeat-x; padding: 0 2px 0 2px; font-size: 0.9em !important; color: #555; }
     span.current_mark{ display: block; position: absolute; bottom: 40px; right: 5px; color: #000; padding: 0 2px 0 4px; font-size: 1.3em !important; }


dl#stats { margin: 0; overflow: hidden; padding: 5px 10px 5px 0px; }
    dl#stats dt { clear: both; color: #595959; float: left; margin: 0 5px 5px 0; text-align: left; }
    dl#stats dd { color: #000; float: none; font-weight: bold; margin: 0 0 5px 0; text-transform: capitalize;}

#navigation #variants { margin: 5px 0; overflow: hidden; }
   #navigation #variants label { color: #505050; float: left; font-size: 10px; margin: 0; }
   #navigation #variants select { color: #505050; margin: 2px 0; width: 98%; }
   #navigation #variants p#size_chart_link { float: right; margin: 2px 10px 0 0; padding: 0; line-height: 100%; }
      #navigation #variants p#size_chart_link a { background: url(/images/chainlove/cl_sprites.png) no-repeat -182px -29px; color: #505050; font-size: 10px; height: 10px; padding: 0 0 0 12px; text-decoration: none; } 
   #navigation #quantity { margin: 0 0 5px 0; }
      #navigation #quantity label { color: #505050; font-size: 10px; }
      #navigation #quantity select{ color: #505050; margin: 2px 0; width: 98%; }

#variants_inv { color: #666; text-align: left; clear: both; padding: 0 0 15px 0; width: 100%; }
   #variants_inv .variant{ width: 290px; margin: 0 auto 2px auto; clear: both; }
      .variant img{ width: 50px; height: 50px; float: left; display: inline; font-size: 1px; cursor: pointer; }
         .variant img.sold_out { height: 16px; width: 220px;}
      .variant .info{ float: left; margin: 0 0 0 20px; width: 220px; }
      .variant .description{ clear: both; text-align: left; font-size: .7em; }
         .variant .description strong { color: #666; }
      .variant .inventory{ float: left; width: 150px; }138        .variant .onhand{ height: 14px; float: left; background-color: #bbb; font-size: 1px; line-height: 0pt; display: inline; clear: both; margin: 0pt 0pt 0pt 12px; }
      .variant .statusBar{ width: 190px !important; height: 14px; border: 1px solid #999; font-size: 1px; margin: 10px 0pt 0pt; line-height: 0px; background: transparent url(/images/steepcheap/sac-sprites.png) no-repeat scroll -143px -40px; }
      .variant .totalInventory{ height: 3px; float: right; font-size: 1px; line-height: 0; display: inline; clear: both; }


/* Sold out */
#navigation #soldOut { clear: both; margin: 10px 5px; }
    #navigation #soldOut img { margin: 5px 0 10px 0; }
    #navigation #miss_deal_msg h4 { color: #333; font-size: 1.6em; font-weight: bold; margin: 5px 0 0 0;}
    #navigation #miss_deal_msg p { color: #333; font-size: 1.2em; margin: 0; }
    #navigation #miss_deal_msg a { font-size: 1em; }

span#nav_timer { clear: both; color: #333; display: block; font-size: 1.4em; font-weight: bold; }
span#timer_body_clock { color: #9E181D; display: block; font-size: 1.6em; font-weight: bold; }


#navigation #soldOutMsg {clear: both; width: 90%; margin: 20px 0; }
#navigation #missed_today, #navigation #next_steal{ float: left; width: 85%; clear: both; }
#navigation #missed_today h2, #navigation #next_steal h2{ font-size: 1.4em; margin: .7em 0; }
#navigation #next_steal #body_clock, #navigation #next_steal #timer_body_clock{ line-height: 1.0em; float: left; font-size: 2.7em; font-weight: bold; color: #9e181d; }


#main_buttons li.logged_in{ display:none; }
#main_links li.logged_in{ display:none; }

#promo_data{ display: none; }

/* RSS Feeds */
div#rss_feeds { background: url(/images/misc/rss_icon.gif) no-repeat 15px center; border-top: #ACACAC solid 1px; clear: both; margin: 10px auto 0 auto; padding: 15px 0 15px 40px; width: 260px; }
    div#rss_feeds a { font-size: 1.1em;}
 
 
/* Resonance box */
div#related_items { background: url(/images/odat_rightcol_promos.gif) repeat-y; clear: both; margin: 0; overflow: hidden; padding: 0 0 10px 0; text-align: center; width: 300px; }
    div#related_items_bottom{ background: url(/images/odat_sprites.png) no-repeat left bottom; height: 9px; _height: 6px; margin: 0 0 10px 0; overflow: hidden; /* ie6 fix */ padding: 0; width: 300px; }
    div#related_items h2 { background: url(/images/odat_sprites.png) no-repeat 0px -75px; color: #000; font-size: 1.3em; font-weight: bold; height: 35px; margin: 0; padding: 20px 0 0 0; text-align: center; text-transform:     capitalize; width: 300px; }
    div#related_items div.related_item { font-size: 12px; margin: 10px 20px; }
    div#related_items div.related_item img { clear: both; display: block; margin: 0 auto 5px auto; }
    div#related_items div.related_item h3 { margin: 3px 0; text-align: center; }
        div#related_items div.related_item h3 a{ color: #000; font-size: 1.2em; font-weight: bold; line-height: 1.3em; }
    div#related_items div.related_item_price{ color: #9e181d; font-size: 1.4em; font-weight: bold; margin: 3px 0; line-height: 1.1em; text-align: center;}
    div#related_items div.related_item_discount{ color: #000; font-size: 0.9em; margin: 1px 0; text-align: center; }