/*******************************************************/ 
/*             PAGE-SPECIFIC STYLES                     / 
********************************************************/ 
/* NOTES
This file contains styles that are specific to certain
pages in the Caribou website.

2.23.10 DDO Substantially modified this page as well
to accomodate the IE6 bug float:left display: inline.
Also changed up various graphics (e.g. Bean ratings) to better
match the new rebranded design.
********************************************************/

/* TRIVIA
This is the trivia blackboard that appears on the home
page. It has one parent: leftbar.
********************************************************/ 
div#trivia {
  position: relative;
  float: left;
  top: -33px;
  left: -38px;
  width: 250px;
  min-height: 155px;
  padding-bottom: 20px;
  background: url(/asp/media/image/1/trivia_blackboard_btm.png) 0 100% no-repeat;
  display: inline;
}

div#trivia div#triviaContent {
  float: left;
  width: 182px;
  min-height: 114px;
  padding: 33px 35px 0 33px;
  list-style: none;
  background: url(/asp/media/image/1/trivia_blackboard_top.png) no-repeat;
  display: inline;
}

div#trivia h2 {
  padding: 0;
  text-transform: none;
  color: #9ed8d2;
}

div#trivia p b,
div#trivia p strong {
  font-size: 108%;
  font-weight: bold;
  text-transform: none;
  color: #9ed8d2;
}

div#trivia p.getAnswer {
  text-align: right;
}

div#trivia p.getAnswer b a,
div#trivia p.getAnswer strong a {
  position: relative;
  padding-right: 15px;
  font-weight: bold;
  text-transform: none;
  color: #9ed8d2;
  background: url(/asp/media/image/1/icon_green_arrow.gif) 100% 70% no-repeat;
}

div#trivia p {
  color: #fff;
}


/* HIGHLIGHTS
This is a container for the links that appear under the
trivia blackboard on the home page. It has one parent:
leftbar.
********************************************************/ 
div#highlights {
  float: left;
  padding-bottom: 20px;
  display: inline;
}

div#highlights p {
  padding-bottom: 5px;
}


/* CONTENT HOME
This is the content column on the home page.
********************************************************/ 
div#contentHome {
  float: left;
  width: 465px;
  padding: 26px 0 0 20px;
  display: inline;
}


/* AT HOME / AT WORK
These are sections that appear near the top of the
page on the Caribou at Home & Caribou at Work pages.
********************************************************/ 
div#atHome, div#atWork {
  float: left;
  padding: 10px 15px;
  font-size: 100%;
  color: #534732;
  display: inline;
}

div#atHome h1, div#atWork h1 {
  float: left;
  padding: 0 0 10px 20px;
  font-size: 167%;
  text-transform: uppercase;
  color: #36332f;
  display: inline;
}

div#atHome a#atWork, div#atWork a#atHome {
  float: right;
  margin: 0 28px 10px 0;
  background: red;
}

div#promotions {
  float: left;
  width: 890px;
  padding-bottom: 30px;
  display: inline;
}

div.promotion {
  float: left;
  width: 210px;
  padding: 0 6px;
  text-align: center;
  display: inline;
}

div.promotion p {
  padding-top: 5px;
}

div#atWork div#officeCoffee {
  float: left;
  width: 248px;
  height: 197px;
  padding-left: 50px;
  display: inline;
}

div#atWork div#officeCoffee p {
  padding: 5px 0 0 30px;
  text-align: center;
}

div#atWork div#onlyCoffee {
  float: left;
  width: 232px;
  padding-top: 1px;
  display: inline;
}

div#atWork div#onlyCoffee p {
  margin-top: -100px;
  padding: 0 60px 0 50px;
  font-size: 85%;
}

div#atWork div#onlyCoffee p a {
  color: #534732;
}

div#atWork div#onlyCoffee p a:hover {
  text-decoration: none;
}

div#atWork div#tellThem {
  float: left;
  width: 284px;
  padding-left: 20px;
  display: inline;
}

div#atWork div#tellThem p {
  padding: 5px 20px 0 20px;
  text-align: center;
}


/* COFFEE DESCRIPTION
This is the coffee description that appears on the Our
Coffees and Coffee Recommender Results pages.
********************************************************/ 
div.coffeeDesc {
  position: relative;
  float: right;
  padding: 10px 0 10px 0;
}

div.coffeeDesc div.coffeeRater {
  background: url(/asp/media/image/1/bg_coffeerating_body.gif) no-repeat left top;
  float:left;
  width: 176px;
  margin-bottom: 10px;
  color: #36332f;
  font-size: 90%;
  display: inline;
}

div.coffeeDesc div.coffeeRater h4.rating {
  font-size: 225%;
  width: 45px;
  padding-right: 5px;
  text-align: center;
  float: left;
  display: inline;
  color: #75B1BE;
}
div.coffeeDesc div.coffeeRater h4.rating span { text-transform: uppercase; font-size: 40%; color: #75B1BE; }
div.coffeeDesc div.coffeeRater p.desc { float: left; text-align: center; width: 95px; display: inline;}
div.coffeeDesc div.coffeeRater p { width: 146px; padding-top: 5px;}
div.coffeeDesc div.coffeeRater p a { display: block; width: 146px; text-transform: uppercase; font-weight: bold; font-family: Tahoma,Verdana;}
div.coffeeDesc div.coffeeRater form { float: left; padding: 10px 13px 0; width: 150px; height: 100px; display: inline;}

div.coffeeDesc div.coffeeRater div.coffeeRaterBtm {
  background: url(/asp/media/image/1/bg_coffeerating_btm.gif) no-repeat left bottom;
  float: left;
  width: 176px;
  height: 6px;
  display: inline;
}

/********* Coffee Rating styles *********/
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.star-rating {
  float:left;
  width:20px;
  height:25px;
  text-indent:-999em;
  cursor:pointer;
  display:block;
  background:transparent;
  overflow:hidden;
}
div.rating-cancel { display: none; }
div.star-rating,div.star-rating a {background:url(/asp/media/image/1/icon_bean.png) no-repeat 0 0px}
div.star-rating a {
  display: block;
  width:20px;
  height:100%;
  background-position:0 0px;
  border:0;
}
div.star-rating-on a{background-position:0 -37px!important}
div.star-rating-hover a{background-position:0 -37px!important}

/** Smaller bean size on review Thickbox **/
form.small div.star-rating { width:15px; height:18px; }
form.small div.star-rating,form.small div.star-rating a {background:url(/asp/media/image/1/icon_bean_sm.png) no-repeat 0 0px}
form.small div.star-rating a {
  display: block;
  width:15px;
  height:100%;
  background-position:0 0px;
  border:0;
}
form.small div.star-rating-on a{background-position:0 -28px!important}
form.small div.star-rating-hover a{background-position:0 -28px}

/* COFFEE FINDER
This is the tall list that appears on the Find Your
Coffee page.
********************************************************/ 
div#coffeeFinder {
  float: left;
  width: 100%;
  min-height: 660px;
  margin-top: 10px;
  background: url(/asp/media/image/1/vertical_gradient_transparent.png) no-repeat;
  display: inline;
}

div#coffeeFinder ul {
  list-style: none;
  padding: 30px 0 0 45px;
}

div#coffeeFinder li {
  padding-left: 70px;
  background: url(/asp/media/image/1/icon_about_findyourcoffee.png) 0 .7em no-repeat;
}

div#coffeeFinder h3 {
  font-size: 108%;
}

div#coffeeFinder p {
  font-size: 91%;
}


/* CUSTOMIZE YOUR DRINK
Form elements on the Find Your Coffee page.
********************************************************/ 
form select#size,
form select#milk,
form select#whipCream {
  width: 170px;
}


/* NUTRITION
This is the nutrition table on the Find Your Coffee page.
********************************************************/ 
div#nutrition table {
  width: 100%;
  padding-top: 10px; 
  margin-bottom: 10px;
}

div#nutrition table th {
  text-align: left;
  border-bottom: 1px solid #bdb4a1;
  font-weight: normal;
}

div#nutrition table th.title {
  font-weight: bold;
  font-size: 116%;
  color: #36332f;
}

div#nutrition table th.calories {
  width: 100px;
}

div#nutrition table th.fat {
  width: 50px;
}

div#nutrition table td {
  padding: 3px 0;
  border-bottom: 1px solid #bdb4a1;
}

div#nutrition table tr.border td {
  border-bottom: 5px solid #bdb4a1;
}

div#nutrition p.disclaimer {
  padding-top: 20px;
  font-size: 77%;
}


/* MENU
This is the menu list on the Menu & Nutrition page.
********************************************************/ 
div#menu {
  float: left;
  width: 678px;
  background: url(/asp/media/image/1/bg_menu.gif) 0 47px no-repeat;
  display: inline;
}

div.menuList {
  float: left;
  width: 159px;
  padding-right: 10px;
  display: inline;
}

div#content div.menuList h3 {
  position: relative;
  left: -5px;
  width: 40px;
  height: 22px;
  padding: 18px 0 5px 42px;
  font-size: 108%;
  text-transform: none;
}

div#content div.menuList h3#classics {
  background: url(/asp/media/image/icon_menu_classics.png) no-repeat;
}

div#content div.menuList h3#cold {
  background: url(/asp/media/image/icon_menu_cold.png) no-repeat;
}

div#content div.menuList h3#espresso {
  background: url(/asp/media/image/icon_menu_espresso.png) no-repeat;
}

div#content div.menuList h3#wild {
  background: url(/asp/media/image/icon_menu_wild.png) no-repeat;
}

div#content div.menuList h3#tea {
  background: url(/asp/media/image/icon_menu_tea.png) no-repeat;
}

div#content div.menuList h4 {
  padding-left: 10px;
  font-size: 77%;
  text-transform: uppercase;
  font-weight: bold;
  color: #36332f;
  font-family: Tahoma, Verdana;
}

div#content div.menuList p {
  padding: 5px 0 20px 10px;
  font-size: 75%;
  line-height: 153.9%;
  text-transform: uppercase;
  font-weight: bold;
  color: #36332f;
  font-family: Tahoma, Verdana;
}

div#content div.menuList ul {
  list-style: none;
  padding: 0 0 15px 10px;
}

div#content div.menuList li {
  padding-bottom: 5px;
  font-size: 77%;
  font-weight: bold;
  text-transform: uppercase;
  font-family: Tahoma, Verdana;
}


/* FOOD ITEM
The food sections on pages such as Popular Drinks.
********************************************************/ 
div#content div.foodItem {
  float: left;
  width: 458px;
  padding: 10px 0 20px 0;
  border-top: 1px solid #bdb4a1;
  display: inline;
}

div#content div.foodItem h3 {
  padding: 0 0 10px 0;
  text-transform: none;
}

div#content div.foodItem p {
  padding: 3px 0 0 0;
  text-align: center;
}

div#content div.foodItem p b a,
div#content div.foodItem p strong a {
  background: none;
}

div#content div.foodItem ul {
  float: left;
  width: 458px;
  padding: 0;
  list-style: none;
  display: inline;
}

div#content div.foodItem ul li {
  float: left;
  width: 105px;
  padding-right: 9px;
  display: inline;
}


/* FLASH TOUR
This is a container for the flash tour on the
Take a Tour page.
********************************************************/ 
div#flashTour {
  float: left;
  width: 458px;
  padding: 10px 0 20px 0;
  display: inline;
}


/* FAQ
Styling for pages that contain an FAQ section.
********************************************************/ 
div#content div.faq h2 {
  padding-top: 20px;
}

div#content div.faq ul {
  list-style: none;
  padding: 0;
}

div#content div.faq li {
  padding: 0 0 10px 0;
}


/* FRANCHISING
Styling for the Franchising page.
********************************************************/ 
a#getStarted {
  float: right;
  margin-top: -28px;
}

div#franchiseInquiry {
  float: left;
  width: 458px;
  min-height: 261px;
  padding-top: 20px;
  overflow: hidden;
  background: url(/asp/media/image/1/bg_franchise.gif) 0 100% repeat-x;
  display: inline;
}

div#content div#franchiseInquiry ol {
  float: left;
  list-style: none;
  width: 468px;
  padding: 0;
  display: inline;
}

div#franchiseInquiry ol li {
  position: relative;
  float: left;
  width: 134px;
  min-height: 163px;
  padding: 5px;
  margin-right: 10px;
  border: 1px solid #d0c4a5;
  display: inline;
}

div#franchiseInquiry ol li span {
  position: absolute;
  top: 20px;
  left: 60px;
  width: 21px;
  height: 21px;
}

div#franchiseInquiry ol li span.step1 {
  background: url(/asp/media/image/1/icon_step1.gif) no-repeat;
}

div#franchiseInquiry ol li span.step2 {
  background: url(/asp/media/image/1/icon_step2.gif) no-repeat;
}

div#franchiseInquiry ol li span.step3 {
  background: url(/asp/media/image/1/icon_step3.gif) no-repeat;
}

div#franchiseInquiry ol li h4 {
  text-align: center;
  font-size: 85%;
  line-height: 100%;
  font-weight: bold;
  text-transform: uppercase;
  color: #36332f;
  background: #b7a57e;
  padding: 40px 15px 10px 15px;
}

div#franchiseInquiry ol li p {
  min-height: 61px;
  padding: 15px 15px;
  font-size: 85%;
  color: #cfc8b7;
  background: #9f8d6c;
}


/* YOUR ACCOUNT christine scott
/* 2.26.10 DDO Modified width of FeatureAccountColumn
********************************************************/
div#content div.featureAccountColumn {float: left; width: 300px; display: inline;}
div#content div.featureAccountColumn div.feature {width: 280px; padding: 0 14px 10px 14px;}

div#form div.yourAccount label { width: 100px; padding-right: 10px; text-align: right; color: #36332f; }
div#form div.yourAccount label.wide { width: 300px; }
div#form div.yourAccount input.long { width: 300px; padding:2px; }
div#form div.yourAccount input.longer { width: 370px; padding:2px; } /* 10/20/08 DDO even longer textbox for Promotion Admin */
div#form div.yourAccount select.activeskus { width: 270px; height: 620px; padding:2px; }  /* 10/20/08 DDO listbox for Active SKUs - Promotion Admin */
div#form div.yourAccount select.destskus { width: 270px; height: 150px; padding:2px; }  /* 10/20/08 DDO listbox for Destination SKUs - Promotion Admin */
div#form div.yourAccount select.defaultsku { width: 270px; padding:2px; }  /* 10/20/08 DDO listbox for Free Item Default SKU - Promotion Admin */
div#form div.yourAccount select.long { width: 308px; padding:2px; }
div#form div.yourAccount select.longer { width: 400px; padding:2px; } /* 5/12/09 DDO made even longer select width */
div#form div.yourAccount input.medium { width: 140px; padding:2px;}
div#form div.yourAccount select.medium{ width: 148px; padding:2px;}
div#form div.yourAccount input.short { width: 57px; padding:2px;}
div#form div.yourAccount select.short { width: 65px; padding:2px;}
div#form div.yourAccount input.button {width:auto;}
hr.account {margin: 2px 0 10px 0; }
div#form div.yourAccount ol li.accountWithHRBelow {padding: 0px 0px 10px 0px;}   /*Added by Ben Seymour 1/14/08*/
div#form div.yourAccount ol li.accountWithHRAbove {padding: 5px 0px 15px 0px;}   /*Added by Ben Seymour 1/14/08*/
div#form div.yourAccount ol li.accountWithHRAboveAndBelow {padding: 5px 0px 10px 0px;}   /*Added by Ben Seymour 1/14/08*/
div#form div.yourAccount ol li.accountWithHR {padding: 0px 0px 0px 0px;}   /*Added by Ben Seymour 1/14/08*/
div#form div.yourAccount ol li.accountWithHR hr {margin: 0px 0px 0px 0px;}   /*Added by Ben Seymour 1/14/08*/
/* div#form div.yourAccount ol li hr.account {margin: 0;} */	/*Added by Ben Seymour, 1/14/08*/

span.spaceBetween2Btns {margin-left: 20px;}   /*Added by Ben Seymour 1/15/08 -- changed 1/17/08*/

div#managecards table {width: 100%; padding-top: 10px; margin-bottom: 10px;}
div#managecards table th { text-align: left; border-bottom: 1px solid #bdb4a1; font-weight: normal;}
div#managecards table th.title {font-weight: bold; font-size: 90%; color: #36332f;}
div#managecards table td {padding: 3px 0; border-bottom: 1px solid #bdb4a1; font-size: 90%;}
div#managecards table tr.border td {border-bottom: 5px solid #bdb4a1;}


div#question1, div#question2, div#question3, div#question3, div#question4, div#question5, div#question6, div#question7, div#question8, div#question9, div#question10, div#question11, div#question12, div#question13, div#question14, div#question15, div#question16 {display: none;}


/* INVESTORS christine scott
********************************************************/

div#leftbar div.investornav strong {padding-right: 7px;font-size: 91%;font-weight: bold;font-family: Tahoma, Verdana;text-transform: uppercase;}
div#leftbar div.investornav strong a {padding-right: 7px;font-size: 91%;font-weight: bold;font-family: Tahoma, Verdana;text-transform: uppercase; background: url(/asp/media/image/1/icon_orange_arrow.gif) 100% 50% no-repeat;}
div#form.investorsform {background: #e7dcbc;}


/*******************************************************/ 
/*                 SIMPLICIS COMPONENTS                 / 
********************************************************/ 

/* WIDGET TOOLBAR
********************************************************/
div.widgetToolbar {width: 180px; float: left; display: inline; }
div.widgetToolbar ul { list-style: none; float: left; padding: 0; display: inline; }
div#leftbar div.widgetToolbar ul { list-style: none; float: left; padding: 0; display: inline; }
div.widgetToolbar li { float: left; margin: 0 5px 0 0; display: inline;  }


/* CAREERS HUB
********************************************************/
div.careersHub input.button {
  float: right;
}

div.careersHub p.jobStats b,
div.careersHub p.jobStats strong {
  color: #000000;
}



/* FIND A LOCATION  (banner is 880 px wide) -- Ben Seymour
********************************************************/

div#divFindLocationCategoryHeader {position: relative; float: left; width: 920px; height:290px; margin-bottom: -30px; background: #c0b8a7 url(/asp/media/image/1/bg_newyork_strip_btm.jpg) bottom no-repeat; display: inline;}
div#divFindLocationCategoryHeader div#accentTop {float: left; width: 920px; height: 22px; background: url(/asp/media/image/1/bg_newyork_strip_top.jpg) no-repeat; display: inline; }

div#divFindLocationBanner { position: relative; left: -20px; float: right; width: 880px; padding-top: 0px; background: url(/asp/media/image/main_findalocation_880x245.jpg) no-repeat; min-height: 255px;}
div#divFindLocationBanner div#heading {position: absolute; bottom: 42px; right: 47px;}
div#divFindLocationBanner div#heading h1 {text-align: right; font-size: 167%; line-height: 100%; text-transform: uppercase; color: #fff; }
div#divFindLocationBanner div#heading p {text-align: right; font-size: 100%; font-weight: bold; text-transform: uppercase; color: #fff; }

div#divFindLocationText {position: absolute; width: 325px; height: 220px; font-size: 90%; color:#ffffff; margin: 15px 0px 0px 23px;}
div#divFindLocationText span#spnFindLocationHeading {font-size: 100%;}
div#divFindLocationText a {font-size: 90%;}
div#divFindLocationText label {font-weight: bold;}
div#divFindLocationText label span {font-weight: normal;}

div#divFindOptions {margin-bottom: 10px;}

div#divAddressCityAndState1 {display:none;}
div#divFindAlongARoute1 {display:none;}

div.divAddressForm {font-size: 100%; color:#ffffff;}
div.divAddressForm label {font-weight: bold; font-size:100%;}
div.divAddressForm label span {font-weight: normal;}
div.divAddressForm div.horRule {border-top: solid 1px #c0750b; margin-bottom: 2px; margin-top:5px;}
div.divAddressForm input.findLocCheckbox {margin: 0px 3px 0px 0px;}
div.divAddressForm input.textBx {border: 0; font-size: 90%; padding: 3px;}
div.divAddressForm select.addrSlct {font-size: 90%;}

div#divAddressFormMapQuest {color:#000000; margin-top:10px;}

/*divAddressCityAndState and divCityStateAndZip are classes, because they will be reused by the MapQuest code */
div.divAddressCityAndState input#txtAddress {width: 190px; margin: 2px 0px 5px 0px;}
div.divAddressCityAndState input#txtCityWithAddress {width: 130px; margin: 2px 0px 7px 0px;}
div.divAddressCityAndState select#slctStateWithAddress {width: 90px; margin: 2px 0px 7px 1px;}

/*Christine Scott added Feb 4, 2008 */
div#content div.featureRow p.findlocation{padding: 0 14px 10px 14px;}


/*The next ones are for the mapquest code -- when there are multiple matches for an address, for example */
div.divAddressCityAndState select#slctAddress {margin: 2px 0px 7px 0px;}
select.slctCityCountyState {margin: 2px 0px 7px 0px;}

div.divCityStateAndZip input#txtCity {width: 130px; margin: 2px 0px 5px 0px;}
div.divCityStateAndZip select#slctState {width: 90px; margin: 2px 0px 5px 1px;}
div.divCityStateAndZip input#txtZip {width: 50px; margin: 2px 0px 7px 0px;}

/* Find Along a Route*/
div.divFindAlongARoute div.divFromGroupLine1 {margin-top: 5px;}
div.divFindAlongARoute input#txtFromAddress {width: 190px; margin: 0px 0px 0px 0px; position: absolute; left: 40px;}
div.divFindAlongARoute div.divFromGroupLine2 {margin-left: 40px;}
div.divFindAlongARoute input#txtFromCity {width: 130px; margin: 8px 0px 7px 0px;}
div.divFindAlongARoute select#slctFromState {width: 90px; margin: 0px 0px 7px 1px;}
div.divFindAlongARoute input#txtFromZip {width: 40px; margin: 0px 0px  7px 1px;}

div.divFindAlongARoute input#txtToAddress {width: 190px; margin: 0px 0px 0px 0px; position: absolute; left: 40px;}
div.divFindAlongARoute div.divToGroupLine2 {margin-left: 40px;}
div.divFindAlongARoute input#txtToCity {width: 130px; margin: 8px 0px 5px 0px;}
div.divFindAlongARoute select#slctToState {width: 90px; margin: 0px 0px 5px 1px;}
div.divFindAlongARoute input#txtToZip {width: 40px; margin: 0px 0px 5px 1px;}

/* Optional Items */
div.divOptionalItems {position: absolute; left: 0px; bottom: 0px;}

/* Changes for MapQuest code*/
input#txtCityWithAddressMQ {margin: 2px 0px 5px 0px;}
select#slctStateWithAddressMQ {margin: 2px 0px 5px 5px;}
select#slctStateMQ {margin: 2px 0px 5px 5px;}

/***** END OF FIND A LOCATION *******************************************/


/* ALL LOCATIONS and NON-US LOCATIONS -- Ben Seymour
********************************************************/
div#divShowLocations div.divStateHeading {padding: 10px 0 20px 0; font-size: 116%; color: #36332f; font-weight: bold;}
div#divShowLocations div.divCountryHeading {padding: 10px 0 20px 0; font-size: 116%; color: #36332f; font-weight: bold;}
div#divShowLocations div.divRegionHeading {padding: 10px 0 10px 0; font-size: 130%; color: #36332f; font-weight: bold;}
div#divShowLocations div.divCityHeading {padding: 6px 0 10px 0; font-size: 100%; color: #36332f; font-weight: bold;}
div#divShowLocations div.divAddrListing {width: 320px; line-height: 120%; font-size: 90%;}
div#divShowLocations div.divOptions {float: right; padding: 0px 0px 15px 15px; width: 25%;}
div#divShowLocations div.divWifi {text-align: right; padding-bottom: 6px;}
div#divShowLocations div.divDriveThru  {text-align: right; padding-bottom: 6px;}
div#divShowLocations div.divMeetingRoom {text-align: right; padding-bottom: 6px;}


/*christine is testing here */
div.jumpList {text-align: left; padding-bottom: 10px;}
div.jumpList ul { list-style:none; margin:0; padding:0; }
div.jumpList li	{ display:block; margin:0; padding:0 20px 0px 0px; float:left; width:auto; }

/***** END OF ALL LOCATIONS **************************/




/* LOGIN PAGES (ACCOUNT & SHOP) -- Ben Seymour */
/*********************************************************/
div#divLogin             {height: 300px; width:670px;}
div#divLogin label       {color: #36332F;}
div#divLogin div#divLoginError      {position: relative; width: 610px; text-align: left; left: 35px;}
div#divLogin div#divLoginNoErrorSpacer  {position: relative; height: 10px;}
div#divLogin div#divCenterLogin     {position: relative; width: 610px; height: 200px; text-align: left; left: 15px;}
div#divLogin div#divNewToCaribou    {position: relative; top: 0px; width: 264px; padding: 5px 20px 5px 20px;  height:85%; background-color:#f5f1ea; border: 1px solid #bdb4a1;}
div#divLogin div#divNewToCaribouContent  {position: absolute; bottom: 30px; width: 264px; height: 75px;}
div#divLogin div#divAlreadyACustomer {position: absolute; top: 0px; left: 325px; height: 85%; width: 264px; padding: 5px 20px 5px 20px; background-color:#f5f1ea; border: 1px solid #bdb4a1;}
div#divLogin div#divAlreadyACustomerContent {}
div#divLogin div.divLoginHeading     {font-size: 116%; color: #36332f; font-weight: bold; border-bottom: solid 1px #bcb5a3; padding-bottom: 5px; margin-bottom: 20px; padding-top: 5px;}
div#divLogin div.divBottomLoginButtons     {position: absolute; bottom:7px; width: 264px; text-align: center;}

div#divLogin div#divInputsEmail {position: relative; margin-bottom: 15px; height:20px;}
div#divLogin input#txtEmail    {position: absolute; left: 70px; width: 180px; top:0px;}
div#divLogin div#divInputsPwd {position: relative; height: 20px;}
div#divLogin input#txtPwd    {position: absolute; left: 70px; width: 180px; top: 0px;}
div#divLogin div#divForgotPwd {text-align:center; margin-top: 10px; line-height:100%;}

/***** END OF LOGIN **************************/



/* MANAGE CARIBOU CARD PAGES -- Ben Seymour */
/*********************************************************/
div.divNameYourBouCard                          {display: none;}
div#divCardRemoveConfirmation                   {display: none;}
div.divNameYourBouCard input.txtNewBouCardName  {width: 120px;}
div#divSubscriptionRemoveConfirmation           {display: none;}
/***** END OF MANAGE CARIBOU CARD **************************/



/* VIEW CARD HISTORY -- Ben Seymour */
div#viewCardHistory table {width: 100%;}
div#viewCardHistory table th { text-align: left; border-bottom: 1px solid #bdb4a1; font-weight: normal;}
div#viewCardHistory table th.title {font-weight: bold; font-size: 90%; color: #36332f;}
div#viewCardHistory table th.titleRightAlign {font-weight: bold; font-size: 90%; color: #36332f; text-align: right;}
div#viewCardHistory table td {padding: 5px 0; font-size: 90%;}
div#viewCardHistory table td.totalBalance {padding: 5px 0; font-size: 90%; text-align: right; font-weight: bold;}
div#viewCardHistory table tr.trShaded {background-color: #C0B8A7;}

/***** END OF VIEW CARD HISTORY **************************/




/* VIEW ORDER HISTORY -- Ben Seymour */
div#divOrders table {width: 300px;}
div#divOrders table th {text-align: left; border-bottom: 1px solid #bdb4a1; font-weight: normal;}
div#divOrders table th.title {font-weight: bold; font-size: 90%; color: #36332f;}
div#divOrders table th.titleRightAlign {font-weight: bold; font-size: 90%; color: #36332f; text-align: right;}
div#divOrders table td {padding: 5px 0; font-size: 90%;}
div#divOrders table tr.trShaded {background-color: #C0B8A7;}
/***** END OF VIEW ORDER HISTORY **************************/


/* VIEW ORDER DETAIL (used for order detail and verify.asp -- Ben Seymour */
div#divOrderDetail table#tblOrderMain {width: 100%;}
div#divOrderDetail table td {font-size: 100%;}
div#divOrderDetail table#tblOrderMain td {font-size: 90%;}
div#divOrderDetail table#tblBillToShipTo {width: 400px;}
div#divOrderDetail table th {text-align: left;  font-weight: normal;}
div#divOrderDetail table th.title {font-weight: bold; font-size: 90%; color: #36332f;}
div#divOrderDetail table td {padding: 3px 0;}
div#divOrderDetail table#tblBillTo td {font-size:90%;}
div#divOrderDetail table#tblShipTo td {font-size:90%;}
div#divOrderDetail table#tblPersonalizedMessage td {font-size:90%;}
div#divOrderDetail table.tblPaymentSummary td {font-size: 90%;}

div#divOrderDetail table#tblPaymentInfo td {font-size: 90%;}

/***** END OF VIEW ORDER DETAIL **************************/



/*********** WELCOME BAR INCLUDE (WelcomeBar.asp) -- Ben Seymour ******************/
div#divWelcomeBar div#divWelcomeMessage {float: left; display: inline;}
div#divWelcomeBar div#divLogout {float: right;}
/*********** END OF WELCOME BAR INCLUDE ******************/

/*********** ICED COFFEE christine scott ******************/
div#content.icedcoffee {width: 880px; height:400px;}
/***********     END OF ICED COFFEE      ******************/