/* Global classes */
.clearb{ clear: both; }
.note{ font-size: .60em; } 

.error_image{ display: inline; margin: 0 2px; vertical-align: middle; }
.error{ color: #F00; font-weight: bold; margin: 0 2px; display: inline; }
.error p, .error ul{ color: #F00; }

.bounce_note{ font-size: 11pt; color: #464646; padding: 5px 5px 5px 0; }

#yui-history-iframe { position:absolute; top:0; left:0; width:1px; height:1px; visibility:hidden; }
.yui-busy { cursor: wait !important }
:focus { outline: 0;}

/* End Global classes */

body #content { clear: both; }
body #bodycontainer { margin: 0 auto; width: 98%; }
body .bodycontent { width: 100%; }
body { background-color: #fff; background-position: top center; background-repeat: no-repeat; position: relative; z-index: 1; background-attachment: fixed;  margin: 0; padding: 0; font-family: Arial, Helvetica sans-serif; }

.promo_skin{ position: fixed; z-index: -1; top: 0; left: 50%; margin-left: -801px; height: 800px; width: 1600px; _display: none; }

#wrapper_fixed{ margin: 0 auto; width: 1000px; background-color: #fff; clear: both; cursor: default; border-left: 1px solid #9F9F9F; border-right: 1px solid #9f9f9f; }

#privacy_slider .titile2 { color: green; }

a, a:link { text-decoration: none; color: #006439; }
a:hover { text-decoration: underline; color: #006439; }

img { border: 0; }
.small{ font-size: .7em; }
h1 { font-size:1.5em; font-weight:normal; color:#10563A; text-align:left; margin: 20px 0 5px 0; }
h2 { color:#000; margin: 10px 0 0 0; font-size:1em; text-align:left; }
h2 a { color: #69696c; font-size: .40em; font-weight: normal; text-decoration: none; }
ul { color: #333; }

/* Header 
   temporary head css - also in site.css until we get all pages converted to MVC2 then
   this header stuff can go in its own shared css file since the header is a shared component 
*/

#header { background: url(/images/steepcheap/header_bg.gif) repeat-x left bottom; height: 140px; margin-bottom: 10px; min-width: 1000px; overflow: auto; position: relative; }
#header #sac_logo { float: left; margin: 0 0 10px 0; padding: 0; }
  #header #sac_logo h3 { font-size:12px; margin: 0; padding: 0px; }
  #header #sac_logo h3 a { background: url(/images/steepcheap/sac_logo.png) no-repeat -25px 0; border: 0; display: block; height: 90px; margin: 0; text-indent: -10000px; width: 410px; }

#header #text_nav { color: #2d2d2d; float: right; font-size: 12px; font-weight: bold; margin: 10px 10px 20px 0; padding: 5px 0; }
   #header #text_nav a { display: block; padding: 2px 0 0 10px; color: #01633a; font-weight: normal; }
   

#header #tabbed_nav { clear: both !important; display: block; height: 30px; margin: 0; padding: 0; width: 522px; position: absolute; bottom: 46px; right: 10px; }
   #header #tabbed_nav ul { display: block; margin: 0; overflow: auto; padding: 0; }
   #header #tabbed_nav li { float: right; list-style: none; margin: 0 0 0 18px; padding: 0px 0 0 0; }
   #header #tabbed_nav li#current_deal { margin: 0; }
   #header #tabbed_nav a { color: #01633a; display: block; font-size: 16px; font-weight: normal; margin: 0; text-decoration: none; text-transform: lowercase; }
      #header #tabbed_nav a:hover { border: none; color: #03A22B; }
   .hidden_promo {display: none;}
/* end Header */

#help_detail_header #help_header { background: url('/images/steepcheap/sac-sprites.png') no-repeat -304px -6px; }
.help_center_title{ color:#10563a; font-weight:normal; padding-top:10px; font-size:1.3em; }

ul#bread_crumb{ list-style-type: none; margin: 5px 0; padding: 0; font-size: 0.85em; }
  ul#bread_crumb li{ display: inline; margin: 0; padding: 0; }
    ul#bread_crumb li a{ padding: 0 10px 0 0; margin: 0 3px 0 0; background: url(/images/steepcheap/bread_crumb_arrow.gif) right center no-repeat; }
  ul#bread_crumb ul{ list-style-type: none; display: inline; margin: 0; padding: 0; }    

h1.page_title { text-transform: uppercase; color: #01633A; font-weight: bold; font-size: 1.2em; font-family: Arial; padding: 5px 5px 5px 7px; margin: 0; }

.clearing { width: 100%; clear: both; }

#nav_bottom { height: 25px; width: 100%; text-align: center; background-color: #ccc; border-bottom: solid 1px #999; margin: 0px; display: block; clear: both; padding: 0px; }
   #nav_bottom a { text-decoration:none; }
   #nav_bottom .feed_button { margin: 4px 5px 4px 0; }

#bodycontainer { clear: both; font-size: 1em; margin: 0 15px 0 0; padding: 0 10px 10px 40px; }
   #bodycontainer table * { font-size: 11px; }

#sac_readout { text-align: center; font-size: 0.7em; border-top:1px solid #555; margin: 0 50px; line-height: 155%; color: #333; }
   #sac_readout h2 { text-align: center; }

#footer { font-size: 10px; text-align: center; display: block; clear: both; margin: 15px 20px 10px 30px; padding: 15px 0px; 
}
   #footer_links { width: 100%; text-align: center; display: block; clear: both; }
   .footerNavLink { margin-right: 10px; display: inline; }
   .footerNavLinkEnd { margin-right: 10px; display: inline; }

#copyright { width: 100%; display: block; }
#debugInfo { width: 100%; }

#nav_bottom #cart_header { display: none; clear: both; margin: 0 0 0 25px; padding: 0 0 0 0; text-align: left; vertical-align: top; font-weight: bold; font-size: .7em; color: #fff; }
   #cart_header h2 { font-size: 1.2em; display: inline; float: left; margin: 5px 5px 5px 0; color: #505154; }
   #cart_header #preline_address { display: inline; float: left; width: 35px; height: 12.5px; border-bottom: 1px dashed #fff; }
   #cart_header #address { display: inline; float: left; background-image: url(/images/steepcheap/rnd_status_circle_gry.gif); background-repeat: no-repeat; background-position: center left; margin: 0 5px 0 0; padding: 5px 0 5px 26px; }
   #cart_header #preline_shipping { display: inline; float: left; width: 35px; height: 12.5px; border-bottom: 1px dashed #fff; }
   #cart_header #shipping { background-image: url(/images/steepcheap/rnd_status_circle_gry.gif); background-repeat: no-repeat; background-position: center left; margin: 0 5px 0 0; padding: 5px 0 5px 26px; display: inline; float: left; }

   #cart_header #preline_payment { display: inline; float: left; width: 35px; height: 12.5px; border-bottom: 1px dashed #fff; }
   #cart_header #payment { background-image: url(/images/steepcheap/rnd_status_circle_gry.gif); background-repeat: no-repeat; background-position: center left; margin: 0 5px 0 0; padding: 5px 0 5px 26px; display: inline; float: left; }
   #cart_header #preline_receipt { width: 35px; height: 12.5px; border-bottom: 1px dashed #fff; display: inline; float: left; }
   #cart_header #receipt { background-image: url(/images/steepcheap/rnd_status_circle_gry.gif); background-repeat: no-repeat; background-position: center left; margin: 0 5px 0 0; padding: 5px 0 5px 26px; display: inline; float: left; }

#my_login table td { padding: 2px; }

.space_man{ margin: 0 20px; }

#dosage_wrapper { padding: 15px; width:600px; margin: 0 auto; text-align: left; }
   #dosage_wrapper div { margin: 0px 0px 15px 0px; }

   td#ad{ font-weight:bold; font-size:.9em; text-align:center; background: url(/images/steepcheap/bg-round.gif) repeat; }
   #header_promo table td.left-round { background: url(/images/steepcheap/sac-sprites.png) no-repeat -250px 0; height: 33px; width: 11px; }
   #header_promo table td.right-round { background: url(/images/steepcheap/right-round.gif) no-repeat -265px 0; height: 33px; width: 11px; }

#my_account_box { margin: 0 0 0 50px; background: #fff; width: 220px; }
   #my_account_box .header h3 { margin: 0; background-color: #fff; color:#02633A; padding: 0 0 10px 0; }
   #my_account_box .subheader h5 { margin: 0; background-color: #fff; color:#000; padding: 0; }
   #my_account_box ul, #my_account_box li { list-style-type: none; padding: 0 0 10px 0; margin: 0; }
   #my_account_box a:link, #my_account_box a:visited, #my_account_box a:hover { text-decoration: underline; color:#02633A; padding:0 0 0 10px; }

p { color:#333; text-align:left; font-size:.9em; }
#bodycontainer p strong{ color:#000; font-size:.95em; }
.forum_button { color: #fff; background-color: #02633A; padding: 3px; border-right: 2px solid #eee; border-bottom: 2px solid #eee; font-size: 12px; font-family: Helvetica; font-weight: bold; text-decoration: none; }

#contact_gearhead td.label { font-weight:bold; }
   #contact_gearhead td{ padding:3px; }

.rma{ font-size: 12px; }

/* messaging esettings */
.success { font-weight: bold; color: #cc0000; padding: 5px 5px 5px 7px; }

/*general in page table - default color scheme for bcs will be overided in site.css*/
table.content_table{ padding: 1px; margin: 10px 0; background: #D2D2C6; font-size: 12px; border-collapse: collapse; border: 1px solid #E3E4DE; width: 100%; }
  table.content_table caption{ margin: 0; padding: 5px; background: #999; font-size: 13px; }
  table.content_table tr th{ padding: 5px; font-weight: bold; }
  table.content_table tr td{ color: #555; font-size: 12px; line-height: 1.50em; padding: 5px; border: 1px solid #E3E4DE; background: #fff; }
    table.content_table tr td.key, table.content_table tr th.key{ text-align: right; font-weight: bold; }
  table.content_table tr th.left, table.content_table tr td.left { text-align: left; }
  table.content_table tr th.right, table.content_table tr td.right { text-align: right; }
  table.content_table tr th.centered,  table.content_table tr td.centered { text-align: center; }

input.buynow{ float: left; }
#third { text-align: center; margin-left: 5px; width: 100px; float: left; }
  a.fb_share_link{ color: #3B5998; font-size: 9px; text-decoration: none; display: block; }
  #third img{ display: block; clear: both; margin: 0 auto; }
  
.urgent, .urgent a{color: #EE0000 !important;}

/*****hints styling***********************************/
.hint_link { cursor: pointer; display: inline; color: #3860AA; }
.hint { width: 435px; margin: 0; background: transparent url(/images/bcs/hints/hint_popup_bg.png) bottom left no-repeat; z-index: 1000; position: absolute; height: auto; }
  .hint .hint_title { color: #0B7199; font-size: 1.7em; text-align: left; margin: 0; overflow: hidden; padding: 40px 20px 10px 20px; background: transparent url(/images/bcs/sprites/hints_sprite.png) top left no-repeat; }
    .hint .hint_title a.hint_close { display: block; margin: 0; padding: 0; width: 24px; height: 19px; float: right; cursor: pointer; background: transparent url(/images/bcs/sprites/hints_sprite.png) 0 -245px no-repeat; text-indent: -9999px; margin-top: -40px; outline: none; }
  .hint .secondary_title { color: #0B7199; font-size: 1.45em; text-align: left; margin: 5px 20px 10px 0px; padding: 0; }
  .hint .hint_content { display: block; clear: both; color: #333; font-size: 1.1em; padding: 0 15px 0 0; margin: 0 20px 20px 20px; text-align: left; overflow: auto; height: 170px; }
    .hint .hint_content p { margin: 0; padding: 0; }
    .hint .hint_content a.hint_close { margin: 15px 5px 5px 0; padding: 0; width: 72px; height: 20px; float: right; cursor: pointer; background: transparent url(/images/bcs/sprites/hints_sprite.png) -24px -245px no-repeat; text-indent: -9999px; }

.item_actions a { height: 18px; }
.item_actions a img { height: 18px; }

/*For help detail pages. To be replaced soon. This is a temporary solution.*/
#help_detail_header { padding-bottom: 10px; }
#help_detail_header #help_header, #help_detail_header a { font-size: 0.8em; display: inline; }
#help_detail_header #help_header { padding: 3px 0 0 8px; }
#help_detail_header h1 { margin: 0px; }
.help_detail { margin-top: 10px; }

/*****end hints styling***********************************/

/* RMA styles */
div#rma { color: #000; margin: 10px auto; overflow: hidden; width: 90%; }
   div#rma ul { list-style: none; margin: 0; overflow: hidden; }
      div#rma ul li { clear: both; }
      div#rma ul li strong { color: #000; padding-right: 5px; }
      div#rma ul li.tab { clear: none; float: left; padding-bottom: 10px; width: 49%; }
      div#rma ul li.tab strong { border-bottom: #000 solid 1px; display: block; }
   div#rma div#orderInfo { margin: 0 2% 0 0; width: 50%; }
   div#rma div.column { float: left; padding-right: 1%; text-align: left;  width: 22%; }
      div#rma div.column * { color: #000; }
      div#rma div.column h2 { margin: 0; }
      div#rma div.column p { margin: 0; }
      div#rma div.column table { margin: 0;}
      div#rma div.column table td { margin: 0; padding: 0}
		
   div#rma table { clear: both; margin: 25px auto 10px auto; width: 100%; }
      div#rma table th{ text-align: center;}
		
   div#rma form div { text-align: center; }
      form.rma { overflow: hidden; width: 50%; }
         form.rma div { margin: 5px auto; overflow: hidden; }
	 form.rma div.button { margin-top: 10px; padding-left: 130px; }
	 form.rma label { display: block; float: left; font-weight: bold; width: 130px; }
	 form.rma input { width: 40%; }
	 form.rma input[type="submit"] { width: auto; }
/* end RMA */

blockquote.address { color: #333; margin-left: 25px; }

/* None selected item */
div#none_selected_popup_mask{ background-color: #000; height:100%; width: 100%; -moz-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); position: absolute; left: 0; top: 0; }

div#none_selected_popup{ display: none; width: 435px; position: absolute; left: 50%; top: 28%; margin-left: -240px; z-index: 500; border: none; background-color: transparent;}
  div#none_selected_popup .hd{ width: 100%; background: transparent url(/images/popup_top_left.gif) no-repeat scroll left bottom; height: 23px; text-align: right; border: none !important; padding: 0 !important; }
    a.box_close{ float: right; display: block; padding: 0; }
    a.box_close img{ cursor: pointer; }
    .hd a.box_close{ margin: 0 10px 0 0; }
  div#none_selected_popup .bd{ padding: 0 12px 9px 0; width: 423px; height: 260px; background: transparent url(/images/popup_bottom_left.gif) bottom right no-repeat; }
    div#none_selected_popup h3{ color: #000; padding-top: 0.7em; margin: 0 0 0.7em 28px; font-weight: normal; font-size: 1.2em; }
      div#none_selected_popup .bd_scroll{ padding: 0 10px 0 23px; margin: 0.7em 0 0 0; overflow: auto; height: 150px; }
.container-close {display: none;}
/* end None selected */


/* Google gadgets */
div#odat_wrapper { padding: 0 10px; width:260px; }
   div#odat_wrapper * { font: 11px "Tahoma", Arial, Helvetica, sans-serif; margin: 0; font-size: 12px; padding: 0;}
   div#odat_wrapper a { line-height: 130%; text-decoration: underline; }
   div#odat_wrapper a:visited { color: #006439; }
   div#odat_wrapper a:hover { text-decoration: none; }
   div#odat_wrapper p#discount { color: #777; font-size: 11px; }
   div#odat_wrapper strong { color: #CC0000; font-weight: bold; }
   div#odat_wrapper img { border: 0; margin-bottom: 5px; }

/*Consolidated Footer Page*/
.consolidated-footer{ font-size: 12px; }
  .consolidated-footer h1{ font-size: 18px; font-weight: bold; margin-bottom: 25px; }
  .consolidated-footer ul{ font-size: 12px; color: #000; }
  .consolidated-footer h2, .consolidated-footer h3{ font-size: 12px; font-weight: bold; color: #000; }
  .consolidated-footer p{ font-size: 12px; color: #000; }

  #footer-quick-links{ list-style-type: none; margin: 10px 0; }
    #footer-quick-links li{ line-height: 1.8em; }

  .section{ background: url(/images/bcs/pages/section-break.gif) top left repeat-x; padding: 25px 0; }
    .advertise ul{ list-style-type: none; margin: 0; } 
    .advertise li{ float: left; width: 33%; line-height: 2em; } 
    #email-to-ad{ font-weight: bold; }