/*----------------------------------------------------------
Title:        Main Style Sheet
----------------------------------------------------------*/
@font-face {
    font-family: 'NunitoBold';
    src: url('font-face/nunito-bold-webfont.eot');
    src: url('font-face/nunito-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/nunito-bold-webfont.woff') format('woff'),
         url('font-face/nunito-bold-webfont.ttf') format('truetype'),
         url('font-face/nunito-bold-webfont.svg#NunitoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoLight';
    src: url('font-face/nunito-light-webfont.eot');
    src: url('font-face/nunito-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/nunito-light-webfont.woff') format('woff'),
         url('font-face/nunito-light-webfont.ttf') format('truetype'),
         url('font-face/nunito-light-webfont.svg#NunitoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'NunitoRegular';
    src: url('font-face/nunito-regular-webfont.eot');
    src: url('font-face/nunito-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font-face/nunito-regular-webfont.woff') format('woff'),
         url('font-face/nunito-regular-webfont.ttf') format('truetype'),
         url('font-face/nunito-regular-webfont.svg#NunitoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* GLOBAL
---------------------------------------------*/
img { 
    border: 0; 
}
body {
    margin: 0;
    padding: 0; 
    font-family: 'NunitoRegular',Arial,Helvetica,sans-serif !important; 
    font-size: 12px; 
}    
.cl, .clear { 
    font-size: 0; 
    line-height: 0; 
    height: 0; 
    display: block; 
    clear: both; 
}
#container {
    float: left;
    padding: 0; 
    width: 100%; 
}

.headercontainer {
    background: url(../images/header_home_bg_footer.jpg) no-repeat center top; 
    background-size: cover;
}

.homepage_container { background-color: #f7f6f5; }

/* HEADER
---------------------------------------------*/
#logo {
    float: left; 
    margin: 0; 
    padding: 21px 0 0 5px; 
    width: 55%; 
    font-size: 2.10em; 
    font-weight: bold; 
    color: #2C1B11;  
}
#logo img {
    border: none;
}
#header {
    margin: 0 auto; 
    padding: 0; 
    width: 960px;
    height: 125px; 
}
#header-links {
    float: right;
    margin: 0;  
    color: #977e63; 
    width: 340px; 
    height: 42px; 
    background: url(../images/header-links.png) no-repeat 0 0; 
    margin-right: 5px; 
    line-height: 42px; 
}
#header-links a {
    margin: 0; 
    padding: 0 20px; 
    text-decoration: none; 
    color: #fff; 
    font-size: 12px; 
    text-shadow: 0px 1px 0px #000; 
    text-transform: uppercase; 
    float: left; 
    display: inline; 
}
#header-links a:hover {
    text-decoration: underline;
}
#header-links a.last { 
    border: 0; 
}
/* begin header search */
#header-search {
    float: left; 
    margin: 40px 0 0 164px; 
    padding: 5px; 
    width: 221px; 
    height: 24px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -moz-box-shadow: 0px 0px 5px #5d5d5d; 
    -webkit-box-shadow: 0px 0px 5px #5d5d5d; 
    box-shadow: 0px 0px 5px #5d5d5d; 
    background: #5d442f;
}
#header-search input {
    width: 180px; 
    height: 18px; 
    font-family: Arial,Helvetica,sans-serif !important; 
    font-size: 15px; 
    color: #2C1B11;
}
#header-search .header-search-btn {
    float: right; 
    margin: 0 0 0 5px; 
    padding: 5px 6px 6px 7px; 
    width: 17px; 
    height: 13px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    background: #ac9a8a;
}
#header-search .header-search-btn a {
    font-weight: bold; 
    text-decoration: none; 
    text-shadow: 0 -1px 0 #000; 
    color: #fff;
}
#header-search .header-search-btn a:hover {
    color: #e0d8d1;
}
#header-search #headerSearchWidgetDynamicResults {
    clear: left; 
    float: left; 
    background: #EEEEEE; 
    padding: 10px; 
    display: none; 
    width: 90%; 
    margin-top: 5px; 
    position: relative; 
    line-height: 1.80;
}
/* end header search */
/* NAV
---------------------------------------------*/
#nav {
    margin: 0 auto; 
    padding: 0; 
    width: 960px; 
    height: 48px; 
    padding-bottom: 77px; 
}    
#topNav {
    margin: 0; 
    padding: 7px 0 0 0; 
    width: 960px;
    overflow: hidden;
}
#topNav .left {
    float: left; 
    width: 18px;
    overflow: hidden;
}
#topNav .center {
    width: 96%;
}
#topNav .center .link {
    float: left;
    padding: 0; 
    text-align: center;
}
#topNav .center .link a { 
    font-size: 18px; 
    font-weight: normal; 
    text-decoration: none; 
    color: #4d4d4d;
}
#topNav .center .link a:hover {
    color: #757471;
}
#topNav .center .spacer {
    float: left; 
    width: 47px; 
}
#topNav .right {
        float: left; 
        width: 2%;
}
/* HOMEPAGE
---------------------------------------------*/
#leaders {
    width: 930px;
    margin: 0 15px;
}
.leader {
    width: 220px;
    height: 220px;
    float: left;
}
#leaderWomen {
    margin-right: 15px;
}
#leaderMen {
    margin-right: 15px;
}
#leaderChildren {
    margin-right: 15px;
}
#leaderAthletes {}

#homeContent { float: left; width: 100%; padding-top: 25px; }

#homepageNewsletter {
}
#widgetReview {
    width: 320px;
    padding-right: 20px;
    float: left;
}
#widgetReview .top {
    text-align: left !important;
    margin: 0 0 15px 0 !important;
    font-size: 20px !important;
    color: #8d9c6d;
    font-size: 20px !important;
    background: none !important;
    text-align: left !important;
}
#widgetReview p {
    font-size: 14px !important;
    line-height: 1.5em !important;
    color: #4D4D4D !important;
}
#socialWidget {
    width: 244px;
    float: left;
    overflow: hidden;
}
#socialWidget img {
    margin: 0 30px;
    float: left;
}
#socialWidget span {
    height: 30px;
    padding: 10px 0;
    font-size: 24px;
    color: #4d67a1 !important;
    float: left;
}
#socialWidget a {
    text-decoration: none !important;
}
#newsWidget {
    width: 300px;
    border-left: solid 1px #DEDEDE;
    border-right: solid 1px #DEDEDE;
    margin: 0 15px;
    padding: 0 15px;
    float: left;
    overflow: hidden;
}
#newsWidget .top,
#guaranteeWidget .top {
    text-align: left !important;
    margin: 0 0 15px 0 !important;
    font-size: 20px !important;
    color: #8d9c6d;
    font-size: 20px !important;
    background: none !important;
    text-align: left !important;
}
#newsWidget p,
#guaranteeWidget p {
    font-size: 14px !important;
    line-height: 1.5em !important;
    color: #4D4D4D !important;
}
#guaranteeWidget {
    width: 290px;
    float: left;
}
#homepageNewsletter select {
    display: none !important;
}
/* CONTENT
---------------------------------------------*/
#content { 
    margin: 0 auto; 
    padding: 0; 
    width: 960px; 
}    
.homepage_content { float: left; width: 100% !important; }
#content-left {
    float: left; 
    margin: 0; 
    padding: 0; 
    width: 244px;
}    
#content-middle {
    font-family: 'NunitoRegular', Arial,Helvetica,sans-serif !important;
    float: right;  
    padding: 0; 
    width: 685px !important; 
    min-height: 500px; 
    margin: 0 0 0 30px;
}    
#content-right {}
/* WIDGETS
---------------------------------------------*/
.ccWidget {
    color: #1D1D1D;
    float: left;
    padding: 10px 0 5px;
    text-align: left;
    width: 244px;
    position: relative;
}
.ccWidget .top {
    position: relative;
    font-size: 20px !important;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    padding: 15px 0;
    background: #90996A url(../images/head.gif) no-repeat 0 0;
    border: solid 1px #7A8073;
    border-radius: 15px;
    text-shadow: 0 1px 0 #000000;
}
.ccWidget .body {
    margin: 0;
    padding: 0;
    text-align: center;
}
.ccWidget .body a { 
    color: #4D4D4D;
}
.ccWidget .btm {
    float: left;
    margin: 0;
    padding: 0;
}
/*/ LIST WIDGETS /*/
.ccWidgetList .body ul {
    margin: 0;
    padding: 5px 0 0;
    list-style: none;
    text-align: right;
}
.ccWidgetList .body ul li {
    border-bottom: 1px solid #d5d5d5;
    padding: 14px 0 9px 0;
    line-height: 1.80;
    font-family: Arial,Helvetica,sans-serif;
}
.ccWidgetList .body ul li a {
    font-size: 14px;
    text-decoration: none;
    color: #4D4D4D;
}
.ccWidgetList .body ul li a:hover {
    text-decoration: underline;
}
/*/ DROPDOWN WIDGETS /*/
.ccWidgetDropDown .body select {
  margin: 15px 0 10px;
  width: 244px;
}
/*/ INPUT WIDGETS /*/
.ccWidgetInput .body .field {
    margin: 15px 0 0 0;
    width: 244px;
    overflow: hidden;
    position: relative;
}
.ccWidgetInput .body .field input {
  border: 1px solid #DEDEDE;
  color: #464646;
  float: left;
  font-size: 16px;
  padding: 4px 6px;
  width: 75%;
}
.ccWidgetInput .body .buttonNoImg {
    float: right;
}
.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 {
    margin: 5px 0 0 0;
    padding: 0 0 9px 3px;
    width: 244px;
    font-size: 12px;
    color: #FFF;
    clear: both !important;
    text-align: left !important;
}
.ccWidgetInput .advanced a {
    text-decoration: underline;
    color: #505050;
}
.ccWidgetInput .advanced a:hover {
    text-decoration: none;
    }
.ccWidgetInput #searchWidgetDynamicResults {
    display: none;
    clear: left;
    float: left;
    padding: 10px;
    margin: 5px 5px 0;
}
/*/ PRODUCT WIDGETS /*/
.ccWidgetProduct .body .sdetailsNoImg {
    padding-top: 15px;
    margin-bottom: 10px;
    text-align: center;
}
.ccWidgetProduct .body .photo {
    width: 244px !important;
    overflow: hidden !important;
    margin: 8px 0 10px;
    text-align: center;
}
.ccWidgetProduct .body .photo img {
    overflow: hidden !important;
}
.ccWidgetProduct .body .title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
}
.ccWidgetProduct .body .title a {
    text-decoration: none !important;
    color: #4D4D4D;
}
.ccWidgetProduct .body .title a:hover {
    text-decoration: underline !important;
}
.ccWidgetProduct .body .sprice {
    padding: 8px 0 5px 0;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 18px;
    color: #5C8727;
}
.ccWidgetProduct .body .sdetails {
    margin: 0 auto;
    padding: 5px 0 0 0;
    width: 58px;
    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: #ececec;
}
.ccWidgetProduct .body .all-link  {
    padding-top: 8px;
    text-align: center;
    font-size: 11px;
}
.ccWidgetProduct .body .all-link a {
    text-decoration: none; 
    color: #3f3f3f;
    font-size: 12px;
}
.ccWidgetProduct .body .all-link a:hover {
    text-decoration: underline; 
}
.ccWidgetProduct .review {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
/*/ BASIC WIDGETS /*/
.ccWidgetBasic .body .items {
    padding: 10px 0 3px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #505050;
}
.ccWidgetBasic .top a {
    text-decoration: none;
    color: #FFFFFF;
}
.ccWidgetBasic .top a:hover {
    text-decoration: underline;
}
.ccWidgetBasic .price {
    font-size: 13px;
    font-weight: bold;
}
.ccWidgetBasic .subtotal {
    padding-left: 20px;
    padding-bottom: 6px;
    font-weight: bold;
    color: #5C8727;
}
.ccWidgetBasic input {
    margin-bottom: 5px; 
}
.ccWidgetBasic table {
    padding: 10px 0 15px 28px;
    color: #1d1d1d;
}
/*/ IMAGE WIDGETS /*/
.ccWidgetImage {
    margin: 0px 0 30px 0;
    text-align: center;
}
/*/ WIDGET FIXES /*/
.noItems {
    margin: 0;
    padding: 9px 9px 7px 9px;
    width: 208px;
    color: #1d1d1d;
}
/*#widgetSubscribe .body {
    height: 64px;
}
#widgetSubscribe select {
    width: 80%;
    margin: 15px 0;
    float: left;
}
#widgetSubscribe .body .field .buttonNoImg {
    position: absolute;
    top: 0;
    right: 0;
}*/
#widgetShopByPrice .body form {
    height: 58px;
}
.widgetCustomProductLists select {
    margin-bottom: 10px;
}
#widgetRewardPoints .body {
    padding: 10px;
}
/*/ WIDGET MENU /*/
.placeHolder {
    clear: both;
    border: 1px dashed;
}
/*/ MISC /*/
#widgetContents .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* IMPORTED WIDGETS
---------------------------------------------*/
/*/ begin widgetCategories /*/
#widgetCategories {
    float: left;
    margin: 0 0 25px;
    padding: 0;
    width: 244px;
    text-align: left;
    color: #1d1d1d;
}
#widgetCategories .top {
    line-height: 76px;
    font-size: 20px;
    margin: 0;
    padding: 0 !important;
    text-align: center;
    color: #fff;
    background: url(../images/widget-top.png) no-repeat 0 0 ;
    text-shadow: 0px 1px 0px #000; 
    border: none !important;
}
#widgetCategories .body {
    margin: 0;
    padding: 0;
}
#widgetCategories .body ul {
    margin: 0;
    padding: 0 10px;
    text-align: right;
    list-style: none;
}
#widgetCategories .body ul li {
    border-bottom: 1px solid #d5d5d5;
    padding: 14px 0 9px 0;
    line-height: 1.80;
    font-family: Arial,Helvetica,sans-serif;
}
#widgetCategories .body ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #4d4d4d;
}
#widgetCategories .body ul li a:hover {
    text-decoration: underline;
}
#widgetCategories .btm {
    float: left;
    margin: 0;
    padding: 0;
}
/*/ end widgetCategories /*/
/*/ begin widgetRead /*/
#widgetRead {
    float: left;
    margin: 0 0 23px;
    width: 244px;
    font-family: 'NunitoRegular', Arial,Helvetica,sans-serif;
    text-align: left;
    color: #1d1d1d;
    background: url(../images/widget-bg.png) repeat-y 0 0;
}
#widgetRead .top {
    text-align: center;
    background: url(../images/widget-bg-top.png) no-repeat 0 0 ;
    margin: 0;
    padding: 12px 0 2px 0;
    font-family: 'NunitoRegular', Arial,Helvetica,sans-serif;
    font-size: 18px !important;
    color: #8d9c6d;
}
#widgetRead .body {
    text-align: center;
    margin: 0;
    padding: 0;
}
#widgetRead .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#widgetRead .body ul li {
    line-height: 1.80;
    font-family: Arial,Helvetica,sans-serif;
}
#widgetRead .body ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #000;
}
#widgetRead .body ul li a:hover {
    text-decoration: underline;
}
#widgetRead .btm {
    width: 100%;
    height: 9px;
    background: url(../images/widget-bg-bottom.png) no-repeat 0 0 ;
    float: left;
    margin: 0;
    padding: 0;
}
/*/ end widgetRead /*/
/*/ begin widgetNewsletter /*/
#widgetSubscribe {
    background: url(../images/widget-bg.png) repeat-y 0 0;
    float: left;
    margin: 0 0 23px;
    width: 244px;
    font-family: Arial,Helvetica,sans-serif;
    text-align: left;
    color: #1d1d1d;
    padding: 0 !important;
}
#widgetSubscribe .top {
    text-align: center;
    background: url(../images/widget-bg-top.png) no-repeat 0 0 ;
    margin: 0;
    padding: 12px 0 2px 0;
    font-size: 18px !important;
    color: #8d9c6d;
    border: none !important;
    border-radius: 0 0 0 0 !important;
    text-shadow: none !important;
    text-transform: none !important;
    font-weight: normal !important;
    font-family: Arial,Helvetica,sans-serif !important;
}
#widgetSubscribe .body {
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}
#widgetSubscribe .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#widgetSubscribe .body ul li {
    line-height: 1.80;
    font-family: Arial,Helvetica,sans-serif;
}
#widgetSubscribe .body ul li a {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    text-decoration: none;
    color: #000;
}
#widgetSubscribe .body ul li a:hover {
    text-decoration: underline;
}
#widgetSubscribe .btm {
    width: 100%;
    height: 9px;
    background: url(../images/widget-bg-bottom.png) no-repeat 0 0 ;
    float: left;
    margin: 0;
    padding: 0;
}
#widgetSubscribe form { 
    padding: 10px; 
    width: 224px;
}
#widgetSubscribe .field { 
    float: left; 
    display: inline; 
    width: 204px; 
    border: solid 1px #DEDEDE; 
    border-radius: 5px;
    margin: 0 10px !important;
}
#widgetSubscribe .field input { 
    border: 0; 
    background: transparent; 
    font-family: 'NunitoRegular', sans-serif; 
    font-size: 14px; 
    padding: 5px 13px; 
    margin: 3px 0;
    color: #CCCCCC; 
    width: 140px; 
}
#widgetSubscribe .body .buttonNoImg {
    float: right;
    margin: 3px 3px 3px 0 !important;
}
.productContainer {
    border: solid 1px #EDEDED !important;
    border-radius: 10px !important;
    padding: 20px;
    overflow: hidden !important;
}
/*/ end widgetNewsletter /*/
/* FOOTER
---------------------------------------------*/
#footer {
    float: left; 
    margin: 0px 0 0px 0; 
    padding: 20px 0;
    height: 100%; 
    width: 100%;
    background: url(../images/header_home_bg_footer.jpg) no-repeat center top; 
    background-size: cover;
}
/*/ begin widgetFooter /*/
#widgetFooter {
    width: 960px;
    text-align: left;
    font-size: 12px;
    margin: 0 auto;
}
#widgetFooter .body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#widgetFooter hr {    
    float: left;
    clear: left;
    height: 1px;
    color: #878787;
    background-color: #878787;
}
#widgetFooter .actionItems {
    text-align: center;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    color: #8c9c6d;
}    
#widgetFooter .actionItems a {
    text-decoration: none;
    color: #000;
}
#widgetFooter .actionItems a:hover {
    text-decoration: none;
    color: #b5121b;
}
#widgetFooter .copyright {
    margin: 0;
    padding: 19px 0 0;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    line-height: 22px;
    color: #fff;
}
#widgetFooter .copyright a {
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: underline;
    color: #fff;
}
#widgetFooter .copyright a:hover {
    text-decoration: none;
    color: #fff;
}
#widgetFooter .nav {
    float: left;
    margin: 0;
    padding: 19px 0 10px 20px;
    width: 150px;
}
#widgetFooter .nav .title {
    margin: 0;
    padding: 0;
    width: 120px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    color: #fff;
}
#widgetFooter .nav ul {
    margin: 0 0 0 1px;
    padding: 0;    
    text-align: left;
    list-style: none;
}
#widgetFooter .nav ul li {
    text-align: left;
    line-height: 2.00;
}
#widgetFooter .nav ul li a {
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: underline;
    color: #fff;            
}
#widgetFooter .nav ul li a:hover {
    text-decoration: none;
}
#widgetFooter .actionItems { 
    color: #8c9c6d;
}
#widgetFooter .actionItems a {
    color: #000;
}
#widgetFooter .actionItems a:hover {
    color: #b5121b;
}
#widgetFooter .copyright {
    color: #505050;
}
#widgetFooter .copyright a {
    color: #1a1c1d;
}
#widgetFooter .copyright a:hover {
    color: #303335;
}

#widgetFooter .nav .title {
    color: #1a1c1d;
}
#widgetFooter .nav ul li a {
    color: #1a1c1d;
}
#widgetFooter .nav ul li a:hover {
    color: #303335;
}
.social { 
    float: left; 
    display: inline; 
    padding-top: 6px; 
}
.social ul { 
    float: left; 
    display: inline; 
    list-style: none outside none; 
    margin: 0 !important;
    padding: 0 !important;
}
.social ul li { 
    float: left; 
    display: inline; 
}
/*/ end widgetFooter /*/
#widgetLogin .body p {
    margin: 15px 0;
}
#extraDetails {
    color: #4D4D4D !important;
    font-size: 15px !important;
}
#extraDetails #detailsContainer {
    border: solid 1px #DFE6C9;
    border-radius: 15px;
    margin: 10px 0 0 0;
    padding: 15px;
    float: left;
    overflow: hidden;
    width: 200px !important;
}
#extraDetails #detailsContainer #qtyLabel {
    text-transform: uppercase !important;
}
#extraDetails #detailsContainer #qty input {
    border: solid 1px #c2c2c2;
    padding: 3px;
    text-align: right !important;
}
#extraDetails #priceLabel {
   width: 0 !important;
   height: 0 !important;
   padding: 0 !important;
   margin: 0 !important;
   visibility: hidden !important;
}
#extraDetails #price {
    color: #b5121b !important;
    font-weight: normal !important;
}
#extraDetails #detailsContainer .form-field img {
    width: 30px;
    height: 30px;
}
#productDetail .productTabs {
    margin: 20px 0 0 0 !important;
}
#productDetail .productTabs .tabBorder {
    border-radius: 0 10px 10px 10px;
}
#productDetail .productTabs .productTab {
    margin-right: 10px !important;
    padding: 10px 20px !important;
    border-radius: 10px 10px 0 0;
    font-size: 14px !important;
}
#productDetail #productDescription p {
  margin: 0;
  padding: 0 !important;
  text-align: left;
  font-size: 14px;
  line-height: 1.5em;
  color: #4D4D4D !important;
}
.connect_widget .connect_text_wrapper {
    width: 0 !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    visibility: hidden !important;
}
#widgetInformation {
    margin-bottom: 25px;
}
/* FIXES
---------------------------------------------*/
h1, h2, h3, h4, h5, h6, .page-title {
    font-size: 16px !important;
    text-transform: uppercase;
    color: #4D4D4D;
    font-weight: normal !important;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .page-title a {
    font-family: Georgia!important;
    font-size: 13px !important;
    text-transform: uppercase;
    color: #528AAE;
}
h1 a:hover, h2 a:hover. h3 a:hover. h4 a:hover. h5 a:hover. h6 a:hover. .page-title a:hover {
    color: #528AAE;
}
#productGrid h2 {
    font-weight: normal !important;
    padding: 0 0 20px 0;
}
#categoryGrid .title a {
    font-size: 16px !important;
    text-decoration: none !important;
}
#categoryGrid .title a:hover {
    text-decoration: underline !important;
}
#productGrid .title a {
    color: #8C9C6D !important;
    font-size: 14px !important;
    font-weight: normal !important;
    text-decoration: none !important;
}
#productGrid .title a:hover {
    color: #C5CDB6 !important;
    text-decoration: none !important;
}
#productDetail .productTabs .section {
  float: left;
  margin: 5px 0;
  width: 97% !important;
  padding: 20px !important;
}
#productDetail .body {
  clear: left;
  padding: 0 !important;
  overflow: hidden !important;
}
#widgetSubscribe select {
    display: none !important;
}
/* FRONT END EDITS
---------------------------------------------*/
.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;}

#slide-box { position: relative; }
#slider { float: left; width: 100%;  }
#slider img { width: 100%; height: auto; }
#slider-nav { position: absolute; width: 100%; z-index: 100; bottom: 10px; text-align: center; }
#slider-nav a { display: inline-block; width: 15px; height: 15px; background-image: url(../images/inactive.png); margin: 0 5px; }
#slider-nav a.activeSlide { background-image: url(../images/active.png); }

#product_container { width: 1199px; margin: 0 auto; display: table; }
#product_container .box { width: 17%; margin: 0 1%; border: 1px solid #c4c3c3; float: left; min-height: 320px; background-color: #e6e6e6; }
#product_container .box .image { float: left; width: 100%; text-align: center; height: 220px; }
#product_container .box .image img { max-width: 125px; padding: 15px; }
#product_container .title { float: left; width: 100%; color: #c04b1f; text-align: center; font-size: 12px; font-weight: bold; }
#product_container .subtitle { float: left; width: 100%; color: #646464; text-align: center; font-size: 12px; }
#product_container .details { float: left; width: 100%; text-align: center; margin-top: 10px; }
#product_container .details a { color: #fff; text-decoration: none; text-transform: uppercase; background-color: #5a7b32; padding: 5px 10px; }

#bottom-trio { width: 1300px; margin: 20px auto; display: table; }
#bottom-trio .girl-image { float: left; }
#bottom-trio .what-people-say { float: left; width: 32%; padding-left: 2%; }
#bottom-trio .what-people-say .title { color: #911a1a; font-size: 14px; text-transform: uppercase; float: left; height: 20px; padding-bottom: 5px; width: 100%; }
#bottom-trio .what-people-say .copy { float: left; width: 100%; }
#bottom-trio .what-people-say .copy p { float: left; width: 100%; font-size: 14px; padding: 10px 0; }
#bottom-trio .what-people-say .copy p a { color: #911a1a; }
#bottom-trio .guarantee { float: left; width: 25%; padding: 0 2%; background-image: url(../images/guarantee.png); background-size: contain; background-repeat: no-repeat; min-height: 200px; background-position: center center; text-align: center; }
#bottom-trio .guarantee .title { color: #911a1a; font-size: 14px; text-transform: uppercase; float: left; width: 100%; height: 25px; }
#bottom-trio .guarantee .copy { float: left; width: 100%; }
#bottom-trio .guarantee .copy p { float: left; width: 100%; padding: 10px 0; font-size: 14px; }
#bottom-trio .guarantee .copy p a { color: #FFF; text-decoration: none; background-color: #40462a; padding: 5px 10px; border-radius: 5px; margin-top: 15px; }
#bottom-trio .newsletter { float: left; width: 25%; text-align: center; }
#bottom-trio .newsletter .title { color: #911a1a; font-size: 14px; text-transform: uppercase; width: 100%; float: left; height: 25px; }
#bottom-trio .newsletter .copy { float: left; width: 100%; }
#bottom-trio .newsletter .copy p { float: left; width: 100%; padding: 10px 0; font-size: 14px; }
#bottom-trio .newsletter .copy p img { float: right; }

.Top_banner {
    background-color: #b5121b;
    padding: 5px;
    font-size: 14px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.Top_banner2 { text-align: center; background-color: #b5121b; padding: 5px; font-size: 14px; color: #FFFFFF; padding-top: 5px; padding-bottom: 5px; float: left; width: 100%; }

.Top_banner2 p { text-align: center; font-size: 12px; margin: 5px 0; }

.dk { color: #FFFFFF; }

.top_back {
    background: url(../images/top_back.jpg) no-repeat center center;
    width: 100%;
    background-size: cover;
    padding: 10px;
}

.tr {
    text-align: right !important;
}

#widgetFooter { width: 1199px; }
#widgetFooter .actionItems { margin: 10px; float: left; }
#widgetFooter .leftAction { float: left; margin: 10px 0; text-align: center; }
#widgetFooter .rightAction { float: left; text-align: center; }

#categoryDescription p img { width: 100% !important; height: auto !important; }

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  width: auto;
  padding-top: 10px;
}
#cssmenu > ul {
 
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 10px 6px 13px 6px;
  text-decoration: none;
  font-size: 13px;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #b5121b;

  
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #d3eced;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  margin-top:-15px;
  padding-top: 0px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
  z-index: 999;
  list-style
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 14px;
  width: 180px;
  color: #555;
  background: #96B480;
  
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
  background-color: #D1EBB4;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;

}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #5c8727;
    padding-top: 0;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #d3eced;
    padding: 10px 25px 10px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    border-bottom: 2px solid #d3eced;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #d3eced;
    right: 25px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
  #icons-stuff { padding: 8px 0; text-align: center; }
}

@media only screen and (max-width: 768px) {
    #header { width: 100%; float: left; height: auto; }
    #nav { width: 100%; float: left; height: auto; }
    #widgetFooter { width: 100%; }
    #topNav { width: 100%; }
    #topNav .center .link { width: 100%; text-align: center; }
    #logo { width: 100%; text-align: center; }
    #slide-box { display: none; }
    #content { width: 100%; float: left; }
    #content-left { display: none; }
    #content-middle { width: 100% !important; }
    #productDetail #msrpMessage { text-align: inherit; }
    #productDetail #extraDetails { float: left; }
    #product_container { width: 100%; }
    #product_container .box { width: 100%; margin: 20px 0; }
    #product_container .title { font-size: 12px; }
    #product_container .subtitle { font-size: 12px; }
    #bottom-trio { width: 100%; margin: 20px auto; display: table; }
    #bottom-trio .what-people-say { width: 100%; margin: 10px 0; }
    #bottom-trio .guarantee { width: 100%; margin: 10px 0; }
    #bottom-trio .newsletter { width: 100%; margin: 10px 0; }
    #widgetFooter .leftAction, #widgetFooter .rightAction, #widgetFooter .actionItems { width: 100%; text-align: center; }
    #widgetFooter .actionItems { width: 95% !important; }
    section.Top_banner .ks { text-align: center; }
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
    #header { width: 100%; float: left; height: auto; }
    #nav { width: 100%; float: left; height: auto; }
	#widgetFooter { width: 100%; }
    #logo { width: 100%; text-align: center; }
    #content { width: 100%; float: left; }
    #content-left { width: 30%; float: left; }
    #content-middle { width: 62% !important; float: left; }
    #productDetail #msrpMessage { text-align: inherit; }
    #productDetail #extraDetails { float: left; }
    #product_container { width: 768px; }
    #product_container .box { width: 48%; margin: 10px 5px; }
    #product_container .title { font-size: 12px; }
    #product_container .subtitle { font-size: 12px; }
    #bottom-trio { width: 768px; }
    #widgetFooter .leftAction, #widgetFooter .rightAction, #widgetFooter .actionItems { width: 100%; text-align: center; }
#cssmenu > ul > li > a { padding: 10px 6px 13px 6px; }
}

@media only screen and (min-width: 960px) and (max-width: 1199px) {
    #product_container { width: 960px; }
    #widgetFooter { width: 960px; } 
    #product_container .title { font-size: 11px; }
    #product_container .subtitle { font-size: 11px; }
    #bottom-trio { width: 960px; }
    #widgetFooter .leftAction, #widgetFooter .rightAction, #widgetFooter .actionItems { width: 100%; text-align: center; }
#cssmenu > ul > li > a { padding: 10px 6px 13px 6px; }
}