a/* ==========================================================
                OMC Connect | omcconnect.com
                Client:
                Creation Date:
                Author:
                stylesheet base version 1.1  |  2012/05/07
                ♥ props to the html5 boilerplate team: h5pb.com ♥
        ========================================================== */

/* === RESET - based on the html5 boilerplate reset: h5pb.com updated 2012/05/07 === */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display:inline;
                       *zoom:1;
}
audio:not([controls]) { display: none; }
[hidden] {
    display:none;
}
a:hover, a:active { outline: 0; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
abbr[title] { border-bottom: 1px dotted; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
svg:not(:root) { overflow: hidden; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
figure { margin: 0; }
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
button::-moz-focus-inner, input::-moz-focus-inner {
    border:0;
    padding:0;
}
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left:-7px;
         padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align:middle;
}
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow:visible;
}
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width:13px;
                                              *height:13px;
}
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance:none;
}
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {
}
input:invalid, textarea:invalid {
    background-color:#f0dddd;
}
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; }/* end reset */
/*  =======================================================================
                BASE STYLES - please don't use class/id selectors in this section
        =======================================================================  */

html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 13px; line-height: 18px; color: #706e6a; background: url(/img/layout/bg-topright.png) no-repeat right top; font-family: helvetica, "Calibri", arial, sans-serif; }
body.shadowboxCont { background: url(/img/layout/bg-bottomright.png) no-repeat right bottom; }

::-moz-selection {
    background: #98D079;
    color: #fff;
    text-shadow: none;
}
::selection { background: #98D079; color: #fff; text-shadow: none; }
a { color: #9b8e80; text-decoration: none; font-weight: normal; font-family: "Gudea", arial, sans-serif; }
a:hover { color: #535353; }
a:focus { outline: none; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { }
h1, h2, h3, h4, h5, h6 { font-family: sans-serif; margin: 0 0 10px; padding: 0; line-height: 1; clear: both; }
h1, h1 a { font-family: 'Questrial', arial, sans-serif; font-size: 23px; line-height: 32px; color: #7a7976; font-weight: normal; text-transform: uppercase; }
h2, h2 a { font-family: 'Questrial', arial, sans-serif; font-size: 21px; color: #7a7976; font-weight: normal; text-transform: uppercase; }
.content h2, .content h2 a { margin: 10px 0 10px 0; line-height: 30px; border-bottom: 1px solid #98D079; padding: 0 0 5px 0; }
h3, h3 a { font-family: 'Questrial', arial, sans-serif; font-size: 18px; color: #98d079; font-weight: strong; text-transform: uppercase; }
h4, h4 a { font-size: 16px; font-family: 'Gudea', arial, sans-serif; color: #7a7976; font-weight: normal; text-transform: none; }
h5, h5 a { font-size: 12px; }
h6, h6 a { font-size: 10px; }
p { margin: 0 0 12px; }
.system-message, .system-error-message { }
.system-message a:link, .system-error-message a:link { color: #848380; }
.ok { background: #E9FBE3; color: #21A347; margin-bottom: 18px; }
.error { background: #FBE3E4; color: #D12F19; margin-bottom: 18px; }
/*  =======================================================================
                CLIENT STYLES - please place important/frequently applied styles
                in this section so they appear higher in the list in the WYSIWIG
        =======================================================================  */

.left { float: left; margin: 0 10px 10px 0; padding: 5px; border-left: 2px dotted #ccc; }
.right { float: right; margin: 0 0 10px 10px; padding: 5px; border-right: 2px dotted #ccc; }
img.right { border: 0; }
.hide { display: none; }
/* ==========================================================================
                CONTAINERS AND LAYOUT (TEMPLATES)
   ========================================================================== */

.wrapper { width: 1000px; margin: 0 auto; }
.colLeft { float: left; }
.colRight { float: right; margin-top: 118px;}
.colFull { }
.contentContainer { margin: 6px 0 0 0; float: left; }
.sideContainer { width: 244px; height: auto; margin: 0 0 0 0; overflow: hidden; }
.content { border: 3px solid #F9F9F7; background: #fff; margin: 0; padding: 20px;  width:748px; position: relative; } /*minus padding minus border*/
.shopDetail .content { border: 3px solid #F9F9F7; margin: 0; overflow:hidden; padding: 0; width: 742px; } /*minus padding minus border*/
.home .content { border: none; position: inherit; }
.col1, .col2 { float: left; }
.col3 { float: right; }
.header { height: 215px; text-align: center; }
.logo { margin: 0 auto; padding: 20px 0 0 0; }
.newheader .logo {float: left;}

.logged0 .loggedIn { display: none; }
.logged0 .loggedOut { display: inline; }
.logged1 .loggedOut { display: none; }
.logged1 .loggedIn { display: inline-block; }
.myAccount { line-height: 45px; }
.pinitBtn { position: absolute; right: 15px; top: 15px; }

#CoverPop-cover { z-index: 100000; }
.splash { background-color: rgba(0, 0, 0, 0.6); }
.splash-center { background: url("/img/layout/popup-10.jpg") no-repeat scroll left top #FFFFFF; margin: 10% auto 0; padding: 0; text-align: center; width: 35%; }
.splash-center h2 { line-height: 24px; }
.splash-center .button { display: inline-block; float: none; margin: 10px 0 15px; width: 160px; }
.splash-center img { width: 100%; }
.splash-center p { padding: 5px 0; }
/* ==========================================================================
                SOCIAL CONTAINER
   ========================================================================== */  

.home .socialContainer { background: #848380; width: 49px; float: left; text-align: center; margin-top: 261px;}
.home .socialContainer ul, .home .socialContainer li { margin: 0; padding: 0; list-style: none; }
.home .socialContainer li { background: none repeat scroll 0 0 #848380; height: 46px; padding: 2px 0 0; position: relative; }
.home .socialContainer li:hover { background: #706e6a; }
.socialFooter ul, .socialFooter li { margin: 0; padding: 0; list-style: none; }
.home .socialContainer ul a:hover:after, .home .socialContainer ul a:focus:after { background: none repeat scroll 0 0 #F9F9F7; height: 46px; font-family: 'Gudea', arial, sans-serif; color: #706e6a; line-height: 46px; font-weight: normal; text-align: center; content: attr(title); display: block; position: absolute; width: 140px; z-index: 9999; bottom: 0px; left: -140px; }
.internal .socialContainer { background: #848380; width:100%; float: left; margin: 0 0 6px 0; }
.internal .socialContainer ul, .internal .socialContainer li { margin: 0; padding: 0; list-style: none; }
.internal .socialContainer li { background: none repeat scroll 0 0 #848380; position: relative; width: 37px; display: block; text-align: center; float: left; }
.internal .socialContainer li.first { width: 39px; }
.internal .socialContainer li.last { width: 37px; }
.internal .socialContainer li:hover { background: #706e6a; }
.internal .socialContainer ul a:hover:after, .internal .socialContainer ul a:focus:after { display: none; }
.internal .socialContainer li a { height: 44px; width: 36px; }
.internal .socialContainer li img { width: 36px; }
/* ==========================================================================
                FORMS
   ========================================================================== */  

dl { width: 100%; font-family: "Questrial", arial, sans-serif; font-size: 13px; }
dl .tall { min-height: 50px; }
dt { width: 320px; float: left; text-align: right; margin: 0 0 5px 0; }
dd { width: 331px; margin: 0 0 5px 330px; text-align: left; }
dd, dt { min-height: 40px; line-height: 38px; overflow: hidden; }
dt h4, dt h3 { margin: 0; padding: 5px 0 0 0; }
.captchaimg { margin: 0 0 5px 0; }
dt label, label { float: none; font-family: "Questrial", arial, sans-serif; font-size: 13px; font-weight: 100; margin: 0; text-align: right; }
input { float: none; font-family: "Questrial", arial, sans-serif; font-size: 13px; font-weight: 100; margin: 0; text-align: left; }
input[type="checkbox"], input[type="radio"] { margin: 0 5px 0 0; }
.form { float: left; }
div.item { float: left; clear: left; }
.secure-login, .newsletter-form { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #F2F2F2; float: left; margin-bottom: 18px; width: 100%; }
cat_button { }
input.cat_textbox, textarea.cat_listbox, select.cat_dropdown, select.cat_listbox, .cat_textbox_small { width: 300px; border: 1px solid #ddd; padding: 10px; float: left; }
.cat_dropdown_small { width: 200px; }
.cat_dropdown_smaller { width: 150px; }
.cat_textbox_small, .cat_listbox_small { width: 200px; /* DON'T TOUCH THIS */ }
.cat_listbox { height: 120px; width: 300px; }
/* ==========================================================================
                BUTTONS
   ========================================================================== */  

.button, .button a, .cat_button, .productSubmitInput, .buttonSml, .buttonSml:visited, .cartSummaryLink { color: #fff; font-family: "Gudea", arial, sans-serif; font-weight: bold; font-size: 18px; text-transform: uppercase; }
.productSubmitInput, .buttonSml { font-size: 14px; }
.button, .cat_button, .productSubmitInput, .buttonSml, .cartSummaryLink { text-align: center; display: block; background: #f6921e; box-shadow: 2px 2px 2px #635c5b; padding: 20px 0; cursor: pointer; border: none; }
.productSubmitInput, .buttonSml { box-shadow: 2px 2px 2px #333; }
.cat_button { width:!important; padding: 10px; }
.productSubmitInput {padding: 10px; }
.buttonSml {  padding: 10px; }
.button:hover, .cat_button:hover { background: #b8b2a1; box-shadow: 3px 3px 3px #635c5b; }
.productSubmitInput:hover, .buttonSml:hover, .buttonSml:hover a { background: #b8b2a1; box-shadow: 3px 3px 3px #333; color: #fff; }
.productSubmitInput:hover { background: #98D079; }
.cartSummaryLink { padding: 5px 0; width: 100px; font-size: 13px; font-weight: normal; float: right; margin-top: 8px; }
/* ==========================================================================
                NAVIGATION
   ========================================================================== */

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.mobi-menu{ display:none;}
.topNav { width:auto; height: 45px; margin: 0 auto 6px auto; background: #F9F9F7; }
.topNav ul{ display:table; width:100%; float:none;}
.topNav ul, .topNav #cat_1058955_divs { line-height: 45px; display: inline; }
.topNav ul, .topNav li { margin: 0; padding: 0; list-style: none; }

.topNav ul li ul {display: none;}
.topNav ul li:hover ul {display: block;}

.topNav li { display:table-cell; width:1%; margin:0; float:none;}
.logged1 li { display: inline-block; margin: 0 25px 0 0 !important; }
.topNav li:last-child { margin: 0; }
.topNav li a { display:block; white-space:nowrap; text-align:center; color: #7a7976; font-family: 'Gudea', arial, sans-serif; font-size: 13px; font-weight: 400; }
.topNav li a:hover { color: #5a5957; }
.footer { background: #535353; padding: 40px 0; margin: -4px 0 0 0; clear: both; overflow: hidden; }
.footer ul { width: 244px; display: inline; float: left; line-height: 20px; }
.footer ul, .footer li { margin: 0; padding: 0; list-style: none; }
.footer li a { color: #d7d7d7; }
.footer li a:hover { color: #98d079; }
/* ==========================================================================
                SLIDER - DELETE IF NOT USING
   ========================================================================== */

.sliderContainer { width: 945px; height: 276px; float: right; overflow: hidden; position: relative; margin-top: 261px; }
.slider li { width: 945px; height: 276px; overflow: hidden; }
.slider ul, .slider li { list-style: none outside none; margin: 0; padding: 0; }
.information { background: #848380; width: 245px; height: 276px; padding: 20px; font-size: 22px; line-height: 23px; font-family: 'Questrial', arial, sans-serif; text-transform: uppercase; color: #fff; float: left; position: relative; }
.slider-button { position: absolute; bottom: 45px; padding: 10px; left: 20px; right: 20px; }
#controls { float: left; margin: -35px 0 0 20px; padding: 0; overflow: hidden; position: relative; z-index: 10; }
#controls li { display: inline-block; float: left; list-style: none outside none; margin: 0 4px 0 0; background: #fff; }
#controls li a { color: #FFFFFF; display: block; height: 14px; width: 14px; outline: medium none; }
#controls li.current a, #controls li a:hover { font-weight: bold; color: #98D079; background: #98D079; }

.sliderContainer ul{ margin:0;}
.sliderContainer .bx-wrapper .bx-pager, .sliderContainer .bx-wrapper .bx-controls-auto{ bottom:20px; text-align:left; padding-left:18px;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; width:14px; height:14px; border-radius:0px; margin:0px 2px;}
.sliderContainer .bx-wrapper .bx-pager.bx-default-pager a.active, .sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#98d079;}
.sliderContainer .bx-wrapper .bx-loading{ background:none;}
.sliderContainer .bx-wrapper .bx-next, .sliderContainer .bx-wrapper .bx-prev{ background:none;}
/* ==========================================================================
                HOMEPAGE ENTRY
   ========================================================================== */  

.entry .description { background: #98D079; font-size: 22px; line-height: 21px; font-family: 'Questrial', arial, sans-serif; text-transform: uppercase; font-weight: normal; color: #fff; padding: 20px 20px 0 20px; width:100%; height: 137px; }
.entry .description a { color: #fff; font-family: 'Questrial', arial, sans-serif; }
.entry { width: 244px; float: left; margin: 0 8px 0 0; }
.entry img { width: 244px; }
.blogSubscribeWrapper { background: none; clear: both; overflow: hidden; margin: 6px 0 0 0; float: left; }
.subscribe { background: #848380; padding: 20px; width:100%; color: #fff; font-family: arial, sans-serif; font-size: 12px; line-height: 15px; float: right; }
.home .subscribe h2 { color: #fff; font-size: 25px; }
.internal .subscribe { margin: 0 0 6px 0; }
.internal .subscribe h2 { color: #fff; }
.internal .subscribe { background: #848380; }
.internal .subscribe P { display: none; }
/* ==========================================================================
                INTERNAL
   ========================================================================== */	

.internal .whyT8 img { display: none; }
/* ==========================================================================
                BLOG
   ========================================================================== */

.blogContainer { background: #fbfafa; padding: 20px; width:75.5%; float: left; border-right: 6px solid #fff; min-height: 212px; }
.blogContainer h1 { line-height: 26px; }
.blog-post .post-body { margin: 0 0 5px 0; color: #7a7976; font-family: arial, sans-serif; font-size: 12px; line-height: 15px; display: inline; }
.postList .post-date { color: #7a7976; font-size: 13px; line-height: 18px; margin: 5px 0 0 0; display: inline; }
.postList .separator { display: inline; }
.blog .postList .post-date { display: block; }
.blog .postList .separator { display: none; }
.postList .postPreview { margin: 10px 0 0 0; }
.postList .postPreview a { font-weight: bold; }
.postList h4 { margin: 0 0 5px 0; clear: none; display: inline; }
.blog .postList h4, .blog .postList h4 a { color: #72b84b; }
.postList h4 a:hover, .postList a:hover { color: #72b84b; }
.blog .postList h4 a:hover { color: #848380; }
.blogNav, .shopNav { border: 3px solid #F9F9F7; display: block; float: left; margin: 0 0 6px; padding: 20px; width: 100%; }
.shopNav { font-size: 16px; line-height: 23px; }
.fb-detail{ overflow: hidden; width: 244px; float: right;}
.fb-detail iframe{ width:100%; height:624px; border:medium none;}
.blog .postList { border-bottom: 2px dotted #f2f2f2; padding: 0 0 10px 0; margin: 0 0 20px 0; }
.blogContainer .postList { border: none; padding: 0; margin: 0 0 15px 0; }
.blog .postList img { width: 700px; }
.blog-list { background: #f9f9f9; border: 1px solid #eee; color: #000; font-size: 11px; margin: 0 0 18px; padding: 18px; }
.blog-container .post-list { float: left; width: 700px; }
.BlogRecentPost ul, .BlogTagList ul, .BlogPostArchive ul { margin: 0; padding: 0; }
.BlogTagCloud { }
.BlogRecentPost, .BlogTagList { margin: 0 0 15px 0; }
.BlogRecentPost li, .BlogTagList li, .BlogPostArchive li { line-height: 15px; list-style: none; margin: 0 0 7px; }
.BlogTagList li span { display: none; }
.comment-list { background: #f9f9f9; border: 1px solid #eee; margin-bottom: 36px; padding: 18px; }
.comment-list h5 { font-size: 14px; margin: 0 0 18px; }
.comment-list input#Captcha { width: 300px; }
.comment-list textarea.cat_listbox_small { height: 120px; width: 100%; }
.blog-comment-container { border: 1px solid #e9e9e9; margin: 0 0 18px; }
.blog-comment-container .comment-details { background: #eee; font-size: 11px; padding: 6px; }
.blog-comment-container .comment { background: #fff; padding: 9px; }
/* ==========================================================================
                WEBAPPS
   ========================================================================== */

.eOilsList { float: left; border-bottom: 2px dotted #f2f2f2; margin: 0 10px 20px; padding: 0 0 10px; }
.eOilsList .foundin { background: #fbfbfb; clear: left; float: left; overflow: hidden; padding: 20px; width: 663px; margin: 15px 0 0 0; }
.eOilsList .foundin .intro { float: left; padding: 0 0 20px 0; font-weight: bold; }
.eOilsList .foundin .col1 { float: left; clear: left; min-width: 200px; margin: 0 20px 0 0; }
.eOilsList .image img { border: 3px solid #F9F9F7; }
.eOilsDetail .image img { width: 300px; }
.eOilsDetail .image { float: left; margin-right: 10px; }
.eOilsList h3 { clear: none; margin: 0 0 10px 30px; }
.eOilsDetail .description { float: left; width: 380px; }
.eOilsList ul { margin: 0 0 0 25px; padding: 0; }
.eOilsList li { list-style: disc; }
.eOilsList .button { font-size: 14px; padding: 5px 0; }

/*Media*/
.media-logo{ display:inline-block; margin:-5px -10px 10px -10px;}
.media-logo .mediaList{ margin:0; padding:10px; width:33.33%; float:left; display:inline-block; border:0px;}
.media-logo .mediaList .media-border{ border:1px solid #f2f2f2; padding:12px;}

.mediaList { width: 214px; min-height: 140px; float: left; display: inline-block; margin: 0 20px 20px 0; border: 1px solid #f2f2f2; padding: 20px 0; }
.mediaList .image { text-align: center; }
.mediaList .image img { height: 100px; }
.mediaList h4, .mediaList h4 a { margin: 0 0 5px; min-height: 30px; padding: 10px 0 0 0; text-align: center; text-transform: uppercase; font-family: "Questrial", helvetica, "Calibri", sans-serif; font-size: 13px; }
.testimonial span { font-size: 60px; display: block; font-family: Times, "Times New Roman", serif; color: #eee; position: absolute; letter-spacing: -4px; }
.qu-left { top: 13px; left:-11px; }
.qu-right { right: 0; bottom: -10px; }
footer .testimonial span { color: #999; }
.testimonial { font-style: italic; position: relative; padding: 0 30px; }
.testimonialList { border-bottom: 1px dashed #ddd; margin-bottom: 10px; }
footer .testimonialList { float: right; width: 50%; border-bottom: none; color: #d7d7d7; }
.user { text-align: right; padding-right: 30px; }
.listView { border-bottom: 2px dotted #f2f2f2; padding: 0 0 10px 0; margin: 0 0 20px 0; float: left; width: 700px; }
.listView .image { float: left; }
.listView .image img { float: left; width: 300px; }
.listView .colRight { width: 390px; }
.listView .readMore { font-weight: bold; }
/* 	
        .listView h4 a {
                color: #98D079; }
        
        .listView h4 a:hover {
            color: #848380; } */

.listView .image { float: left; }
.detailView .image img { float: left; width: 300px; }
.detailView .colRight { width: 390px; }
/* ==========================================================================
                ONLINE SHOP - insert styles from BC defaults
   ========================================================================== */


.order-list td { padding: 5px; }
input.cartInputText { border: 1px solid #ddd; padding: 5px 10px; width: 30px; }
input.discountcodeInput { border: 1px solid #ddd; padding: 5px 10px; width: 50px; }
.update, #catshopclear, #catshopquote, #catshopbuy { color: #fff; text-align: center; padding: 6px 10px; margin: 0 0 0 5px; background: #aaa38f; box-shadow: none; cursor: pointer; border: none; }
#catshopclear, #catshopquote, #catshopbuy { font-size: 16px; text-transform: uppercase; box-shadow: 2px 2px 2px #635c5b; }
#catshopbuy, #catshopquote { background: #98D079; }
.update:hover, #catshopbuy:hover, #catshopclear:hover, #catshopquote:hover { background: #b8b2a1; box-shadow: none; }
#catshopbuy:hover { box-shadow: none; }
.cart .productitemcell { min-height: 30px; padding: 5px 0 0 0; }
.giftvoucher td { padding: 5px 5px 15px 5px; }
.sub-total td { padding: 15px 5px 5px 5px; }
.shopNav ul, .shopNav li { margin: 0; padding: 0; list-style: none; }
.shop-main ul, .shop-main li { margin: 0; padding: 0; list-style: none; }
.productItemNotFound, .catalogueItemNotFound { display: none; }
.breadcrumbs { float: left; margin: 0 0 20px 0; }
.home table.cartSummaryTable { border-collapse: collapse; border-spacing: 0; display: inline; float: right; font-size: 12px; line-height: 45px; width: 200px; position: relative; }
.home .cartSummaryItem { padding: 0; position: absolute; right: 0; color: #7A7976; font-family: 'Gudea', arial, sans-serif; font-size: 13px; font-weight: 400; width: 300px; text-align: right; }
.topNav .cartSummaryLink { display: inline; float: none; padding: 4px 10px; }
.internal table.cartSummaryTable { }
.internal .yourCart { display: block; float: left; width:100%; background: #f9f9f7; padding: 20px; margin: 0 0 6px 0; }
.internal .cartSummaryItem { padding: 0; position: relative; }
.internal .cartSummaryItem .cartSummaryLink{ float:none;}
/* ==========================================================================
                CATALOGUE
   ========================================================================== */
.catalogueTable{ display:inline-block; width:100%; text-align:center;}
.catalogueTable tbody{ width:100%;}
.shop-catalogue { background: #fff; float: left; width:auto; margin: 0 6px 6px 0; overflow: hidden; text-align: center; border-bottom: 1px solid #f9f9f7; padding: 0 0 30px 0; position: relative; width:228px;}
.shop-catalogue h4, .shop-catalogue h4 a { bottom:0; font-family: "Questrial", helvetica, "Calibri", sans-serif; font-size: 13px; left: 0; margin: 0 auto; position:relative; }
.shop-catalogue .image { /* Image size should be 150px by 120px */
    height:220px; margin: 0 auto; overflow: hidden; padding: 15px; text-align: center; padding-top:20px; padding-bottom:14px; }
.shop-catalogue .image img { width:auto; }
.shop-catalogue .image > a{ height:180px; overflow:hidden; display:block;}
/* ==========================================================================
                SMALL PRODUCT
   ========================================================================== */

.shop-product-small h4, .shop-product-small h4 a { height:31px; overflow:hidden; font-family: "Questrial", helvetica, "Calibri", sans-serif; font-size: 13px; margin: 0 auto; }
.shop-product-small { float:left; position:relative; width:200px; margin:0 6px 6px 0; overflow:hidden; text-align:center; display:inline-block; border-bottom: 1px solid #f9f9f7; padding: 0 0 30px 0; /* 	border-right: 1px solid #F9F9F7;  */
                      padding: 0 0px 30px 0; }
.productSmall { margin: 2px 0 0 0px;/*  width: 710px; */ }
table.productSmall { display:inline-block; float:none; padding:20px;}
/*.productSmall tr .productItem:last-child .shop-product-small { padding: 0; margin: 0; }
*/.productSmall .productItem {/* border-bottom: 1px solid #F9F9F7;  padding: 0 0 30px;*/ }
.productSmall .productSubmitInput, .productSmall .buttonSml { box-shadow: 2px 2px 2px #635C5B; }
.shop-product-small .image { height: 180px; padding: 0 0 10px 0; margin-bottom:10px; background: #fff; position: relative; z-index: 200; text-align:center;}
.shop-product-small .image img { height: 180px; max-width: 200px; }
.productSmall .productItem .details .productSubmitInput{ float:none; display:inline-block;}
.productSmall .productItem .details .buttonSml{ float:none; display:inline-block; margin-left:15px;}
.productSmall .details h4, .productSmall .details h4 a { text-transform: uppercase; margin: 0 0 5px 0; min-height: 40px; }
.productSmall .price { margin: 0 0 6px 0; font-size: 14px; height:21px; overflow:hidden; }
.pagination { padding: 0 10px; }

/* ==========================================================================
                LARGE PRODUCT
   ========================================================================== */ 

.shopDetail .paginationContainer { display: none; }
.shop-main { }
.productLarge, .shop-product-large, .productLarge .productItem { width:auto; padding: 0; }
.shop-product-large h1 { clear: none; font-family: 'Questrial', arial, sans-serif; font-size: 18px; color: #7a7976; font-weight: normal; text-transform: capitalize; }
.shop-product-large h3 { font-size: 15px; }
.shop-product-large { }
.shopDetailUpper { padding: 0 20px 20px 20px; overflow: hidden; }
.shopDetail .head { padding: 20px 20px 0 20px; }
.shop-product-large .buyContainer { border: 3px solid #f9f7f7; padding: 20px; float: left; font-size: 12px; font-family: "Questrial", arial, sans-serif; margin: 10px 0 20px 0; width: 280px; }
.shop-product-large .buyContainer .productTextInput { border: 3px solid #f9f7f7; width:40px; text-align:center; padding: 11px 0px; margin: 0 0 0 5px; }
.shop-product-large .buyContainer .productSubmitInput { float: right; box-shadow: 2px 2px 2px #635C5B; margin: 0 0 5px; width:130px; background: #f6921e; }
.shop-product-large .buyContainer .productSubmitInput:hover { float: right; box-shadow: 3px 3px 3px #635C5B; }
.shop-product-large .price { font-size: 18px; }
.shop-product-large .description { width: 100%; float: left; }
.shop-product-large .image { float: left; width: 330px; position: relative; border: 3px solid #f9f7f7; }
.shop-product-large .image img { width: 320px; }
.shop-product-small { position: relative; }
.productLarge .shop-product-small .details { background: #535353; padding: 20px; color: #fff; min-height: 70px; position: relative; }
.productLarge .shop-product-small .details h4 a { color: #fff; text-transform: uppercase; font-size: 15px; }
.productLarge .shop-product-small .details h4 a:hover { color: #98D079; }
.productLarge .shop-product-small .details .productSubmitInput, .productLarge .shop-product-small .details .buttonSml { display: none; }
.relatedProducts { background: #F9f9f7; padding: 20px; width:100%; float:none; display:inline-block; }
.relatedProducts h3 { line-height: 30px; margin: 0 0 5px 0; }
.productLarge .shop-product-small { margin:0; padding:10px; width:33.33%; }
.productLarge .shop-product-small .image { padding: 10px 0 10px 0; height: 165px; text-align: center; }
.productLarge .shop-product-small .image img { height: 155px; max-height: 154px; }
.productLarge .shop-product-small .price { margin: 5px 0 0 0; }
.productLarge .productTable{ margin:0px -10px; width:100%;}
.productLarge .productTable td{ display:inline;}

.addthis_toolbox { float: left; width: 140px; }
.at_PinItButton { background: url(http://twenty8.onlinemarketingcollective.com/img/layout/icon-pi.jpg) !important; border: 0 !important; border-radius: 0 !important; width: 16px !important; height: 16px !important; background-position: 0 0 !important; box-shadow: 0 !important; margin: 2px 0 0 0; }
.addthis_toolbox .addthis_button_pinterest_pinit { margin: 0; }
.shipMsg { float: left; clear: left; margin: 0 0 20px 0; width: 320px; font-weight: bold; }
/* ==========================================================================
                TAB SHOP
   ========================================================================== */

.shop-main .tabContainer li, .shop-main .tabContainer ul { list-style: circle !important; margin: 5px 0 0 20px; padding: 0 0 0 5px; }
.shop-main .tabContainer ul { margin: 10px 0 20px 0; }
.tabContainer { background: #F4ECD4; padding: 20px; background: #fff; float: left; margin: 0; width:100%;}
.shop .tabs { margin: 10px 0 0 0; padding: 0; overflow: hidden; float: left; clear: both; width: 100%; background: #848380; }
.shop .tabs h4 { margin: 0; color: #fff; text-transform: uppercase; }
.shop .tab-content { display: none; overflow: hidden; font-size: 13px; color: #848380; }
.shop #tab1 { display: block; }
.shop .tabs li { list-style: none; margin: 0; padding: 0; display: inline; }
.shop .tabs li a { background: #848380; list-style: none; margin: 0; padding: 12px 0; width: 185px; float: left; text-align: center; color: #fff; text-transform: uppercase; }
.shop .tabs li.active a { width: 187px; }
.shop .tabs li.active h4, .shop .tabs li.active a { background: #706e6a; }
.shop .tabs li:hover h4, .shop .tabs li a:hover { background: #706e6a; }
.shop .tabs li a:hover { }
.shop #tab1 { padding: 0; }
/* ==========================================================================
                FEATURED PRODUCT
   ========================================================================== */

.home .featuredProd { float: right; }
.featuredProd { width:244px; overflow: hidden; padding: 0; }
.featuredProd .image { text-align: center; height: 188px; border-top: 3px solid #f2f2f2; border-right: 3px solid #f2f2f2; border-left: 3px solid #f2f2f2; }
.featuredProd img { height: 150px; padding: 20px 0; }
.featuredProd .details { background: #535353; color: #fff; padding: 20px; overflow: hidden; width:100%; }
.featuredProd .details h4, .featuredProd .details h4 a { color: #fff; text-transform: uppercase; margin: 0 0 5px 0; }
.featuredProd .price { margin: 0 0 6px 0; font-size: 14px; }
.featuredProd .buttonSml, .shop-product-small .buttonSml { float: right; }
.featuredProd .productSubmitInput, .featuredProd .buttonSml, .shop-product-small .productSubmitInput, .shop-product-small .buttonSm { display: block; float: left; margin-right: 4px; -webkit-appearance:none; }
.fbFeedbackContent .composer, .productSearch .cat_button{ -webkit-appearance:none;}
.featuredProd ul, .featuredProd li { list-style: none; margin: 0; padding: 0; }


.home .newspanel { float: right; }
.newspanel { width:244px; overflow: hidden; padding: 0; }

/* ==========================================================================
                CART / CHECKOUT
   ========================================================================== */

table.cart { background: #fff; border-collapse: collapse; border-spacing: 0; font-size: 11px; width: 100%; }
table.cart th { background: none /* #f9f9f9 */; font-size: 12px; font-weight: bold; text-align: left; padding: 10px 5px; }
table.cart td { vertical-align: top; /*to make sure the div stack line up at the top */ padding: 5px; }
.shipping, .val { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; }
.shipping td, .val td { padding: 10px 5px; }
.actions { text-align: right; }
.specialInst { line-height: 18px; color: #ba7e20; }
/* ==========================================================================
                PRODUCT SEARCH
   ========================================================================== */

.productSearch { width:100%; margin: 5px 0 11px 0; float: left; position:relative;}
.productSearch .inputSearch { border: 3px solid #F9F9F7; padding: 10px; float: left; width:100%; color: #706E6A; font-size: 12px; }
.productSearch .cat_button { float: right; position:absolute; top:0; right:0; margin: 0 4px 0 0; box-shadow: none; /*  2px 2px 2px #666;  */ padding: 10px ; }
.searchResultList { border-bottom: 2px dotted #f2f2f2; padding: 0 0 10px 0; margin: 0 0 20px 0; }
/* ==========================================================================
                HLE PROGRAM
   ========================================================================== */

.hleInternal p { font-size: 14px; }
.hleIntro { margin: 25px 0 30px 0; padding: 0 0 25px 0; border-bottom: 1px dotted #9a9996; float: left; }
.hleIntro h2 { font-family: 'Oleo Script', cursive; text-transform: none !important; font-size: 35px; line-height: 55px; }
.hleIntro h3 { margin: 0; color: #aaa38e !important; }
.hleIntro h2.heart { background: url("/img/hle-program/icon-heart.png") no-repeat right top transparent; width: 250px; height: 42px; }
.hleIntro p.brown { color: #aaa38e !important; }
.hleIntro ol { font-weight: bold; font-size: 14px; }
.hleIntro ol li { font-weight: normal; padding-bottom: 5px; }
.hleTitle { margin: 10px 0 25px 0; padding: 0 0 25px 0; border-bottom: 1px dotted #9a9996; float: left; }
.hleTitle .greenBar { background: #97d175; padding: 25px; margin: 0 0 30px 0; }
.hleTitle .greenBar h2 { color: #FFFFFF; font-size: 30px; margin: 0 0 3px 0; }
.hleTitle .greenBar h3 { color: #FFFFFF; font-size: 20px; text-transform: none; margin: 0; }
.hleTitle h4 { text-transform: uppercase; font-family: 'Questrial', arial, sans-serif; font-size: 18px; line-height: 22px; }
.hleBenefits { margin: 10px 0 30px 0; padding: 0 0 35px 0; border-bottom: 1px dotted #9a9996; float: left; }
.hleBenefits ul { list-style-image: url("/img/hle-program/icon-tick-green.png"); }
.hleBenefits ul li { padding: 0 0 5px 10px; font-size: 15px; font-family: 'Questrial', arial, sans-serif; }
.hleBenefits .wrap { float: left; width: 100%; }
.hleBenefits .wrap .colLeft { width: 480px; margin: 0 15px 0 0; background: #f9f9f7; padding: 15px 30px 15px 15px; }

.hleBenefits h2 { font-family: 'Oleo Script', cursive; text-transform: none !important; font-size: 30px; margin: 0 0 30px 0; }
.hleKim { margin: 0px 0 40px 0; padding: 0 0 40px 0; border-bottom: 1px dotted #9a9996; float: left; }
.hleKim .colLeft { width: 350px; }
.hleKim .colRight { width: 650px; }
.hleKim .colRight h2 { color: #97d175; font-size: 30px; margin: 70px 0 30px 0; }
.hleProgram { margin: 10px 0 40px 0; padding: 50px 0; border-top: 1px dotted #9a9996; border-bottom: 1px dotted #9a9996; float: left; }
.hleProgram .colLeft { width: 650px; }
.hleProgram .colLeft h2 { color: #97d175; font-size: 30px; margin: 70px 0 30px 0; }
.hleProgram .colRight { width: 350px; text-align: right; }
.hleIncludes { margin: 0px 0px 0px 0px; float: left; }
.hleIncludes .greenBar { background: #97d175; padding: 25px; margin: 0 0 5px 0; }
.hleIncludes .greenBar h2 { color: #FFFFFF; font-size: 30px; margin: 0 0 0 0; }
ul.programIncludes { list-style-image: url("/img/hle-program/icon-tick-green.png"); }
ul.programIncludes ul { list-style-image: url("/img/hle-program/icon-chevron.png"); }
ul.programIncludes li { padding: 0 0 5px 10px; font-size: 15px; }
.hleIncludes .colLeft { width:100%; margin: 0 0 0 0; padding: 15px; background: url("/img/hle-program/swirl.png") no-repeat right bottom #f9f9f7; }
.hleIncludes .guaranteeSeal { float: right; margin: -260px 50px 0 0; background: url("/img/hle-program/seal-green.png") no-repeat center; background-size: 200px; height: 200px; width: 200px; line-height: 22px; text-align: center; color: #FFFFFF; font-family: 'Questrial', arial, sans-serif; font-size: 18px; padding:70px 0 0 0; }
.hleExtras { margin: 0 0 30px 0; float: left; }
.hleExtras ul { display: inline-block; list-style: none; margin: 0; padding: 0; float: left; height: 290px; width: 100%; }
.hleExtras ul li { width: 180px; height: 180px; border: 1px solid #ffffff; float: left; margin: 0 22px 0 0 ; }
.hleExtras ul li:last-child { margin: 0 !important; float: right !important; }
.hleBuy { margin: 10px 0 30px 0; float: left; }
.hleBuy .colLeft { width: 800px; height: 58px; border-top: 1px dotted #9a9996; border-bottom: 1px dotted #9a9996; }
.hleBuy .price { float: left; width: 190px; font-family: 'Oleo Script', cursive; text-transform: none !important; font-size: 30px; line-height: 60px; }
.hleBuy .note { margin: 12px 0 0 0; width: 200px; float: left; }
.hleBuy .ccCards { float: right; width: 250px; margin: 12px 0 0 0; }
.btnBuy { width: 160px; height: 60px; background: #aaa38e; line-height: 64px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-size: 20px; display: inline; }
.hleBuy .productSmall .productItem { border-bottom: none !important; margin: 0 !important; padding: 0 !important; }
.hleBuy .btnBuy .productSubmitInput { width: 160px; height: 60px; font-size: 20px; display: inline; background: #98D079; }
.hleBuy .btnBuy .productSubmitInput:hover { background: #aaa38e; }
.hleBuy .button { width: 155px; height: 60px; float: left; margin-right: 5px; padding: 0; }
.hleBuy p.finePrint { font-size: 11px; float: left; margin: 10px 0 0 0; }
.hleTestimonials { margin: 0 0 40px 0; padding: 50px 40px 20px 40px; float: left; background: #615f5f; color: #FFFFFF; width:100%; }
.hleTestimonials .comment { float: left; width: 100%; margin-bottom: 30px; }
.hleTestimonials  .hleTestimonials .top { }
.hleTestimonials .colLeft { width: 7%; text-align: left; }
.hleTestimonials .colRight { width: 93%; text-align: left; font-family: 'Questrial', arial, sans-serif; font-size: 15px; line-height: 20px; }
.hleSucceed { margin: 0 0 30px 0; float: left; }
.hleSucceed .greenBar { background: #97d175; padding: 25px; margin: 0 0 5px 0; }
.hleSucceed .greenBar h2 { color: #FFFFFF; font-size: 30px; margin: 0 0 0 0; }
.hleSucceed ul { list-style-image: url("/img/hle-program/icon-tick-green.png"); }
.hleSucceed ul li { padding: 0 0 5px 10px; font-size: 15px; font-family: 'Questrial', arial, sans-serif; }
.hleSucceed .wrap { float: left; width: 100%; }
.hleSucceed .wrap .colLeft { width: 650px; margin: 0 15px 0 0; background: #f9f9f7; padding: 15px 30px 15px 15px; }
.hleSucceed .wrap .colRight { width: 320px;  background:;
                              margin: 0 0 0 0; }
.hleContact { margin: 0 0 40px 0; padding: 50px; border-bottom: 1px dotted #9a9996; float: left; background: #615f5f; color: #FFFFFF; width:100%; }
.hleContact .colLeft { width: 170px; }
.hleContact h2 { font-family: 'Oleo Script', cursive; text-transform: none !important; font-size: 30px; margin: 20px 0 20px 0; color: #aaa38e; }
.hleContact .colRight { width: 730px; }
.btnContact { width: 320px; height: 50px; background: #aaa38e; line-height: 50px; text-align: center; color: #FFFFFF; text-transform: uppercase; font-size: 17px; margin: 25px 0 0 0; box-shadow: 2px 2px 2px #635c5b; }
.btnBuy:hover, .btnContact:hover { background: #97d175; }
/* ==========================================================================
                WEB FORMS - insert styles from BC defaults
   ========================================================================== */



/* ==========================================================================
                MISCELLANEOUS - don't just dump crap in here!
   ========================================================================== */  

.viewAll { font-size: 15px; }
.upForAChat { background: none; float: right; padding: 8px 0 0; width: 244px; }
.recipeDetail h2, .recipeDetail h3, .recipeDetail p { /* 	width: 430px; 
        float: left;  */
    clear: left; }
.recipeDetail img { max-width: 250px; }
.recipeDetail ul, .recipeDetail ol { clear: left; }
.subscribeHome { float: left; }
.subscribeHome .subscribe { background: #848380; padding: 20px; width:504px; color: #fff; font-family: arial, sans-serif; font-size: 12px; line-height: 15px; float: left; margin: 8px 8px 0 0; height:222px; }
.subscribeHome .subscribe .button { margin-top: 30px; }
.christmas { background: url("/img/layout/christmas-bow.png") no-repeat left top transparent; position: absolute; z-index: 200000; height: 136px; width: 179px; }
.shop-product-small .christmas { background-size: 100px !important; background: url("/img/layout/christmas-bow.png") no-repeat left top transparent; height: 180px; max-width: 200px; }
/* ===========================================================================
    TEMPLATE ELEMENTS
   =========================================================================== */

.footerBG { background: url(/img/layout/bg-bottomright.png) no-repeat right bottom; height: 200px; position: absolute; width: 320px; right: 0; margin: -170px 0 0 0; z-index: -1; }
.footer { position: relative; }
.footerSecondary { background: #615F5F; height: 100px; text-align: center; }
.socialFooter { background: none; clear: both; height: 45px; margin: 0 auto; padding: 15px 0 0; width: 100%; }
.socialFooter li { background: none; width: 30px; display: inline; }
.copyrightContainer { margin: 0 auto; clear: both; }
#colophon { width: 960px; margin: 0 auto; padding: 4px 0; text-align: center; }
#colophon ul { display: inline; list-style: none; padding: 0; margin: 0; border: 0; }
#colophon ul li { display: inline; }
.sitestamp, .copyright { font: 10px/10px Arial, sans-serif; }
.copyright { margin-right: 4px; padding-right: 4px; border-right: 1px solid; }
.sitestamp a { vertical-align: baseline; font-size: 12px; line-height: 10px; }
#omc-logo { height: 8px; width: 32px; margin-left: 2px; background-attachment: scroll; background-position: 0 0; background-repeat: no-repeat; display: inline-block; vertical-align: middle; }
.c000 { color: #000; border-color: #000; }
.c333 { color: #333; border-color: #333; }
.c666 { color: #666; border-color: #666; }
.c999 { color: #999; border-color: #999; }
.cccc { color: #CCC; border-color: #ccc; }
.cfff { color: #FFF; border-color: #fff; }
.c000 #omc-logo { background-image: url(/img/layout/omc/omc000.png); }
.c333 #omc-logo { background-image: url(/img/layout/omc/omc333.png); }
.c666 #omc-logo { background-image: url(/img/layout/omc/omc666.png); }
.c999 #omc-logo { background-image: url(/img/layout/omc/omc999.png); }
.cccc #omc-logo { background-image: url(/img/layout/omc/omcCCC.png); }
.cfff #omc-logo { background-image: url(/img/layout/omc/omcFFF.png); }


/**/
.stickyheader{
    position: fixed;
    z-index: 999;
    background: rgba(255,255,255,1);
    top: 0px;
    width: 1000px;
}
/**/

/* 5 nov 2015 css*/
.margin-top261{
 margin-top: 261px;   
}
/* end css*/

/* 6 nov 2015 */

.header-gift-img{
    margin: 5px 0px;
}

.header-gift-img img{
    width: 100%;
}

/* end css */



/* ==========================================================================
        MEDIA QUERIES
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */




    .000 #omc-logo, .333 #omc-logo, .666 #omc-logo, .999 #omc-logo, .ccc #omc-logo, .fff #omc-logo { background-size: 32px 8px; }
}
/* ==========================================================================
        HELPER CLASSES - Leave directly before print styles
        .ir (image replacement)  |  .hidden (display:none)  .visuallyhidden  
        .clearfix (for naughty floats: h5bp.com/q)
   ========================================================================== */

.noscript { background: #000; font: bold 10px/12px sans-serif; color: #ff0; text-align: center; padding: 5px; }
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height:0;
}
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1;
}

/* ==========================================================================
        PRINT STYLES - leave as last item
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}


.elimation-protocol{ display:inline-block; width:100%; border-bottom:solid 1px #f9f9f7; margin-bottom:20px;}
.elimation-protocol .detail{ float:left; display:inline-block; width:75%;}
.elimation-protocol table.productSmall{ display:inline-block; float:left; width:25%;}
.elimation-protocol .productSmall .productItem{ padding-bottom:20px;}


/*Whole Saler Thankyou*/
.content.colRight .wholesaler dl.webform dt{ line-height:37px;}
.content.colRight .wholesaler dl.webform dt label{ display:inline-block; line-height:18px; vertical-align:middle; padding-top:10px;}

/*Site Map*/
.sitemap ul{ padding-left:20px; padding-bottom:0; margin:0;}
.sitemap ul > li > ul{ padding-left:10px; padding-bottom:0;}

/*Whole Sale Login*/
.whole-sale-login div.form div.item{ padding:0; margin-bottom:15px;}
.whole-sale-login .item .cat_textbox_small{ margin-top:5px;}
.whole-sale-login .item{ margin-bottom:10px;}


/*Gift Voucher*/
.gift-voucher .cartSummaryLink{ float:none;}
.gift-voucher .cartSummaryLink a{ color:#fff;}
.gift-voucher .cartSummaryLink a:hover{ color:#000;}

.home .topNav table.cartSummaryTable{ display:none;}


.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
    min-width: 100% !important;
    width: 100% !important;
}

.facebookComments{ width:100%; display:inline-block;}

.sensory{ display:inline-block; width:100%; margin-top:25px;}
.sensory .sensory-form .form-group{ margin-top:15px;}
.sensory .sensory-form .form-group label{ display:inline-block; padding-bottom:10px;}
.sensory .sensory-form .form-control{ width:450px; border:1px solid #dddddd; padding:300px; padding:10px;}

.sensory .self-care{ display:inline-block; width:100%; margin:0px -10px;}
.sensory .self-care table.productSmall{ width:25%; float:left; padding:0px 10px;}
.hidden-lg{ display:none;}


/*Home Layout Changes css*/
.newheader{}
.newheader ul{ padding:8px 0; margin:0px 0 0 0; background: #f9f9f7;}
.newheader ul li{ display: inline-block;}
.newheader ul li:last-child{ border-right: 0px;}
.newheader ul li a{ color: #838481; padding: 5px 20px; display: block;}


/* new css */

.margin-top40{margin-top: 5px;  }
.search-box-col{float: left;width:260px; border: 1px solid #797979;}
.search-box-col input[type="text"]{ float: left; border: 1px solid #fff;width: 68%;padding:10px 0px;}
.search-box{border:1px solid #bebebe;}
.search-box-col i, .search-box-col em{display:block;float: left; line-height: 36px; width:30px;}
.shopping-cart-col1{float:right;width:260px;text-align: center;height: 38px;  background: #f9f9f7;}
.shopping-cart-col1 i, .shopping-cart-col1 em{display:block; float:left;line-height: 36px; width:30px;}
.shopping-cart-col1 .cart-col{display:block; width:87%; float: right;}
.shopping-cart-col1 .cartSummaryItem{width:260px;text-align: left;position: inherit;color: #333;}
.shopping-cart-col1 table.cartSummaryTable{float: none;width: 260px;line-height: 38px;}
.twenrt8-newsletter-weap .newspanel{border: 3px solid #706E6A;padding:8px 10px 9px;float: none;background: #706E6A;}
.twenrt8-newsletter-weap .newspanel h2{font-size: 18px; color: #fff;}
.twenrt8-newsletter-weap .newspanel input[type="text"]{width: 100%;margin: 2px 0px;}
.twenrt8-newsletter-weap .newspanel label{font-size: 12px;color: #fff;}
.twenty8-text-col-wrap{border: none;padding:10px 20px;clear: both;margin-top: 6px;background: #706E6A;}
.twenty8-text-col-wrap h1{color: #fff;font-weight: bold;}
.twenty8-text-col-wrap p{color: #d7d7d7;}
.img-col ul{margin: 6px 0px;padding: 0px;text-align: center;}
.img-col ul li{list-style-type: none;display: inline-block;vertical-align: top;width: 245px;}
.new-topNav ul{text-align: center; line-height: 30px;}
.new-topNav li{display:inline-block;margin: 0px;width: auto;vertical-align: text-top;position: relative;}
.new-topNav li:last-child{border-right:0px; background-color: #98D079;}
.new-topNav li a{padding: 0px 23px;}
.new-topNav li ul{position: absolute;z-index: 9999;margin: 0px;padding: 0px;text-align: left;width: 160px;background: #98D079;}
.new-topNav li ul li{display: block;margin: 0px;line-height: 28px;list-style-type: none;}
.new-topNav li ul li a{color: #fff;text-align: left;padding:0px 10px;}
.new-topNav li ul li a:hover{color: #fff;}
.new-topNav li ul li:last-child{margin: 0px;}
.shopping-cart-col1 .cartSummaryLink{margin: 0px;box-shadow: none; padding: 0px; width: 85px; height: 36px;}


.search-btn{float: right; width: 50px;}
.search-btn input[type="submit"]{background-color: #aaa38f; border: none; box-shadow: none; width: 100%;text-align: center;color: #fff;text-transform: uppercase;height: 36px;font-family: "Gudea", arial, sans-serif;
                                 font-weight: bold;}


.new-top-menu-wrap{text-align: right;}
.new-top-menu{margin:10px 0px; display: inline-block;vertical-align: top;}

#nav_1376767 > li:nth-child(8) > a{color: #fff;}
.media-grid a {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

#cat_1376767_divs {
    background: #f9f9f7;
    padding-bottom: 7px;
}

.colRight {
        margin-top: 11px !important;
}
.oldsliderContainer { width: 945px; height: 276px; float: right; overflow: hidden; position: relative; margin-top: 0px; }
.oldsliderContainer ul{ margin:0;}
.oldsliderContainer .bx-wrapper .bx-pager, .sliderContainer .bx-wrapper .bx-controls-auto{ bottom:20px; text-align:left; padding-left:18px;}
.oldsliderContainer .bx-wrapper .bx-pager.bx-default-pager a{ background:#fff; width:14px; height:14px; border-radius:0px; margin:0px 2px;}
.oldsliderContainer .bx-wrapper .bx-pager.bx-default-pager a.active, .sliderContainer .bx-wrapper .bx-pager.bx-default-pager a:hover{ background:#98d079;}
.oldsliderContainer .bx-wrapper .bx-loading{ background:none;}
.oldsliderContainer .bx-wrapper .bx-next, .sliderContainer .bx-wrapper .bx-prev{ background:none;}
.home .oldsocialContainer { background: #848380; width: 49px; float: left; text-align: center; margin-top: 0px;}
.home .oldsocialContainer ul, .home .socialContainer li { margin: 0; padding: 0; list-style: none; }
.home .oldsocialContainer li { background: none repeat scroll 0 0 #848380; height: 46px; padding: 2px 0 0; position: relative; }
.home .oldsocialContainer li:hover { background: #706e6a; }

.newcont .contentContainer {
    margin-top: 261px !important;
}

/* end css*/

/* fix css */
.Group:after {content: " ";display: table;clear: both;}
.ClearBoth {clear: both;min-height: 1px;}
/* end css */

@media only screen and (max-width:767px) {
    .largescreenmon {display:none !important; }
    .newcont .contentContainer {
    margin-top: 5px !important;
}
}

@media only screen and (min-width:768px) {
    .smallscreenmon {display:none !important; }
}