/* Jeni’s CSS */

input[type=button] {
    border-radius: 0;
    -webkit-appearance: none;
}

#LayoutColumn1,
#LayoutColumn3 {
    display: none;
} 

.ProductCompareButton {
    display: none;
}

.NewProducts .ProductDetails {
    height: auto !important;
}

a.btn-add:link,
a.btn-add:visited {
    background: #F36C31;
    color: white;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 18px;
    margin-top: 15px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    width: 120px;
}
a.btn-add:hover {
    background: #666;
}

input[type=button].account-button,
input[type=submit].account-button {
    background: #F39;
    border: none;
    color: white;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 18px;
    margin-bottom: 5px;
    padding: 10px 20px 10px 20px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 210px;
} 
input[type=button].account-button:hover,
input[type=submit].account-button:hover {
    background: #666;
}


/** 
    Top Menu
*/

/* Top Navigational Menu */
#TopMenu {
    float: left;
    padding: 12px 18px 0 0;
    position: relative;
    width: 674px;
    height: 28px;
}
#TopMenu ul {
    float: right;
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
}
#TopMenu li {
    list-style: none;
    float: left;
    margin: 0 0 0 27px;
    padding: 0;
    position: relative;
    color:#fff !important;
}
#TopMenu li.First a {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/arrow-top.png?t=1411956046) no-repeat scroll right 2px;
    margin-left: 0;
    padding-right: 16px;
    position: relative;
}
#TopMenu li a, #TopMenu li div {
    color: #fff !important;
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
    outline: none;
    padding: 0;
    margin: 0;
    text-decoration: none;
    text-transform: lowercase;
}
#TopMenu li div a {
    color: #ff9933;
    display: inline;
    font-size: 1em;
    margin: 0;
    padding: 0;
}
#TopMenu li a:hover {
    color: #FFF !important;
    text-decoration: none;
}
#TopMenu li a em {
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-style: normal;
    text-transform: uppercase;
}

/*  Sub-menu */
#TopMenu li ul {
    background: #E6E7E8;
    clear: left; 
    display: none;
    margin: 0;
    padding: 12px 0 7px 0; 
    position: absolute; 
    text-align: left;
    width: 175px;
    left: -15px;
}
#TopMenu li ul li {
    clear: both;
    font-size: 10px;
    margin: 0 0 5px 16px;
    position: relative;
    text-align: left;
    width: 140px;
}
#TopMenu li ul li a {
    background: none !important;
    display: inline;
    font-size: 10px; 
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-transform: capitalize;
    margin: 0;
    padding: 0 !important;
    width: auto;
    height: auto;
} 

#TopMenu li:hover ul {
    display: block;
}

#TopMenu li:hover a {
    color: #fff !important;
    text-decoration: none;
}
 
#TopMenu li:hover ul li a {
    color: #808285 !important;
}

#TopMenu li.over ul li a {
    color: #808285 !important;
}

#TopMenu li ul li a:hover {
    color: #808285 !important;
    text-decoration: underline !important;
}


#TopMenu li ul li a {
    color: #808285 !important;
    text-decoration: none !important;
}
#TopMenu li:hover ul, 
#TopMenu li.over ul {
    display: block;
}



#SearchForm {}
#SearchForm form {
    z-index: 1000;
}
#SearchForm label {}
#SearchForm input.Textbox {
    background: #FFF;
    border: none;
    color: #F47735;
}
#SearchForm a {
    color: #9a805e;
}
#SearchForm a:hover {
    color: #b79f7f;
}

ul.SearchNav {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul.SearchNav li {
    float: left;
    margin: 10px 0 0 0;
}
ul.SearchNav li a,
ul.SearchNav li a:visited {
    background: #F39;
    color: #FFF;
    cursor: pointer;
    display: block;
    padding: 5px 10px;
    text-decoration: none !important;
}
ul.SearchNav li a:hover {
    background: #E6E7E8;
    color: #808285;
}
ul.SearchNav li.Active a {
    background: #E6E7E8;
    color: #808285;
}
.SearchSorting {
    margin-top: -30px;
    margin-bottom: 20px;
}

#SearchTabContent.Panel,
#SearchTabProducts.Panel {
    padding-top: 20px;
}

ul.ContentList {
    font-size: 14px;
/*
    padding-top: 20px;
*/
}
ul.ContentList li p {
    color: #333;
}

#Header {
    width: 960px;
}

/**
    Main Menu 
*/
#Menu {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/bg-shop.gif?t=1411956046) no-repeat 5px 0;
    float: right; 
    margin: 0;
    padding: 4px 0 0 0;
    position: absolute;
    text-align: right;
    width: 730px;
    height: 56px;
    right: 0px;
    bottom: 0px;
} 

#Menu ul {
    margin: 0;
    padding: 0;
    position: absolute;
    left: 55px;
}

#Menu ul li {
    cursor: pointer;
    float: left;
    position: relative;
    list-style: none;
    margin: 0 0 0 16px;
    padding: 0;
    height: 15px;
}

#Menu li.First {
    margin-left: 0;
}

#Menu li a {
    display: block;
    outline: none;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
    height: 15px;
}

#Menu li a span {
    display: none;
}

#Menu li.Flavors a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-flavors.gif?t=1411956046) no-repeat;
    width: 86px;
}
 
#Menu li.Collections a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-collections.gif?t=1411956046) no-repeat;
    width: 128px;
}

#Menu li.Goods a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-goods.gif?t=1411956046) no-repeat;
    width: 75px;
} 

#Menu li.divider  {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/divider.gif?t=1411956046) no-repeat;
    width: 2px;    
}

#Menu li.Our.Story {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/divider.gif?t=1411956046) no-repeat;
    margin-left: 16px;
    padding-left: 16px;
}

#Menu li.Our.Story a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-our_story.gif?t=1411956046) no-repeat;
    width: 106px;
}

#Menu li.Find.Us a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-find_us.gif?t=1411956046) no-repeat;
    width: 78px;
}

#Menu li.Blog a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-blog.gif?t=1411956046) no-repeat;
    width: 40px;
}

#Menu li.Social a {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-social.gif?t=1411956046) no-repeat;
    width: 76px;
}

#Menu li a:hover {
    background-position: 0 -14px;
} 


/* Submenu */
#Menu li ul {
    clear: left;
    display: none;
    position: absolute;
    text-align: left;
    width: auto;
    top: 0; 
    left: -14px;
}
 
#Menu li.Flavors ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-flavors.gif?t=1411956046) no-repeat;
    background-position: 14px -14px;    
    padding: 0 0 14px 0;
}

#Menu li.Collections ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-collections.gif?t=1411956046) no-repeat;
    background-position: 14px -14px;    
    padding: 0 0 14px 0; 
}

#Menu li.Goods ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-goods.gif?t=1411956046) no-repeat;
    background-position: 14px -14px;    
    padding: 0 0 14px 0; 
}

#Menu li.Our.Story ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-our_story.gif?t=1411956046) no-repeat;
    background-position: 16px -14px;    
    padding: 0 0 14px 0;
    left: 0; 
} 

#Menu li.Find.Us ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-find_us.gif?t=1411956046) no-repeat;
    background-position: 14px -14px;    
    padding: 0 0 14px 0;
}

#Menu li.Social ul {
    background: transparent url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/pagesmenu/btn-social.gif?t=1411956046) no-repeat;
    background-position: 14px -14px;    
    padding: 0 0 14px 0;
}

#Menu li ul li {
    background: #E6E7E8;
    clear: both;
    margin: 0;
    text-align: left;
    width: auto;
    height: 28px; 
}
#Menu li ul li a {
    background: #E6E7E8 none no-repeat !important;
    display: block;
    color: #808285;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    margin: 0;
    padding: 6px 10px 6px 13px;
    width: auto;
    height: auto;
} 





#Menu li ul li.main-hit {
    height: 16px; 
}
#Menu li ul li.main-hit a {
    background: transparent !important;
    color: transparent;
    display: block;
    height: 14px;
    margin: 0;
    padding-top: 0;
    padding-bottom: 0;
}


#Menu li.Flavors ul li,
#Menu li.Flavors ul li a {
    background: transparent;
    width: 120px; 
}

#Menu li ul li.Flavors a {
    width: 68px;
}

#Menu li.Collections ul li,
#Menu li.Collections ul li a {
    background: transparent;
    width: 135px; 
}
#Menu li ul li.Collections a {
    width: 109px;
}

#Menu li.Goods ul li,
#Menu li.Goods ul li a {
    background: transparent;
    width: 130px;
}
#Menu li ul li.Goods a {
    width: 57px;
}

#Menu li.Our.Story ul li,
#Menu li.Our.Story ul li a {
    background: transparent;
    width: 140px;
} 
#Menu li ul li.Our.Story a {
    width: 86px;
}

#Menu li.Find.Us ul li,
#Menu li.Find.Us ul li a {
    background: transparent;
    width: 180px;
} 
#Menu li ul li.Find.Us a {
    width: 57px;
}

#Menu li.Social ul li,
#Menu li.Social ul li a {
    background: transparent;
    width: 75px;
} 
#Menu li ul li.Social a {
    width: 57px;
}


#Menu li ul li a:hover {
    text-decoration: underline !important;
}
#Menu li:hover a, #Menu li.over a {
    text-decoration: underline;
}
#Menu li ul li a, #Menu li.over li a {
    text-decoration: none !important;
}
#Menu li:hover ul, 
#Menu li.over ul {
    display: block;
}


/* Mega Footer */
#MegaFooter {
    background: #F14B25;
    color: #333333;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 10px;
    font-style: italic;
    margin: 0 0 16px 0;
    padding: 0;
    position: relative;
    width: 100%;
    overflow: visible; 
}

#MegaFooter .content { 
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
    text-align: left;
    width: 940px;
}

#MegaFooter .content table {
    border: none;
    padding: 0;
    margin: 0;
}
#MegaFooter .content table tr td {
    text-align: left;
    vertical-align: top;
}

#MegaFooter .content .column {
    border-left: 1px solid #fff;
    padding: 5px 0 0 10px;
    position: relative;
    width: 214px;
}

#MegaFooter .content .column.last {
    border-left: none;
}

#MegaFooter .content .column ul {
    margin: 0;
}

#MegaFooter .content .column ul.last {
    border-left: 1px solid #fff;
    padding-left: 10px;
}

#MegaFooter .content .column ul li {
    margin: 0;
}

#MegaFooter .content .column ul li.mainSectionItem a {
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    line-height: 12px;
    margin: 0;
    padding: 0; 
    text-transform: uppercase;
}

#MegaFooter .content .column ul li.mainSectionItem ul {
    margin-top: 4px;
}



#MegaFooter .content .column ul li.mainSectionItem ul li {
    padding-bottom: 7px; 
}

#MegaFooter .content .column ul li.mainSectionItem ul li a {
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    text-transform: none;
}

#MegaFooter .content .column ul {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none; 
}

#MegaFooter .content .column a:link,
#MegaFooter .content .column a:visited {
    color: #fff;
    text-decoration: none;
}

#MegaFooter .content .column a:hover {
    text-decoration: underline;
}

#MegaFooter .content .contact-form {
}

#MegaFooter .content .contact-form label {
    display: inline;
    font-size: 10px;
    font-style: normal;
    font-weight: bold;
    margin: 0 0 0 10px;
    padding: 0;
    position: relative;
    text-transform: uppercase; 
} 
#subForm label, .mainSectionItem { color:#fff; }
#MegaFooter .content .contact-form .inputField {
    background: #FFF;
    border: none;
    color: #595757;
    float: left;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    margin: 3px 10px 0 0;
    outline: none;
    padding: 3px 8px 0 8px;
    position: relative;
    width: 122px;
    height: 19px;
} 

#MegaFooter .content .contact-form .submit {
    float: left;
    position: relative;
    width: 29px;
    height: 22px;
}
#MegaFooter .content .contact-form .contactError {
    padding-top: 5px;
}
#MegaFooter .content .contact-form .contactError label {
    display: block;
    margin: 0 0 4px 0;
}
#MegaFooter .content .contact-form .error {
    color: #F00;
}


/* Newsletter Form */
#newsletterFormHeader {
    color: #333 !important;
    font-family: 'Trebuchet MS', Tahoma, Verdana, sans-serif;
    font-size: 18px;
}
#newsletterformsubscribe,
#newsletterZipCode {
    margin-bottom: 10px;
    width: 250px;
}

#newsletterForm .submit {
    float: left;
    position: relative;
    width: 29px;
    height: 22px;
}
#newsletterForm .contactError {
    padding-top: 5px;
}
#newsletterForm .contactError label {
    display: block;
    margin: 0 0 4px 0;
}
#newsletterForm .error {
    color: #F00;
}


/* Footer */
#Footer {
    clear: both;
    color: #333;
    font-size: 10px;
    font-weight: normal;
    margin: 0 auto 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    width: 960px;
    height: 50px;
}

#Footer .footer-left,
#Footer .footer-center,
#Footer .footer-right {
    float: left;
    position: relative;
    width: 33%;
}

#Footer .footer-left {
    text-align: left;
}

#Footer .footer-left .social,
.addthis_toolbox .social {
    margin-top: -3px;
    position: relative;
}

#Footer .footer-left .social .fb-like,
.addthis_toolbox .social .fb-like {
    position: absolute;
    top: 0px;
    left: 110px;
}

#Footer .footer-left .social .twitter-share-button,
.addthis_toolbox .social .twitter-share-button {
    float: left;
    margin-top: 0;
    width: 50px;
}

#Footer .footer-left .social .google-1,
.addthis_toolbox .social .google-1 {
    position: absolute;
    top: 0;
    left: 207px;
    width: 75px;
    height: 20px;
}
#Footer .footer-left .social .google-1,
.addthis_toolbox .social .google-1 {
    z-index: 5000;
}

.AddThisButtonBox .addthis_button_facebook_like,
.AddThisButtonBox .addthis_button_tweet,
.AddThisButtonBox .addthis_button_google_plusone {
    position: relative;
    float: left;
}


#Footer .footer-center {
    text-align: center;
}
#Footer .footer-right {
    text-align: right;
}

a#ImageScrollPrev.prev,
a#ImageScrollNext.next {
    padding: 50px 0 0 0; 
    height: 65px;
}
a#ImageScrollPrev.prev img {
    vertical-align: middle !important;
}

.addthis-button {
    display: block;
    margin-bottom: 5px;
}

/*************/
.Content.Product {
    border-top: 1px solid #999999;
    padding: 15px 0 0 10px;
    width: 950px; 
}



.jenis-page-title {
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    /*
    margin-bottom: 42px;
    */
    margin-bottom: 22px;
    width: 940px;
    padding: 20px 10px 10px 10px;
} 

.MyAccount .jenis-page-title {
    margin-bottom: 20px;
}

.MyAccount h2 {
    color: #FF3399;
    font-weight: normal;
}

.jenis-page-title h2 {
    color: #333333;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 34px;
    line-height: 22px; 
    margin: 0 0 8px 0;
    padding: 0;
    text-transform: uppercase;
    z-index: 3;
}

.jenis-page-title .title-left {
    float: left;
    margin-right: 30px;
    position: relative;
}

.jenis-page-title .order-note {
    float: left;
    margin: -2px 0 0 0;
    padding: 0; 
    position: relative;
    width: 447px;
}

.jenis-addToCartButton {
    border-radius: 0;
    -webkit-appearance: none;
    background: #F14B25;
    border: none;
    color: #FFF;
    clear: both;
    cursor: pointer;
    display: block;
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 18px;
    font-style: italic;
    line-height: 18px; 
    margin: 0 0 0 20px;
    padding: 10px 20px 10px 20px; 
    text-align: center; 
    text-decoration: none;
    text-transform: capitalize;
    width: 160px; 
}

.jenis-addToCartButton:hover {
    background: #666;
}

.jenis-selectInput select.quantityInput {
    background: #FFF;
    border: #666 solid 1px;
    color: #666;
    font-size: 15px;
    width: 60px;
    height: 38px;
}

.jenis-price {
    color: #666;
    font-size: 18px;
    margin-right: 20px;
    padding: 8px 0 0 0;
    height: 30px; 
}

.jenis-touts {
    float: left;
    margin: 0 20px 0 10px;
    position: relative;
    width: 219px;
    height: 65px;
}

.jenis-social {
    float: left;
    padding: 25px 0 0; 
    position: relative;
    text-align: left;
} 


.PairsWellWith {
    padding-bottom: 30px; 
}

.PairsWellWithList {
    margin: 0;
    padding: 0;
}

.PairsWellWithList li {
    margin: 0 7px !important; 
}

.PairsWellWithList li .ProductDetails {
}


.PairsWellWithList li .ProductDetails strong {
    display: block;
    margin: 12px 0 4px 0;
    height: 32px;
}

.PairsWellWithList li .ProductDetails em {
    color: #666;
    font-size: 14px;
    font-weight: normal;
}

.PairsWellWithList li .ProductDetails .ProductActionAdd a {
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    text-transform: capitalize;
}

/**
    Home
*/
#jenis-home-slides {
    margin: 0 auto;
    width: 941px;
    height: 360px;
    
    background: #CCC; 
}

#jenis-home-slides .slide {
    position: relative;
    width: 941px;
    height: 360px;
}

#jenis-home-slides .slide .float-left {
    float: left;
}


#jenis-home-touts {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    margin: 30px auto;
    padding: 15px 0 30px 0;
    width: 940px;
    height: 293px;
}

#jenis-home-touts .tout-l a.btn-img,
#jenis-home-touts .tout-r a.btn-img {
    position: absolute;
    z-index: 1;
}

#jenis-home-touts .tout-l {
    float: left;
    position: relative;
    width: 460px;
}
#jenis-home-touts .tout-l a.btn-add {
    padding-top: 8px;
    position: absolute;
    width: 100px;
    left: 21px;
    top: 210px;
    z-index: 4;
}

#jenis-home-touts .tout-r {
    float: right;
    position: relative;
    width: 460px;
}
#jenis-home-touts .tout-r a.btn-add {
    padding-top: 8px;
    position: absolute;
    width: 100px;
    left: 21px;
    top: 210px;
    z-index: 4;
}


#jenis-home-featured {
  border-top: 1px solid #999999;
  height: 335px;
  margin: 9px auto 0;
  width: 940px;
}

.ProductDetailsGrid .DetailRow {
    clear: left;
    margin: 0;
    padding: 0;
    width: auto;
}

.ProductMain .OutOfStockMessage .CurrentlySoldOut {
    color: #006636;
    background-color: #CDFFCC ;
    border: 1px solid #999;
    font-size: 14px;
    margin: 0 auto 15px auto;
    padding: 6px;
    position: relative;
    text-align: center;
    width: 300px;
}


.ProductMain .Field.productAttributeFluidWidth {
    background: green;
}


.ProductMain table.ExpectedReleaseDate {
    margin-bottom: 10px;
}
.ProductMain table.ExpectedReleaseDate td {
    color: #006636;
    background-color: #CDFFCC ;
    border: 1px solid #999;
    font-size: 14px;
}



/* Hides thumbnails in product pick list tables */
.productOptionViewProductPickListWithImage .scrollContainer {
    font-size: 12px; 
    max-height: 65px !important;
} 
.productOptionViewProductPickListWithImage .scrollContainer .image {
    display: none;
}

.productAttributeList {
    margin-bottom: 15px; 
}

.productOptionViewProductPickListWithImage tr.selectedValue {
    background-color: #CCC !important;
}





/* Modal CSS */
#ModalContainer, 
.modalData {
    width: 780px !important; 
} 

#ModalContentContainer {
    -webkit-box-shadow: 0 0 30px 4px #777;
    -moz-box-shadow: 0 0 30px 4px #777;
    box-shadow: 0 0 30px 4px #777;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-background-clip: padding-box;
    
    width: 780px;
} 

.ModalContent {
    padding: 25px;
    width: 730px;
}

#ModalTitle, .ModalTitle {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    display: none;
}

#ModalButtonRow, .ModalButtonRow {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-background-clip: padding-box;
}

.modalClose {
    background: #FFF url(//cdn2.bigcommerce.com/server300/9pneav/templates/__custom/images/jenis/close.gif?t=1411956046) no-repeat scroll right 1px !important; 
    color: #999;
    cursor: pointer;
    display: block;
    font-size: 12px;
    padding: 0 0 5px 5px; 
    position: absolute;
    text-transform: uppercase;
    width: 11px;
    height: 12px; 
    right: 8px;
    top: 10px;
    z-index: 100000;
} 
a.modalClose:hover {
    text-decoration: underline !important;
}


/****** 
    Fast Cart Lightbox 
*/
#fastCartContainer {
    font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
    font-size: 13px;
}
.fastCartContent h2 {
    background-color: transparent;
    color: #f36c31;
    font-size: 26px;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0;
}
.fastCartContent h3 {
    background-color: transparent;
    color: #999999;
    font-style: italic;
    font-weight: normal;
    margin: 0;
    padding: 0;
    width: 520px;
}
.fastCartContent h3 a:link,
.fastCartContent h3 a:visited {
    color: #999;
    text-decoration: underline;
}
.fastCartContent h3 a:hover {
    
}

#fastCartWrapper {
    padding: 0;
}

.fastCartItemBox {
    color: #ec3f70; 
    font-size: 14px;
    line-height: 20px;
    padding: 0 20px;
    width: 194px; 
}
.fastCartItemBox a:link,
.fastCartItemBox a:visited {
    color: #666666 !important;
    font-size: 18px;
    text-decoration: none;
    text-transform: uppercase;
}

.fastCartItemBox a:hover {
    text-decoration: underline;
}


.fastCartSummaryBox {
    background-color: #bee5eb;
    font-size: 14px;
    line-height: 20px;
    padding: 25px; 
    text-align: left; 
    width: 230px;
}
.fastCartSummaryBox .subtotal {
    border-bottom: 1px solid #333333;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.fastCartSummaryBox .cart-contains {
    font-style: italic;
    margin-bottom: 20px;
    text-transform: lowercase;
} 
.fastCartSummaryBox .actionLink a:link {
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.fastCartContent  {
    width: 730px;
}

.fastCartContent .fastCartTop {
    padding: 0;
    border-top: 1px solid #999;
    margin-top: 20px;
    padding-top: 30px;
} 

.fastCartContent .fastCartTop a,
.fastCartContent .ProductList .ProductDetails a {
    color: #f36c31; 
}

.fastCartCotnent .fastCartThumb {
    width: 220px;
}

.fastCartContent .ProductPrice,
.fastCartContent .ProductList em {
    color: #ec3f70;
} 
.fastCartContent .Quantity {
    color: #ec3f70;
}
.fastCartContent p {
    color: #444444;
}
.fastCartContent .ProductList li {
    background-color: #FFF;
}


.fastCartContent #fastCartNumItemsTxt {
    font-weight: bold;
} 
/* end fast cart styles */




/****
    Shopping Cart
*/
table.CartContents, table.General {
    background: #efecea;
    margin: 0;
}

.CartContents thead {
    background: #ff3399;
    color: #FFF;
    text-transform: uppercase;
}

.CartContents thead tr th, 
table.General thead tr th {
    padding: 10px 15px;
    text-align: left;
}

.CartContents tbody tr td, 
table.General tbody tr td {
    padding: 15px 15px;
}


.CartContents tbody tr td.ProductName a:link,
.CartContents tbody tr td.ProductName a:visited,
.CartContents tbody tr td a.CartRemoveLink:link {
    color: #666666;
    display: block;
    font-size: 18px; 
    font-weight: normal;
    padding-bottom: 10px;
    text-decoration: none;
    text-transform: uppercase;
} 
.CartContents tbody tr td.ProductName a:hover {
    text-decoration: underline;
}
.CartContents tbody tr td a.CartRemoveLink:link {
    color: #999999;
    display: block;
    font-size: 14px;
    font-style: italic;
    margin-top: 5px;
    text-transform: lowercase;
}

.CartContents tbody tr td.CartItemQuantity,
.CartContents tbody tr td.CartItemIndividualPrice,
.CartContents tbody tr td.CartItemTotalPrice {
    text-align: left;
}

.CartContents tfoot .SubTotal td {
    background: #FFF;
    border: none;
    color: #333333;
    font-size: 14px;
    padding-bottom: 15px; 
    text-align: left;
    text-transform: uppercase;
}

.CartContents tfoot .SubTotal td.CartTotal {
    border-top:1px solid #333;            
    font-size: 16px;
}

a.EstimateShippingLink:link,
a.EstimateShippingLink:visited {
    color: #ff3399;
    font-size: 14px;
    font-style: italic;
    text-decoration: none;
}
a.EstimateShippingLink:hover {
    text-decoration: underline;
}

.ProceedToCheckout {
    text-align: left;
}
.Content .ProceedToCheckout {
    float: right;
    margin: 15px 13px 40px 0;
    width: 200px; 
}
.ProceedToCheckout a {
    padding-top: 5px;
}


/* Shipping Estimation on Cart Contents Page */
.EstimateShipping {
    background: #efecea;
    border: none;
    font-size: 12px;
    padding: 10px;
    width: 300px; 
}
.EstimateShipping dt {
    margin: 10px 0 0 0;
}

/*******
    CHECKOUT
*/

/* Express Checkout */
.ExpressCheckoutBlock {
    margin-top: -20px;
    margin-bottom: 20px; 
}
.ExpressCheckoutBlock .ExpressCheckoutTitle {
    background: #ff3399;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    margin: 0; 
    text-transform: uppercase;
}
.ExpressCheckoutBlockCollapsed .ExpressCheckoutTitle {
    background: #999;
    color: #fff;
}

div.ExpressCheckoutContent {
    background: #efecea !important;
    color: #666666;
    margin-bottom: 10px;
    padding-top: 15px;
    position: relative;
    width: 960px;
}

div.ExpressCheckoutContent h4 {
    color: #333333;
    font-size: 18px;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}

.CreateAccount,
.AccountLogin {
    color: #666666;
    font-size: 14px !important;
    font-style: italic;
    margin: 0 0 10px 0; 
}
.CreateAccount {
    padding: 0 90px 10px 20px;
    width: 370px;
}
.CreateAccount label {
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}
.AccountLogin {
    border-left: 1px solid #333;
    padding: 0 95px 10px 88px;
    width: 296px; 
}
.AccountLogin label {
    display: block;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}
.AccountLogin a:link,
.AccountLogin a:visited {
    color: #ff3399;
    font-size: 12px;
    font-style: normal;
    text-decoration: none;
}
.AccountLogin a:hover {
    text-decoration: underline;
}
a.ChangeLink {
    color: #FFF;
    padding-top: 3px;
    position: absolute;
    right: 15px;
}
.MyAccount .Required,
#CheckoutStepBillingAddress .FormFieldRequired,
#CheckoutStepShippingAddress .FormFieldRequired,
#ForgotPasswordForm .Required,
#CreateAccountForm .Required,
#CheckGiftCertificateBalance .Required,
#PurchaseGiftCertificate .Required,
#CheckoutStepPaymentDetails .Required,
.EstimateShipping .Required,
.Checkout .Required {
    display: none;
}
#CheckoutStepBillingAddress dl {
    
}
#CheckoutStepBillingAddress dt, dd,
#CheckoutStepShippingAddress dt, dd {
    display: block;
    float: none;
    clear: both;
    margin: 0 !important;
}

#CheckoutStepBillingAddress dd,
#CheckoutStepShippingAddress dd {
    margin-top: -4px !important;
    margin-bottom: 5px !important; 
} 

#CheckoutStepBillingAddress .FormFieldLabel,
#CheckoutStepShippingAddress .FormFieldLabel {
    color: #666666;
    font-size: 12px !important;
    text-transform: uppercase;
}

.HorizontalFormContainer p.Submit {
    margin-left: 0px;
}

#newsletterForm input[type=submit],
#CheckoutStepAccountDetails #CreateAccountButton,
#CheckoutStepAccountDetails #LoginButton,
#CheckoutStepShippingProvider .ML20 input[type=submit],
#ForgotPasswordForm p.Submit input[type=submit],
#CreateAccountForm p.Submit input[type=submit],
#CheckoutStepPaymentDetails p.Submit input[type=submit],
#CheckGiftCertificateBalance dd input[type=submit],
.shippingButton,
.HorizontalFormContainer p.Submit .billingButton,
p.Submit input[type=button],
#LoginButton,
#bottom_payment_button,
.Checkout p.Submit input[type=submit],
p.Submit input[type=submit] {
    background: #ff3399;
    border: none;
    color: #FFF;
    cursor: pointer;
    font-size: 16px;
    padding: 5px 10px !important;  
    text-transform: uppercase;
}
#newsletterForm input[type=submit]:hover,
#CheckoutStepAccountDetails #CreateAccountButton:hover,
#CheckoutStepAccountDetails #LoginButton:hover,
#CheckoutStepShippingProvider .ML20 input[type=submit]:hover,
#ForgotPasswordForm p.Submit input[type=submit]:hover,
#CreateAccountForm p.Submit input[type=submit]:hover,
#CheckGiftCertificateBalance dd input[type=submit]:hover,
#CheckoutStepPaymentDetails p.Submit input[type=submit]:hover,
.shippingButton:hover,
.HorizontalFormContainer p.Submit .billingButton:hover,
p.Submit input[type=button]:hover,
p.Submit input[type=submit]:hover,
#LoginButton:hover,
#bottom_payment_button:hover {
    background: #666;
}

#CheckoutStepShippingProvider {
    color: #666666;
    font-size: 12px;
    font-style: italic;
}

#CheckoutStepShippingProvider em.TransitTime {
    color: #ff3399;
    font-style: normal;
}

#CheckoutStepShippingProvider ul {
    margin: 0;
}

#CheckoutStepShippingProvider ul li {
    font-style: normal;
}

.ML20 {
    margin: 10px 0 0 0;
}

#CheckoutStepShippingProvider .ExpressCheckoutContent {
    padding: 10px 20px;
    width: 920px;
}

#CheckoutStepConfirmation .ExpressCheckoutContent {
    padding: 10px 20px;
    width: 920px;
}

#OrderConfirmationForm table.CartContents thead {
    background: transparent;
    color: #ff3399;
    font-size: 18px;
    text-transform: uppercase;
}

#OrderConfirmationForm table.CartContents thead tr th {
    border-bottom: 1px solid #999999; 
    padding: 0 0 5px 0;
}

#OrderConfirmationForm table.CartContents tbody tr td {
    color: #666666;
    padding: 10px 0; 
}

#OrderConfirmationForm table.CartContents tbody tr td strong {
    color: #666666;
    font-weight: normal;
    text-transform: uppercase;
}

#OrderConfirmationForm table.CartContents tfoot {
    
}
#OrderConfirmationForm table.CartContents tfoot tr td {
    background: transparent;
    color: #999999;
    font-weight: normal !important;
    padding-bottom: 2px;
    text-align: right;
}

#OrderConfirmationForm hr {
    display: none;
}

#OrderConfirmationForm h3 {
    border-bottom: 1px solid #999999;
    color: #ff3399;
    display: block;
    font-size: 18px;
    font-weight: normal;
    margin: 25px 0 15px 0;
    padding: 0 0 5px 0;
    text-transform: uppercase;
}

#provider_list {
    font-size: 14px;
    padding: 0;
    text-transform: uppercase;
}

#provider_list label {
    margin-bottom: 5px;
}

.CheckoutRedeemCoupon {
    background: #efecea;
    border: 1px solid #AAAAA9;
    color: #999999;
    clear: both;
    font-size: 14px;
    font-style: italic;
    padding: 10px 20px;
    position: relative;
    margin: 70px 0 0 0;
    width: 330px !important; 
} 
.CheckoutRedeemCoupon h4 {
    color: #ff3399 !important;
    font-size: 14px !important;
    font-style: normal;
    text-transform: uppercase;
}
.CheckoutRedeemCoupon strong {
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
}
.CheckoutRedeemCoupon #couponcode {
    width: 195px !important;
}
.CheckoutRedeemCoupon #apply_code {
    background: #666;
    border: none;
    color: #FFF;
    font-weight: bold;
    padding: 5px 12px;
    text-transform: uppercase;
} 

.CheckoutOrderComments {
    margin-top: 80px !important;
}

#ForgotPasswordForm,
#CreateAccountForm {
    margin: -20px 0 0 0;
    padding: 0;
} 

#ForgotPasswordForm h2 {
    color: #666666;
    text-transform: uppercase;
}
.MyAccount dt,
#ForgotPasswordForm dt,
#LoginForm dt,
#CreateAccountForm dt,
#CheckGiftCertificateBalance dt,
#PurchaseGiftCertificate dt,
#CheckoutStepPaymentDetails dt,
.Checkout dt {
    font-size: 12px;
    font-style: normal; 
    text-transform: uppercase;
}
#CheckoutStepPaymentDetails dt {
    margin-top: 5px;
}
.Checkout dt {
    margin-top: 10px;
}

.MyAccount dd input[type=text],
#ForgotPasswordForm dd input[type=text],
#ForgotPasswordForm dd input[type=password],
#LoginForm dd input[type=text],
#LoginForm dd input[type=password],
#LoginForm dd select,
#CreateAccountForm dd input[type=text],
#CreateAccountForm dd input[type=password],
#CreateAccountForm select,
#CheckGiftCertificateBalance dd input[type=text],
#PurchaseGiftCertificate dd input[type=text],
#CheckoutStepPaymentDetails dd input[type=text],
.Checkout dd input[type=text] {
    width: 200px;
    margin-bottom: 4px; 
}


#LoginForm {
    margin: 0;
}
#GiftCertificatesMenu a:link,
#GiftCertificatesMenu a:visited,
#LoginForm a:link,
#LoginForm a:visited {
    color: #F93;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}
#GiftCertificatesMenu a:hover,
#LoginForm a:hover {
    text-decoration: underline;
}

#PurchaseGiftCertificate h2,
#CheckGiftCertificateBalance h2,
#GiftCertificateIntro h2,
#GiftCertificatesMenu h2,
#LoginForm h2,
#CreateAccountForm h2,
h2.thanks {
    background: #FF3399;
    color: #FFF;
    font-style: normal;
    padding: 10px 20px;
    text-transform: uppercase;
}

div.custom-body {
    color: #333333;
    padding-left: 10px;
    position: relative;
    width: 940px;
}

div.custom-body-left {
    float: left;
    position: relative;
    margin: 38px 0 40px 0;
    padding: 0;
    width: 319px;
}
 
div.custom-body-right {
    color: #333333;
    float: left;
    font-size: 12px;
    margin: 38px 0 40px 0;
    padding: 0 10px 0 0;
    position: relative;
    width: 609px; 
} 
div.custom-body-right .header {
    color: #333333;
    font-size: 27px;
    font-weight: normal;
    margin: 0 0 20px 0;
    padding: 0; 
    text-transform: uppercase;
}
div.ProductDescriptionContainer h1,
div.custom-body h1, 
div.custom-body-right h1 {
    color: #333333;
    font-size: 21px;
    font-style: italic;
    font-weight: normal;
    line-height: 28px;
    margin: 0 0 20px 0;
    text-transform: none;
}  
div.ProductDescriptionContainer h1 {
    color: #808285;
}
div.custom-body h1 {
    margin-top: 20px;
    padding-right: 40px;
} 
div.custom-body-right h2 {
    color: #333333;
    font-size: 21px;
    font-style: normal;
}
div.custom-body-right a:link,
div.custom-body-right a:visited {
    color: #333;
    text-decoration: underline;
}
div.custom-body-right a:hover {
    color: #F93;
}
div.custom-body-right p {
    line-height: 18px;
} 

div.home-tile {
    float: left;
    padding: 0;
    margin: 10px;
    position: relative;
    width: 460px;
    height: 300px;
}

#TheSaltyCaramels div.custom-body-left {
    padding: 10px 60px 0 45px;
    width: 214px;
}


.TopSellers h2,
.NewProducts h2 {
    border-bottom: 1px solid #999;
    color: #FF3399;
    font-style: normal;
    margin: 10px 0 10px 0;
    padding: 0 0 5px 5px;
    text-transform: uppercase;
}

#LoginForm .AccountLogin {
    padding: 0 65px 10px 68px;
    width: 346px;
} 

#CreateAccountForm form {
    padding: 0 !important;
}

#CreateAccountForm .BlockContent {
    padding: 10px;
}


#SearchPage {
    margin: -20px 0 0 0;
}
#SearchPageHeader {
    display: none;
}

.ProductPriceRating .Rating {
    display: none;
}


#PurchaseGiftCertificate .BlockContent,
#CheckGiftCertificateBalance .BlockContent,
#GiftCertificateIntro .BlockContent,
#GiftCertificatesMenu .BlockContent {
    padding: 0 10px;
}
#CheckoutStepPaymentDetails .ExpressCheckoutContent {
    padding: 20px 10px;
}

#PurchaseGiftCertificate dt {
    margin-top: 15px;
} 

#GiftCertificatesMenu .BlockContent ul {
    margin: 0;
}
#GiftCertificatesMenu .BlockContent ul li {
    list-style: none;
}

#PintCheckWarning {
    display: none;
}

#ContinueShoppingButton {
    float: right;
    margin: 15px 5px 40px 0;
    position: relative;
    width: 198px;
} 
#ProceedToCheckOutButton {
    display: block;
    width: 260px; 
}
#ProceedToCheckOutButton .PintCheckWarning {
    background: #CDFFCC;
    border: 1px solid #999;
    color: #006636;
    font-size: 13px;
    padding: 8px 10px;
    width: 260px;
} 

#ProceedToCheckOutButton .CheckoutButton {
    margin-left: 11px;
} 

.MyAccount #AddressEditForm {
    padding: 0 10px;
}
/***********
    TESTING - DISABLE AT LAUNCH!!
***********/
/*
.ExpressCheckoutBlockCollapsed .ExpressCheckoutContent {
    display: block;
}
*/



/************
    Shops
************/
#Stores {
    margin-top: -25px;
}
h3.state-name {
    border-bottom: 1px solid #999999;
    color: #f36c31;
    font-size: 36px;
    font-style: italic;
    margin: 25px 0 22px 0;
    padding: 20px 10px 20px 10px;
    width: 940px;
    height: auto;
} 
h3.state-name.partners {
    margin-top: 0;
    padding-top: 10px;
} 

.shops-tile {
    color: #333333;
    float: left;
    font-size: 18px;
    margin: 0 8px 35px 8px;
    position: relative;
    width: 300px;
}

.shops-tile dl {
    margin-top: 25px;
}

.shops-tile dl dt {
    font-weight: bold;
    text-transform: uppercase;
}

.shops-tile dl dt,
.shops-tile dl dd {
    margin: 0 0 7px 0;
    padding: 0 4px;
}

.shops-tile dl.hours dd {
    font-style: italic;
}
.shops-tile dl.hours dd strong {
    font-style: normal;
    font-weight: bold;
}

.shops-tile a:link,
.shops-tile a:visited,
.state-column a:link,
.state-column a:visited {
    color: #333;
    text-decoration: none;
}

.shops-tile a:hover,
.state-column a:hover {
    color: #F93;
    text-decoration: underline;
}

.state-column {
    color: #333333;
    float: left;
    font-size: 18px;
    margin: 0 0 30px 0;
    position: relative;
    text-align: top;
    width: 235px;
}
#StateContent h4 {
    color: #f36c31;
    font-size: 18px;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
} 
#StateContent a:link,
#StateContent a:visited {
    color: #333333;
    font-style: italic;
    font-weight: bold;
    text-decoration: none;
}
#StateContent a:hover {
    color: #f36c31;
}
#StateContent a.btn-top {
    font-size: 12px;
    padding-left: 20px;
}
#StateContent table {
    margin-bottom: 20px;
}
#StateContent table tr td {
    font-size: 12px;
    padding: 0 5px 0 0;
}
#StateContent table tr td p {
    margin: 0 0 5px 0;
}

.AddThisButtonBox { margin-left:0px !important; }

#location-search label {margin:0px 10px 0px 2px;}
#location-search input#address {width:250px;}
#location-search input#run-search {
/*
background: none repeat scroll 0 0 #F36C31 !important;
clear: both !important;
color: #FFFFFF !important;
cursor: pointer !important;
display: block !important;
font-family: "Trebuchet MS",Tahoma,Verdana,sans-serif !important;
font-size: 18px !important;
font-style: italic !important;
line-height: 18px !important;
margin-top: 15px !important;
padding: 10px 20px !important;
text-align: center !important;
text-decoration: none !important;
text-transform: capitalize;
width: 140px !important;
border:none;
*/
background: #F39;
border: none;
color: white;
cursor: pointer;
font-size: 16px;
padding: 5px 10px !important;
text-transform: uppercase;
}

#location-search input#run-search:hover {
    background: #666;
}