.dBox .dimg{
    height: 100%;
    position: absolute;
    cursor: pointer;
}
.dBox .dimg img{pointer-events: none;}

ol, ul {list-style: none outside none;}
html, body, div, span, applet, object, iframe, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {background: none repeat scroll 0 0 rgba(0, 0, 0, 0);border: 0 none;margin: 0;outline: 0 none;padding: 0;vertical-align: baseline;}

*{font-family: , Arial, Helvetica, sans-serif;-webkit-text-shadow: rgba(0,0,0,.01) 0 0 1px;text-shadow: rgba(0,0,0,.004) 1px 1px 1px;-webkit-font-smoothing: antialiased;}
body{color:#4E4E4E;font:12px  Arial, Helvetica, sans-serif;margin:0;}

.logo_head{position: fixed; box-shadow: 0px 0px 5px -2px rgba(0, 0, 0, 0.5); background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin: 5px 0px; border-radius: 0px 10px 10px 0px; padding: 5px 10px;height:75px;background-color:#fff;background-position:top center;width:160px;cursor:pointer;}

#container{position:absolute;left:0;right:0;bottom:0;top:249px;}
hgroup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
}
colours{#C1E492, #5C9C3F, #34813B, #4E732C}
h1,h2,h3,p,#nav *,#menu *{font-fam:custom !important;}
.dBox *, #usrMsg, h4,h5,.priceList th,.priceList td, input,.pDetQty,.tBarClose,.info,.remove{font-family:arial, sans-serif !important;}
h1{color:#1C3719;
    font-weight: bold !important;
    padding:5px 10px;
    margin: 0 0 10px;
    text-transform:capitalize;
    font-size:24px;text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important;}
h2{font-size:17px;color:#9A0000;padding:0 10px;}
h3{font-size:14px;color:#555;padding:0 10px;font-weight:normal;text-decoration:underline;}
h4{font-size:13px;}
h5{font-size:13px;color:#999;font-weight:normal;padding:0 5px;}
h6{font-size:12px;padding-left: 10px;}
p{font-size:13px;padding:5px 10px;letter-spacing:normal;color:#777;}
hr{border-top:1px solid #CCC;border-bottom:none;border-left:none;border-right:none;}

.break{clear:both;width:100%;margin:5px 0;border-top:1px solid #CCC;border-bottom:none;border-left:none;border-right:none;}


.centered{display:block;margin-left:auto;margin-right:auto;}

button{height:27px;padding-top:2px;top:0;}

#loading{position:absolute;left:0;right:0;top:0;bottom:0;z-index:1001;background:url('img/lyt/LOADER.gif') no-repeat center #FFF;opacity:0.9;filter:alpha(opacity=80);transition: opacity 0.5s ease 0s;}

#content  {margin: 0 0 49px;padding: 10px;background:url(img/bridge/bg.jpg);min-height:100%;}
#container{margin:0 auto 30px;padding:0;z-index:2;}

#TT{position:absolute;z-index:20000;top:0;left:0;padding:5px 10px;background:#000;opacity:0.66;color:#FFF;font-weight:bold;}

#alertBox   {    background: none repeat scroll 0 0 #fff;
    border: 1px solid #999;
    border-radius: 10px;
    box-shadow: 0 2px 12px -6px #000;
    font-size: 14px;
    text-transform: capitalize;
    margin: 100px auto 0;
    width:80%;
    max-width:650px;
    z-index: 1000;
    position:relative;}
#alertBox-0 {    background: rgba(255, 255, 255, 1) linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0;
    border-radius: 7px 7px 0 0;
    color: #1C3719;
    padding: 6px 10px 5px;
    font-weight: bold;
    font-size: 13px;
}
#alertBox-1 {background: none repeat scroll 0 0 #fff;
    min-height: 100px;
    padding: 5px;
    text-transform: none;    overflow-y:auto;
}
#alertBox-2 {background: none repeat scroll 0 0 #fff;
    border-radius: 0 0 9px 9px;
    padding: 8px 5px;
    box-shadow: inset 0 2px 10px -9px #000;}
#alertBox-3 {padding:5px;position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,0.1);z-index:1000;opacity:0;display:none;}
#alertBox strong{font-size:14px;font-weight:normal;color:#000;}
#alertBox button{width:75px;margin-right:5px;}

#productDetails{background:#FFF;border: 1px solid #dfdfcb;
    border-radius: 5px;
    height: 0;
    margin: auto;
    max-width: 900px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    top: 5%;bottom:5%;
    transition: all 1s ease 0s;
    width: 90%;max-height: 90%;
    z-index: 200;}
#detailLoader{
    height: calc(100% - 28px);
    overflow-y: scroll;
    background:url(img/lyt/LOADER.gif) center center no-repeat;
}
.tBar{padding:5px;   background: #EEE;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ededed+0,e7e7e7+50,e2e2e2+51,e9e9e9+100 */
background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #ededed 0%, #e7e7e7 50%, #e2e2e2 51%, #e9e9e9 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ededed 0%,#e7e7e7 50%,#e2e2e2 51%,#e9e9e9 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ededed 0%,#e7e7e7 50%,#e2e2e2 51%,#e9e9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
font-size:15px;color:#1C3719;margin:0;font-weight:bold;border-radius: 4px 4px 0 0;}
.tBarClose{color: #fff;
    font-weight: bold;
    padding: 6px 5px 4px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 45px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cd4b47+0,ae4128+50,9f2301+51,be442c+100 */
background: #cd4b47; /* Old browsers */
background: -moz-linear-gradient(top, #cd4b47 0%, #ae4128 50%, #9f2301 51%, #be442c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #cd4b47 0%,#ae4128 50%,#9f2301 51%,#be442c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #cd4b47 0%,#ae4128 50%,#9f2301 51%,#be442c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd4b47', endColorstr='#be442c',GradientType=0 ); /* IE6-9 */
color:#FFF;}
.tBarClose:hover{color:#6C4103;background:#FFF;cursor:pointer;}

#prodDetArea{background:#fff;min-height:100%;
    clear: none;
    margin: 0 0;
    overflow: hidden;position:relative;}
#prodDetTit{position:absolute;top:0;left:0;right:0;border: 1px solid rgba(255,255,255,0.5);color:#fff;padding: 1px 5px 5px;text-align:left;text-transform:capitalize;background:rgba(0,0,0,0.66);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0.6+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#99000000',GradientType=0 ); /* IE6-9 */}
#prodDetTit h5{font-size:12px;color:#AAA;}
#prodDetCartCount{top:0;display:block !important;border-radius:0 0 0 5px!important;}
#prodDetAdd{}
#prodDetImg {    margin: 0;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: 0;
    border-radius: 0 0 2px 2px;}
#prodDetTabs{position:absolute;bottom:0;left:0;right:0;}
#pdtTabs{display:none;}
.pdtTab{display: inline-block;
    padding: 2px 15px;
    border: 1px solid rgba(255,255,255,0.5);
    margin-right:2px;
    border-radius: 0px 5px 0 0;
    font-size: 17px;
    background:rgba(0,0,0,0.66);color:#fff;margin-bottom:-1px;cursor:pointer;}
.pdtTab:hover{background:rgba(0,0,0,0.9);}
#pdtPages{background:rgba(0,0,0,0.66);color:#fff;border-top:1px solid rgba(255,255,255,0.5);/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.6+0,1+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.6) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */}
.pdtPage{overflow:hidden;}
.pdtPage *{margin:5px;}
#prodDetImg img{min-height:100%;width:100% !important;height:auto;pointer-events:none;}
#prodDetArea button{margin:0;padding: 3px 0 4px;}
#prodDetArea .vari_minus, #prodDetArea .vari_plus{display:inline-block;width:20%;font-weight:bold;float: left;}
#prodDetArea .addNum{display:inline-block;width:calc(20% - 2px);margin:0;    padding: 4px 0 5px;
    text-align: center;
    border: 1px solid #eee;float: left;clear:none;}
#prodDetAdd{display:inline-block;width:40%;color:#FFF;float: left;}
#prodDetArea .vari_tit{display:none;}
#prodDetArea input{position:unset;float:none;margin-bottom:5px;}
#prodDetArea h1{text-align:left;}
#prodDetArea h4{padding:5px 5px 0;font-size:16px;}
#prodDetArea p{color:#aaa;padding:0 5px;}
#prodDetArea p a{color:#aaa;text-align:left;font-style:normal;display:block}
#productDetails table{width:calc(100% - 10px);border:none;border-spacing:0;padding:5px;}
#productDetails table *{border:none;margin:0;}
#prodDetArea tr{margin:0;padding:0;}
#prodDetArea .pdt_rel_tb tr{cursor:pointer;}
#prodDetArea tr:first-child{background:none!important;cursor:auto;}
#prodDetArea .pdt_rel_tb tr:hover{background-color:#555;}
#prodDetArea td{padding:2px 0px;color:#aaa;text-align:left;font-style:normal;}
#prodDetArea .priceList{float:right;clear:none;width:308px;font-size:11px;margin-top:5px;margin-right:5px;}
#prodDetArea .priceList th{width:90px;background:#FFF;padding:0 2px;}
#prodDetArea .priceList td{background:#EEE;padding:2px 5px;}
#PDprice_qty{float: right;}
.mobBtn{display:none;}

.prodSpecs{border-collapse: collapse;float:right;margin:0 10px 0 0;}
.prodSpecs td{border:1px solid #EEE;padding:5px;color:#555}

/*<!-- MOVE TO MOB CSS FOR NO TAB DESKTOP //-->*/
#pdtTabs{display:block;}
.pdtPage{max-height:0px;}

/*<!--\\============================================================================= HEADER/FOOTER =============================================================================//-->*/

.blink_me {
  animation: blinker 1s linear infinite;
}
.blink_me_slow {
  animation: blinker 3s linear infinite;
}
@keyframes blinker {  
    33% {opacity:1;}
    50% { opacity: 0; }
    66% {opacity:1;}
}

#header{margin-top: 49px;box-shadow: 0px 0px 7px -2px #000;}
    #headerBox{margin-left:auto;margin-right:auto;height:61px;margin-bottom:10px;display:none;}
#contact{background:rgba(23, 65, 1, 0.6);color:#ffefcf;float:right;font-size:20px;padding:9px;width:140px;}
.TelephoneButtonDetails{background:none repeat scroll 0 0 rgba(23, 65, 1, 0.8);border:1px solid #ffefcf;font-size:14px;padding:5px;text-align:center;}

#logo {
    float: left;
    height: 121px;
    margin-left: 5px;
    margin-top: -5px;
    overflow: hidden;
    width: 220px;
}#head-r{float:right;clear:none;}
#headCart{background:rgba(0,0,0,0) url(img/lyt/cart-01.png) no-repeat scroll right center;
    clear: none;
    cursor: pointer;
    float: right;
    height: 31px;
    padding: 7px;
    transition: all 0.2s ease-in-out 0s;
    width: 155px;
    max-width: 50%;}
#headCart:hover{background-color:rgba(0,0,0,0.5);}
#headCart h4{font-size:14px;color:#fff;font-weight:bold;padding:0;}
#headCart h5{color:#eee;}

#headSrch{width:250px;float:right;clear:none;margin-right:0;text-align: right;}
#global_cart_time{
    text-align: right;
    padding: 1px 10px 0px;
    color: #fff;
    margin-top:0;
    display: inline-block;
    background:#666;
}
#global_cart_time .innerContainer{
    border-radius: 20px;
    padding: 10px 15px;
    margin-top: 5px;
    cursor:pointer;
}
#global_cart_time .material-icons{
    float: left;
    position: relative;
    top: -5px;
    margin-right: 10px;
}
#global_cart_time:hover .innerContainer{
    background:#000!important;
    color:#fff!important;
}
#headSearch{
    clear: none;
    float: right;
    height: 31px;
    overflow: hidden;
    padding: 9px;
    position: relative;
    transition: all 0.3s ease-in-out 0s;
    width: 25px;}
#headSearch:hover{color:#ffefcf;background:rgba(0,0,0,0.5);}
#headSrchInput{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #fff;
    color: #fff;
    height: 23px;
    position: absolute;
    right: 43px;
    top: 11px;
    width: 157px;}
#headSrchSubmit{background: rgba(0, 0, 0, 0) url("img/lyt/info-glass.png") no-repeat scroll 10px center;
    bottom: 1px;
    float: right;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;}
#headSrchClear{float:left;margin:0;background:#FFF;padding:2px 9px 5px;margin-left:-26px;position:relative;}
#headSrchClear:hover{color:#FFF;background:#CCC;}
.TradeButton{background:rgba(23, 65, 1, 0.6);color:#ffefcf;float:left;font-size:20px;padding:9px;width:90px;}
.TradeButtonDetails{background:none repeat scroll 0 0 rgba(23, 65, 1, 0.8);border:1px solid #ffefcf;font-size:14px;padding:5px;text-align:center;}
.TradeButtonDetails a{color:#ffefcf;font-size:14px;text-decoration:none;}


.menu-title-ico {
    border: 2px solid #fff;
    border-radius: 4px;
    float: left;
    height: 34px;
    margin: 5px 6px 5px 16px;
    position: absolute;
    right: 5px;
    width: 36px;
}
.menu-title-ico div {
    background: #fff none repeat scroll 0 0;
    height: 2px;
    margin: 7px 5px;
    width: 26px;
}

#navbar{float:right;clear:none;}
#nav {
    background: #5c9c3f none repeat scroll 0 0;
    float: right;
    height: 49px;
    left: 0;
    position: fixed;
    right: 0;
    text-transform: capitalize;
    top: 0;
    z-index: 1000;
    -webkit-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.5);
box-shadow: 0px 0px 4px -1px rgba(0,0,0,0.5);
}    #nav ul{float:right;}
    #nav ul li,#moblog{display:inline;float:left;position:relative;border-left:1px solid rgba(255, 255, 255, 0.25);}
    #nav ul li:nth-last-child(1){border-right:1px solid rgba(255, 255, 255, 0.25);}
    #nav ul li a,#moblog a{    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: normal;
    padding: 14px;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.2s ease-in-out 0s;}
    #nav ul li a:hover{color:#ffefcf;background:rgba(0,0,0,0.5);}
    #nav ul ul{display: none;position:absolute;z-index:250;opacity:0.95;margin-left:-1px;}
    #nav ul ul li.first {border-top: 7px solid #87AF1A;margin: 0;}
    #nav li ul li {clear:both;margin:0;min-width:130px;text-align:left;}
    #nav li ul li a{background: none repeat scroll 0 0 rgba(52, 129, 59, 0.9);color: #FFF;display: block;margin: 0;padding:8px 10px ;width: 150px;}
    #nav li ul li a:hover{background:rgba(0,0,0,0.6)!important;color:#ffefcf;}
    
   
#productNav{background:url('img/jfh_img/expoted/design-03.gif') rgb(5,104,35);color:#FFF;height:55px;}
    #prodMenu{}
    #prodMenu li{max-width:80px;display:table;float:left;height:55px;margin:0px;position:relative;
      border-right:1px solid rgba(255,255,255,0.1);text-align:center;}
    #prodMenu li a{font-weight:bold;color:#FFF;display:block;
      font-size:12px;margin:0;text-decoration:none;text-transform:uppercase;padding:5px;display: table-cell;vertical-align:middle;
      text-align: center;}
    #prodMenu ul{display:none;position:absolute;z-index:250;opacity:0.95;margin-top:55px;}
    #prodMenu ul li {border-left:1px solid rgba(5,104,35, 1);border-bottom:1px solid rgba(255,255,255, 0.25);
      clear:both;margin:0;min-width:150px;text-align:left;background:rgba(5,104,35, 0.95);height:auto;}
    #prodMenu ul li a{display:block;margin:0;font-size:12px;text-transform:uppercase;padding:5px 10px;text-align:left;}
    #prodMenu ul li:last-of-type{border-radius:0 0 5px 5px;}
    #prodMenu li:hover{background:rgba(0,0,0,0.25);}
    #prodMenu ul li:hover{background:rgba(5,104,35, 0.95);color:rgb(5,104,35);}
    #prodMenu li a:hover{color:#FFF;}
    #prodMenu ul li a:hover{color:#FFF;background:rgba(0,0,0,0.25);}
#usrMsg{color: #eee;
    font-weight: bold;
    text-align: left;
    position: absolute;
    left: 183px;
    padding:0 10px;
    height:50px;
    display: table;
    overflow:hidden;
    max-width:600px;
    text-transform:capitalise;
    }
    #usrMsg span{
  display: table-cell;
  vertical-align: middle;
}
#usrMsg-2{display:none;
color:#360;font-weight: bold;margin-left: 565px;position: absolute;top: 88px;width: 400px;text-align: right;}
#usrMsg-3{color: #777;font-size: 9px;margin-left: -44px;position: absolute;text-align: right;top: 0;width: 400px;}
#headNotice{}
#headNotice li{display:inline-block;width:33%;text-align:center;color:rgb(112, 165, 39);font-weight:bold;font-style:italic;font-size:15px;padding:4px 0;}
#contentFooter{background: #333 none repeat scroll 0 0;
    border-radius: 0 0 5px 5px;
    bottom: 0;
    clear: both;
    color: #eee;
    height: 31px;
    padding-top:18px;
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    z-index: 0;}
#contentFooter a{position:relative;z-index:5;color:#A55;}
#contentFooter a:hover{color:#fff;}
#footer{background:url('img/fpm_img/FooterBackground.png');clear:both;display:inline-block;padding:0;width:100%;}
#footerInner{background:url('img/fpm_img/FooterShadow.png') center top no-repeat;width:100%;}
#grass {
    background: #fff url("img/grass.jpg") repeat-x scroll center bottom;
    bottom: 0;
    height: 53px;
    left: 0;
    position: fixed;
    right: 0;
    width: 100%;
    z-index: -1;
}

/*<!--\\============================================================================= BANNER =============================================================================//-->*/

#banner{clear:both;border-bottom:1px solid #F5F5F5;background:#333 url('img/premplants/logo_sm.gif') no-repeat center center;height:200px;left: 0;
    position: fixed;
    right: 0;
    top: 49px;
background-image: -moz-linear-gradient(left, #333333 0%, #000000 25%, #000000 48%, #000000 75%, #333333 100%); /* FF3.6-15 */
background-image: -webkit-linear-gradient(left, #333333 0%,#000000 25%,#000000 48%,#000000 75%,#333333 100%); /* Chrome10-25,Safari5.1-6 */
background-image: linear-gradient(to right, #333333 0%,#000000 25%,#000000 48%,#000000 75%,#333333 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=1 ); /* IE6-9 */}
#ban-overlay{box-shadow:0 0 4px -1px #000 inset;position:fixed;left:0;right:0;top:49px;height:200px;z-index:1;}
#login-ban{color:#1C3719;padding-top:8px;height:292px;width:232px;font-size:14px;position:relative;top:0;overflow:hidden;left:10px;}
#login-ban-border{height:247px;top:249px;padding:10px 14px;width:202px;background:#FFF;opacity:0.8;border-radius:10px;position:relative;border:1px solid #EEE;}
#login-ban label{display:block;font-size: 12px;margin:8px 0;width:100%;}
#login-ban input[type="text"],#login-ban input[type="password"]{background:-moz-linear-gradient(center top, #EAEAEA 0px, #EEE 9%, #FFF 20%, #FFF 100%) repeat scroll 0 0 rgba(0,0,0,0);border:1px solid #88AF19;border-radius:4px;height:25px;line-height:25px;padding:0 8px;width:92%;}
#login-ban button[type="submit"]{background:-moz-linear-gradient(center top, #1C3719 0px,#490 100%) repeat scroll 0 0 #1C3719;border:1px solid #6A3;border-radius:4px;color:#FFF;cursor:pointer;margin:15px 0 10px;}
#login-ban button[type="submit"]:hover{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#E9E9E9",endColorstr="#D7D7D7",GradientType=0);background:-moz-linear-gradient(center top , #E9E9E9 0px, #D7D7D7 50%, #E8E8E8 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);border:1px solid #CCC;color:#6E6E6E;}
#login-ban a{border-bottom:1px dashed #FFF;color:#FFF;font-size:11px;}

#scrollingBanner{float:right;clear:none;position:absolute;height:260px;width:930px;}
#ban-txt{background:none repeat scroll 0 0 #fff;bottom:25px;opacity:0.8;padding:10px 0 0 14px;position:absolute;right:0;width:275px;border-radius:10px 0 0 10px;}
#banner2{background:url('img/custom/footer-bg.gif') repeat scroll right top #FFF;width:930px;margin-bottom:10px;clear:both;height:7px;}
#banner2 div{background:#1C3719;width:232px;height:7px;}

/*<!--\\============================================================================= CONTENT =============================================================================//-->*/

figure {
    margin: 10px 32px;
    padding: 0;
    max-width: 300px;
}
figcaption{
    text-align:center;
}

#col-center{width:448px;float:left;margin:0 20px 0 0;text-align:justify;}
#col-left{display:none;float:left;width:200px;}
#col-left .article{background:url('img/custom/article-bg.jpg') repeat-x scroll left bottom #FFF;border:1px solid #DFDFCB;margin-bottom:12px;padding:10px;width:210px;}
#col-right{border: 1px solid #ccc;
    border-radius: 10px 0 0 10px;
    clear: none;
    float: right;
    margin-left: 10px;
    margin-right: 0;
    overflow: hidden;
    padding: 0;
    top: 0;
    width: 165px;}
#col-right img{max-width:165px;opacity:0.75;cursor:pointer;transition:0.5s ease all;}
#col-right img:hover{opacity:1;}
#col-right .split{margin:1px 60px;height:0;border-top:1px solid #ccc;}
#col-2CR{margin:0;text-align:justify;width:100%;float:right;clear:none;min-height:100%;}
#col-2CR img{max-width:675px;}

#col-center .img-left{float:left;margin:0 15px 10px 0;}
#col-2CR hgroup ul{margin:15px 0;}
#col-2CR hgroup ul li{list-style-type:square;margin:0 0 15px 15px;}

#l-nav{float:left;width:calc(25% - 10px);background:#FFF;border:1px #ddd solid;overflow:hidden;border-radius:10px 0 0 0;}
#l-nav h1{font-size:22px;border-bottom:1px solid #eee;padding:10px;}
#l-nav ul{}
#l-nav li{}
#l-nav li a{    color: #555;
    float: left;
    font-size: 13px;
    padding: 10px;
    width: 100%;}
#l-nav li a:hover{background:rgba(0,0,0,0.66);color:#fff;}

#staff-switcher{background:url('img/custom/article-bg.jpg') repeat-x scroll left bottom #FFF;border:1px solid #DFDFCB;list-style:none outside none;margin-bottom:15px;padding:10px;text-align:center;width:190px;}
#staff-switcher ul{clear:both;overflow:hidden;width:100%;}
#staff-switcher .photos{height:202px;margin-bottom:0;}
#staff-switcher .photoli{background:#FFF;height:200px;left:0;margin:0 0 -200px;overflow:hidden;}
#staff-switcher .photo{height:160px;overflow:hidden;width:175px;margin-bottom:0;}
#staff-switcher .current{margin:0 auto 15px;width:126px;clear:both;overflow:hidden;}
#staff-switcher .current li{background:url('img/custom/buttons.png') no-repeat scroll -12px 0 rgba(0,0,0,0);float:left;height:12px;margin-right:6px;text-indent:-99999em;width:12px;}
#staff-switcher .current .active{background:url('img/custom/buttons.png') no-repeat scroll 0 0 rgba(0,0,0,0);float:left;height:12px;margin-right:6px;text-indent:-99999em;width:12px;}
.name{color:#88AF19;font-weight:bold;width:100%;margin:11px 0 0;}

.leftBox{display:none;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    padding: 10px;
width:203px;float:left;clear:left;border-radius:10px;padding:7px 10px 8px;margin-bottom:10px;background:url(img/bridge/bg-02.jpg) repeat-x top;}
.leftBox h3{margin:0;color:#34813B;text-shadow: 1px 1px #fff, -1px 1px #fff, 1px -1px #fff, -1px -1px #fff;}
.leftBox p{margin:5px 0 0;padding:0;font-size:13px;text-align:left;letter-spacing:normal;}

h1, h2{font-weight:normal;}
h1, h2, h3{margin:0;}
h4, h5, h6{margin:0;}
p a{font-style:italic;}
a{color:#9a0000;text-decoration:none;}
a:hover{text-decoration:underline;}
.err{color:#900;}
.err:nth-child(2){font-size:16px;color:#800;}

hgroup h1{margin-bottom:2px;font-size:20px;}
hgroup h2{color:#1C3719;display:block;font-size:12px;font-weight:bold;padding-bottom:5px;}

.article h3{margin-bottom:5px;font-weight:bold;}
.article img{float:right;margin:15px 0 0 10px;}
.article p, #col-right p{color:#888;}

.left{float:left;}
.right{float:right;}
.clear{clear:both;}

form fieldset > div{margin-bottom:1em;padding:0;}
form label{cursor:pointer;font-size:12px;font-weight:bold;display:block;}
form input, form textarea{border:1px solid #999;clear:both;width:250px;}
.btn{height:16px;}
.btn, button { transition: all 0.2s ease-in-out;border:none;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
color:#555;cursor:pointer;display:inline-block;font-size:14px;padding:3px 15px 4px;margin-left:5px;border: 1px solid #DDD;}
.btn:hover, button:hover{background: #8a8a8a; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #6b6b6b 50%, #505050 51%, #757575 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
    color:#ffefcf;border-color:#555;}

.mouseover{transition: all 0.2s ease-in-out;border:none;
   background: #EEE;
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 242, 242, 0.57)), to(#dadada));
   background: -webkit-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada);
   background: -moz-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada);
   background: -ms-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada);
   background: -o-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada);color:#555;}
.mouseover:hover{background:rgba(0,0,0,0.66);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.66)), to(rgba(0,0,0,0.5)));
   background: -webkit-linear-gradient(top, rgba(0,0,0,0.66), rgba(0,0,0,0.5));
   background: -moz-linear-gradient(top, rgba(0,0,0,0.66), rgba(0,0,0,0.5));
   background: -ms-linear-gradient(top, rgba(0,0,0,0.66), rgba(0,0,0,0.5));
   background: -o-linear-gradient(top, rgba(0,0,0,0.66), rgba(0,0,0,0.5));
    color:#ffefcf;
}
.SF-Radio{width:100% !important;max-width:800px !important;margin-top:0 !important;max-height: 28px;margin-bottom:10px;height:auto;}
.SF-Radio:hover{max-height: 28px;}
.SF-Radio h4{padding:6px 7px !important;font-size:13px !important;}
.SF-Radio .inner{height:auto;}
.SF-Radio .inner li{width: 100%;}
.SF-Radio:last-child {margin-bottom:20px;}
#sf{position:static;width: 100%;}
#listNav .title{display:block !important;}
#listNav .tBarClose:hover{background: #8a8a8a; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #6b6b6b 50%, #505050 51%, #757575 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
    color:#ffefcf;}
#listNav .tBarClose{border: medium none;
    display: none;
    font-size: 21px;
    margin-right: 0;
    padding: 10px 12px;}
#av_cart{width:100%;}
#listNav{background: #fff;
    bottom: 0;
    box-shadow: 0 2px 16px -14px #000;
    left: 0;
    margin-bottom: 0;
    position: fixed;
    top: 49px;
    width: 66%;
    
    z-index: 20;height:auto!important;overflow-y:scroll;overflow-x:hidden;transition:0.2s ease-in all;}
    
#listNav .btn {
    font-size: 14px !important;
    margin: 0;
    padding:5px 5px 9px !important;
    width: calc(50% - 16px) !important;
    text-align: center;
}

#listNav .title{border-bottom: 1px solid #eee;
    cursor: pointer;
    display: none;
    margin-bottom: 10px;
    margin-right: 0;
    padding: 7px 10px 8px;
    text-align: right;
    transition: all 0.2s ease-in 0s;}
#listNav{    background: rgba(255, 255, 255, 1) none repeat scroll 0 0;
    border: 1px solid #dfdfcb;
    bottom: 0;
    box-shadow: 0 2px 16px -14px #000;
    display: block;
    left: 0;
    overflow: scroll-y;
    padding: 0 10px;
    position: fixed;
    top: 49px;
    width: calc(25% - 27px);height:auto !important;}
#listNav select{border:#EEE 1px solid;font-size:12px;margin:1px 1px 0 0;width: 92px;}
#listNav h4{padding:0;text-transform:capitalize;}
#listNav-rightHolding{transition: all 1s ease;background: rgba(0, 0, 0, 0.2);opacity:0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 95px;
    z-index: 400;}
#listNav-rightHolding input{border:1px solid #999;clear:both;width:250px;}
#listNav-right{display:none;background:rgba(255,255,255, 0.6);border:1px solid #DFDFCB;margin-bottom:12px;padding:10px;float:right;}
#listNav-right input{width:100px;}
#listNav-right button{height:20px;padding:0 6px 5px;margin-left:-4px;border-color:#AAA;}
#listNav-right2{display:none;background:rgba(255,255,255, 0.6);border:1px solid #DFDFCB;margin-bottom:12px;padding:10px;float:right;clear:right;width:122px;}
#listNav-right2 p{text-align:justify;font-size:11px;line-height:normal;padding-top:5px;margin-bottom:5px;}
#listNav-right3{display:none;background:rgba(255,255,255, 0.6);border:1px solid #DFDFCB;margin-bottom:12px;padding:10px;float:right;clear:right;width:122px;border-radius:10px;}
#listNav-right4{background:rgba(255,255,255, 0.6);border:1px solid #DFDFCB;margin-bottom:12px;padding:10px;float:right;clear:right;width:122px;}
#avList{min-height:451px;}
#avList ul{}

#sf{z-index:10;}
#sf h4{font-size:12px;font-size:12px;padding:4px 7px;box-shadow: inset 0px 3px 13px -11px #000;background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}
#SF-Radio-Left{float:left;}
.SF-Radio-container{float:left;clear:none;width:162px;height:19px;}
.SF-Radio{background:rgba(255, 255, 255, 0.6);border:1px solid #ddd;display:block;overflow:hidden;z-index:5;transition:all 0.5s ease;cursor:pointer;}
.SF-Radio:hover{max-height:300px;background:rgba(255, 255, 255, 1);border:1px solid #ccc;box-shadow:0 3px 15px -10px rgba(0,0,0,0.5);overflow-y:scroll;}
.SF-Radio:nth-child(1){width:178px;}
.SF-Radio:nth-child(2){width:178px;}
.SF-Radio:nth-child(3){width:130px;}
.SF-Radio .clearDD{background: rgba(0,0,0,0);border-radius: 10px;clear: none;float: right;font-size: 10px;margin: -1px -4px 0 0!important;padding: 2px 5px;transition:0.33s all ease;color:#000;}
.SF-Radio .clearDD:hover{background: rgba(0,0,0,1);color:#FFF;}
.SF-Radio .sf-title{padding:2px 10px 2px;text-transform:capitalize;color:#1C3719;background: #EEE;background-image:url(img/bridge/bg-03.png);
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(242, 242, 242, 0.57)), to(#dadada)), url(img/bridge/bg-03.png);
   background-image: -webkit-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada), url(img/bridge/bg-03.png);
   background-image: -moz-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada), url(img/bridge/bg-03.png);
   background-image: -ms-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada), url(img/bridge/bg-03.png);
   background-image: -o-linear-gradient(top, rgba(242, 242, 242, 0.57), #dadada), url(img/bridge/bg-03.png);background-position:right top;background-repeat:no-repeat;
   color:#555;width:140px;margin:0 !important;font-weight:bold;}
.SF-Radio .inner{font-weight:normal;padding:10px;padding:0;margin:0;overflow:hidden;position:relative;}
.SF-Radio .inner li{transition:all 0.5s ease;border-top:1px solid #dfdfcb;padding:5px 15px 5px 5px;margin:0;float:left;clear:left;background:none;margin:0;display:block;text-align:left;}
.SF-Radio .inner li:last-of-type{}
.SF-Radio .inner li:hover{background: #8a8a8a; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #6b6b6b 50%, #505050 51%, #757575 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#757575',GradientType=0 ); /* IE6-9 */
    color:#ffefcf;}
.SF-Radio .inner .checked{background: #9abe38; /* Old browsers */
background: -moz-linear-gradient(top, #9abe38 0%, #699828 50%, #4e8905 51%, #74a62a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #9abe38 0%,#699828 50%,#4e8905 51%,#74a62a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #9abe38 0%,#699828 50%,#4e8905 51%,#74a62a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9abe38', endColorstr='#74a62a',GradientType=0 ); /* IE6-9 */
color:#FFF;font-weight:bold;border-left:1px solid #F0F0F0;
margin-left:-1px;border-right:1px solid #F0F0F0;}
.SF-Radio .inner input{display:none;}

#content li{list-style-type:none;}
#editor li{list-style-type:none;}

.dBox .addCartAnim1{position:absolute;top:50px;left:42px;}
#productDetails .addCartAnim1{position:absolute;top:150px;left:95px;}
.dBox .pCartQty,#prodDetCartCount {
    background: #fff url("img/lyt/incart-01.gif") no-repeat scroll right 0;
    border-radius: 0 3px 0 4px;
    box-shadow: -2px 4px 6px -3px #ccc inset;
    display: none;
    padding: 1px 25px 2px 6px;
    position: absolute;
    right: 0;
    z-index: 1;
}

.leftBox a{font-weight:bold;}

#paginT{height:30px;}
.pagin{
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */    border: 1px solid #ddd;
    clear: both;
    color: #333;
    cursor: pointer;
    font-size: 14px;
    padding: 7px 18px;
    transition: all 0.33s ease 0s;
    margin:7px -1px 0 0;
}
.pagin:first-child{border-radius:5px 0 0 5px;}
.pagin:last-child{border-radius:0 5px 5px 0;}
#pagin2 .next{border-radius:0 5px 5px 0 !important;}
#pagin2 .pagin:hover{color:#FFF;background: #999999; /* Old browsers */
background: -moz-linear-gradient(top, #999999 0%, #3b3b3b 50%, #2d2d2d 51%, #676767 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #999999 0%,#3b3b3b 50%,#2d2d2d 51%,#676767 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #999999 0%,#3b3b3b 50%,#2d2d2d 51%,#676767 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#676767',GradientType=0 ); /* IE6-9 */}
#pagin2 .current{background: #f8fdf1; /* Old browsers */
background: -moz-linear-gradient(top, #f8fdf1 0%, #edfada 50%, #e0f7bd 51%, #f1fbe3 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f8fdf1 0%,#edfada 50%,#e0f7bd 51%,#f1fbe3 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f8fdf1 0%,#edfada 50%,#e0f7bd 51%,#f1fbe3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8fdf1', endColorstr='#f1fbe3',GradientType=0 ); /* IE6-9 */
color:#A0C;}

.dRowHead .info{padding: 7px 1px !important;}
.dRowHead .info2{padding: 4px 1px !important;right:0;}
.info, .info2         {transition:all 0.2s ease;color: #fff;opacity:0.7;
    cursor: pointer;
    display: block !important;
    float: right;
    font-size: 19px;
    font-weight: bold;
    height: 21px;
    margin: -1px 0 0;
    position: absolute;
    right: 57px;
    text-align: center !important;
    width: 55px;text-transform: lowercase !important;border-radius:5px 0 0 5px;
background: #8a8a8a; /* Old browsers */
background: -moz-linear-gradient(top, #8a8a8a 0%, #6b6b6b 50%, #505050 51%, #757575 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #8a8a8a 0%,#6b6b6b 50%,#505050 51%,#757575 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#757575',GradientType=0 ); /* IE6-9 */}
.dRow:hover .info, .dRow:hover .pCartQty{opacity:0.8}
.info:hover   {opacity:0.9;}


#pagin2 select{padding:4px;border: 1px solid #ddd;border-radius: 5px 0 0 5px;margin: 2px 2px 0px;cursor:pointer;}
#pagin2{padding:10px 5px;clear:both;margin:0 0 10px;}

#pagin .current{color:#A0C;}

.BG1{
background: #eee !important;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) !important;
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important;
background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ) !important;
}
.rrptxt{display:none;}

#nxtPageLoader{text-align:center;display:none;}
#nxtPageLoader h3{}

.hidden{display:none;}

.dRow{transition:all 0.2s ease;position:relative;}

#av_cart{margin-bottom:80px !important;}

.av-mob-ctrl{width:60px;height:49px;float:right;clear:none;cursor:pointer}
.av-mob-ctrl:hover{background-color:rgba(0,0,0,0.33) !important;}
#mob_addcart{background:url(img/lyt/cart_plus.png) no-repeat 12px center rgba(0,0,0,0);}
#mob_viewswitch{background:url(img/lyt/view_swap.png) no-repeat center center rgba(0,0,0,0);}

.r-tabBox{
position: fixed;
right: -390px;
top: 149px;
width: 450px;
max-height:56px;
bottom:0;
z-index: 5;
overflow-y: scroll;
overflow-x:hidden;
border-radius:0 0 0 5px;
transition:all 0.3s ease;
}
#twit_btn img{width:45px;padding:5px 7px;}
.r-tab, .r-tabX{
background: #292F33;
cursor:pointer;
}
.r-tab{
position: fixed;
width: 60px;
height: 56px;
border-radius: 5px 0 0 5px;
border: 1px solid #666;
border-right: 0;
margin-top: 0;
z-index: 1000;
}
.r-tabX{
position: absolute;
right:0;
color: #fff;
font-size: 24px;
padding: 11px 30px;
border: 1px solid #666;
border-radius: 0 0 0 5px;
}
.r-tabX:hover{background:#eee;color:#333;}
#twit .r-tab-w{
float:right;clear:none;width:calc(100% - 60px);
border-radius:0 0 0 5px;
box-shadow: 0px 0px 2px #000;
}

#moblog{display:none;float:right;clear:none;}

.sp-txt{background-color:#fff;
background: rgba(255, 255, 255, 1) linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0;
    border-radius: 5px;
    margin-bottom: 10px;
    opacity: 0.95;
    padding: 5px;
    text-align: center;
}
.sp-txt h5{color:#800;}

#tips, #timer{cursor:pointer;}
#tips:hover, #timer:hover{background: #ffffff;}

select{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
      background-image: linear-gradient(45deg, transparent 50%, gray 50%),
 linear-gradient(135deg, gray 50%, transparent 50%),
 linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + -1px), calc(100% - 15px) calc(1em + -1px), calc(100% - 38px) 4px;
    background-size: 5px 5px,
 5px 5px,
 1px 1.5em;
    background-repeat: no-repeat;cursor:pointer;}

#.filter_title, .filter_title *{transition:0.2s all ease;}
.filter_title{text-align:center;height:69px;overflow:hidden;min-width:240px;position:relative;margin:0 auto 15px;border:1px solid #bbb;border-radius:7px;display:inline-block;}
#.filter_title{cursor:pointer;}
#.filter_title:hover{min-width:280px;border-radius:10px;border:2px solid #777;margin:-1px auto 14px;}
.filter_title h1{text-align:left;white-space: nowrap;float: left;margin-right: 100px;}
.filter_title .ft_img{height: 97px;display: inline;width:100px;right:0;position: absolute;text-align:right;margin-top:-3px;}
.filter_title img{height:100%;}
#fltbtn_overlay{width: 100%;
    height: 100%;
    text-align: center;    z-index: 1;
    padding: 19px 0;
    margin: 0;
    opacity: 0;
    position: absolute;
    background: #fff;}
    #fltbtn_overlay:hover{opacity:1;}
.filter_container{text-align:center;}
.filter_container .circ_inner{opacity:0.9;}
.selected_img img{padding: 2px;
    background-color: #fff;
    margin: -1px;
    border-color: #000;
    box-shadow: 0 0 6px -1px;opacity:1;}
    .circ_check{background-image:url(img/lyt/tick.png);}
.selected_img .circ_check{position: absolute;background-color: rgba(255,255,255,0.8);right: -2px;top: 2px;width: 20px;height: 20px;border-radius: 30px;border: 1px solid rgba(0,0,0,0.3);
}
.filter_container h2{clear: both;padding: 10px 15px 5px;margin: 15px 5px -1px;color: #333;border: 1px solid #bbb;border-color:#bbb #ddd #fff;border-radius: 10px 10px 0 0;font-weight: bold;}
.filter_container select{width: calc(100% - 10px);padding: 5px;margin: 0;border-radius: 0 0 5px 5px;background-color:#f9f9f9;border: 1px solid #aaa;}
.circle_button{width:100px;height:100px;display:inline-block;text-align:center;margin:8px;cursor:pointer;position:relative;}
.circ_contain{width:100%;height:100%;text-align:center;position:absolute;top:0;}
.circ_inner{   
    width: 100%;
    height: 100%;
    background: #555;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    }
.circ_inner:hover{border-color:#555;opacity:0.95;}
.circ_inner h3{position: absolute;
    top: 50%;
    transform: translateY(-52%);
    width: 80%;
    margin: 0 10%;
    color: #fff;
    text-transform: capitalize;
    padding: 0;
    font-size: 16px;
    text-decoration: none;
    font-weight: bold;}

.circ_inner, .shopbyfull_promoimg{ border-radius: 4px;border: 1px solid #aaa;
    box-shadow: 0px 1px 10px -2px rgba(0,0,0,0.2);}
    
.shopbyfull_section{margin-top:10px;}
.shopbyfull_promoimg{margin:8px;cursor:pointer;}.shopbyfull_promoimg__was{width:120px;}
.shopbyfull_bannimg{max-width:90% !important;margin:8px;cursor:pointer;}


.pop_menu button{width:calc(100% - 10px) !important;margin: 5px;}
.pop_menu form{width:100%;}

.bottom_menu{position: fixed;
    right: -1px;
    top: 48px;
    background: #777;
    color: #fff;
    text-align: center;text-transform:uppercase;
   
    font-size: 18px;
    border: 1px solid rgba(255,255,255,0.5);
    border-radius: 0 0 0 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,555555+15,555555+15,777777+100 */
background: #999999; /* Old browsers */
background: -moz-linear-gradient(top, #999999 0%, #555555 15%, #555555 15%, #777777 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #999999 0%,#555555 15%,#555555 15%,#777777 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #999999 0%,#555555 15%,#555555 15%,#777777 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#777777',GradientType=0 ); /* IE6-9 */
    width: 361px;
    height: 46px;
}
.bottom_menu div{position:absolute;top:0;bottom:0;padding: 14px;background:rgba(0,0,0,0);cursor:pointer;transition:all 0.3s ease;}
.bottom_menu .left{left:0;right:50%;}
.bottom_menu .right{right:0;left:50%;border-left:1px solid rgba(255,255,255,0.5);}
.bottom_menu div:hover{background:rgba(0,0,0,0.75);}


#mobNav{display:inline-block;float:right;clear:none;overflow:hidden;background:rgba(92,156,63,0);max-height:49px;max-width:60px;transition: all 0.2s ease-in-out 0s;}
#mobNav:hover{max-height:1000px;max-width:1000px;background:rgba(0,0,0,0.5);}
#mobMenu{position:relative;top:49px;background:rgba(92,156,63,1);padding-bottom:49px;}
#mobMenu li{float:none !important;display:block !important;}


.group_head, .group_foot{    
    clear: both;
    padding: 5px 0;
    font-size: 15px;
    text-align: center;
    text-transform: capitalize;
    border-right: none;
    color: #888;
    }
.group_head{border-top: 1px solid rgba(0,0,0,0.1);border-radius: 5px 5px 0 0;border-bottom: none;font-weight: bold;position:relative;}
.group_head img{position:absolute;left:5px;top:4px;opacity:0.8;height:19px;display:none;}
.group_foot{border: 1px solid rgba(0,0,0,0.1);border-radius:0 0 5px 5px;border-top: none;border-bottom: none;font-size: 13px;}

.txtclr{position: relative;
    display: inline-block;
    padding: 1px;
    border-radius: 0 5px 5px 0;
    border: 1px solid #999;
    border-left: none;}
    
    
#promoImgCollection{
position:absolute;top:0;bottom:0;right:0;overflow:hidden;
}
#promoDetImg{}
#promoDetImg img{height:48px;cursor:pointer;}

.smart_label{position:absolute;left:-10px;top:-5px;opacity:0.8;width:75px;height:20px;z-index:1;background:url(img/smrtlbl.gif) no-repeat center;
-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Safari */
    transform: rotate(-20deg);}
  
  
.sort_split{
display:inline-block;
text-align: center;
    padding: 10px;
    margin: 10px 0;
    font-weight: bold;
    font-size: 14px;
    color: #777;
    border-radius:5px;
    background-color:#fff;
background: rgba(255, 255, 255, 1) linear-gradient(to bottom, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%) repeat scroll 0 0;
    text-align: center;
}
.sort_split:first-of-type{margin-top:-10px;} 
    
    
.dRowHead .sort_split{
display:block;
margin:0;max-width:auto;
    margin-top: 2px;
border-radius:0;
    border-bottom: 1px solid #ddd;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */}
.dRowHead .sort_split:first-of-type{margin-top:-2px;}  

//#headSrch{display:none;}


/*//============================================================================================\\ additional variations //=============================================================================================\\*/

#avList .has_add_varis{}
#avList .has_add_varis .multi_variation{
    position: absolute;
    bottom: 0;
    z-index: 1;
    left: 0;
    right: 0;
    overflow-x: hidden;
    border-radius: 0 0 4px 4px;
    display: flex;
    flex-wrap: wrap;
}

#avList .has_add_varis .multi_variation .flexbox{
    flex-grow: 1;
}

#avList .has_add_varis .multi_variation .add{
    position: unset;
    float: none;
    clear: none;
    border-left:1px #fff solid;
    border-radius: 0;
    width:calc(100% - 1px) !important;
}
#avList .has_add_varis .multi_variation .flexbox:first-of-type .add{
    border-left:none;
    width:calc(100%) !important;
}

#avList .has_add_varis .info{display:none!important;}

@media screen and (min-width: 1000px) {
    #avList .has_add_varis form .multi_variation{
        left:58%;
        border-radius: 0 0 4px 0;
    }
    #avList .has_add_varis .price{
        left: 0;
        right: 42%;
    }
}

#_Half\ Promotions_{display:none!important;}