/*
[Color: dark, light]
  Green: #567632, #cedbaf
  Orange: #D06F1A, #f1d4ba
  Maroon: #b30838, #eed0d1
  Gold: #e7a614, #f8e4b8
*/

html { min-height: 100%; margin-bottom: 1px; } 
body, body * {font: 1em/1.5 Arial, Helvetica, sans-serif;}
#site {width: 58.75em; margin:0 auto; position:relative; }
#skip{position: absolute; left: 0; top: 5px; font-size: .75em;}
#skip a{text-indent: -5000em; display: block; overflow: hidden;  }
#skip a:focus{text-indent: 0;}

.hidden {
    height:1px;
    left:0;
    overflow:hidden;
    position:absolute;
    top:-500px;
    width:1px;
}

em{font-style:italic;font-weight:inherit;}
strong{font-weight: bold;}

.addThisHome { @include pie-clearfix; width:100%; padding-top:20px; background-color:#FFF; }
.addThis { @include pie-clearfix; width:100%; background-color:#FFF; }
.addthisContent { float:right; width:290px / $base-px-size + em; } 
.addthisBtn { float:left; margin-top:2px; text-decoration:none; }
.addthisShare { padding-top:2px; }


.search ul.searchtabs{list-style: none; margin-top: 10px;}
.search ul.searchtabs li{
    float: left; 
    margin: 0; 
    padding: 0;
}
.search ul.searchtabs li a{
    display: block;
    padding: .75em 1.5em;
    background-color: white;
    border: 1px solid #99b58c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-bottom: none;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    color: #567632;
}
.search ul.searchtabs li a:hover{
    background-color: #cedbaf;
    }
.sitesearch ul.searchtabs li#tab-all{margin-bottom: -1px;}
.sitesearch ul.searchtabs li#tab-all a
{
    background-color: #cedbaf;
}    
.productsearch ul.searchtabs li#tab-products{margin-bottom: -1px;}
.productsearch ul.searchtabs li#tab-products a
{
    background-color: #cedbaf;
}  
.recipesearch ul.searchtabs li#tab-recipes{margin-bottom: -1px;}
.recipesearch ul.searchtabs li#tab-recipes a
{
    background-color: #cedbaf;
}  
.search #filtered_category_label{
    border:1px solid #99B58C;
    margin-top: -1px;
    font-size: .75em;
}
a {color:#000; text-decoration:underline; outline: none;}
a:hover, a:focus {color:#444;}
a:hover, a:active { outline: none; }
h1, h3
{
    font: 1.125em/1.5 Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #567632; /* Green, dark */
}
p, ul, ol, dl{font-size: 0.75em;}
h1, h2 {color:#567632;}
body.recipes h1, body.products h2 {color:#D06F1A;}
body.recipes h1, body.recipes h2 {color:#b30838;}
body.support h1, body.support h2 {color:#e7a614;}
a img{display: block;}

body.recipes h1, body.search h1, body.proudlybrew h1, .category h1, .contact{font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.5em; line-height: 1.25; margin-top: 50px;}
body.search h1{margin: 15px 0 25px 0;}
body.search .previous { float: left; margin-left: 0;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-style:italic; font-weight:bold; line-height:1.5em;}

h3 {font-family:Helvetica, Arial, sans-serif; font-size:0.9em; font-weight:bold; color:#567632; line-height:1.5em;}

h4 {font-family:Georgia, "Times New Roman", Times, serif; font-size:0.8em; font-style:italic; font-weight:bold; line-height:1.5em;}

h5 {color:#567632; font-weight:bold; line-height:1.5em;}

h6 {}


h1.creamice_frosted_beverages { background-image: url(http://www.starbucksfs.com/images/Product/category/titles/Creamice_Frosted_Beverages.gif); }
h1.fontana_syrups_and_sauces { background-image: url(http://www.starbucksfs.com/images/Product/category/titles/Fontana_Syrups_And_Sauces.gif); }
h1.gourmet_hot_cocoa { background-image: url(http://www.starbucksfs.com/images/Product/category/titles/Gourmet_Hot_Cocoa.gif); }
h1.paper_products { background-image: url(http://www.starbucksfs.com/images/Product/category/titles/Paper_Products.gif); }
h1.resale_merchandise { background-image: url(http://www.starbucksfs.com/images/Product/category/titles/Resale_Merchandise.gif); }

ul ul, ol ol {font-size:1em;}
ul ol, ol ul {font-size:1em;}

sup {font-size:0.6em;}

.ui-fade-rollover {display:block;}



#header {width:100%; border-bottom:4px solid #99b58c;}
#header a { text-decoration: none;}


dl.downloads dt{font-weight: bold;}
dl.downloads a{text-decoration: underline;}

/* 
    Top Nav Begin 
*/
#topNav{margin: 0; padding: 0;  margin-bottom: 1.6436em; float: right; display: block; font-size: .6875em; background-color: #cedbaf; }
#topNav fieldset legend{display: none;}
#searchForm{margin: 0; padding: 0;}
#global_search_box{
    background: transparent url('http://www.starbucksfs.com/images/global_search_bg_long.gif') no-repeat top left;
    margin: 0;    padding: 0;
    font-size: 1em;
    padding-right: 21px;
    margin-top: -3px;
    float: left;
    display: inline;
    position: relative;
    }
#global_search_box input{margin: 0; padding: 0;
    font-size: 1em;}    
#global_search_box input.textbox{ 
    background-color: Transparent;
    border: 0 none;
    min-height: 19px;
    height: auto !important;
    height: 19px;
    margin: 0;
    padding: 0;
    padding-left: 1em;
    }
#topNav a{min-height: 19px;}
#topNav dt, #topNav dd{
    float: left;
    display: inline;  
    padding: 1em .75em; 
}
#topNav dd a{color: #567632;}
#topNav dd a:hover{color: black;}
#topNav dd.first{padding-left: 1em;}
#topNav dt{background-color: White; }
#topNav dd.search{padding-right: 1em; color: Black; padding-bottom: 0; }
#topNav .submit{position: absolute; right: 0; top:0;}
#topNav dd.cart_status { position: relative; }
#topNav dd.cart_status_notification { background-color: #F1D4BA; }
#topNav dd.cart_status_notification a { color: black; }
#topNav dd.cart_status .message { display: none; position: absolute; top: 3.5em; color: black; font-weight: bold; background-color: #F1D4BA; margin-left: -.75em; padding: .09em .75em .05em .75em; white-space: nowrap; 
                                    -moz-border-radius-bottomleft: .4em;
                                    -moz-border-radius-bottomright: .4em;
                                    -moz-border-radius-topright: .4em;
                                    -webkit-border-bottom-left-radius: .4em;
                                    -webkit-border-bottom-right-radius: .4em;
                                    -webkit-border-top-right-radius: .4em;
                                  }

#topNav dd.cart_status .message h2 { padding-top: .75em; padding-bottom: .75em; }
#topNav dd.cart_status .message ul { padding-bottom: .75em; }
#topNav dd.cart_status .message ul li { font-size: 1.2em;  }
/* 
    Top Nav End 
*/

/* 
    Main Nav Begin 
*/
#mainNav{width: 100%; display: block; clear: both;}
/*#mainNav .logo{width:202px; margin:0px 18px 0px 0px; float:left; display: inline;}*/
#siteNav{
    float: right;   
    font-size: 1em; 
}
#siteNav li{float: left; }
#siteNav li span{font-size: .6875em;  display: block; text-align: center; height: 1.25em; line-height: 1.25em;}
#siteNav li span.title{width: 100%; padding-top: 1.182em; text-transform: uppercase; font-weight: bold;}
#siteNav li span.tagline{width: 100%; padding-bottom: 1.455em; text-transform: capitalize; margin: 0;}
#siteNav li a{padding: 0; width: 100%; display: block; min-height: 55px;}
#siteNav li.coffee{width: 8.125em;}
#siteNav li.coffee span.tagline{color: #567632;}
#siteNav li.products{width: 9.375em;}
#siteNav li.products span.tagline{color: #D06F1A;}
#siteNav li.recipes{width: 8.75em;}
#siteNav li.recipes span.tagline{color: #b30838;}
#siteNav li.support{width: 8.75em;}
#siteNav li.support span.tagline{color: #e7a614;}
#siteNav li.company{width: 10em;}
#siteNav li.company span.tagline{color: #567632;}
#siteNav a {text-decoration: none;}

body.coffee #siteNav li.coffee a, #siteNav li.coffee a:hover{background-color: #cedbaf;}
body.products #siteNav li.products a, #siteNav li.products a:hover{background-color: #f1d4ba;}
body.recipes #siteNav li.recipes a, #siteNav li.recipes a:hover{background-color: #eed0d1;}
body.support #siteNav li.support a, #siteNav li.support a:hover{background-color: #f8e4b8;}
body.company #siteNav li.company a, #siteNav li.company a:hover{background-color: #cedbaf;}


#header .mainNav {width:940px;}
/*#header .mainNav .logo {width:202px; margin:0px 18px 0px 0px; float:left;}*/
#header_logo {position: absolute; top:5px; left:0px; display:block;}
#header .logo a{display: block; line-height: 0;}
#header .logo a img{margin: 0; padding: 0; border: 0;}
#header .mainNav .nav {float:left; margin-top:13px;}

/* 
    Main Nav End 
*/

#content {width:100%; margin:0; background: transparent url('http://www.starbucksfs.com/images/green_content_bg.gif') repeat-y 23.4% 0;}

#content .secondaryContent {width:13.75em; float:left;}
#content .primaryContent {width:45em; float:right; }
#content .primaryContent .pcWrapper{padding:20px 0px 20px 1.25em;} 
.pcWrapper{position: relative;}

.tag {margin:10px 60px 20px 60px;}

.sectionNav ul.nav{ width:13.75em; padding:70px 0px 20px 0px; font-size: 1em;}
.sectionNav ul.nav li {font-size: .6875em; font-family:Lucida Sans, Arial, sans-serif; font-weight:bold; padding: 0 30px 0 0;}
.sectionNav ul.nav li a {display:block; line-height:1.33em; font-weight:bold; text-decoration:none; padding:.6em 1.5em .6em 65px;}
.sectionNav ul.nav li a:hover {text-decoration:none; background-color: White; }
.sectionNav ul.nav li.active a {background-color: White; }

.sectionNav ul.subnav{ width:17.50em; padding:0px 0px 10px 0px; font-size: 1em;}
.sectionNav ul.subnav li {font-size: .9875em; font-family:Lucida Sans, Arial, sans-serif; font-weight:bold; padding: 0 0px 0 0;}
.sectionNav ul.subnav li a {display:block; line-height:1.33em; font-weight:bold; text-decoration:none; padding:.6em 1.5em .6em 75px;}
.sectionNav ul.subnav li a:hover {text-decoration:none; background-color: White; }
.sectionNav ul.subnav li.active a {background-color: white; }

.sectionLanding {width: 100%;}
.sectionLanding .sectionMessage{float: left; background: transparent url('http://www.starbucksfs.com/images/green_landing_bg.gif') repeat-y top left;}
.sectionLanding .sectionMessage .wrapper{float: left; background: transparent url('http://www.starbucksfs.com/images/green_landing_right.gif') repeat-y 25em 0;}
.sectionLanding .sectionMessage .message{float: left; width: 25em; }
.sectionLanding .sectionMessage .message p{ margin: 60px 25px 40px 85px;  font-size: 1em; line-height: 1.5; color: black;}
.sectionLanding .disc {width:295px; height:279px; margin-right:10px; padding:40px 20px 0px 85px; float:left; background-image:url(http://www.starbucksfs.com/images/landingBkgd.gif); background-repeat:repeat-y; background-color:#d5e7c0; font-family:Lucida Sans, Arial, sans-serif; font-size:1.3em; line-height:1.7em; font-weight:bold; color:#567632;}
.sectionLanding .image{float:left; width: 18.75em; text-align: center; }
.sectionLanding .image img{margin: 0 auto; display: block; padding-left:10px;}
.sectionLanding .tag {float: left; width: 100%; margin: 10px 0 20px 0; padding: .8em 0 0 0; background-color: #567632; }
.sectionLanding .tag h1{
    margin: 0 0 -.15em .25em; 
    color: White; 
    text-transform: uppercase; 
    font: 1.25em/1 "Arial Narrow", Calibri, Arial, sans-serif;    
    font-weight: bold; 
    }
.sectionLanding .image .pad{padding-left: 10px;}

.fullTitleBar {background-color:#d5e7c0; color:#567632; font-weight:bold; padding:8px 10px 8px 20px; margin:10px 0px 10px 0px;}
#contact {}
#contact .primary {text-align:right; padding:10px;}


/* START FILTER SECTION */
.filter{position: relative;}
.filter a { text-decoration: none;}
p.filterButton{position: absolute; top: -2.1875em; line-height: 2.1875em; left: 0; font-size: 1em; background-color: #8aa769; display: block; width: 13.75em; margin: 0; padding: 0;}

p.filterButton a{display: block; line-height: 2.5em; color: White; text-transform: uppercase; font-size: .875em; text-align: center; width: 100%;}

/* Dropdown Indication */
#filterArrow { display: inline; }


.filterList {
	padding: 20px;
	background-color: #cedbaf;
}
.filterList div{float: left; display: inline; max-width: 33%; margin-bottom: 20px; margin-right: 20px;}
.filterList h3{font-size: .875em;}
.filterList ul {
  border-top: 1px solid white;
  font-size: 1em;
  
}
.filterList li{padding: .125em 0;}
.filterList li a{
    /* width: 150px; float: left; display: block;*/
    margin: 0;
    line-height: 1;
    font-size: .6875em;
    display: block;
    text-decoration: none;
}

#filtered_category_label {background-color:#cedbaf; color:#567632; font-weight:bold; padding:8px 10px 8px 20px; margin:10px 0px 10px 0px;}

.filterList div.twocolumn{width: 33%; }
.filterList div.twocolumn ul {
 -moz-column-count: 2;
 -moz-column-gap: 1.5em;
 -webkit-column-count: 2;
 -webkit-column-gap: 1.5em;
 }

.filterList div.fivecolumn{width: 100%; max-width: 100%; margin-left: 0; }
.filterList div.fivecolumn ul {
 -moz-column-count: 5;
 -moz-column-gap: 1.5em;
 -webkit-column-count: 5;
 -webkit-column-gap: 1.5em;
 }

/* END FILTER SECTION */

/* START DETAIL PAGES */
.categoryproduct .Image, .support .default .Image, .company .default .Image { 
    width:212px; 
    /*position: absolute; 
    top: 20px; 
    left: 1.25em;*/
    float: left;
    display: inline;
    text-align: center;
    }

#Details {margin-left: 247px; margin-top: 30px; zoom: 1;}
#Details h1.name {text-transform: uppercase; padding-left: 25px;}
#Details h2.tagline {padding: 3px 0px 3px 25px; margin: 0;  background-color:#cedbaf; font-size: 1em; font-weight: normal; color: Black;}
#Details p.description {margin-bottom:10px; margin-left: 25px; line-height:1.5em; margin-top:15px;}
#Details .list {width:400px; padding-left:25px; margin-top:15px;}
#Details .characteristics{margin-left: 25px;}
#Details dl.traits {margin:0px; padding:0px; list-style: none; float: left; display: inline; width: 40%;}
#Details dl.suggestions {margin:0px; padding:0px; list-style: none; float: right; display: inline; width: 60%;}
#Details .characteristics dd { margin-bottom: 1em; line-height: 1.33em;} 
#Details .characteristics dt {font-family:Lucida Sans, Arial, sans-serif; color:#567632; line-height:1.5em; font-weight:bold; width: 100%;}

#Details .returnButton {position:absolute; right:0px; top:-5px; width:120px; height:15px; padding:5px 10px; background-color:#cedbaf; font-family:Lucida Sans, Arial, sans-serif; font-weight:bold; color:#567632; text-align:center;}

.categoryproduct table.orderform{background-color: #567632; margin: 1em 0; width: 100%; float:left;}
.categoryproduct table.orderform caption{color:#567632; padding: .5em 25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic;  background-color: #cedbaf;}
.categoryproduct table.orderform thead, .categoryproduct table.orderform tbody,  .categoryproduct table.orderform tfoot{} 
.categoryproduct table.orderform th{color: White; background-color: #6e8a4b; text-transform: uppercase; font-weight: bold; }
.categoryproduct table.orderform td, .categoryproduct table.orderform th{ padding: .5em 5px; font-size: .75em;}
.categoryproduct table.orderform td.size, .categoryproduct table.orderform th.size{padding-left: 25px;}
.categoryproduct table.orderform td.qty, .categoryproduct table.orderform td.action, .categoryproduct table.orderform th.qty{padding-right: 25px; text-align: center;}
.categoryproduct table.orderform tr.even
{
    background-color: #6e8a4b;
}
.categoryproduct table.orderform tbody {color: White;}
.categoryproduct table.orderform td.brewers a {color: White;}
.categoryproduct table.orderform tr div.brewerlist { display: none; position: absolute; background-color: #567632; width: 208px; top: -34px; left: -259px; }
.categoryproduct table.orderform tr div.brewerlist h3 {color: White; background-color: #6e8a4b; padding: 2px 9px; font-size: 1.1em;}
.categoryproduct table.orderform tr div.brewerlist p { padding: 7px 12px 7px 7px; font-size: 1em; line-height: 1.5em; min-height: 4em; _height: 4em; }
.categoryproduct table.orderform tr div.brewerlist img.sku_arrow { width: 24px; height: 20px; display: block; position: absolute; top: 34px; right: -24px; }


#fancybox-inner table.orderform{background-color: #567632; margin: 1em auto; width: 100%; float:left;}
#fancybox-inner table.orderform caption{color:#567632; padding: .5em 25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic;  background-color: #cedbaf;}
#fancybox-inner table.orderform thead, #fancybox-inner table.orderform tbody,  #fancybox-inner table.orderform tfoot{} 
#fancybox-inner table.orderform th{color: White; background-color: #6e8a4b; text-transform: uppercase; font-weight: bold; }
#fancybox-inner table.orderform td, #fancybox-inner table.orderform th{ padding: .5em 5px; font-size: .75em;}
#fancybox-inner table.orderform td.size, #fancybox-inner table.orderform th.size{padding-left: 25px;}
#fancybox-inner table.orderform td.qty, #fancybox-inner table.orderform td.action, #fancybox-inner table.orderform th.qty{padding-right: 25px; text-align: right;}
#fancybox-inner table.orderform tr.even
{
    background-color: #6e8a4b;
}
#fancybox-inner table.orderform tbody {color: White;}
#fancybox-inner table.orderform label.input-validation-error 
{
    display: none !important;
}

/* Added styles for stock message */
.iWrapper { position: relative; }
.iWrapper .stockMessage{ position: absolute; top: 45%; width:212px; display:block; text-align:center; background-color:#E7B78C; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; font-style:italic; }
.coffee .iWrapper .stockMessage { background-color: #CEDBAF; }

/*

#Chart {width:462px; margin-top:40px; background-color:#6e8a4b; color:#FFF;}
#Chart table {width:462px;}
#Chart th {color:#567632; font-weight:bold; padding:8px 7px 5px 5px; background-color:#cedbaf;}
#Chart tr {background-image:url(/images/trBkgd.jpg);}
#Chart td {line-height:1.5em; padding:5px; vertical-align:top;}
#Chart .head {padding-left:25px;}
#Chart .name {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; padding-left:25px; background-color:#567632;}
#Chart .size {padding-left:25px; width:140px; font-size:1.1em;}
#Chart .sku {width:160px;}
#Chart .case {width:70px;}
#Chart .qty {width:30px;}

*/

/* END DETAIL PAGES*/

/* START TYPE */
#productType { position:relative; float:left; display: inline; width:13.75em;}

#featured {position:relative; left:0px; float:left;  display: inline; width: 30em; background:#567632 url('http://www.starbucksfs.com/images/feature_bar.gif') repeat-y 0 0;}
#featured .details {margin: 0 0 0 10px; padding: 0 0 .33em 0; }
#featured .image {float:right; margin: 0 0 0 30px;}
#featured .image img{display: block;}
#featured h3.title {margin: 0 .83em 0; line-height: 2.5; font-size: .75em; text-transform: uppercase; font-family:Lucida Sans, Arial, sans-serif; font-weight:bold; color:#FFF;}
#featured h4.name {padding:0 .67em; line-height: 1.75; margin: 0 10px .25em 0; background-color:#cedbaf; font-family:Georgia, "Times New Roman", Times, serif; font-size:0.9375em; font-weight:bold; }
#featured h4.name a {color:#567632; text-decoration: none;}
#featured .details p{margin: 0 .91em 0; font-size: .6856em; color:#FFF; line-height: 1.67;}
#featured .details p.type { font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; }
#featured .details p.description{margin-bottom: 0;}



#Results .list {width: 100%;}
#Results .list ul {font-size: 1em; float:left; display: inline; width:100%; margin: 20px 0 0 0; padding:0px; list-style: none;}
#Results .list li {position:relative; float:left; display: inline; text-align:center; width:25%;  margin:0; min-height:16em; } 
#Results .list .topSeller, #Results .list .stockMessage {display:block; text-align:center; background-color:#CEDBAF; -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; font-weight:bold; font-style:italic;}
#Results .list .image {display: table;  margin: 0 auto; position: relative; text-align: center; }
#Results .list .image a {display: block; position: relative;}
#Results .list .image span{position: absolute; width: 100px; padding: .5em 0; bottom: 26px; font-size: .75em; }
#Results .list .name {padding-top: 1em; min-height: 5.5em; height: auto !important; height: 5.5em; text-align:center; float: left; display: inline; width: 100%;margin-bottom: 0; line-height: 1.25;}
#Results .list .name a {font-weight:bold; color:#567632; padding: 0 .5em;}
#Results .list .description {line-height: 1.25;margin-top: 0; float: left; display: inline; width: 100%; font-family:Georgia, "Times New Roman", Times, serif;  font-weight:normal; font-style:italic; text-align:center;}
#Results .list li .wrapper{padding: 1em; text-align: center;}
#Results .list .image span.stockMessage { padding: 1em 0px; }  
/* END TYPE */

/* START REORDER */
.your_summary {text-align:center; margin-top:10px;}
body .reorder_layout #form_header {padding-top: 20px; margin-bottom: 20px;}
body .reorder_layout #form_header h1{font-size: 2em; width: 13em; float: left; font-family:Georgia, "Times New Roman", Times, serif; font-weight: normal;}
body .reorder_layout .quickaddform, body .reorder_layout #product_cart{ width: 32em; float: right;}
body .reorder_layout .quickaddform p{margin-left: 20px;}
body .reorder_layout fieldset h2{font-size: 1em; margin-bottom: 1em; width: 100%; display: block;  background-color:#CEDBAF; color:#567632;  }
body .reorder_layout fieldset h2 span{padding: .75em 20px;display: block; font-weight:bold; line-height: 1; font-size: .75em; }
body .reorder_layout label{font-weight: bold;}
body .reorder_layout #form_header .button{margin: 0;}
body .reorder_layout #customer_info{width: 26em; float: left;}
body .reorder_layout #customer_info dl{margin: 0;}
body .reorder_layout #customer_info dt{width: 16em; float: left; text-align: right; }
body .reorder_layout #customer_info dd{width: 16em; float: left; margin: 0 0 10px 1em; }
body .reorder_layout #customer_info textarea#Notes { width: 16em; height: 10em;}
body .reorder_layout #form_header p.thanks{clear: both;}
body .reorder_layout label.input-validation-error, body .reorder_layout span.field-validation-error
    {
        display: block;
        float: none;
        clear: both;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }

body .reorder_layout table.orderform{background-color: #567632; margin: 0; padding:0; width: 100%;}
body .reorder_layout table.orderform caption{display: none;}
body .reorder_layout table.orderform tr.product_name td{color:#567632; padding: .5em 25px; font-family:Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic;  background-color: #cedbaf;}
body .reorder_layout table.orderform th{color: White; background-color: #6e8a4b; text-transform: uppercase; font-weight: bold; }
body .reorder_layout table.orderform td, body .reorder_layout table.orderform th{ padding: .5em 5px; font-size: .75em;}
body .reorder_layout table.orderform td.size, body .reorder_layout table.orderform th.size{padding-left: 25px;}
body .reorder_layout table.orderform td.qty, body .reorder_layout table.orderform td.action, body .reorder_layout table.orderform th.qty{padding-right: 25px; text-align: right;}
body .reorder_layout table.orderform tr.even
{
    background-color: #6e8a4b;
}
body .reorder_layout table.orderform tbody {color: White;}
body .reorder_layout input#submit, body .reorder_layout #product_cart a.button{font-size: .75em;}
body .reorder_layout #main_form{margin-bottom: 20px; }


body#reorder-listorders .ui-datepicker-trigger { height: 18px; padding: 0; margin: 0}
body#reorder-listorders table#results { width: 100%;}
body#reorder-listorders table#results td { font-size: .75em; padding: .25em; border-right: 1px solid white; }
body#reorder-listorders table#results th { font-size: .75em; padding: .25em; color: White; background-color: #567632; border-right: 1px solid white;  font-weight: bold;}
body#reorder-listorders table#results tr.odd { background-color: #eff6e0;}
body#reorder-listorders .mainContent h2 { margin-bottom: 1.5em;}
body#reorder-listorders .mainContent fieldset { display: block; border: 1px solid #567632; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; padding: 0.9375em; width: 41.65em; margin-bottom: 1.5625em; width: 26em; }
body#reorder-listorders .mainContent fieldset dl{margin: 0;}
body#reorder-listorders .mainContent fieldset dt{width: 16em; float: left; text-align: right; }
body#reorder-listorders .mainContent fieldset dd{width: 16em; float: left; margin: 0 0 10px 1em; }
body#reorder-listorders .mainContent fieldset legend { background-color: #567632; color: White; font-weight: bold; padding: 0.25em 0.5625em 0.25em 0.5625em; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; font-size: .75em; }
body#reorder-listorders .mainContent fieldset .button { -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; font-size: .75em; }
body#reorder-listorders .mainContent fieldset#excel_export .button { margin: 0; margin-top: -.5em;}
body#reorder-listorders table#results tbody tr:hover {background-color: #fcffdf; }
body#reorder-listorders table#results tfoot tr:hover {background-color: Transparent;}
body#reorder-listorders table#results td.order_details { text-decoration: underline;}
body#reorder-listorders table#results td.order_details:hover {cursor: pointer;}
body#reorder-listorders table#results td.actions { white-space: nowrap;}
body#reorder-listorders table#results td.actions li { float: left; margin-left: 6px;}
body#reorder-listorders a#btn_export_orders, body#reorder-listorders a#btn_flag_orders { float: left; margin-left: 0px; margin-right: 10px; }


body.account .mainContent fieldset { display: block; border: 1px solid #567632; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; padding: 0.9375em; width: 41.65em; margin-top: 1.5em; margin-bottom: 1.5625em; width: 26em; }
body.account .mainContent fieldset dl{margin: 0;}
body.account .mainContent fieldset dt{width: 16em; float: left; text-align: right; }
body.account .mainContent fieldset dd{width: 16em; float: left; margin: 0 0 10px 1em; }
body.account .mainContent fieldset legend { background-color: #567632; color: White; font-weight: bold; padding: 0.25em 0.5625em 0.25em 0.5625em; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; font-size: .75em; }
body.account .mainContent fieldset .button { -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; }


body#reorder-completed .mainContent fieldset { display: block; border: 1px solid #567632; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; padding: 0.9375em 0 0 0; width: 100%; margin-bottom: 1.5625em;  }
body#reorder-completed .mainContent fieldset dl{margin: 0;}
body#reorder-completed .mainContent fieldset dt{width: 8em; float: left; text-align: right; clear: left; }
body#reorder-completed .mainContent fieldset dd{width: 29em; float: left; margin: 0 0 10px 1em; }
body#reorder-completed .mainContent fieldset legend {margin-left: 0.9375em; background-color: #567632; color: White; font-weight: bold; padding: 0.25em 0.5625em 0.25em 0.5625em; -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; font-size: .75em; }
body#reorder-completed .mainContent fieldset .button { -webkit-border-radius: 0.1875em; -moz-border-radius: 0.1875em; font-size: .75em; }
body#reorder-completed #NoteDetails { width: 29em;}


body#reorder-completed ul.notes li {margin-bottom: 1.7em;}
body#reorder-completed ul.notes li h4 { font-style: normal; font-weight: normal; font-size: .9em;  padding: 2px 9px 2px 9px; background-color: #f5df49;}
body#reorder-completed ul.notes li h4 strong { font-size: 1.1em;}
body#reorder-completed ul.notes li p.details { font-size: 1em; background-color: #fcffdf; padding: 9px;}
/*
#order_primary {float:left; width:430px; margin-right: 20px; margin-top:20px;}

#order_primary h3, 
#order_details h3, 
#order_add h3 {background-color:#d5e7c0; color:#567632;font-weight:bold; padding:8px 10px 8px 20px; }

#order_add {float:left; width:480px;}
#order_add .skuNumber {float:left; width:300px; vertical-align:middle;}

#order_secondary {float:left; width:480px;}


#cart_details {float:left;}
#cart_details .primary {text-align:right; padding:10px;}

#order_details {width:490px; margin-top:20px; background-color:#6e8a4b; color:#FFF;}
#order_details table {width:490px;}
#order_details th {color:#567632; font-weight:bold; padding:8px 7px 5px 5px; background-color:#cedbaf; background-image: none;}
#order_details tr {background: transparent url('/images/trBkgd.jpg') no-repeat left top; position: relative;}
#order_details td {line-height:1.5em; padding:0px; background: none;}
#order_details .head {padding-left:25px; width:487px;}
#order_details .name {font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; padding:7px 25px 7px 20px; background-color:#567632;}
#order_details .size {padding-left:25px; width:250px; font-size:1.1em;}
#order_details .sku {width:70px;}
#order_details .case {width:70px;}
#order_details .qty {width:30px;}

#reorder {}
#reorder .button {float:right; margin:10px 0px 0px 10px; font-weight:bold; background-color:#cedbaf; color:#567632; border:none; text-align:center; padding:7px;}

#ReOrder-Confirmation h1, #ReOrder-Confirmation h2, #ReOrder-Confirmation p
{
    text-align: center;
}
*/
.button, #fancybox-inner table.orderform .button {text-decoration: none; float:right; margin:10px 0px 10px 10px; font-weight:bold; background-color:#cedbaf; color:#567632; border:none; text-align:center; padding:7px;
         /*-moz-border-radius: .3em;
         -border-radius: .3em;
         -webkit-border-radius: .3em;
         */
         }
         

.button:hover { cursor: pointer; color: #444444;}

/*

#order_detail_summary {float:left;}

#order_details_summary {width:487px; border-bottom:1px solid #cedbaf; color:#000;}
#order_details_summary table {width:487px;}
#order_details_summary th { border-bottom:0px}
#order_details_summary tr {}
#order_details_summary td {line-height:1.5em; padding:0px;}
#order_details_summary .head {width:487px;}
#order_details_summary .name {font-weight:bold;padding:7px 25px 7px 20px; border-bottom:0px;}
#order_details_summary .size {border-bottom:1px solid #6e8a4b; padding-left:25px; width:160px; font-size:1.1em;}
#order_details_summary .sku {border-bottom:1px solid #6e8a4b; width:160px;}
#order_details_summary .case {border-bottom:1px solid #6e8a4b; width:70px;}
#order_details_summary .qty {border-bottom:1px solid #6e8a4b; width:30px;}
#order_details_summary .unit {border-bottom:1px solid #6e8a4b; width:30px;}
*/

/* END REORDER */


/* START SITE MAP */
body.sitemap  h2{margin-top: 1em; font-size: .75em; }
body.sitemap  h2 a{font-weight: bold; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic;}
body.sitemap .mainContent dl { float:left; display: inline; margin: 0; width: 95% }
body.sitemap .mainContent dd { float:left; text-align:left; width:30%; margin: 0; padding: 0 0 0 1%; display: inline;}
body.sitemap .mainContent dd a{margin: .3125em 1em; display: block; line-height: 1.25;}
body.sitemap .mainContent dt { clear: both;  padding-top: 1em;  }
body.sitemap .mainContent dt a {margin-left:0; font-weight: bold; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
body.sitemap .mainContent dl dl dt a{margin-left: 1em;}
body.sitemap dl dl { font-size: 1em; }
body.sitemap .mainContent dd.with_children { width: 98%; margin-top: 0em; }
body.sitemap .mainContent dd.with_children dl { margin-top: 0em;  margin-left: 0; }
body.sitemap .coffee .mainContent dl, body.sitemap .otherproducts .mainContent dl, body.sitemap .recipes .mainContent dl{margin-left: 1em; }
/* END SITE MAP */


.promoSectionBox {float:left;}
li.promo a {display: block; position: relative;
    background-color: #d5e7c0;}
.promo a img{padding: 0; margin: 0; border: none; display: block; margin: 0 auto;}
ul.promos{font-size: 1em; margin: 0; padding: 0; float: left;}
li.promo {
    float: left;
    position: relative; 
    width: 13.75em; 
    margin-left: 1.25em;
    /*display: none;*/
    }
li.first{margin-left: 0;} 
li.promo .promoImage {
    width:220px; 
    height:65px; 
    position: relative;
    }

li.promo .promoTip {
    position: absolute; 
    bottom: 0px; 
    left: 0px;
    width: 100%; 
    padding: 0;
    height: 2.5em;
    background-color:#000000; 
    color: #ffffff;
    margin: 0; 
    font: .6875em/2.5 "Arial Narrow", Arial, sans-serif;
    /*-moz-opacity:.50; filter:alpha(opacity=50); opacity:.50;*/
    background: transparent url('http://www.starbucksfs.com/images/50_percent_black.png') repeat 0 0;
    }
 li.promo .promoTip span{float: left; margin-left: 1em; height: 2.5em; line-height: 2.5em;}   
 li.promo .promoTip span.learn{float: right; margin-left: 0; margin-right: 1em; } 
 
 li.promo .caption{font-size: .6875em; line-height: 1; margin: 0; padding: .5em 0 0 0; text-align: center; width: 100%; display: block;}
	

#footer *{font:.95em/1 Georgia, "Times New Roman", Times, serif;}
#footer {width: 100%; margin-bottom:1.25em; border-top:4px solid #99b58c; color:#999;}
#footer ul{text-align: center; margin-top: 18px; font-size: .6875em;}
#footer li a {text-decoration:none; font-style: italic;}
#footer .content a:hover {font-style:inherit; color:#333; text-decoration:underline;}
#footer li{display: inline;  font-style: italic; padding: 1em .75em;  }

.Internal_Note, .fixme
{
    color: Red;
    background-color: Yellow;

}


.olList li {list-style-type:decimal;  line-height:1.7em; margin-left:50px;}
.ulList li {list-style-type:disc; line-height:1.7em; margin-left:25px;}

.search_result {position: relative; font-size: 1em; margin-top: 1em;}
.search_result dt{line-height: 1; font-size: 1em;}
.search_result dt a{font-family:Helvetica, Arial, sans-serif; font-size:.75em; text-transform: uppercase; color:#567632; line-height:1;}
.search_result dt b{font-weight: bold;}
.search_result dd {line-height:1.5; font-size: .75em; border-bottom:1px solid #d5e7c0; margin-bottom: 1em; padding-bottom: 1em;}requestContactDetail
p.pagination a{font-weight: bold;}
hr {border:1px solid #d5e7c0; margin:10px 0px;}

    ul.fieldlist label, #cart_details dl dt
    {
        display:block;
        float:left;
        font-weight:bold;
        margin-right:10px;
        text-align:right;
        width:185px;
        clear: left;
    }
    
    
    span.field-validation-error, label.input-validation-error
    {
        background-color: Transparent;
        font-weight: normal;
        color: Red;
        font-size: smaller;
        font-style: italic;
    }
        
    .fieldgroup label.input-validation-error,  ul.fieldlist span.field-validation-error
    {
        display: block;
        float: none;
        clear: both;
        margin: 0px;
        padding: 0px;
        text-align: left;
    }
    
    ul.fieldlist .fieldgroup, #cart_details dl dd
    {
        float: left;
        margin: 0 0 7px 0;
        width: 185px;
        padding:0;
    }
    
    ul.fieldlist li
    {
        margin-bottom: 10px;
    }
    
    .input-validation-error
    {
        background-color: #fcffd2;
    }

/**
 * Define the table to be of the class "nutrition"
 */
table.nutrition {
	margin-top : 0px;
	margin-left : 19.5em;
	margin-right : 0;
	border : 1px solid #000;
	border-collapse : collapse;
	table-layout : auto;
    float: left;
    display: inline;
    width: 20em;
}

/* NUTRITION CHART */
/** 
 * Format the tr ids 
 */


 /**
  * Format the header, which is basically the text "Nutrition Facts"
  */
.nutrition th {
	background-color :#FFF;
	padding : 0.5em;
	border : 0;
	font-size : 0.9em;
	font-weight : bolder;
	text-align: left;
	width: 20em;
} 

.nutrition tr#calories td {
	border-bottom : 4px solid black;
}

.nutrition tr#servings td {
	border-bottom : 6px solid black;	
}

.nutrition tr#minerals td {
	border-top : 4px solid black;
}

	

 /**
  * Define the baseline style for cells
  */
.nutrition td {
	padding : .2em;
	font-size : 11px;
	border : 0;
	border-bottom : 1px solid #000;
	
	text-align : left;
}

 /**
  * Define the cell for Daily Values
  */
.nutrition td.dv {
	font-weight : bold;
	text-align : right;
}

 /**
  * Set an indent for subordinate nutrients
  */
.nutrition td.sub {
	text-indent : 10px;
}

 /**
  * Set the style of the disclaimer text
  */
.nutrition td.disclaimer, .nutrition td.footnote {
	font-size : 10px;
}

 /**
  * Use the strong tag to set emphasis on particular text
  */
.nutrition strong {
	font-weight : bolder;
}




/* END NUTRITION CHART */

.hasJS .search:hover ul.searchOptions
{
    display:none;
}


.cart_warning h1{margin-bottom: 1em;}
.cart_warning p{margin-bottom: 1em;}
.cart_warning label{font-weight: bold;}


/* VIDEO ADMIN */
body.video td, body.video th { font-size: .75em; }
body.video td { padding: .75em; }

/* END VIDEO ADMIN */

.terms h1{
    margin-top: 1em;
    margin-bottom: .5em;
}
.terms h2{font-style: normal; font-size: .75em; line-height: 1.5;}
.terms p{margin-bottom: 1em;}
.terms ol{margin-bottom: 1em; list-style-type: decimal; padding-left: 1em; margin-left: 1em;}





/***************************** PRINTER STYLE SHEET OVERRIDES (Keep these here at the bottom) ***************/


a.printme  { text-decoration: none; position: absolute; right: 0px;}
.printme img { display: inline; margin-right: 3px; margin-top: -4px; vertical-align: middle;}
.printme span { margin-bottom: -3px; font-size: .9em;}

@media print
{
       .close_button, #header, #content .secondaryContent, .button, #footer, .printme { display: none; }
       #content { background-image: none;}
       #content .primaryContent { float: none;}
       #content .primaryContent .pcWrapper { padding-left: 0; }
       input { border: 0px; background-color: Transparent;}
       #site { margin: 0; padding: 0; width: auto; }
       
}



   body.printerfriendly .close_button, body.printerfriendly #header, body.printerfriendly #content .secondaryContent, body.printerfriendly .button, body.printerfriendly #footer, body.printerfriendly .printme { display: none; }
   body.printerfriendly #content { background-image: none;}
   body.printerfriendly #content .primaryContent { float: none;}
   body.printerfriendly #content .primaryContent .pcWrapper { padding-left: 0; }
   body.printerfriendly input { border: 0px; background-color: Transparent;}
   body.printerfriendly #site { margin: 0; padding: 0; width: auto; }
       





/************************************** END PRINTER STYLE SHEET OVERRIDES ***********************************/

/* START OF VIDEO PAGE */

 .contentV p {background-image:none;} 
        #video_wrapper {margin-top:0.625em;}
        #video_wrapper h1.name{text-transform: uppercase; font-size:1.4em; margin-bottom:0.625em;}
        
        #video_wrapper .title {
            width:56.533em;
            padding:0.19em 0em 0.325em 1.56em; 
            margin-bottom:0.625em; 
            background-color:#f8e4b8; 
            font-weight:bold;
            }
        
        .titleprimary {float:left; width:49.167em; font-weight:bold;}
        .titlesecondary {float:left; width:7.333em; height:1.583em; display:inline;}  
        
        ul#video ul  {width:56.833em; display:block;}
        ul#video ul li {float:left; width:28.333em;}
        
        .hasJS ul#video ul li {display: none;}
        ul#video li a.hideshow {display: none;}
        .hasJS ul#video li a.hideshow {display: block;}
        
        #video .primary {float:left; width:14.167em; text-align:center;}
        #video .secondary {float:left; width:12.083em; min-height:12.5em; padding:0em 0em 1.667em 0em;}
        
        #video img {
	        display:inline;
        }
        
        #video a {
	        float:right;
	        padding:0em;
	        margin:0em 0.833em 0.583em 0em;
	        text-decoration:none;
	        font-size:1em;
	        font-family:Verdana, Arial, Helvetica, sans-serif;
	        font-weight:bold;
	        color:#a76d00;
	        text-align:center;
	        
        }
        
       
        
        #video a.videoTitle {
            float:left; 
            width:10.833em; 
            padding:0.417em; 
            background-color:#f8e4b8; 
            font-weight:bold; 
            text-align:left;
            }
        
        
        #video .videoTitle a:hover {
	        background-color:#f8e4b8;
	        
        }
        #video .videoTitle a.active {
	        background-color:#f8e4b8;
	        color:#000;
	       	
        }
        
        
        
        
        #popin {width:53.333em; height:100%;}
        #popin .primary {width:38.333em;}
        #popin .primary a {width:37.5em; overflow:hidden;}
        #popin .secondary {position:absolute; left:27.333em; top:0.833em; padding-right:0.833em;}
        #popin .secondaryOporators {position:absolute; left:29.333em; top:0.833em; padding-right:0.833em;}
        #popin .name {text-transform:uppercase;}
        
/* END OF VIDEO PAGE */


/* Holiday Hack for christmas colored navigation 
    ul.nav li.holiday a, ul.nav li.holiday_merchandise a
    {
      color: red;
        font-size: 1.1em;
      text-shadow: white  .2em .2em .5em;
    }

 END Holiday Hack for christmas colored navigation */
 
 
 /* Request Contact Detail */
#requestContactDetail dt {font-weight: bold; line-height:1.5; border-bottom:1px solid #567632; margin-bottom: 1em; padding-bottom: 1em; font-size:1.1em; color: #567632;}
#requestContactDetail dd{line-height: 1.5; }
#requestContactDetail dd b{font-weight: bold; color: #567632;}

 
 /* End Request Contact Detail */
 .bis
 {
     font-weight:bold; 
     font-style:italic;
 }