/* reset */
* { margin: 0; padding: 0; text-decoration: none; font-size: 1em; outline: none; }
code, pre, textarea, input, select { font: inherit; font-size: 1em; }
th, h1, h2, h3, h4, h5, h6 { font-weight: normal; }
a, img, a img, form, abbr, acronym, object { border: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { text-align: left; vertical-align: top; }
body { line-height: 1; background: white; color: black; }
a { color: inherit; }
hr { display: none; } /* we don't need a visual hr in layout */
ul { list-style-type: none; }
/* //end reset */

html { height: 100%; background: url('/bcc-assets/body_bg.png') repeat-x; }
body { 
  height: 100%; width: 100%; max-width: 1000px; background: url('/bcc-assets/body_bg.png') repeat-x; margin: 0px auto; text-align:left; font: 95% trebuchet ms, luxi sans, arial, helvetica, sans-serif;  
}

#header h1 a { background: url('/bcc-assets/logo.png') no-repeat; display: block; width: 707px; height: 164px; }

#toolbar { font-size: .8em; clear: both; overflow: hidden; background-color: #F0FFEF; border-top: 1px solid #C4DFC3; margin: 10px 15px; padding: 5px 15px; }
#toolbar li { border-left: 1px solid #c4dfc3; float: left; margin-left: 10px; padding-left: 10px; }
#toolbar li.first { border-left: none; padding-left: 0px; margin-left: 0px; }
#toolbar a { color: #67b5cf; }
#toolbar a:hover { color: #3789a4; text-decoration: underline; }
#toolbar .view-cart { color: #CF3E0C; }
#toolbar a.view-cart:hover { color: #FF4200; }
#toolbar #search { float: right; }

#nav { clear: both; background-color: #fffdbb; overflow: hidden; letter-spacing: -1px; margin: 5px 15px 15px; border-top: 1px solid #e7e493; }
#nav li { float: left; }
#nav li a { font-size: 1.1em; font-family: palatino linotype, luxi serif, times, serif; font-weight: bold; color: #5c3d08; display: block; padding: 6px 15px 10px; }
#nav li a:hover { background-color: #fffdcc; text-decoration: underline; }

#nav2 { text-align: center; clear: both; background-color: #fffbed; overflow: hidden; letter-spacing: -1px; margin: 4px 15px 15px; border-top: 1px solid #decf9b; }
#nav2 li { float: left; }
#nav2 li a { font-size: 1em; font-family: palatino linotype, luxi serif, times, serif; font-weight: bold; color: #413700; display: block; padding: 6px 15px 10px; }
#nav2 li a:hover { background-color: #fffacd; text-decoration: underline; }

#content { clear: both; margin: 0px 15px; overflow: hidden; }
#content h2, #content h3, #content h4 { clear: both; color: #3f2500; font-size: 2.2em; font-family: palatino linotype, luxi serif, times new roman, times, serif; letter-spacing: -1px; padding-left: 15px; border-bottom: 2px solid #e2e8c8; margin-bottom: 20px; }
#content h5, #content h6 { color: #938c68; font-family: palatino linotype, luxi serif, times new roman, times, serif; font-size: 1.5em; letter-spacing: -1px; margin: 10px 0px 5px; clear: both; }
#content h6 { color: #3F3404; margin-bottom: 0px; font-size: 1.2em; letter-spacing: 0px; margin-top: 20px; }
#content a { color: #0072ff; }
#content a:hover { color: #0090ff; text-decoration: underline; }
#content p { margin-bottom: 10px; }

#sale-notice { font-family: arial; padding: 5px 15px 8px; background: #fffcb8; border: 1px solid #d0cd6d; margin: 0px 10px 15px; }
#sale-notice h3 { color: #000; font-size: 1.2em; border: none; padding: 0px; margin: 0px; }
#sale-notice p { font-size: .8em; margin: 0px; padding: 0px; }

#special-notice {line-height: 14px;font-size:10px;padding:10px;margin-bottom:10px;color:#000;background-color:#ffef66;border:1px solid #000;}

/* home page */
#content .col { float: left; }
#content .row { clear: both; overflow: hidden; padding-bottom: 30px; }
#content .row2 { padding-top: 10px;  border-top: 2px solid #986b00; }
#content .col1 { width: 253px; }
#content .col2 { margin-left: 15px; width: 302px; }
#content .col3 { margin-left: 15px; width: 330px; }
#content .row2 .col1 { margin-left: 25px; width: 50%; }
#content .row2 .col2 { margin: 20px 0px 0px 30px; padding: 10px 0px 20px 20px; border-left: 1px solid #ccc; overflow: hidden; width: 35%; }
#content .student-blurb { border: 1px solid #93cb90; background: #f7ffd6; padding: 10px; }
#content .student-blurb a.student-photo { display: block; background-position: center; width: 100%; border-bottom: 1px solid #684b17; height: 200px; }
#content .student-blurb h3 { clear: none; font-size: 1.8em; border: none; margin: 10px 0px 0px 0px; padding: 0px; line-height: 1em; }
#content .student-blurb h3 a { color: #1D7F17; }
#content .student-blurb h4 { color: #79930f; font-size: 1em; letter-spacing: 0px; margin: 0px; padding: 0px; border-bottom: none; font-weight: bold; }
#content .student-blurb p { font-size: .8em; margin-top: 15px; }
#content .student-blurb .view-student-profiles { margin-top: 10px; font-weight: bold; }
#content #intro { margin-top: 20px; background-color: #fffcd1; border: 1px solid #dedede; }
#content #intro h3 { color: #331e00; border-bottom: 1px solid #ece6d3; font-size: 1.5em; background: #fffdf8; padding: 10px 20px; }
#content #intro p { font-size: .8em; padding: 0px 30px 15px 20px; }
#content #assistance { margin-top: 20px; overflow: auto; border: 1px solid #93cb90; background: #f7ffd6; padding: 10px; }
#content #assistance img { float: left; padding-right: 10px; }
#content #assistance a.student-photo { display: block; background-position: center; width: 100%; border-bottom: 1px solid #684b17; height: 200px; }
#content #assistance h3 { clear: none; font-size: 1.8em; border: none; padding: 0px; margin: 0px; line-height: 1em; }
#content #assistance h3 a { color: #1D7F17; }
#content #assistance h4 { line-height: 1em; clear: none; color: #254200; font-size: 1em; letter-spacing: 0px; margin: 10px 0px 9px; padding: 0px; border-bottom: none; font-weight: bold; }
#content #assistance p { font-size: .8em; font-style: italic; line-height: 1.1em; }
#content #assistance #order_information_button { float:right; }
#content #newsletter form { margin: 0px; }
#content #newsletter h3 { border-bottom: 2px solid #bcaf8f; height: 34px; background: url('/bcc-assets/newsletter_heading.png') no-repeat; padding: 0px; margin: 0px 0px 10px 0px; }
#content #newsletter input { float: left; border: none; width: 170px; height: 18px; background-image: url('/bcc-assets/newsletter_graphics.png'); padding: 10px 10px 5px 10px; font-size: .8em; }
#content #newsletter input.submit { color: transparent; float: left; position: relative; bottom: -5px; display: block; cursor: pointer; border: none; width: 55px; height: 27px; background: url('/bcc-assets/newsletter_graphics.png') -194px -6px; }
#content #newsletter p { font-size: .9em; line-height: 1.1em; margin-left: 5px; }
#content #promo { border: 1px solid #ecf19f; background-color: #fffce1; padding: 0px; overflow: hidden; margin-bottom: 20px; }
#content #featured-products { padding: 10px; margin-bottom: 20px; overflow: hidden; }
#content #featured-products h3 { height: 34px; background: url('/bcc-assets/featured_products_heading.png') no-repeat; border-bottom: 2px solid #bcaf8f; color: #eeeac0; font-size: 1.7em; margin: 0px 0px 15px; padding: 0px 0px 10px; }
#content #featured-products .product-small { padding: 0px; background: #f9ffb2; border: 1px solid #bfc485; width: 100%;  margin: 0px 0px 5px 0px; float: left; height: 80px; }
#content #featured-products .product-small .image-link { float: left; width: 110px; height: 80px; background-color: #fff; background-position: center; }
#content #featured-products .product-small .content { float: left; width: 160px; margin: 15px 5px 0px; position: relative; }
#content #featured-products .product-small .name { font-size: 1em; line-height: .9em; }
#content #featured-products .product-small .name a { color: #0091b0; }
#content #featured-products .product-small .name a:hover { color: #00d2ff; }
#content #featured-products .product-small .price { color: #363a06; }
#content #helpful-links ul { margin-left: 10px; font-size: .9em;}
#content #helpful-links h5 { padding-top: 15px; color: #331e00; }
#content #helpful-links .donate_link { padding: 5px 75px 5px 0px; background: url('/bcc-assets/donate.png') no-repeat right; }

#content #jplayer_stop_play {
  width: 35px;
  height: 33px;
  background-image: url('/bcc-assets/stop_play.png');
  cursor: pointer;
  float: left;
  margin-right: 10px;
}

#content #jplayer_stop_play.playing {
  background-position: 36px 0px;
}

#content #jplayer_progress {
  width: 230px;
  background-color: #efefef;
  height: 2px;
  margin-top: 13px;
  float: left;
  position: relative;
  border: 1px solid #fff;
}

#content #jplayer_load_bar {
  position: absolute;
  height: 2px;
  background-color: #ccc;
}

#content #jplayer_play_bar {
  position: absolute;
  height: 2px;
  background-color: #65ff65;
}

#content #audio_commercial {
  width: 300px;
  background-image: url('/bcc-assets/promo_top.png');
  clear: both;
  overflow: hidden;
  margin: 10px;
}

#content #audio_commercial p {
  padding: 6px 10px 0px;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}

#content #audio_commercial #jplayer_container {
  background-image: url('/bcc-assets/promo_bottom.png');
  clear: both;
  overflow: hidden;
  margin: 0px;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: .5em;
}

#content #audio_commercial #jplayer_controls {
  margin-left: 10px;
}

/* newsletter form */
#content #newsletter_signup label { width: 100px; display: block; float: left; margin-bottom: 5px; }
#content #newsletter_signup input { margin-bottom: 5px;   cursor: default; background: #efebda; border: 1px solid #bfb27e;}
#content #newsletter_signup div { clear: both; }
#content #newsletter_signup button { background: #f6f4ea; font-family: arial; cursor: pointer; border-bottom: 1px solid #c3b88d; border-right: 1px solid #c3b88d; border-left: 1px solid #e8e2c8; border-top: 1px solid #e8e2c8; padding: 4px 8px; margin-top: 20px; }

/* contact page */
#content #contact { padding: 10px; }
#content #contact .row { border-bottom: none; }
#content #contact form { margin-right: 35px; }

/* student profiles */
#content #students p { margin: 0px 15px 5px; }
#content .students { border: 1px solid #ccc; padding: 15px; margin: 15px; font-size: 1.3em; }

/* student view */ 
#content #student-blurb { padding: 10px; background: #edf1d2; clear: both; overflow: hidden; margin-bottom: 20px; }
#content #student-blurb #student-video { float: left; margin-right: 20px; }
#content #student-blurb h4 { clear: none; border: none; letter-spacing: 0px; color: #980000; margin-bottom: 5px; }
#content #student-blurb p { font-size: 1.5em; line-height: 1.3em; }
#content #products h5 { margin-left: 10px; font-size: 1.5em; }

/* shopping view */
#content .notice { color: green; }
#content .buttons input { margin-top: 10px; cursor: pointer; }
#content #products { clear: both; overflow: hidden; padding: 10px; border-top: 1px solid #c6b064; background-color: #f8f1d8; }
#content .product-small { position: relative; background-color: #fff; padding: 5px; margin: 10px; border: 1px solid #e2e8c8; overflow: hidden; float: left; width: 200px; height: 210px; }
#content .product-small .content { position: absolute; bottom: 8px; }
#content .product-small .name { color: #000; margin: 0px 0px 3px 5px; line-height: 1em; }
#content .product-small .image-link { display: block; width: 200px; height: 150px; margin-bottom: 10px; background-repeat: no-repeat; background-position: center; }
#content .product-small .price { color: #52610c; margin-left: 5px; }
#content .product-small p { margin: 0px; }
#content .pagination { clear: both; margin-left: 10px; }
#content .pagination .disabled { color: #b3a36b; }
#content .pagination .current { color: #74601a; }

/* item view */
#content .product { overflow: hidden; padding-bottom: 10px; }
#content .product .content { float: left; width: 40%; margin: 0px 0px 20px 15px; padding-right: 30px; }
#content .product .image { float: left; padding-right: 10px; margin: 0px 5px 10px 15px; }
#content .product .sku { color: #ccc; text-transform: uppercase; }
#content .product .description { margin-bottom: 25px; }
#content .product .price { font-size: 2em; float: left; margin: 10px 10px 10px 0px; }
#content .product h3 { border: none;  color: #c3ed00; font-size: 1.4em; line-height: .9em; margin-bottom: 10px; padding: 0px 0px 4px 0px; font-family: trebuchet ms, luxi sans, arial, helvetica, sans-serif; }
#content .product_options { margin:  5px 10px; }
#content .product_options td { padding-left: 15px; }
#content .product #comments { font-size: .8em; float: left; margin-left: 15px; }
#content .product #comments .comments { float: left; padding-right: 30px; margin-bottom: 20px; }
#content .product #comment_form { float: left; }
#content .product #comment_form textarea { width: 320px; height: 80px; }
#content .product .comment { border-bottom: 1px solid #ccc; margin-bottom: 10px; }
#content .product .comment .author { color: #ccc; }
#content .product .comment .name { color: #000; font-weight: bold; }
#content .product .content_html { margin-top: -8px; }
#content .product .add_to_cart img { margin-top: 15px; }
#content .product .disabled { color: #d96109; padding: 5px 10px; }
#content .product .red_notice { color: red; font-weight:bold; }

/*
  # this will be more like a normal list
  # once we have image profiles
*/
#content .product .row { border-top: 2px solid #dcdcdc; border-bottom: 2px solid #dcdcdc; padding: 20px 0px; margin-bottom: 20px; }
#content .product .col { width: 50%; float: left; }
#content .product .col1 { width: 20%; }
#content .product .row h3 { font-size: 2em; }
#content .product .product-listing { float:left; overflow: hidden; list-style-type: none; margin-bottom: 20px; }
#content .product .product-listing div.accessory { border-left: 1px solid #ccc; height: 100%; width: 130px; float: left; text-align: center; padding: 0px 10px; }
#content .product .product-listing div.first { border-left:none; }
#content .product .product-listing p { float: none; font-weight: bold; text-align: center; margin: 0px 0px 5px; padding: 0px; }
#content .product .product-listing p.name { font-weight: bold; }
#content .product .product-listing p.price { font-size: 1.2em; }
#content .product .product-listing .image { background-color: #fff; float: none; border: 1px solid #dcdcdc; margin: 10px; padding: 5px; }
#content .product .product-listing img { vertical-align: middle; }

/* cart view */
#content .cart { margin: 10px; }
#content .cart a { display: block; float: left; margin-top: 5px; }
#content .cart .lineitems { font-size: .8em; }
#content .cart th { font-weight: bold; padding:5px; }
#content .cart td { padding:  5px; }
#content .cart tr { border-bottom: 1px solid #EFEAE0; }
#content .cart tr.last { border: none; }
#content .cart table input { cursor: default; background: #efebda; border: 1px solid #bfb27e; }
#content .cart input, #content .cart textarea { background: #f6f4ea; font-family: arial; border-bottom: 1px solid #c3b88d; border-right: 1px solid #c3b88d; border-left: 1px solid #e8e2c8; border-top: 1px solid #e8e2c8; padding: 4px 8px; }
#content .cart h3 { clear: both; border-bottom: 1px solid #dcdcdc; font-size: 1.3em; padding: 5px 0px; margin: 30px 0px 5px 0px; }
#content .cart .address { clear: both; margin-left: 5px; overflow: hidden; margin-bottom: 20px; }
#content .cart .submit { cursor: pointer; font-size: 1.2em; margin-top: 10px; }
#content .error { padding: 5px 20px; margin: 0px 8px 10px; color: #fff; border: 2px solid #7F0900; background-color: #EF3A2C; }
#content .warning { padding: 5px 20px; margin: 0px 8px 10px; color: #000; border: 2px solid #e0ddb4; background-color: #fffaad; }
#content .shipping_message {background-color:#fffcde;padding:5px 10px;border:1px solid #f1ecc2;color:red;font-size:.8em;width:300px;line-height:1.1em;margin:20px;position:relative;}
#content .cart .small-notice { color: red; font-size: .8em; line-height: 1em; width: 50%; margin-top: 20px; margin-bottom: 0px; }
#content .cart .row { border: none; padding: 0px; margin: 0px; }
#content .cart .ship_to { float: left; margin-right: 50px;}
#content .cart .bill_to { float: left; }

#sidebar-left { float: left; width: 50%; }

#footer { clear: both; overflow: hidden; margin: 100px 15px 15px; padding: 10px 15px 20px; border-top: 2px solid #dedede; }
#footer a { color: #67b5cf; }
#footer a:hover { color: #3789a4; text-decoration: underline; }
#footer li { float: left; margin-right: 30px; border-right: 1px solid #ccc; padding-right: 30px; }
#footer li.phone { color: #666; }
#footer li.phone .number { color: #000; font-weight: bold; }
#footer li.last { border: none; }
#footer ul { clear: both; overflow: hidden; }
#footer .managedby {
  margin-top: 1em;
  font-size: 12px;
}

.replace{display:none;}
.error_specific{color:red;}
.success{color:green;}



#content .cart .shipping_message a { 
  display: inline;
  margin: 0;
  float: none;
}