/* @overrides
  http://localhost:9080/resources/trade.app.web.frontend.FrontendPage/frontend_en_US.css */

/* ======================= */
/* = FOR CERTIFY/QA ONLY = */
/* ======================= */
.redline {color: red; text-decoration: line-through;}


hr.cleaner {
border:medium none;
clear:both;
height:1px;
margin:-1px 0pt 0pt;
padding:0pt;
visibility:hidden;
}

/* ========= */
/* = RESET = */
/* ========= */
ul, li, p, form, form table {margin: 0; padding: 0;}
a img {border-width: 0; margin:0;}

div#largeProductImage {float:left; padding: 0 15px 0 0;}

span.left {display: block; text-align: left; padding: 5px 10px;}
span.right {float: right; padding: 5px 10px;}

/* TABBED CONTENT */
#tabContent .content{ display:none; }
#tabContent .active{ padding:5px 10px; display:block; }

div#cmsContentArea .tab-row ul
{
padding: 0;
margin: 10px 0 0 0;
border-bottom: 1px solid #bcbcbc;
line-height: 14px;
width: 746px;
float: left;
}

div#checkout .tab-row ul {
  padding: 0;
  margin: 10px 0 0 0;
  border-bottom: 1px solid #bcbcbc;
  line-height: 14px;
  width: 910px;
    float: left;
}

.tab-row li
{
list-style: none;
margin: 0 1px 0 0;
display: inline;
float: left;
height: 30px;
background: url('images/navBack.jpg') repeat-x;
line-height: 30px;
text-align: center;
color: #fff;

}

.tab-row li a
{
color: #fff;
padding: 0 0.5em;
margin-left: 3px;
text-decoration: none;
height: 30px;
display: block;
float: left;
}

.tab-row li a:hover {color: #fff; text-decoration: none;}

.tab-row li.selected
{
background: url('images/navBackOn.jpg') repeat-x;
color: #333;
}

.tab-panel {
  clear: both;
  margin: 0 0 10px 0;
  border: 1px solid #bcbcbc;
  border-top-color: #fff;
  font-size: 12px;
}
.tab-panel h3 {
  font-size: 12px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.tab-panel p {margin: 0 0 15px 0;}
.tab-panel .detailsTable p {margin: 5px 0;}

div.wineDetails, div.accountDetails {padding: 10px;}
div.tab-panel div.notes {margin: 0 10px 0 0; line-height: 14px;}
div#tabContent {width: 100%; overflow: auto;}

div#details p {padding: 5px;}

table.detailsTable { margin: 15px 20px 20px 0; width: 330px;}
table.detailsTable th {font-weight: bold; text-align: right; padding: 0 10px 0 5px;}
div#cmsContentArea .tab-panel table.detailsTable td, div#cmsContentArea .tab-panel table.detailsTable td {margin: 0;}

.tab-panel h3 {font-size: 12px; font-weight: bold; margin: 0 0 5px 0;}
.tab-panel p {margin: 0 0 15px 0;}
.tab-panel .detailsTable p {margin: 5px 0;}


ul.detailList {list-style-type: none; margin: 0 0 10px 0; padding: 0;}

/* ===================== */
/* = ADD TO CART PANEL = */
/* ===================== */

.addToCart div.tab-row ul li{
  height: 20px;
  font-size: 12px;
  line-height: 20px;}

div.tab-panel-cart button {margin: 5px 0 5px 0;}

/* ==SHOPPING CART ------------------------------------------ */

table#shoppingCart.cartModule {margin: 0 10px;}
table#shoppingCart.cartModule {width: 100%; margin: 0;}
table#shoppingCart.cartModule thead {color: #fff; background-color: #999; text-align: left;}
table#shoppingCart.cartModule thead th {padding: 5px 10px;}
table#shoppingCart thead th {text-align: left;}
table#shoppingCart td {padding: 3px 10px; border-top: 1px solid #ddd;}
table#shoppingCart .product {text-align: left;}
table#shoppingCart .price {text-align: right;}
.quantity {width: 8em;}
table#shoppingCart td.cartImage {text-align: center;}
p.threshold {padding: 10px; background-color: #cfc; color: #060; margin: 10px; border: 1px solid #eee;}

button.cartUpdate {margin: 5px 0 0 10px;}

table#shoppingCart tr.grandTotal td {
  background-color: #eee;
  font-weight: bold;
  padding: 10px;
  margin: 0;
  border-top: 2px solid #898989;
  border-bottom: 2px solid #898989;
  text-align: right;
}
.cartActions {text-align: right; padding: 10px; }
.cartActions a , .cartActions a:hover {font-weight: bold;}
.cartActions button {border-color: #fff;}
button.continue, button.cancelButton  {
  background: #cdcdcd url(images/continueButton.jpg) top repeat-x;
  color: #000;
  border-top-color: #ccc;
  border-left-color: #ccc;
  margin-left: 10px;
  }

button.cancelButton {
  background-image: none;
  background-color: #ddd;
}

span.sku {display:block; font-size: 11px; color: #666;}

a.checkout, a:hover.checkout {
  margin-left: 10px;
  border: 1px solid #999;
  background: #900 url(images/buttonBack.gif) bottom repeat-x;
  color: #fff;
  padding: 3px 5px;
  text-decoration: none;
  }

/* ================= */
/* = ACCOUNT PAGES = */
/* ================= */
div#cartContainer {padding: 20px;}
h3.accountHeader {background-color: #999; color: #fff; padding: 5px 10px; margin: 0; font-size: 13px;}
div.accountCapsule {margin: 5px 20px 0pt 0; position: relative; width: 220px; float: left;}
div#cmsContentArea div.accountCapsule p {margin: 0; padding: 0;}

/* ================== */
/* = CHECKOUT PAGES = */
/* ================== */

div#checkoutPath {color: #999; background-color: #eee; padding: 5px; margin: 0 0 10px 0;}
div#checkoutPath span.current {color: #000;}
.columnLeft {float: left; width: 48%; }
.columnRight {float: right; width: 48%; }



form h4 {margin: 5px 0 0 0; padding: 0;}


table#shoppingCart tr.producer td {border-top: 2px solid #898989;}



/* == FEEDBACK ------------------------------------------*/

div#cmsContentArea ul.feedbackPanel, div#cmsContentArea ol.feedbackPanel {
  font-weight: bold;
  border: 2px dotted #ccc;
  padding: 0;
  margin: 0 0 5px 0;
  list-style-type: none;
}
body ul.feedbackPanel li.feedbackPanelINFO  {background-color: #ffff66; padding: 7px 10px; margin: 0;}
body ul.feedbackPanel li.feedbackPanelERROR,
div#cmsContentArea ol.feedbackPanel li.error {
  background-color: #ffcfcf;
  padding: 7px 10px;
  margin: 0;
}

/* == FORMS ---------------------------------------------*/

input, select {border: 1px solid #ccc; background-color: #fff; font-size: 12px;}
fieldset {margin: 0 0 10px 0; padding: 0; border-width: 0;}
fieldset.formButtons {margin: 10px 0 10px 200px;}
legend {display: block; margin: 0 0 0 210px; padding:10px 0 5px 0; font-weight: bold; font-size: 15px; color: #444;}
li.optional label {font-weight: normal;}
label {display: block; clear: both; padding: 0; margin: 3px 4px 0 0; font-weight: bold; line-height: 1em;}
label.error {margin: 2px 0 10px 205px; display: block; color: red; font-weight: normal; text-align: left; float: none;}
label.checkLabel {display: inline;}

form ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

form ol li {
  display: block;
  clear: both;
  margin: 10px 0 0 0;
  padding: 0;
}
div#cmsContentArea  form ul.errors {
  padding: 5px 0 0 205px;
  color: #c00;
  margin: 0;
}

div#cmsContentArea  form ul.errors li {margin: 0; padding: 0;}
/* !!! */
div#cmsContentArea  form ol span.help {

}

form ol label {
  display: block;
  float: left;
  width: 200px;
  text-align: right;
}

form ol li.checkbox label {display: inline; float: none;}
form ol li.checkbox {padding-left: 200px;}

form ol li ul {
  clear: both;
  padding: 0 0 10px 155px;
  color: #c00;
  margin: 0;
  position: relative;
  top: -5px;
  list-style-type: none;
}

form ol li ul li {
  margin: 0;
  padding: 0;
  margin-top: 5px;
}

button {
  border: 1px solid #999;
  background: #900 url(images/buttonBack.gif) bottom repeat-x;
  color: #fff;
  cursor: pointer;
  cursor: hand;
  }
button.bigButton {
  padding: 5px 10px;
  margin: 5px 0 0 0;
  font-size: 13px;
  text-transform: capitalize;
  }

input.checkbox {display: inline;}
fieldset label.checkboxLabel  {display: inline;}

/* ONE COLUMN LAYOUT */

#productsContentArea dl {padding: 0; clear: both; margin: 0; border-top: 1px solid #666; position:relative; height: 120px;}
#productsContentArea dt {
  font-size: 16px;
  font-weight: bold;
  clear: both;
}

#productsContentArea dt span.productName {padding-top:10px; display:block; }
#productsContentArea dt a:hover span.productName {text-decoration:underline;}
#productsContentArea dt img {clear: both; padding: 10px 10px 10px 0;}
a.moreDetails {float:left;}
dd.purchaseInfo {float: right;}
dd.purchaseInfo form {display: inline;}
dd.purchaseInfo span {padding: 0 10px;}
dd.msrp, dd.capsuleDetails {font-weight: bold; color: #666;}
dd.price {font-weight: bold; color: #333;}
a.mo#c00etails {display: block; clear: right;}
hr.productDivider {height: 1px; color: #ccc; margin: 0 10px 0 10px; background-color: #ccc; border: 0;}
dd.finePrint {font-size: 10px; color: #333; margin: 10px 0 0 0; position:absolute; bottom:0; left: 110px;}
dl.alternate dd.price {float: right;}
span.priceDetail {font: normal 10px/12px Helvetica, Arial, sans-serif; }
dd.teaser {width: 450px;}
dl.alternate dd.capsuleDetails {font-weight: normal; color: #666; float: left; width: 150px; margin: 0; padding-top: 15px}
dl.alternate dd.finePrint {float: right; display: block; margin: 0; padding-top: 15px;}
span.registerLink {font-size: 13px;}

/* dd.capsuleDetails {border-bottom: 1px solid #ccc;} */

/* MULTI-COLUMN LAYOUT */
/*
dl {float: left; margin: 0 30px 0 0; padding: 20px 0 0 0; width: 150px;}
dd {text-align: center; margin: 0; padding: 0;}
dd.productDescription {display: none;}
dt {
  font-size: 13px;
  font-weight: bold;
  clear: both;
}
dt img {display: block;}
dd.purchaseInfo {margin: 0; position: relative;}
dd.purchaseInfo span {padding: 0;}
dd.purchaseInfo select,
div.cartBar button {display: block; text-align: left; margin: 5px;}
dd form {text-align: left;}
*/

div.supplierDetail {border-top: 2px solid #666;}

div.pager {background-color: #dedede; text-align: right; padding: 10px; margin: 0; border-top: 1px solid #666;}
div.pager a {text-decoration: none;}
.pagination {color: #999;}

/* FOR PROTOTYPES */

body a.clickable {background-color: #fff10c !important;}

/* DTT STORE NAV */
div#storeNav {
  float: left;
  width: 225px;
  padding: 0;
  display: inline;
  margin: 40px 0 20px 0;
}


div.productBrowser {margin-left: 5px;}

div#storeNav h3 {padding: 0; font-size: 14px; margin: 0; }
div#storeNav h4 {
padding: 0;
font-weight: normal;
font-size: 14px;
margin: 0;
color: #900;
text-transform: uppercase;
width: 180px;
}

div#storeNav h4 strong {color: #333;}
/*div#storeNav {
  display: inline;
  margin: 10px 0 0 0;
  width: 180px;
  float: left;
}*/


div#storeNav a {color: #666; text-decoration: none;}
div#storeNav a em {color: #999; font-style: normal;}
div#storeNav h4 a {
  font-weight: normal;
  font-size: 12px;
  position: absolute;
  right: 0;
  top: 0;
  color: #c00;
  text-transform: lowercase;
  }


div#storeNav ul {list-style-type: none; list-style-position: inside; margin: 0; padding: 0;}
div#storeNav ul ul li {text-indent: 10px;}
div.productBrowser div {margin: 10px 0; position:relative;}
div.productBrowser div.subDiv {border-width: 0;}
div#storeNav ul li {margin: 0; padding: 0; text-indent: 0;}

div#storeNav h4.subHead, li.subParent {margin: 0; position: relative;}
div#storeNav h4.subHead, li.subParent span { display: block; padding: 0 0 0 10px; margin: 0 0 0 -10px; font-weight: bold; }
div#storeNav li.subParent span a {
  font: normal 12px/12px Georgia, serif;
  color: #c00;
  position: absolute;
  right: 0;
  text-transform: lowercase;

}
div#storeNav h4.subHead, li.subParent span.selected {background-color: #eee;}
div#storeNav div.subCat ul {margin: 0 0 0 15px;}

div#storeNav h4.subHead, li.subParent ul li span {font-weight: normal;}

div.current-filter-view {
  margin: 0 0 10px 0;
  font-weight: normal;
  font-size: 13px;
}
div.current-filter-view strong {font-weight: normal;}

div.current-filter-view ul {list-style-type: none; margin: 0; color: #000b7b; padding: 0;}
div.current-filter-view ul a {font-size: 12px; font-weight: normal; padding-left: 10px; }
div.current-filter-view ul li {display: inline;}


/* SITE STYLES */

/* ============== */
/* = TYPOGRAPHY = */
/* ============== */

body, td, select, table {
  font: normal 13px/18px Arial, Helvetica, sans-serif;
    color: #333;
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0px 0;
  padding: 0;
  font: 20px Georgia, serif;
  line-height: 30px;
   color: #336699;
}

h2 {
  margin: 0px 0;
  padding: 0;
  font: 20px Georgia, serif;
  line-height: 30px;
   color: #333;
}

h3  {
  margin: 0px 0;
  padding: 0;
  font: 16px Georgia, serif;
  line-height: 22px;
   color: #333;
}

h4 {
  margin: 0px 0;
  padding: 0;
  font: 13px Georgia, serif;
  line-height: 18px;
   color: #333;
  font-weight: bold;
}

h5 {
  margin: 0px 0;
  padding: 0;
  font: 12px Georgia, serif;
  line-height: 17px;
   color: #333;
   font-weight: bold;
}

a  {
  color: #336699;
  text-decoration: none;
}

a:hover  {
  color: #336699;
  text-decoration: underline;
}
a.alert {color: #c00;}

span.re {color:#910506; text-transform:uppercase;}

html {height: 100%;}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  background:transparent url(images/supercontainer.jpg) repeat-x scroll 0 0;
  height: 100%;
}

body.errorPage {background-image: none;}

a.skip  {display: none;}
a img {border: none;}



/* =LAYOUT-----------------------------------------*/


div#container {
  margin: 0 auto 0 auto;
  text-align: left;
  width: 952px;
  background: none;
  position: relative;
}

div#supercontainer {margin: 0 auto 0 auto; position:relative;}

div#banner {
  position: absolute;
  left: 0;
  top: 35px;
  width: 952px;
    height: 110px;
    background: url('images/banner.jpg') top right no-repeat;
    padding: 0;
    margin: 0;
}

div#banner h1 {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 73px;
}

div#banner h1 a {
  text-indent: -9999px;
    position: absolute;
    top: 35px;
    left: 0;
    display: block;
    width: 370px;
    height: 100%;
    text-decoration: none;
}

div#banner h1 a span {display: none;}

div#banner h2 {
    position: absolute;
    right: 0;
    margin: 0;
    padding: 0;
    width: 80px;
    height: 16px;
}

div#banner h2 a {
  text-indent: -9999px;
    position: absolute;
    top: 10px;
    right: 0;
    display: block;
    width: 82px;
    height: 16px;
    text-decoration: none;
}

div#cmsContentArea {
  float: right;
  width: 700px;
  padding: 0;
  display: inline;
  margin: 40px 0 20px 0;
}


div#productsContentArea {
  float: right;
  width: 700px;
  padding: 0;
  display: inline;
  margin: 40px 0 20px 0;
}

div#banner h2 a span {display: none;}
/* =NAVIGATION-----------------------------------------*/

div.ShoppingCartPage div#cmsContentArea,
div.BillingInformationPage div#cmsContentArea,
div.ReviewOrderPage div#cmsContentArea,
div.OrderConfirmationPage div#cmsContentArea
 {width: 950px; margin: 40px 0 0 0;}


ul.mainNav {
  position: absolute;
  top: 72px;
  right: 0px;
  width: 547px;
  height: 43px;
  padding: 0;
  margin: 0;
  background: url('images/mainnav.jpg') top no-repeat;
  list-style-type: none;
  text-align: center;
  }

ul.mainNav li {
  margin: 0 ;
  padding: 0;
  float: left;
  position:relative;
  z-index:1;
   }

ul.mainNav a {
  display: block;
  height: 43px;
  padding: 0;
}




ul.mainNav a:hover  {
  background-image: url('images/mainnav.jpg');}

ul.mainNav a:hover strong {
  display:block;
  width: 100%;
  height: 100%;
  background: transparent url('images/navcorner.gif') right -43px no-repeat;}

.OverviewPage ul.mainNav li.about a strong,
.ParticipatingStatesPage ul.mainNav li.about a strong,
.GettingStartedPage ul.mainNav li.about a strong,
.ProgramPartnersPage ul.mainNav li.about a strong {
  display:block;
  width: 100%;
  height: 100%;
  background: transparent url('images/navcorner.gif') right -43px no-repeat;}



ul.mainNav a:hover em {
  display:block;
  width: 8px;
  height: 43px;
  position:absolute;
  left: -7px;
  top: 0px;
  background: transparent url('images/navcorner.gif') right top no-repeat;}

ul.mainNav a span {display: none;}

ul.mainNav li.about a {width: 212px;}
.OverviewPage ul.mainNav li.about a,
.ParticipatingStatesPage ul.mainNav li.about a,
.GettingStartedPage ul.mainNav li.about a,
.ProgramPartnersPage ul.mainNav li.about a
 {background: url('images/mainnav.jpg') -2px -43px;}

ul.mainNav li.about a:hover {background-position: -2px -43px;}
ul.mainNav li.about a:active {background-position: -2px -86px;}

ul.mainNav li.catalog a {width: 167px;}
ul.mainNav li.catalog a:active {background-position: -214px -86px !important;}


.ProductDetailPage ul.mainNav li.catalog a, .ProductsPage ul.mainNav li.catalog a {background: url('images/mainnav.jpg') -214px -43px;}
.ProductDetailPage ul.mainNav li.catalog a strong, .ProductsPage ul.mainNav li.catalog a strong,
.FAQPage ul.mainNav li.faq a strong  {
    display:block;
    width: 100%;
    height: 100%;
    background: transparent url('images/navcorner.gif') right -43px no-repeat;
}
.ProductDetailPage ul.mainNav li.catalog a em, .ProductsPage ul.mainNav li.catalog a em,
.FAQPage ul.mainNav li.faq a em, .ContactUsPage ul.mainNav li.contact a em  {
  display:block;
  width: 8px;
  height: 43px;
  position:absolute;
  left: -7px;
  top: 0px;
    background: transparent url('images/navloncorner.gif') right top no-repeat;
  }
ul.mainNav li.catalog a:hover {background-position: -214px -43px;}


ul.mainNav li.faq a {width: 55px;}
.FAQPage ul.mainNav li.faq a {background: url('images/mainnav.jpg') -381px -43px;}
ul.mainNav li.faq a:hover {background-position: -381px -43px;}
ul.mainNav li.faq a:active {background-position: -381px -86px;}

ul.mainNav li.contact a {width: 113px;}
.ContactUsPage ul.mainNav li.contact a {background: url('images/mainnav.jpg') -436px -43px;}
ul.mainNav li.contact a:hover {background-position: -436px -43px;}
ul.mainNav li.contact a:active {background-position: -436px -86px !important;}

ul#subnav {
  position: absolute;
  width: 547px;
  height: 25px;
  text-align: left;
  left: 415px;
  top: 155px;
  list-style-type: none;
  margin: 0;
  padding: 0;
    }

ul#subnav li  {
  display: inline;
  background: none;
  margin: 0 16px 0 0;
  }

ul#subnav a  {
    color: #666666;
  font: 14px Georgia;
  line-height: 20px;
  background: none;
  text-align: left;
  padding: 0;
  margin:0;
  text-decoration: none;
}

ul#subnav li a:hover, ul#subnav li a.on { color: #336699;}

.OverviewPage ul#subnav li.overview a,
.GettingStartedPage ul#subnav li.gettingStarted a,
.ParticipatingStatesPage ul#subnav li.states a,
.ProgramPartnersPage ul#subnav li.programPartners a   { color: #336699;}

/* =================== */
/* = ECOMMERCE LINKS = */
/* =================== */

div.eNav {
    height: 31px;
    width: 952px;
    margin: 0px auto 0;
    position: absolute;
    top: 0;
  left: 0;
    background: none;
    padding: 0;
    font: normal 12px Arial, sans-serif;
  color: #666;
    }

ul.eNav {
  padding: 0px 0 0 0;
  margin: 0;
  background: none;
  list-style-type: none;
  text-align: right;
  height: 31px;
  float: right;
    font: normal 12px Arial, sans-serif;
  }

ul.eNav.left {
  padding: 0px 0 0 0;
  margin: 0;
  background: none;
  list-style-type: none;
  text-align: left;
  width: 400px;
  height: 31px;
  float: left;
  font: 12px arial;
  color: #666;
  }

ul.eNav.left li {
  margin: 0;
  padding: 0 0 0 12px;
  display: inline;
  line-height: 31px;
   }

ul.eNav li a {color: #333; line-height: 31px;}

ul.eNav li {
  margin: 0;
  padding: 0 0 0 12px;
display: inline;
line-height: 31px;
   }

ul.eNav a {
  padding: 0;
  margin: 0;
  font: normal 12px Arial, sans-serif;
  color: #333;
  text-decoration: none;
}

ul.eNav li.signout a {color: #666;}
ul.eNav li.signout a:hover {color: #666;}
ul.eNav li.account a {color: #333;}
ul.eNav li.account a:hover {color: #333;}


/* =EDITABLE BODY -----------------------------------------*/
div#mainPageArea {
  margin: 0;
  padding: 140px 0 0 0;
  width: 952px;
  background: none;
}


/* =========== */
/* = KICKERS = */
/* =========== */
img.partnerLogo {
  display: block;
  margin: 10px 0;
}

div#specialsArea {
  float: left;
  width: 221px;
  padding: 0;
  display: inline;
  margin: 40px 0 20px 0;

}



table.supplierPanelTable th {
  text-align:right;
  padding-right: 10px;
}

div#productsContentArea p, div#cmsContentArea p, div#cmsContentArea ul  {margin: 0 0 10px 0;}
div#cmsContentArea ul {list-style-position: outside; padding: 0 0 0 15px;}

/* ==================== */
/* = KICKERS = */
/* ==================== */

div#topKickers {
  padding-bottom:5px;
  border-bottom:1px solid #ccc;
}

div#topKickers div.kicker {
  width:314px;
  float:left;
}

div#topKickers div.kicker, div#specialsArea div.kicker div {height: 153px;}

div.kicker h3  {
  margin: 0 0 5px 10px;
  font: normal 16px Georgia, Times, serif;
  color: #600;
  padding-left: 20px;
  background:url('images/arrow.gif') left no-repeat;
  }

div#topKickers div.kicker div {padding: 25px 0 15px 0;}

div#topKickers div.left, div#topKickers div.middle {margin-right:5px;}
div#topKickers h3 span {color: #333;}

div.kicker p {
  margin-left:30px;
  width:160px;
  font: normal 12px/18px Arial, Helvetica, sans-serif; color: #333;
}
div#specialsArea div.kicker h3 {font-size:14px; margin-top:20px; margin-left:5px;}
div#specialsArea div.kicker p {margin-left:25px;}

#topKickers .kicker, #specialsArea .kicker {
  background: url('images/kicker.gif') bottom repeat-x;
  position:relative;
  }

#topKickers .left div {background: transparent url('images/docs.jpg') no-repeat bottom right;}
#topKickers .middle div {background: transparent url('images/bottles.jpg') no-repeat bottom right;}
#topKickers .right div {background: transparent url('images/miniMap.gif') no-repeat bottom right;}

object#home_flash {
  margin-top:35px;
  display:block;;
  }

div#specialsArea a.kickerButton {
  position:absolute;
  bottom: 20px;
  left: 25px;
  margin:0;
}

div#specialsArea .list div {background:transparent url('images/docsSm.jpg') no-repeat bottom right;}
div#specialsArea .shop div {background:transparent url('images/bottlesSm.jpg') no-repeat bottom right;}
div#specialsArea .states div {background:transparent url('images/mapSm.jpg') no-repeat bottom right;}


a.kickerButton {
  width:123px;
  height:27px;
  display:block;
  margin: 10px 0 0 30px;
  background-position: 0 54px;
}
a:hover.kickerButton {background-position: 0 27px;}
a:active.kickerButton {background-position: 0 0;}
a.kickerButton span {display:none;}

a.signup {background-image:url('images/signUpButton.gif');}
a.shop {background-image:url('images/shopDirectButton.gif');}
a.states {background-image:url('images/viewStatesButton.gif');}

div#bottomKickers {padding: 15px 0; border-bottom:1px solid #ccc; margin-bottom:45px;}
div#bottomKickers h3 {background-image:none; padding: 5px 0 0 0; margin:0; font: bold 12px Arial, Helvetica, sans-serif; color:#369; margin-left:100px;}
div#bottomKickers .left {position:relative; float: left; width: 635px; background: transparent url('images/rack.jpg') no-repeat center left; border-right:1px solid #ebebeb;
}
div#bottomKickers .left img {position:absolute; right:15px; top: 25px;}
div#bottomKickers .right img {padding-left:25px;}
div#tweets {font: normal 12px/18px Arial, Helvetica, sans-serif; color: #333; margin-left:100px; padding-bottom:5px;
}

div#specialsArea div.twitter {position:relative; padding-top:15px; border-top:1px solid #ccc; margin-top:10px;}
div#specialsArea div.twitter h3 {font: bold 12px Arial, Helvetica, sans-serif; color: #369;}
div#specialsArea div.twitter img {position:absolute; top:20px; right:0;}
div#specialsArea div#tweets {margin: 0;}
div#specialsArea div#tweets ul {width: auto;}
div#tweets ul {list-style-type: none; width: 400px;}
div#tweets span.timestamp {font-size:10px; display:block; margin-bottom: 5px;}

div#specialsArea div.logos {padding:15px 0; border-top:1px solid #ebebeb; border-bottom:1px solid #ccc; margin-top:10px;}

/* =FOOTER DIV-----------------------------------------*/
div#superfooter {
  background: url(images/superfooter.jpg) repeat-x scroll 0 0;
  height:84px;
  margin:0;
  padding:0;
  text-align:center;
  width:100%;
  position: relative;
}

div#footer
  {
  position:relative;
  text-align: right;
  width: 952px;
  height: 84px;
  margin: 0 auto 0 auto;
  padding: 0;
  clear: both;
  color: #666;
  font-family: Arial, sans-serif;
  font-size: 11px;
  background: url(images/footer.jpg) top no-repeat;
  }


div#footer a {
  font: 12px arial;
    color: #333;
  padding: 0 6px;
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  text-decoration: none;
  }

div#footer span.line {color: #ccc;}

div#footer p.links {margin: 0; padding: 15px 0 0;}
div#footer p.legal {color: #666; padding: 16px 0 0 0; float: right; margin: 0;}

.button  {
    background: url(images/button.jpg) no-repeat;
    height: 30px;
    width: 125px;
    color: #fff;
    border: none;
    font: 11px arial;
    cursor: hand;
    cursor: pointer;
    text-transform: uppercase;
}
button span {display:none;}
.searchButton, .sendButton {
  background-color:transparent;
 border-width:0;
  width: 65px;
  height: 27px;
  background-position:0 -27px;
position:relative;
top:-4px;
}
.searchButton {background-image:url('images/searchButton.gif');}
.sendButton {background-image:url('images/sendButton.gif');}

button:hover.searchButton, button:hover.sendButton {background-position:0 -54px;}
button:active.searchButton, button:active.sendButton {background-position:0 0;}