/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
input,
select,
textarea {
    color: #222;
}


/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Core styles
   ========================================================================== */

html{height:100%;font-size:100%;margin:0; padding:0}
body{font:0.8125em/1.3846 Helvetica,Arial,sans-serif;height:100%;margin:0;color:#444; background:url('/img/bg.jpg') repeat;}
p{margin:0 0 10px 0;}
p.intro {color:#380040; font-size:1.3em;}
a{color:#380040;;text-decoration:none;}
a:focus,a:hover{text-decoration:underline;}
a img{border:0;}
fieldset{border:0;padding:0;}
label{display:block;}
textarea{border:1px solid #000;height:100px;margin:0 0 10px;padding:5px;width:400px;}
input.text{border:1px solid #000;margin:0 0 10px;padding:5px;width:400px;}
iframe {border:none;}
header{height:294px;margin:0;padding:20px 0 0;position:relative;}

#logo{position:absolute;top:0; left:30px; width:245px; height:188px;margin:0; padding:0;}
#container{width:950px;margin:0 auto;min-height:100%; }
#content{padding:0 0 130px;zoom:1;margin-bottom:30px;}
#content:after{content:'.';clear:both;display:block;height:0;visibility:hidden;}
.content_main{float:right;margin:0;width:635px;}
.content_sub{float:left;width:230px;}
.col_half {width:300px;}
.col_third {width:199px; margin-right:19px;}
.frame {border:10px solid white; margin-bottom:20px;}

.error { background:#900; color:#fff; padding:8px 15px; margin:0 2px 15px; }
.success { background:#060; color:#fff; padding:8px 15px; margin:0 2px 15px; }
.required-field { float:left; padding-left:5px;color:#562a4d; }

/* ==========================================================================
   Buttons 
   ========================================================================== */
button,
.button
{ display:block; padding:7px 14px 6px; color:white; text-transform:uppercase; border:none;/*text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5);*/font-size:0.9em;}
.green_but { background: #433d23;}
.purple_but { background: #562a4d;}



/* ==========================================================================
   Primary Nav
   ========================================================================== */
header nav {position:absolute;width:615px; height: 104px;top:83px;left:304px;margin:0;padding:0;list-style:none;background:url('/img/nav_bg.png') repeat; z-index:1004; }
header nav ul {margin-left:20px;}
header nav li{float:left;padding:0 35px 0 20px;margin:15px 35px 0 0;color:white;  background:url('/img/pri_nav_arrow.png') no-repeat 0 0;text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5); font-size:1.25em;line-height:1.1em; border-right:1px solid #FFF;}
header nav li.last { border-right:none; padding-right:0; background:none; padding-left:0;}
header nav a{display:block;zoom:1; color:white;}
header nav a:hover { text-decoration:none;color:#b0be2e;}
header nav span {text-transform:uppercase; font-size-adjust:none; font-size:1.65em;}
#body_shop nav #shop a,
#body_offers nav #offers a,
#body_how nav #how a  {color:#b0be2e}

/*fly_out_nav*/

.fly_out_nav {background-color:white;display:none;float:left;position:absolute;z-index:10000; padding:10px; margin:0;}
.fly_out_nav dt {color:#FFFFFF; border-bottom:1px solid #ccc; text-transform:uppercase; font-size:0.8em; background:#B0BE2E; padding:6px;}
.fly_out_nav dl { padding:0 15px; float:left;  text-shadow:none; border-right:1px solid #eee;}
.fly_out_nav dd {padding:0; margin:0; border-bottom:1px solid #eee; padding:6px 0;color:#888;}
nav dl.last {margin-right:0;border-right:none;}
header nav .fly_out_nav a,
#body_shop nav #shop .fly_out_nav a,
#body_offers nav #offers .fly_out_nav a,
#body_how nav #how .fly_out_nav a {font:0.8125em/1.3846 Helvetica,Arial,sans-serif; color:#999; text-shadow:none; background:url('../img/green_bullet.png') no-repeat 0 50%; padding-left:10px;}
header nav .fly_out_nav a:hover {text-decoration:underline;color:#380040; }

div.intro {position:absolute; width:950px; height:210px; top:0; left:50%; margin-left:-475px; z-index:9999; background:rgba(0,0,0,0.8); padding:30px 0 0; }
div.intro p { padding:0 30px 10px 30px; margin:0; color:#ead8c6; font-size:1.5em; font-family: "Clarendon URW Light", Clarendon, 'Century Schoolbook', 'Times New Roman', Times, serif; }
div.intro .close a { font-family:verdana; color:#fff; text-decoration:none; }
div.intro .close {position:absolute; top:10px; right:20px; font-size:14px; }

/* ==========================================================================
   Sub Nav
   ========================================================================== */
#subnav {width:950px; height:56px; position:absolute; bottom:20px; left:0; background:url('/img/sub_nav_bg.png') no-repeat;;}
#subnav ul {list-style:none; width:740px; float:left;}
#subnav li{float:left;margin:0 ;padding:5px 7px 5px 13px; text-transform:uppercase; background:url('/img/sub_nav_bullet.png') no-repeat 0 55%; text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5);}
#subnav a {color:#c6c99a;}
#subnav a:hover {color:#b0be2e; text-decoration:none;}
#body_home #subnav #home a,
#body_about #subnav #about a,
#body_ordering #subnav #ordering a,
#body_faqs #subnav #faqs a,
#body_testimonials #subnav #testimonials a,
#body_contact #subnav #contact a,
#body_news #subnav #news a {color:white}

ul#socialmedia {margin:0; padding:0; list-style:none; width:140px; height:24px;float:right; margin:10px 20px 0 0;}
ul#socialmedia li {margin:0 3px 0 0; padding:0;list-style:none;}
ul#socialmedia li a{ background: url('/img/socialmedia.png') no-repeat;display:block;text-indent: -9999px;float: left;padding: 0;border: 0; width:24px; height:24px;}
ul#socialmedia li a.last {margin-right:0;}
a#facebook:link {background-position:0 0; width:24px; height:24px;}
a#twitter:link {background-position:-24px 0; }
a#google:link {background-position:-48px 0; }
a#youtube:link {background-position:-48px 0; }
a#google:link {background-position:-72px 0; }
a#pinterest:link {background-position:-96px 0; }
a#instagram:link {background-position:-120px 0; }

/* ==========================================================================
   Section Nav
   ========================================================================== */
.content_sub nav ul{background:url('/img/light_paper_bg.png');float:left;padding:0;width:230px; text-transform:uppercase; font-size:0.9em;}
.content_sub nav ul li{border-bottom:1px solid #bdb4ab;}
.content_sub nav ul li a{background:url('/img/sub_nav_li_bg.png') no-repeat 10px center;display:block;padding:10px 25px;}
.content_sub nav ul li a:hover{background:#e4dbce url('/img/sub_nav_li_bg.png') no-repeat 10px center;text-decoration:none;}
.content_sub nav ul li.on a{background:#532a4a url('/img/sub_nav_li_hover_bg.png') no-repeat 10px center;color:#fff; }

.content_sub h2{margin:0 0 20px;}
/*#section_nav {background:url('/img/carousel_bg.png') repeat; margin-bottom:20px;}
#section_nav ul {padding:0; margin:0; list-style:none;}
#section_nav li { padding: 10px 0 10px 20px; text-transform:uppercase;}
#section_nav li.on {background:#4a2440}
#section_nav li.on a {color:white;}*/

/* ==========================================================================	
   Header elements
   ========================================================================== */

#browse {position:absolute; left:304px; top:15px; width:220px;}
#browse label { color:white;text-transform:uppercase;text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5); font-size:1.1em; margin:0 0 5px 0;background:url('/img/icon_browse.png') no-repeat 145px 50%;padding:0;float:none;}
#browse select {width:220px; background-color: white;border: 1px solid #ccc;border-radius:2px; -webkit-border-radius: 2px;float: left;height: 30px; color:#555;}
#user_promps {position:absolute; left:564px; top:0; width:198px; background:url('/img/nav_bg.png') repeat; color:white;}
#user_promps p {color:white; margin:10px 0; font-size:0.8125em; text-align:center}
#user_promps a  {color:white; text-decoration:none;}
#user_promps a:hover {text-decoration:underline;}
#your_basket{position:absolute; top:0; right:30px; height:50px; width:135px;}
#your_basket a {padding:10px 0;display:block;background:url('/img/icon_your_basket.png') no-repeat 10px 25%; background-color:#b0be2e; color:white; text-transform:uppercase; font-size:0.9em;text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.3); }
#your_basket a span{color:black;display:block;float:left;text-align:center;width:40px;}
#your_basket a:hover {text-decoration:none;}

/* ==========================================================================
   Header images
   ========================================================================== */
#body_home header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_shop header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_offers header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_how header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_contact header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_news header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_testimonials header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_about header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_faqs header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_ordering header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_sitemap header {background:url('/img/headers/home_header.jpg') no-repeat;}
#body_appleday header {background:url('/img/headers/home_header.jpg') no-repeat;}

/* ==========================================================================
  Footer
   ========================================================================== */
footer{background:#441f3d;margin:-130px 0 0; padding:0}
footer dl {width:185px; float:left; margin-right:10px}
footer dl#twitter_feed {width:320px; float:right;}
footer #twitter_feed dt span {float:right;}
footer #twitter_feed dt span a {background: url('/img/footer_twitter_icon.png') no-repeat;color: white;font-weight: normal;padding: 3px 0 3px 25px;font-size:0.6em; text-transform:uppercase;}
footer dt {color:white; font-size:1.3em; margin-bottom:12px}
footer dd {margin: 7px 0 7px 0; text-transform:uppercase; font-size:0.8125em;text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5)}
footer a {color:white}
footer img {float:right;}
footer hr{border-top:1px solid #5d3d57;}
#footer_sleeve{margin:0 auto;position:relative;width:950px;padding:20px 0 0; height:420px;}
#footer_sleeve ul{float:left;margin:0 0 10px;padding:0;width:100%;}
#footer_sleeve li{float:left;list-style:none;margin:0 20px 0 0;padding:0;}
#footer_info {float:left; color:white;  font-size:0.8125em;}



/* ==========================================================================
   Home styles
   ========================================================================== */
#body_home h1 {font-size:2.5em; line-height:0; margin:20px 0 40px 0;}
#body_home .content_main { width:650px;margin-bottom:20px; float:left;}
#body_home .content_main iframe {border:5px solid white}
#body_home .content_sub { width:270px; float:right;}
#longbanner {width:950px; background:url('/img/long_banner_bg.png') repeat #3a0f2c; clear:both; margin:0 0 20px 0;}
#longbanner p {padding:30px; color:#ead8c6; font-size:1.5em;}
#body_home #newsletter {background:url('/img/newsletter_bg.jpg') repeat; float:left; width:270px; margin:0 0 20px; padding:0}
#newsletter form {margin:0 20px;padding:0 0 20px 0;}
#body_home #newsletter input[type="text"] {width:220px; color:#666; height:20px; margin-bottom:10px}
#home_twitter h2{color:#380040; font-size:1.25em; margin-bottom:10px}
#home_twitter p {color:#45391c; font-family: Georgia serif; font-style:italic; font-size:1.25em;}
#marketing_banners {width:950px; margin:10px 0 30px 0; float:left; position:relative; z-index:100;}

.sales_banner {width:310px; margin: 0 5px 0 5px;float:left;}


/* ==========================================================================
   Category styles
   ========================================================================== */
#body_product .content_sub { width:280px; float:right;}
#filter {width:635px; background:url('/img/carousel_bg.png') repeat; float:left;}
#filter p {padding:10px; color:#333;}
#filter label {float:left; margin:5px 5px 0 0; width:120px;}
#filter select {width:150px; background-color: white;border: 1px solid #999;border-radius:2px; -webkit-border-radius: 2px;height: 30px; color:#555; margin-bottom:0;}
ul#category_products { list-style: none; padding:0; float:left;}
#category_products li {float:left; margin-bottom:21px;}
.product {width:143px; height:275px; background-color:#f4f3ec; margin-right:21px}
.self-fertile {background-image:url(../images/selffertile.gif); background-repeat:no-repeat; background-position:bottom right; }
.product img {margin:5px 0 10px 5px;}
.product p {text-align:center; margin-bottom:3px;}
.product a:hover {text-decoration:none;} 
.rating_tmb {width:55px; height:12px; background:url('/img/product_thb_ratings.png') no-repeat; margin:0 0 10px 44px; }
.rating_5 { background-position: 0 0;}
.rating_4 { background-position: 0 -12px;}
.rating_3 { background-position: 0 -24px;}
.rating_2 { background-position: 0 -36px;}
.rating_1 { background-position: 0 -48px;}

ul#category_products2 { list-style: none; padding:0; float:left;}
#category_products2 li {float:left; margin-bottom:21px;}


/* ==========================================================================
   Product styles
   ========================================================================== */
#main_product {width:635px; padding:0;float:left;margin-bottom:20px;}
.product_rating {width:77px; height:16px;background:url('/img/product_ratings.png')no-repeat; margin-bottom:15px;}
.review_rating { width:77px; height:16px;background:url('/img/reviews_ratings.png')no-repeat;}
.five_star, .stars_5 { background-position: 0 0;}
.four_star, .stars_4 { background-position: 0 -16px;}
.three_star, .stars_3 { background-position: 0 -32px;}
.two_star, .stars_2 { background-position: 0 -48px;}
.one_star, .stars_1 { background-position: 0 -64px;}
#main_product_pic {float:left; width:230px;}
#main_product_pic p {text-align:center;}
#main_product_pic img {border: 7px solid white; margin-bottom:5px;}
#main_product_detail {float:right; width:385px;}	
#main_product_detail p {margin-bottom:20px}
table#selectproduct {width:635px; background:url('/img/carousel_bg.png') repeat; border-collapse:collapse; clear:both; float:left;}


.rating_select { width:77px; height:16px;background:url('/img/reviews_ratings.png')no-repeat; margin:0 0 0 100px; position:relative; }


/* Generic Utility */
.hide { position: absolute; top: -9999px; left: -9999px; }
#selectproduct {margin-bottom:30px;}
#selectproduct th, #selectproduct td {padding:1em 1em;}
#selectproduct td  {vertical-align:top;}
#selectproduct td.price {color:#562a4d}
#selectproduct td.nostock {color:#990000; font-style:italic;}
#selectproduct thead { background:#562a4d;}
#selectproduct tbody {margin-top:1em;}
#selectproduct th {color:white; text-transform:uppercase; font-weight:normal; text-align:left; font-size:0.9em;}

#review {margin-bottom:20px;}
#review ul { list-style: none; padding:0; margin:0 }
#review ul li a { display: block; border-bottom: 1px solid #4c706e; padding: 4px; color: #666; text-transform:uppercase; font-size:0.9em;}
#review ul li a:hover { background: #4c706e; color: white; }
#review ul li:last-child a { border: none; }

#review .nav { overflow: hidden; }
#review .nav li { float: left; margin: 0 1px 0 0; }
#review .nav li.last { margin-right: 0; }
#review .nav li a { display: block; padding:10px 15px; background: #6e8c88; color: white; text-align: center; border: 0; }

#review li a.current,#review li a.current:hover { background-color: #4c706e !important; color: white; }
#review .nav li a:hover, #review .nav li a:focus { background: #4c706e;}

#review_wrap {background:url('/img/carousel_bg.png') repeat;float:left; border-top:10px solid #4c706e; padding:15px; width:592px;}
.date_name {float:left;}
.date_name p {color:#4c706e;}
.review_rating {float:right;}
.review_detail {clear:both; border-bottom:1px solid #a3a19f; margin-bottom:15px; padding-bottom:5px;}
#write_review a {color:#4c706e; text-decoration:underline;}
#write_review p {margin-bottom:20px;}
#write_review label {float:left; width:8em; }
#write_review input, 
#write_review textarea {border:0}
#write_review input[type="text"] {height:25px; width:300px; padding:4px;}
#write_review textarea {margin-bottom:0;}
#write_review button {background:#4c706e; margin-left:9em; margin-bottom:20px;}



/* ==========================================================================
   Offers styles
   ========================================================================== */
#body_offers .content_sub {width:230px;}


/* ==========================================================================
   How to styles
   ========================================================================== */
#body_how .content_main iframe {border:5px solid white; margin-bottom:20px;}
#body_how .content_main .addthis_button_tweet iframe { border:0 !important; }
#body_how .content_sub {width:270px;}
dl#tv_list {background: url('/img/carousel_bg.png') repeat; float:left; padding-bottom:15px;}
#tv_list dt {background:#4a243e; display:block; color:white; text-transform:uppercase; padding:6px 10px; margin-bottom:5px;}
#tv_list dd {margin:0; background:yellow;clear:both;}
#tv_list dd a {text-decoration:none;}
#tv_list dd span {color:#333;}
.tv_links {margin:10px; float:left; }
.tv_links p{margin-bottom:5px;}
.tv_img	 {float:left;width:111px; margin-right:10px;}
.tv_img img {border:3px solid white;}
.tv_detail {float:left;width:120px;}

/* ==========================================================================
  Contact styles
   ========================================================================== */
body#body_contact .content_sub {width:390px;}
body#body_contact .content_main {width:510px;}
body#body_contact div.box{background:url('/img/light_paper_bg.png');float:left;margin:15px 0 20px;padding:20px;width:470px;}
body#body_contact label {text-align:right; margin-right:20px;}
body#body_contact input.text,
body#body_contact select,
body#body_contact textarea {width:180px;}
body#body_contact input[type="checkbox"],
body#body_contact textarea  {margin-top:15px;}
body#body_contact input[type="submit"] {margin-left:258px;}
body#body_contact label span {color:#562A4D}

#map_canvas {height:325px;width:325px; border:10px solid white; margin-bottom:10px;}

/* ==========================================================================
  News styles
   ========================================================================== */
body#body_news .content_sub {width:230px;}
.news_wrap {width:635px; float:left; margin-bottom:40px;}
.news_img {float:left; width: 150px;}
.news_img img {border:5px solid white;}
.news_detail {float:right; width: 470px;}
.news_detail p span {font-size:0.75em; color:#333;}
.news_detail p.news_title {font-size:1.3em; color:#380040;}
a.read_more { background:url('/img/bullet_purple.png') no-repeat 0 50%; padding-left:10px; text-decoration:underline;}
a.read_more:hover {text-decoration:none;}
p.date {font-size:0.9em;}
img.item_img {border:5px solid white; margin-bottom:20px;}
body#body_news p.intro {color:#391131;}

/* ==========================================================================
  Testimonials styles
   ========================================================================== */
body#body_testimonials h1,
body#body_ordering h1 {border-bottom:1px solid #9f927e; padding-bottom:20px;}
body#body_testimonials blockquote { background:url('/img/quote_marks.png') no-repeat; font-size:1.25em; padding:0 0 10px 40px;  }
body#body_testimonials cite {color:#380040;padding:0 0 30px 40px;display:block;}

/* ==========================================================================
  Sitemap styles
   ========================================================================== */

#body_sitemap .content_main ul {list-style:none; padding:0; margin:0 0 20px 0}
#body_sitemap .content_main li {background:url('/img/bullet_purple.png') no-repeat 0 50%; margin-bottom:5px; padding-left:10px;}


/* ==========================================================================
   Includes
   ========================================================================== */
/*newsletter*/
#newsletter {background:url('/img/newsletter_bg.jpg') repeat; margin:0 0 20px 0; padding:0; float:left;}
#newsletter h2 { margin:0; padding:15px 20px 10px 20px; color:white; font-size:1.25em;text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5);font-weight:normal;}
#newsletter hr {padding:0;  margin:0 20px; border-top:1px solid #717017;border-bottom:1px solid #c0c189; height:1px}
#newsletter p { margin:0 20px; padding:10px 0; color:white; text-shadow: 1px 1px 1px rgba(17, 17, 17, 0.5);}
#newsletter form {margin:0 20px;padding:0 0 20px 0;}
#newsletter input[type="text"] {width:180px; color:#666; height:20px; margin-bottom:10px; }


/*breadcrumbs*/
#breadcrumb { float: left; display: block;  }
#breadcrumb ul { list-style: none; padding:0}

.crumbs { display: block; float:left }
.crumbs li {  float:left }
.crumbs li.first { padding-left: 10px; }
.crumbs li a, .crumbs li a:link, .crumbs li a:visited {  display: block; float: left;  margin-left: -13px; padding: 8px 17px 12px 25px; position: relative; text-decoration: none; }

.crumbs li a{ background-image: url('/img/crumbs_bg.png');  background-repeat: no-repeat; background-position: 100% 0; position: relative; }
.crumbs li a:hover { color: #391232; background-position: 100% -48px; cursor: pointer; }
.crumbs li a:active { color: #333; background-position: 100% -96px;background-image: url('/img/crumbs_bg.png');  }
.crumbs li.first a span { height: 29px; width: 3px; border-left: 1px solid #c8c1a2; position: absolute; top: 0px; left: 0px; }

/*accordion*/
h3.acc_trigger { padding: 0; margin: 0; height:35px; line-height: 35px; width: 280px;font-weight: normal;float: left; background: url('/img/toggle.png') no-repeat; border-bottom:1px solid #c9b89e; }
#body_faqs h3.acc_trigger {  width: 635px; }			
h3.acc_trigger a { text-decoration: none; display: block; padding: 0 0 0 25px; color:white;text-transform:uppercase; font-size:0.75em; }
h3.acc_trigger a:hover { text-decoration: underline;}
h3.active{ background-position: left bottom;}
h3.active a { color:white;  }
h3.active a:hover{ color:white;}
.acc_container{ margin: 0; padding: 0; overflow: hidden; width: 280px; clear: both; background:url('/img/carousel_bg.png') repeat;}
#body_faqs .acc_container {width:635px;}
.acc_container p {color:#444}
.acc_container .block{ padding: 10px; }
#body_faqs .acc_container .block{ padding: 10px 25px; }
.acc_container img { border:1px solid #ccc; margin-top:10px; margin-bottom:10px;}

/*cross sell*/	
#cross_sell {width:280px; background:url('/img/carousel_bg.png') repeat;padding:0;float:left;margin-bottom:20px; padding-bottom:15px;}
.cross_sell_item {width:260px; margin:15px 10px 0 10px;float:left;}
.cross_sell_pic {float:left; width:110px;}
.cross_sell_pic img {border: 5px solid white}
.cross_sell_details {float:right; width:135px;}	
.cross_sell_details p {color:#444; margin:0 0 5px 0; font-size:0.9em;}		
.cross_sell_ratings {width:55px; height:12px; background:url('/img/crosssell_ratings.png') no-repeat;}
.five { background-position: 0 0;}
.four { background-position: 0 -12px;}
.three { background-position: 0 -24px;}
.two { background-position: 0 -36px;}
.one{ background-position: 0 -48px;}

/*salesbanners*/	
.salesbanner_leftcol {margin-bottom:20px;}



/* ==========================================================================
   Helper classes
   ========================================================================== */

.alpha {margin-left:0}
.omega {margin-right:0}
.bolder {font-weight:bold;}
.left {float:left;}
.right {float:right;}





/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 144dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow:none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



.points { width:100%; border-top:1px solid #333; border-left:1px solid #333; }
.points th { background:#71653E; padding:5px 10px; color:#fff; text-align:left; border-right:1px solid #333; border-bottom:1px solid #333; }
.points td {  border-bottom:1px solid #333; border-right:1px solid #333; padding:10px; }


#container.msgbar_open { margin-top: 36px; } 
.msgbar { position:absolute; top:0; left:0; right:0; height: 36px; background-color:orange; text-align:center; font-size:1.4em }
.msgbar a.closer { display:block; text-decoration:none; color:red; float:right; padding:3px; font-weight: bold }