@import url("../shared/sizingchart.css");

/* Rewrite button to be 'on' while we're on this page */
ul#main_buttons li#today a:link, ul#main_buttons li#today a:visited { background-position: 0 -13px; }

/* Column wrapper */
#main_content { padding: 0 30px; }
#main_content #content { float: left; margin: 15px -350px 0 0; min-width: 700px; width: 100%; }

#main_content #daily_shot_status, #main_content #email_friend_message{ color: #fff;  font-weight: bold; font-size: 1.1em; }
#item_description, #bottom_line{ color: #555; }

/* Left column */
#main_content #item_listing { display: block; margin: 0 350px 0 0; clear: both; }

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

.item_info_section{}
  div#brand_logo{ float: left; width: 120px; }
    div#brand_logo img{ margin: 28px auto 0; display: block; }
	    
/*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 !important; color: #000; font: 0.9em arial, sans-serif !important; text-align: center; padding: 4px; width: 116px; }
      .yui-tt span{ white-space: nowrap; }
	    
h1#item_title { color: #000; font-size: 2.2em; font-weight: normal; line-height: 100%; margin: 0 0 5px 0; text-transform: capitalize;  }
p#bottom_line { color: #8A8A8A; font-size: 1.2em; font-weight: normal; line-height: 100%; margin: 0; }

/* Item images */
#item_image {height: 440px}
#main_images { }
	    
#more_views{ width: 100%; height: 80px; border-bottom: 1px solid #EBEBEB; 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 h2{ margin: 10px 0; line-height: 1em; text-transform: uppercase; font-weight: bold; color: #000; line-height: 1em; }

/* Item Description */
#item_description { }
   #item_description h2 { font-size: 2em; font-weight: normal; margin-left: 0px; text-transform: capitalize; }
   #item_description p { color: #8A8A8A; margin-left: 120px; }
   #item_description img.brand_logo { float: left; margin: 0 10px 10px 0;}
   #item_description ul{ color: #8A8A8A; margin-left: 135px; list-style-type: disc; }

/* Reviews */
#reviews_summary{ margin-left: 0px; }
   #reviews_summary a:link, #reviews_summary a:visited{ text-decoration: underline; color: #D45B2E; text-transform: lowercase; }
   #reviews_summary a:hover{ text-decoration: none; }
   #reviews_summary img {vertical-align: middle; margin-right: 5px; }
	  
/* Features */
#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; }

/* Sizing chart */
#item_information #sizing_chart{ float: left; overflow: auto; width: 95%; }

#additional_photos h2{ padding-top: 10px; margin: 0 0 20px 0; clear: both; }
#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.review{ margin-top: 10px; border-bottom: 1px solid #666; }
  div.review h3{ color: #CD4D28; text-transform: none; margin: 10px 0; line-height: 1em; font-size: 1.2em; }

/* Right column */
#navigation { float: right; margin: 0 0 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: #D45B2E; float: left; font: bold 36px Arial, Helvetica, sans-serif; margin: 0 5px 5px 5px; } 
    	#navigation #pricing #percent_off{ color: #000; float: left; font-size: 10px; margin: 8px 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; }
   /* Temporaly hide the timer title */
   h4#time_remaining_title { display: 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/brociety/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/brociety/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; }
   /* Temporaly hide the timer bar */
   #time_remaining_bar { display: none; }


   /* 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: 12px; background: #fff url(/images/brociety/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: 12px; background: #fff url(/images/brociety/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: 35px; right: 10px; 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 5px; }
   #navigation #variants select { color: #505050; margin: 2px 5px; width: 97%; }
   #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/brociety/bro_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; margin: 0 5px; }
      #navigation #quantity select{ color: #505050; margin: 2px 5px; width: 97%; }
   #navigation #add_cart_button { margin: 5px; }

#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; }
       .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 -40p    x; }
        .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; }
    #navigation #miss_deal_msg h4 { color: #333; font-size: 1.6em; font-weight: bold; margin: 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: #D35A2B; display: block; font-size: 1.6em; font-weight: bold; }


#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{ font-size: 1.2em; line-height: 1.3em; }
   div#related_items div.related_item_price{ color: #821319; 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: #777; font-size: 0.9em; margin: 1px 0; text-align: center; }