/*----------------------------------------------------------
Title:        Main Style Sheet
Theme:        Green Chevron 00246
----------------------------------------------------------*/
@font-face {
    font-family: 'great_vibesregular';
    src: url('../fonts/greatvibes-regular-webfont.eot');
    src: url('../fonts/greatvibes-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/greatvibes-regular-webfont.svg#great_vibesregular') format('svg'),
         url('../fonts/greatvibes-regular-webfont.woff') format('woff'),
         url('../fonts/greatvibes-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family: 'Ranchers';
  font-style: normal;
  src: local('Ranchers'), local('Ranchers-Regular'), url(https://themes.googleusercontent.com/static/fonts/ranchers/v2/E34kymtaVEvz9DHCAGmTDvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
}
@font-face {
    font-family: 'josefin_slabregular';
    src: url('../fonts/josefinslab-regular-webfont.eot');
    src: url('../fonts/josefinslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinslab-regular-webfont.svg#josefin_slabregular') format('svg'),
         url('../fonts/josefinslab-regular-webfont.woff') format('woff'),
         url('../fonts/josefinslab-regular-webfont.ttf') format('truetype');
    font-weight: normal; 
    font-style: normal;

}
}
@font-face {
    font-family: 'josefin_slablight';
    src: url('../fonts/josefinslab-light-webfont.eot');
    src: url('../fonts/josefinslab-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/josefinslab-light-webfont.svg#josefin_slablight') format('svg'),
         url('../fonts/josefinslab-light-webfont.woff') format('woff'),
         url('../fonts/josefinslab-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
* {
    outline:0;
    margin:0;
    padding:0;
}
body {
  font-family: 'Dosis', Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #666;
  font-weight: 200;
}

strong, b {
  font-weight: bold !important;
}
}
a img {
    border:0;
}
a {
    color:#A3B39F;
    text-decoration:none;
    cursor:pointer;
}
a:hover {
    text-decoration:underline;
}
ul {
    list-style-type:none;
}
input,textarea,select {
    font-size:12px;
    font-family:arial, sans-serif;
}
textarea {
    overflow:auto;
}
.submit-button {
    cursor:pointer;
    border:0;
}
.cl {
    display:block;
    height:0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    clear:both;
}
.notext {
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
.left,.alignleft {
    float:left;
    display:inline;
}
.right,.alignright {
    float:right;
    display:inline;
}
.al {
    text-align:left;
}
.ar {
    text-align:right;
}
.ac {
    text-align:center;
}
#container {
    width:958px;
    margin:36px auto 0;
    padding:0;
}
.shell {
    background:#fff;
    float: left;
    width: 958px;
}
.cl-div {
    position:relative;
    overflow:hidden;
}

/* HEADER
---------------------------------------------*/
#logo {
    float: left;
    width:auto;
    height:100%;
    padding:27px 0 0 30px;
    display: flex;
justify-content: center;
align-items: center;
}
.imagelogo, #logo .imagelogo
{
    display: table-cell;
    vertical-align: middle;
}
.textlogo, #logo .textlogo
{
    color: #8A837F;
    font-size: 22px;
    padding-top: 80px;
    line-height: 100%;
}

#logo a {
    display:block;
}
#header {
    position:relative;
    margin-top:-10px;
    float:left;
    width:958px;
    height:260px;
    background:url('../images/header-bg.png') no-repeat 0 0;
    padding:0;
}
#header-links {
    width:700px;
    color:#977e63;
    text-align:right;
    line-height:20px;
    text-transform:uppercase;
    margin:0 0 22px;
    padding:15px 30px 0 0;
    right: 0;
    top: 0;
    position: absolute;
font-family:"Ranchers", "Myriad Pro", Arial, sans-serif;
}
#header-links a.linkhead {
    text-decoration:none;
    color:#fff;
    background:url('../images/bullet-1.png') no-repeat 0 center;
    margin:0;
    padding:0 8px 0 21px;
}
#header-links a:hover {
    text-decoration:underline;
}
#header-links .loginLink
{
    background:url('../images/bullet-1.png') no-repeat 0 center;
    color:#fff !important;
    margin:0;
    padding:0 8px 0 21px;
}
#acount-box {
    width:316px;
    height:76px;
    background:url('../images/sprite.png') no-repeat 0 -44px;
    position: relative;
    top: 76px;
}
#acount-box .ccWidget .top
{
    display: none !important;
}
#account-box .ccWidget
{
    padding: 0 !important;
}
#acount-box .ccWidgetBasic .body
{
    width: 100px !important;
}
#acount-box .ccWidgetBasic .body .items, #acount-box .ccWidgetBasic .body .subtotal
{
    font-weight: bold !important;
    color: #666666 !important;
}
#acount-box .basket-icon {
    display:block;
    width:42px;
    height:42px;
    background:url('../images/sprite.png') no-repeat 0 0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    margin:16px 18px 0 25px;
color:#eab2bb;
}
#acount-box p {
    padding-top:10px;
    font:14px/26px "Myriad Pro", Arial, sans-serif;
    color:#666;
}
#acount-box .btn {
    width:87px;
    height:26px;
    background:#eab2bb;
    font-weight:700;
    line-height:26px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    position: absolute;
    top: 24px;
    right: 5px;
    margin-right: 23px;
}
#acount-box .btn:hover {
    background:#8e847e;
    text-decoration:none;
}
#header-search {
    position:relative;
    width:240px;
    height:30px;
    background:#fff;
    border:1px solid #8e847e;
    border-radius:1px;
    margin:-109px 19px 0 0;
    float: right;
    display: inline;
}
#header-search .field {
    float:left;
    width:186px;
    height:20px;
    background:0;
    border:0;
    font:14px/20px josefin_slablight, "Myriad Pro", Arial, sans-serif;
    color:#666;
    padding:5px 12px;
}
#header-search input
{
    float:left;
    width:186px;
    height:20px;
    background:0;
    border:0;
    font:14px/20px Ranchers, "Myriad Pro", Arial, sans-serif;
    color:#666;
    padding:5px 12px;
}
#header-search .header-search-btn {
    display:block;
    float:right;
    width:30px;
    height:30px;
    background:url('../images/sprite.png') no-repeat -250px 0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
/* NAV
---------------------------------------------*/
#nav {
    float:left;
    width:940px;
    background:#fff;
    border-bottom:1px solid #aeaeae;
    border-top:1px solid #aeaeae;
    margin:-12px 0 35px 9px;
    padding:2px 0;
}
#topNav {
    width:940px;
    border-bottom:1px solid #aeaeae;
    border-top:1px solid #aeaeae;
    margin:0;
    padding:5px 0;
    height: 24px;
}
#topNav .center .link {
    float:left;
    text-align:center;
    padding:0;
}
#topNav .center .link:first-child {
    padding-left:9px;
}
#topNav .center .link a {
    text-decoration:none;
    color:#666;
    line-height:26px;
    font-family:"Ranchers", "Myriad Pro", Arial, sans-serif;
    text-transform:uppercase;
    padding:4px 22px;
font-size: 20px;
}
#topNav .center .link a:hover {
    text-decoration:none;
    background:#97D0D8;
}
#topNav .center .spacer {
    float:left;
    width:30px;
}
/* Force horizontal layout for retail and wholesale navs */
#nav ul.nav-retail,
#nav ul.nav-wholesale,
#nav ul.nav-default {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 30px;
  padding: 0;
  margin: 0;
}

#nav ul.nav-retail li,
#nav ul.nav-wholesale li,
#nav ul.nav-default li {
  list-style: none;
}

#nav ul.nav-retail li a,
#nav ul.nav-wholesale li a,
#nav ul.nav-default li a {
  font-family: 'Ranchers', 'Myriad Pro', Arial, sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  color: #666;
  padding: 4px 22px;
  text-decoration: none;
  display: inline-block;
}

#nav ul.nav-retail li a:hover {
  background-color: #97D0D8;
}

#nav ul.nav-wholesale li a:hover {
  background-color: #CDDECC;
}

#nav ul.nav-default li a:hover {
  background-color: #f0f0f0;
}
/* Mobile Navigation Styles */
@media (max-width: 768px) {
  #topNav {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    padding: 10px 0;
  }

  #topNav .center {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
  }

  #topNav .center .link {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }

  #topNav .center .link a {
    font-size: 1.1rem;
    padding: 12px;
    border-bottom: 1px solid #ccc;
}
 }
/* CONTENT
---------------------------------------------*/

#content {
    float:left;
    border-bottom:1px solid #b4c6b3;
    margin:0;
    padding:0 19px 60px;
    width: 921px;
}
.content-bg
{
    float: left;
}
#content-middle {
    margin:0;
    padding:0;
}
#content-left {
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 189px;
}
#content-middle {
    float: left; 
    margin: 0; 
    padding: 0;
    width: 624px; 
    margin-top: -2px; 
    position: relative;
    min-height: 600px;
}
#content-right {
    float: left; 
    margin: 0 0 0 20px; 
    padding: 0; 
    width: 189px;
}
/* HOMEPAGE
---------------------------------------------*/
#banner {
    width:316px;
    height:40px;
    margin-bottom:0px;
    padding:0px;


}
#featured-title {
    margin-bottom: 20px;
}
.featured-product h3.title {
  margin-top: -55px !important;
}
.featured-text {
    width:281px;
    min-height:57px;
    font-size:18px;
    line-height:20px;
    color:#8e847e;
    margin:0px 0px 0 0;
    padding:0px 0 0px;
}
.featured-text h2 {
    position:relative;
    font:18px/20px josefin_slabbold, "Myriad Pro", Arial, sans-serif;
    color:#A3b9D2;
    margin:0 0 5px -37px;
}
.featured-text h2 span {
    position:absolute;
    top:650px;
    left:3px;
    line-height:20px;
    font:18px/20px josefin_slabbold, "Myriad Pro", Arial, sans-serif;
    color:#A3b9D2;
    text-transform:uppercase;

}
.featured-text p {
    padding:80px 22px 10px 30px;
}
.featured-text .btn-container {
    background:url('../images/bullet-arrow.png') no-repeat 0 0;
    padding:10px 0 0 45px;
}
.featured-text .btn {
    display:block;
    width:147px;
    height:42px;
    background:url('../images/sprite.png') no-repeat -69px 0;
    text-align:center;
    font-weight:200;
    color:#9d948f;
    font-size:18px;
    line-height:42px;
    text-transform:uppercase;
}
h3.title {
    margin-bottom:28px;
    background:url('../images/h-bg.png') repeat-x 0 center;
    font:18px/20px josefin_slabbold, "Myriad Pro", Arial, sans-serif;
    color:#A3b9D2;
    text-transform:uppercase;

}
h3.title span {
  position: relative;

}

}
.photo-holder {
    position:relative;
    width:220px;
    height:200px;
    background:url('../images/photo-holder.png') no-repeat 0 0;
    margin:-5px 0 10px 25px;
    padding:12px;
}
.featured-content {
    margin-bottom:25px;
    line-height:22px;
    width: 924px;
display:none !important;
}
.featured-product
{
    width: 924px;
}

.featured-product ul li {
    float:left;
    width:208px;
    padding-bottom:3px;
    margin-left:29px;
    background:#fbfbfb url('../images/img-bg.png') repeat-x 0 bottom;
    text-align:center;
}
.featured-product .product-box {
    border:1px solid #dfdfe1;
    border-bottom:0;
    padding:4px 4px 11px;
}
.featured-product .product-box .inner-box {
    padding-bottom:16px;
    background:#fff;
}
.featured-product ul li:first-child {
    margin-left:0;
}
.featured-product ul li img {
    margin-bottom:10px;
}
.featured-product ul li .btn {
    display:block;
    width:140px;
    height:32px;
    border:1px solid #b7c8b6;
    background:#8eb5b2;
    line-height:34px;
    text-transform:uppercase;
    font-weight:700;
    color:#fff;
    margin:0 auto;
}
.featured-product ul li .btn span {
    display:block;
    float:left;
    width:35px;
    height:32px;
    background:#719996 url('../images/sprite.png') no-repeat -280px 0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
}
.featured-product ul li .btn:hover {
    background:#cedccd;
    text-decoration:none;
}
.featured-product ul li .btn:hover span {
    background-color:#bdd0bc;
}
/* Mobile Product Grid Styles */
@media (max-width: 768px) {
  .featured-product ul {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 10px;
  }

  .featured-product ul li {
    width: 100%;
    margin-left: 0;
    text-align: center;
  }

  .featured-product ul li img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
  }

  .featured-product ul li .btn {
    width: 100%;
    font-size: 1rem;
    padding: 10px 0;
  }
}

/* WIDGETS
---------------------------------------------*/
.ccWidget {
    float: left;
    margin: 0;
    padding: 10px 10px 26px 0;
    width: 174px;
    text-align: left;
    color: #666666;
}
.ccWidget .top {
    margin-bottom: 5px;
    font-family: 'Ranchers',"Myriad Pro",Arial,sans-serif;
    font-size: 22px;
    text-align: left;
    text-transform: uppercase;
    color: #EAB2BB;
}
.ccWidget .top a {
    text-decoration: none;
    color: #a3b9D2;
float: inline-end;
}
.ccWidget .top a:hover {
    text-decoration: underline;
    color: #BDD2C2;
}
.ccWidget .body {
    margin: 0;
    padding: 0;
    color: #000;
}
.ccWidget .body a { 
    color: #000;
}
.ccWidget .body a:hover { 
    text-decoration: underline;
}
.ccWidget .btm {
    float: left;
    margin: 0;
    padding: 0;
}
.ccWidget form {
    float: none !important;
}
/*/ LIST WIDGETS /*/
.ccWidgetList .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top:3px;
    padding-bottom:10px;
}
.ccWidgetList .body ul li {
    font-family: 'josefin_slabregular',"Myriad Pro",Arial,sans-serif;
    border-bottom:1px solid #bfbfbf; 
    padding:7px 0 8px 0;
}
.ccWidgetList .body ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #666666;
    line-height: 20px;
    font-family: 'josefin_slabregular',"Myriad Pro",Arial,sans-serif;
font-weight: bold;
}
.ccWidgetList .body ul li a:hover {
    text-decoration: none;
    color:#a3b902;
}
.ccWidgetList .noItems {
    margin-bottom: 20px;
}
/*/ DROPDOWN WIDGETS /*/
.ccWidgetDropDown .body select {
    position: relative;
    top: 25px;
    font-size: 14px;
    margin: -30px 1px 40px;
    padding: 2px;
    width: 140px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
.ccWidgetDropDown .top {
    margin-bottom: 10px;
}
}
#widgetVendors .noItems {
    position: relative;
    top: 30px;
    color: #000;
}
/*/ INPUT WIDGETS /*/
.ccWidgetInput .body {
    float: left;
    width: 199px;
}
.ccWidgetInput .body .field {
    float: left;
    margin: 10px 0 5px 10px;
    padding: 0;
    width: 212px;
}
.ccWidgetInput .body .field input {
    float: left;
    margin: 0;
    padding: 4px;
    width: 46%;
    height: 13px;
    font-size: 14px;
    color: #464646;
}
.ccWidgetInput .body .buttonNoImg {
    float: left;
    margin: 0 0 0 4px;
}
.ccWidgetInput .body .button input {
    float: left;
    font-size: 12px;
    color: #464646;
}
.ccWidgetInput .body .button {
    float: left;
    margin: 0;
    padding: 3px 0 0 0;
    width: 28px;
    height: 20px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    background: url(../images/go.jpg) no-repeat;
}
.ccWidgetInput .body .button  a {
    text-decoration: none;
    color: #fff;
}
.ccWidgetInput .body .button a:hover {
    text-decoration: underline; 
}
.ccWidgetInput .advanced {
    float: left;
    clear: both;
    margin: 0 0 5px 10px;
    padding: 0 0 2px 3px;
    width: 216px;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.ccWidgetInput .advanced a {
    text-decoration: underline;
    color: #000;
}
.ccWidgetInput .advanced a:hover {
    text-decoration: none;
    }
.ccWidgetInput #searchWidgetDynamicResults {
    display: none;
    clear: left;
    float: left;
    padding: 10px;
    margin: 5px 5px 0;
}
/*/ PRODUCT WIDGETS /*/
.ccWidgetProduct {
    width: 200px !important;
}
.ccWidgetProduct .top {
    font-size: 100%;
}
.ccWidgetProduct .body {
    float: left;
    width: 183px !important;
    margin-top: 10px;
}
.ccWidgetProduct .body .sdetailsNoImg {
    clear: left;
    float: center;
    margin-bottom: 3px;
    margin-left: 10px;
    padding-top: 2px;
    position: relative;
    text-align: center;
    width: 75px;
display: block;
height: auto;
margin: 0 auto;
}
.ccWidgetProduct .body .photo {
    padding-bottom: 10px;
    text-align: center;
    
}
.ccWidgetProduct .body .photo img {
    border: 1px solid #CFCFCF;
}
.ccWidgetProduct .body .title {
    text-align: center;
    line-height: 20px;
    color:#9D948F;
    padding:0 10px;
}
.ccWidgetProduct .body .title a {
    text-decoration: underline;
    font-size: 11px;
    color: #9D948F;
    text-decoration: none;
}
.ccWidgetProduct .body .title a:hover {
    text-decoration: underline;
}
.ccWidgetProduct .body .sprice {
       padding: 8px 0 5px 0;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    line-height: 18px;
    color:#000;
    font-family: 'josefin_slabregular',"Myriad Pro",Arial,sans-serif;
}
.ccWidgetProduct .body .sdetails {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 158px;
    height: 21px;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    color: #fff;
}
.ccWidgetProduct .body .sdetails a {
    text-decoration: none; 
    color: #fff;
}
.ccWidgetProduct .body .sdetails a:hover {
    color: #4E433D;
}
.ccWidgetProduct .body .all-link {
    float: left;
    text-align: center;
    width: 179px;
    margin-top: 10px;
}
.ccWidgetProduct .body .all-link a {
    text-decoration: underline; 
    color: #000;
    font-size:12px;
}
.ccWidgetProduct .body .all-link a:hover {
    text-decoration: none; 
}
.ccWidgetProduct .review {
    float: left;
    padding-bottom: 10px;
    padding-top: 14px;
    text-align: center;
    width: 180px;
display: none;
}
/*/ BASIC WIDGETS /*/
.ccWidgetBasic .body {
       color: #000;
    padding: 2px;
    width: auto;
    text-align: center;
    padding-top: 9px;
}
.ccWidgetBasic .body .items {
    padding: 0 0 3px 23px;
    font-size: 14px;
    color: #000;
}
.ccWidgetBasic .price {
    font-size: 14px;
    font-weight: bold;
}
.ccWidgetBasic .subtotal {
    padding-left: 26px;
    color: #000;
    margin-bottom: 5px;
}
.ccWidgetBasic input {
    margin-bottom: 5px; 
}
.ccWidgetBasic table {
    padding: 0 0 10px 15px;
    font-weight: bold;
    color: #000;
}
/*/ IMAGE WIDGETS /*/
.ccWidgetImage {
    margin: 10px 0 10px 0;
    text-align: center;
}
/*/ POLL WIDGETS /*/
.widgetPolls {
    color: #000;
}
.widgetPolls p {
    margin: 0;
    padding: 0 0 0 10px;
    width: 160px;
    line-height: 1.50;
}
.widgetPolls input {
    float: left;
    clear: both;
    margin-right: 5px;
}
.widgetPolls .body ul {
    float: left;
    margin-top: 5px;
    margin-left: 10px !important;
}
.widgetPolls .body ul li {
    background: none;
    margin-bottom: 0;
    line-height: 19px;
    border: none;
    width: 118px;
}
.widgetPolls .buttons {
    float: left;
    margin: 10px 0 0 49px;
}
.widgetPolls .percentBar {
    background-color: #4E433D !important;
}
/*/ WIDGET FIXES /*/
#footer .copyright-small a:hover
{
    text-decoration: underline;
    color: #B7C6B6 !important;
}
#widgetCategories .body ul li ul li
{
    border-bottom: 0 !important;
    padding-bottom: 3px !important;
}
#one-page-checkout .apply input
{
    width: auto !important;
    height: auto !important;
}
#otherPaymentOptions .rewardPointContinueBtn
{
    width: auto !important;
    height: auto !important;
}
#viewCart #cartItems thead tr th
{
    padding-left: 3px;
}
#one-page-checkout
{
    width: 935px !important;
}
#one-page-checkout form 
{
    width: auto;
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16
{
    margin-left: 0 !important;
    margin-right: 20px !important;
}
#one-page-checkout .large-label label
{
    top: 0 !important;
}
#one-page-checkout .edit-cart a
{
    color: #9D948F;
}
#one-page-checkout .edit-cart a:hover 
{
    text-decoration: underline;
}
#one-page-checkout .heading .number-blue
{
    background: #A3B39F;
}
#one-page-checkout .totals
{
    float: right;
    margin-right: 0 !important;
}
#productGrid #topOptions .sort .option select
{
    height: 20px;
}
#productDetail .productTabs .section ul 
{
    padding-left: 0 !important;
}
#dcatMenu ul ul
{
    background: #f3f7f3;
    left: 89% !important;
    padding: 0 0 0 10px;
    top: 2px !important;
}
#dcatMenu ul li a:hover, #dcatMenu ul ul li a 
{
    color: #86a884 !important;
}

#dcatMenu ul ul li a 
{
    padding-left: 0 !important;
}
#dcatMenu a
{
    width: 85%;
}
#productDetail .productTabs .tabBorder
{
    padding: 5px;
}
.noItems {
    margin: 0;
    padding: 9px;
    width: 170px;
    color: #666666;
}
#widgetSubscribe .body {
    height: 35px;
}
#widgetSubscribe .top {
}
.widgetCustomProductLists select {
    margin-bottom: 10px;
}
#widgetRewardPoints .body {
    padding: 14px 10px 10px;
    width: 170px !important;
}
#widgetShopByPrice .body {
    height: 51px !important;
}
#widgetRelatedProducts .body .noItems {
    width: 100px;
    color: #000;
}
#widgetNewArrivals .body .noItems {
    width: 100px;
    color: #000;
}
#widgetTopSellers .body .noItems {
    width: 100px;
    color: #000;
}
#widgetContents .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.placeHolder {
    clear: both;
    border: 1px dashed;
}
#widgetRecentlyViewed .top {
    
}
#widgetRecentlyViewed {
  width: 160px;
  padding: 10px;
  font-size: 13px;
 border: 1px solid #ddd;
  border-radius: 6px;
  padding: 10px;
  background-color: #fdfdfd;
}

#widgetRecentlyViewed .top {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
  text-align: center;
}

#widgetRecentlyViewed .body {
  padding: 5px;
}

#widgetRecentlyViewed .body ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#widgetRecentlyViewed .body ul li {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.4;
}

#widgetRecentlyViewed .body img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto 4px;
}
#widgetLogin p {
    margin-left: 10px;
    width: 150px;
}
#widgetRecentlyViewed .ccWidgetProduct .review {
  display: none !important;
}
#widgetRecentlyViewed .productRating,
#widgetRecentlyViewed .rating,
#widgetRecentlyViewed .starRating {
  display: none !important;
}
#widgetRecentlyViewed .ccWidgetProduct .sdetails {
  width: 100px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  margin: 5px auto;
  padding: 0;
}

#widgetRecentlyViewed .ccWidgetProduct .sdetails a {
  font-size: 12px;
  padding: 4px 8px;
}
.compareButton {
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
}
#widgetRecentlyViewed .ccWidgetProduct .review {
  display: none !important;
}

#widgetRewardPoints .body {
    margin-top: 20px;
}
.ccWidgetBasic .noItems {
    margin: -30px 0 -20px 0;
}
/* FOOTER
---------------------------------------------*/
#footer {
    background:url('../images/footer-bg.png') repeat 0 0;
    float:left;
    width:100%;
    padding-bottom:30px;
    border-top:10px #97c1c7 solid;
}
#widgetFooter {
    padding: 10px;
    color: #fff;
}
#footer-btm {
    background:url('../images/footer-bg-1.png') repeat-x 0 bottom;
    padding:0 0 69px 20px;
    width: 933px;
    clear: both;
margin-left: -696px;
display:none !important 
}
#widgetFooter .nav {
    width:300px;
    float:left;
    line-height:26px;
    color:#fff;
    padding: 15px 0 15px 25px;
}
#widgetFooter .nav.middle {
    margin:0 170px 0 160px;
}
#widgetFooter .nav .title {
    margin-bottom:30px;
    font-size:16px;
    line-height:20px;
    color:#97C1C7;
    text-transform:uppercase;
}
#widgetFooter .nav ul li {
    padding-left:10px;
    background:url('../images/bullet-2.png') no-repeat 0 center;
}
#widgetFooter .nav ul li a {
    color:#fff;
}
#widgetFooter .nav ul.share li {
    background:0;
    padding-left:0;
}
#widgetFooter .nav ul.share li a span {
    display:block;
    float:left;
    width:16px;
    height:16px;
    background:url('../images/sprite.png') no-repeat 0 0;
    font-size:0;
    line-height:0;
    text-indent:-4000px;
    margin:7px 19px 0 0;
}
#widgetFooter .nav ul.share li a.facebook span {
    background-position:-233px 0;
}
#widgetFooter .nav ul.share li a.twitter span {
    background-position:-216px 0;
}
#widgetFooter .nav ul.share li a.pin span {
    background-position:-233px -17px;
}

#social 
{
    display: block;
    float: right;
padding: 27px 72px 0px 0px

}
#widgetFooter .social img
{
    display: inline;
    float: rightleft;
 
}
#midhead
{
    width: 260px;
    float: right;
    margin-bottom:30px;
    font-size:16px;
    line-height:36px;
    color:#cddecc;
    text-transform:uppercase;
}
#footer-middle {
    padding-top: 10px;
    float: left;
    width: 964px;
    background: none;
    display: block;
}
#footer .copyright {
    padding-top:10px;
    text-align:center;
    color:#fff;
    line-height:20px;
display: none;
}
#footer .copyright a {
    color:#fff;
display: none;
}

/* FIXES
---------------------------------------------*/
.theme-default .nivoSlider
{
    float: left;
}
.productListColumn2 .productGridProductCompare label input, input[type="radio"], input[type="checkbox"],
{
    margin-right: 3px !important;
}
.boxy-wrapper .title-bar h2
{
    font-size: 14px !important;
}
#one-page-checkout form 
{
    width: auto !important;
}
h1, h2, h3, h4, h5, h6, .page-title {
    font-size: 22px;
    font-weight: normal;
    color: #9D948F;
    margin-bottom: 10px;
}
#productGrid #topOptions {
    margin-bottom: 15px;
    overflow: hidden !important;
}
#productGrid #topOptions .display {
    color: #000 !important;
}
#productGrid #topOptions .sort {
    color: #000 !important;
}
#productGrid .detailBtnNoImg {
    /*display: none;*/
}
#productGrid .title {
    margin: 20px 0 0 0 !important;
}
#productGrid .title a {
    font-size: 14px;
    font-weight: 200;
    text-align: center;
    line-height: 16px;
    color:#9D948F;
    padding:0 10px;
    text-decoration: none !important;
}
#productGrid .title a:hover {
    color: #000 !important;
    text-decoration: underline !important;
}
#categoryGrid .title {
    margin: 20px 0 0 0 !important;
}
#categoryGrid .title a {
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    color:#9D948F;
    padding:0 10px;
    text-decoration: none !important;
}
#categoryGrid .title a:hover {
    color: #6FBBD2 !important;
    text-decoration: underline !important;
}
#productGrid .description {
    font-size: 14px;
    color: #222222 !important;
}
#productGrid .description p {
    margin: 7px 0 0 0 !important;
    padding: 0 !important;
}
#productGrid .sprice {
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 200;
    text-align: center;
    line-height: 34px;
    color:#9D948F;
}
#productGrid .addToCartBtnNoImg {
    margin-bottom: 21px;
}
#productGrid .photo {
    margin-top: 12px;
}
#productDetail #productPhotos {
    text-align: left !important;
}
#cp_bottom .cpTotal {
    float: left !important;
    width: 60% !important;
}
#cp_bottom .cpButtons {
    float: left;
}
.address-box-input .form-field {
    width: 60% !important;
}
.pageNote p {
    line-height: 1.60;
}
#checkoutOnePage #billAddress table {
    width: 445px !important;
}
#checkoutOnePage .form-label-required {
    width: 35% !important;
}
.blurb {
    clear: both;
}
.homepageBottomContent {
    margin-left: 10px;
}
#categoryGrid {
    width: 100% !important;
}
#checkoutOnePage #billAddress table {
    width: 445px !important;
}
#checkoutOnePage .form-label-required {
    width: 35% !important;
}
.blurb {
    clear: both;
}
.container_12 .grid_6, .container_16 .grid_8 {
    width: 442px !important;
}
.container_12 .grid_12, .container_16 .grid_16 {
    width: 917px !important;
}
#one-page-checkout input.giftCertContinueBtn {
    margin-bottom: 11px;
}
.productContainer {
    clear: both;
    padding: 5px;
    border: 1px solid #E2E2E2;
    border-bottom: 0 !important;
    background:url('../images/img-bg.png') repeat-x scroll 0 bottom #FBFBFB;
}
.productListColumn1 {
    float: none;
    clear: both;
    text-align: center;
}
.productListColumn2 {
    float: none;
    clear: both;
    text-align: center;
}
.productListColumn3 {
    float: none;
    clear: both;
    text-align: center;
}
#productGrid .options .form-label {
    float: none !important;
}
#productGrid .options .form-field {
    float: none !important;
}
#productGrid .details {
    float: none !important;
}
#productGrid .details .buttons {
    float: none !important;
}
/* DRAG & DROP DESIGN MODE
---------------------------------------------*/
.editLogoText {margin: -12px 0 0 2px; padding: 0;}
.editProduct {float: right; margin: 0; padding: 0;}
.editCategory {float: right; margin: 0; padding: 0;}
.editCartBtn {position: relative; top: 0; left: 45px; margin: 0; padding: 0;}
.editDetailBtn {position: relative; top: 0; left: 20px; margin: 0; padding: 0;}
.editNavMenu {position: absolute; margin: 2px 0 0 7px; padding: 0;}
.editFooterMenu {float: right; margin: 0; padding: 0;}
.editFooterWidget {position: relative; margin: 0; padding: 0; top: 7px; left: 13px;}
.deleteFooterWidget {position: relative; margin: 0; padding: 0; top: -9px; left: 38px;}
.editCategoryWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteCategoryWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.swapCategoryWidgetBullet {position: relative; margin: 0; padding: 0; left: -4px;}
.editCurrencyWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteCurrencyWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editFeaturedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteFeaturedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editInformationWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteInformationWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.swapInformationWidgetBullet {position: relative; margin: 0; padding: 0; left: 8px;}
.editLanguageWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteLanguageWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteNewArrivalsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteRewardPointsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSearchWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSearchWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSidebarWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSidebarWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSidebarDetailedWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSpecialsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSpecialsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editSubscribeWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteSubscribeWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editTopSellersWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteTopSellersWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editVendorsWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteVendorsWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editLeftImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}
.deleteLeftImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}
.editRightImageWidget {position: relative; margin: 0; padding: 0; top: 11px; left: 39px;}
.deleteRightImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 64px;}
.editShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteShopByPriceWidget {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.editProductListWidget {position: relative; margin: 0; padding: 0; top: -14px; left: 126px;}
.deleteProductListWidget  {position: relative; margin: 0; padding: 0; top: -30px; left: 152px;}
.addProductListWidget {position: relative; margin: 0; padding: 0; top: -47px; left: 100px;}
.editCustomImageWidget {position: relative; margin: 0; padding: 0; top: 28px; left: 39px;}
.deleteCustomImageWidget {position: relative; margin: 0; padding: 0; top: 13px; left: 64px;}
.addCustomImageWidget {position: relative; margin: 0; padding: 0; top: -5px; left: 14px;}
.editHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: 7px; left: -12px;}
.deleteHorizontalImageWidget {position: relative; margin: 0; padding: 0; top: -10px; left: 13px;}

/*** NEW MENU STYLES ***/
ul#top-menu * { z-index: 1000; }

ul#top-menu,
ul#top-menu ul {
    list-style-type: none;
    margin: 0; padding: 0;
}

ul#top-menu {
    color: #000;
    font-size: 0;
    position: relative;
    z-index: 1000;
}

ul#top-menu > li {
    background: url(../images/divider.gif) repeat-y right 0;
    display: inline-block;
    font: Normal 14px josefin_slabregular, "Myriad Pro", Arial, sans-serif;
}

ul#top-menu > li > a,
ul#top-menu > li > span.no-link,
.dd-submenu li a,
.mm-submenu li a {
    color: #666;
    display: block;
    float: none !important;
    text-decoration: none;
}

ul#top-menu > li > a,
ul#top-menu > li > span.no-link {
    color: #666;
    font-size: 13px;
    padding: 11px 13px;
    position: relative;
    text-transform: uppercase;
}

ul#top-menu > li:hover > a,
ul#top-menu > li:hover > span.no-link {
    background-color: #CDDECC;
}

.dd-submenu li a,
.mm-submenu li a {
    color: #FFF;
    text-shadow: 1px 1px 0 #7C977A;
}

.dd-submenu li a:hover,
.mm-submenu li a:hover {
    background-color: #6C876A;
    color: #FFF;
}

ul#top-menu > li:hover .dd-submenu,
.dd-submenu > ul > li:hover > .second-level-submenu,
ul#top-menu > li:hover .mm-submenu
{ display: block; }

ul#top-menu > li:hover > a:before,
ul#top-menu > li:hover > span.no-link:before {
    border-color: #9CB79A transparent;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    content: "";
    left: 50%; bottom: -2px;
    margin-left: -8px;
    position: absolute;
}

.dd-submenu,
.mm-submenu,
.dd-submenu .second-level-submenu {
    background-color: #9CB79A;
    border: 1px solid #8CA78A;
    border-top-color: #9CB79A;
    display: none;
    position: absolute;
    top: 100%;
}

.dd-submenu ul,
.mm-submenu ul {
    display: block;
    float: left;
}

.dd-submenu li,
.mm-submenu li {
    position: relative;
}

.dd-submenu li > a,
.mm-submenu li > a,
span.element-title {
    padding: 7px 9px !important;
}

.dd-submenu li a {
    width: 158px;
}

.dd-submenu .second-level-submenu {
    background-color: #97B295;
    left: 100%; top: -1px;
}
.mm-submenu { width: auto; }
.mm-submenu * {
    vertical-align: top;
}

ul[class^="columns-"] {
    display: block;
    float: left;
    margin-left: 2px !important;
    vertical-align: top;
}

ul[class^="columns-"]:first-child {
    margin-left: 0 !important;
}

.columns-1  { width: 186px; }
.columns-2  { width: 374px !important; }
.columns-3  { width: 562px !important; }
.columns-4  { width: 750px !important; }
.columns-5  { width: 940px !important; }

.element-line-h .line-splitter { display: inline-block; margin-top: 4px; width: 100%; }
.element-html, .element-textstr { display: block; padding: 7px 9px; }
.element-html a { display: inline !important; margin: 0 !important; padding: 0 !important; }
.element-html a:hover { background: none !important; color: #2C472A !important; }
.element-title { color: #2C472A !important; font-size: 13px; font-weight: bold; text-transform: uppercase; }
a.element-title:hover { color: #FFF !important; }
span.element-title, span.no-link { display: block; }
#top-menu span.no-link { cursor: pointer; }

table img, .ccWidget img, .element-image img { height: auto; max-width: 100%; }