h1 { color: #000; }
h2 { font-size: 1.6em; }

/* Rewrite button to be 'on' while we're on this page */
#main_navigation #main_navigation_menu ul#main_buttons li a#main_button_today { background: #FFF url(/images/bonktown/main_buttons.png) left top no-repeat; color: #006C88; }
    
/* Column wrapper */
#main_content { padding: 10px 0 25px 0; }
#main_content #noItemMsg { padding: 5px 20px;}

#main_content #daily_shot_status { text-align: center; color: #F0B; font-weight: bold; font-size: 1.1em; }

#main_content #content { float: left; margin-right: -350px; min-width: 700px; width: 100%; }

/* Left column */
#main_content #item_listing { display: block; margin: 0 350px 0 20px; }
#item_listing #item_information { float: left; margin: 0 0 20px 0; min-width: 330px; overflow: hidden; width: 97%; }
	#item_information h1#item_title { font-size: 1.9em; line-height: 100%; margin: 0; padding: 0; }
	#item_information p#bottom_line { font-size: 1.2em; margin: 0; padding: 0; }

#item_information #item_image { margin: 0; padding: 15px 0; text-align: center; width: auto; }

.item_info_section { margin: 0 10px 20px 0; }
	.item_info_section h2 { margin: 10px 0 5px 0; font-weight: bold; color: #333; }

#item_information #item_description { clear: both; overflow: hidden; }
	#item_information #item_description img.brand_logo { float: left; margin: 5px 5px 5px 0; }
	#item_information #item_description p {  padding-left: 105px; }
	#item_information #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: #881719; text-transform: lowercase; }
	#reviews_summary a:hover{ text-decoration: none; }
	#reviews_summary img {vertical-align: middle; margin-right: 5px; }


#item_information #features { background-color:#eee; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin: 0 5px 20px 0; overflow: hidden; padding: 5px 5px 10px 5px; width: 100%; }
	#item_information #features h2 { margin: 0 0 8px 0; border: 0; }
	#item_information #features dl.features * { border-top: 1px solid #DDD; float: left; margin: 0; padding: 4px 0; }
	#item_information #features dl.features dt { clear: both; font-weight: bold; text-align: right; width: 25%; }
	#item_information #features dl.features dd { color: #666; font-weight: normal; padding: 5px 0 4px 10px; width: 70%; }

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

/*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; }
.carousel-component .carousel-list { overflow: hidden;  }
.yui-carousel-element li { _margin: 5px 0 5px 14px !important; 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.80em arial, sans-serif !important; text-align: center; padding: 4px; width: 116px; }
  .yui-tt span{ white-space: nowrap; }    
  
#item_image { height: 440px; overflow: hidden; width: 100%; }

#more_views{ overflow: hidden; border-bottom: 1px solid #ACACAC; margin-bottom: 10px; width: 98% !important; }
    #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;}


/* Reviews */
div#reviews{ border-top: 1px solid #ADADAD; clear: both; margin: 10px 10px 0px 0px; }
	div#reviews h2{margin: 15px 0; }

	div.review { border-bottom: #ADADAD solid 1px; margin: 10px 10px 0px 0px; padding-bottom: 10px; }
		div.review h3 { color: #5886A8; text-transform: none; margin: 10px 0; line-height: 1em; font-size: 1.2em; }
		div.review p { color: #606060; line-height: 120%; margin: 0 0 5px 0;}


/* 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: #7B161E; float: left; font: bold 36px Arial, Helvetica, sans-serif; margin: 0 5px 5px 0; } 
    	#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; }
 
    /* 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/bonktown/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/bonktown/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/bonktown/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/bonktown/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/bonktown/bt_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; }
      .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; }
    #navigation #miss_deal_msg h4 { color: #333; font-size: 1.6em; font-weight: bold;}
    #navigation #miss_deal_msg p { color: #333; font-size: 1.2em; margin: 0; }
    #navigation #miss_deal_msg a { font-size: 1em; }

span#nav_timer { color: #333; display: block; font-size: 1.4em; font-weight: bold; }
span#timer_body_clock { color: #0068C0; display: block; font-size: 1.6em; font-weight: bold; }


#main_buttons li.logged_in { display:none; }
#main_links li.logged_in { 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: #850C11; 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; }