* 										    { padding: 0; margin: 0; }

body, h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, li, dd, dl, fieldset, address, legend, td, th, table, code, div { margin:0; padding:0; }

img, video, canvas						    { border:0px; max-width:100%; }

body 										{ margin:0px; font-family: 'Source Sans Pro'; font-size:14px; background-color:#FFFFFF; }

p											{ margin:0px 10px 10px 10px; line-height:18px; }

h1.no-bg									{ float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:none; }

h1.no-bg1									{ float:left; width:98%; margin:0px 0px 10px 0px; padding:0px 1% 0px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:none; }

.price 										{ font-size: 8pt;  } 
.price1 									{ font-size: 9pt;  } 
.price2 									{ font-size: 11pt; color:#FF0000; } 
.price3 									{ font-size: 8pt; font-weight: bold; } 
.price4 									{ font-size: 11pt;  } 
.subcatname 								{ font-size: 8px; }
.catname 									{ font-size: 8px; }
.accTitle 									{ color:#003399; font-weight: bold} 
.headings 									{ color:#333333; font-size: 13px; font-weight: bold} 
.product-title								{ color:#333333; font-size: 18px; font-weight: bold} 
.headings2 									{ color:#FF0000; font-size: 13px; font-weight: bold} 
.rightMenu 									{ color:#333333; font-size: 11px; font-weight: bold} 
.legal 										{ font-size: 10px; ; color:#000000;} 
.legal2 									{ font-size: 11px; font-weight:bold; color:#FF0000;}
.terms 										{ font-size: 10px; ; color:#666666;}
.filters 									{ font-size: 12px; ;}
.prodnavigation 							{ font-size: 13px; ; color:#666666;}
.subCategory 								{ color:#333333; font-size: 13px; font-weight: bold} 
.font-white 								{ color:#FFFFFF; }
.priceBreaks             				   	{ width: 100%; border-collapse: collapse; }

A:link 										{ color:#3A3062; text-decoration:none; }
A:visited 									{ color:#3A3062; text-decoration:underline; }
A:hover 									{ color:#333333; text-decoration:underline; }
A:active 									{ color:#3A3062; text-decoration:underline; }

A.white:link 								{ color:#FFFFFF; text-decoration:none; }
A.white:visited 							{ color:#FFFFFF; text-decoration:none; }
A.white:hover 								{ color:#FFFFFF; text-decoration:none; }
A.white:active 								{ color:#FFFFFF; text-decoration:none; }


.webkit .radio 								{ margin:0px 0px 0px 0px; }
.radio										{ padding:0px 0px 0px 0px; }

.webkit .radio label 						{ margin:-1px 0px 0px 0px; }
.radio label								{ float:right; padding:0px 2px 0px 5px;text-align:left; }

.top-menu-menu-white				        { float:left; width:100%; background-color:#EBEBEB; border-bottom:1px solid #CCCCCC; }

.shop-header						        { float:left; width:100%; }


.shop-menu-login-bar                        { display:none; }

#login_box_content 							{ float:left; color:#000000; padding:15px 20px 20px 20px; width:240px; }
#login_box-m 								{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat; }
#login_box_content-m						{ float:left; color:#000000; padding:15px 20px 20px 20px; width:240px; }

.login-input 								{ border:solid 1px #CCCCCC; padding:5px; }
.login-row	 								{ float:left; width:230px; margin:0px 0px 10px 0px; }
.login-close 								{ float:right; cursor:pointer; margin:1px 0px 0px 0px; }
.login-label 								{ float:left; width:70px; margin:9px 0px 10px 0px; }
.login-field 								{ float:left; width:160px; }
.login-button 								{ float:left; width:160px; margin:0px 0px 10px 70px; }
.login-forgotten 							{ float:left; width:160px; margin:0px 0px 0px 70px; }
.login-remember 							{ float:left; width:170px; margin:0px 0px 10px 70px; }
h2.login									{ font-size:18px; margin:0px 0px 10px 0px; }
.signup-button {display: none;}
.default-row						        { float:left; width:100%; margin:0px 0px 10px 0px; }

.breadcrumbs a:link							{ color:#999; text-decoration:none; }
.breadcrumbs a:visited						{ color:#999; text-decoration:none; }
.breadcrumbs a:hover						{ color:#6254A5; text-decoration:underline; }
.breadcrumbs a:active						{ color:#999; text-decoration:none; }

.paging										{ float:left; width:100%; color:#333; border-bottom:solid 1px #CCC; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px; }
.paging-bottom								{ float:left; width:100%; color:#333; border-top:solid 1px #CCC; padding:5px 0px 0px 0px; margin:0px 0px 10px 0px; }
.paging-pages								{ float:left; }
.paging-navigation							{ float:right; }
.paging a:link								{ color:#333; text-decoration:none; }
.paging a:visited							{ color:#333; text-decoration:none; }
.paging a:hover								{ color:#333; text-decoration:underline; }
.paging a:active							{ color:#333; text-decoration:none; }


.include-cart								{ float:right; font-size:14px; margin:10px 0px 5px 0px; }
.cart-left									{ float:right; height:30px; width:5px; background-image:url(../images/cart-left-bg.png); }
.cart-middle								{ float:right; height:28px; padding:1px 0px 1px 0px; background-image:url(../images/cart-middle-bg.png); }
.cart-right									{ float:right; height:30px; width:5px; background-image:url(../images/cart-right-bg.png); }
.include-cart-label							{ float:right; margin:6px 0px 0px 10px; }
.include-cart-details						{ float:right; margin:6px 10px 0px 5px; }
.include-cart-button						{ float:right; margin:0px 0px 0px 0px; }
.include-search-button						{ float:left; margin:6px 0px 0px 0px; }


/* AUTOCOMPLETE CSS */
.ac_results                                 { padding: 0px;	border: 1px solid black; background-color: white; overflow: hidden;	z-index: 99999; }
.ac_results ul                              { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li                              { margin: 0px; padding: 2px 5px; cursor: default; display: block;
                                /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */
                                font: menu; font-size: 12px;
                                /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
                                line-height: 16px; overflow: hidden; }
.ac_loading                        			{ background: white url('indicator.gif') right center no-repeat; }
.ac_odd                            			{ background-color: #eee; }
.ac_over                            		{ background-color: #0A246A; color: white; }

.header										{ float:left; width:100%; color:#FFFFFF; padding:0px 0px 10px 0px; background-color:#000; }
.header-content								{ width:100%; margin-left:auto; margin-right:auto; }
.header-logo								{ float:left; margin:0px 0px 0px 0px; }
.header-phone								{ float:left; margin:12px 0px 0px 55px; }
.header-phone-icon							{ float:left; margin:5px 5px 5px 0px; }
.header-phone-text							{ font-size:12px; }
.header-phone-number						{ float:left; margin:4px 0px 0px 7px; font-size:16px; }
.header-ad									{ float:right; margin:15px 0px 0px 0px; }
.header-menu								{ float:left; width:100%; min-width:1000px; color:#000; padding:0px 0px 0px 0px; background-color:#333; border-bottom:1px solid #666; }
.header-menu-content						{ width:1000px; margin-left:auto; margin-right:auto; }
.header-menu-right							{ float:right; }
.header-menu ul li 							{ list-style:none; float:right; }
.header-menu ul li a 						{ color:#F1F1F1; display:block; text-decoration:none; padding:6px 10px 6px 10px; font-size:12px; }
.header-menu ul li.line a 					{ border-left:1px solid #999; }
.header-menu ul li a:hover 					{ color:#FF0; }
.header-account-cart-holder					{ float:left; width:1000px; margin:0px 0px 0px 0px; }
.header-account								{ float:left; margin:10px 0px 5px 0px; }
.header-account-menu-left					{ float:left; height:30px; width:5px; background-image:url(../images/header-account-menu-left.jpg); }
.header-account-menu-middle					{ float:left; height:28px; padding:1px 0px 1px 0px; background-image:url(../images/header-account-menu-middle.jpg); }
.header-account-menu-right					{ float:left; height:30px; width:5px; background-image:url(../images/header-account-menu-right.jpg); }
.header-account-menu ul li 					{ list-style:none; float:left; }
.header-account-menu ul li a 				{ color:#FFF; display:block; text-decoration:none; padding:8px 15px 0px 15px; height:20px; }
.header-account-menu ul li.line a 			{ border-left:1px solid #333333; }
.header-account-menu ul li a:hover 			{ color:#FF0; background-color:#333333; }


#toggleView                                 { display:none;}
input   		 						    { font-family: 'Source Sans Pro'; color:#000000; font-size:12px; padding:0px 0px 0px 0px; }
input.textbox 								{ font-family: 'Source Sans Pro'; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; border:1px solid #CCCCCC; width:95%; }
input.textarea 								{ font-family: 'Source Sans Pro'; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; border:1px solid #CCCCCC; }


.include-cart								{ float:right; width:450px; font-size:14px; margin:10px 0px 5px 0px; }
.cart-left									{ float:right; height:30px; width:5px; background-image:url(../images/cart-left-bg.png); }

#menu                                       { display: none; width: 180px; height: 100%; top: 0px; z-index: 9999; position:absolute;}
#menu  .toggle                              {display:none; left: 179px; padding:0px; position: absolute;}
#toggle                                     {display: none;}
/* Pushing the Menu off the canves */
#menu                                       {display:none; -webkit-transition: left 1s;transition: left 1s;}
/* Showing the menu then the Checkbox is checked */
#toggle:checked + #menu                     {left: 0; display:none; -webkit-transition: left 1s; transition: left 1s;}

.menu-top									{ float:left; height:45px; width:100%; min-width:1000px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(../images/bg-menu.png); background-repeat:repeat-x; }
.menu-top-content							{ width:1000px; margin-left:auto; margin-right:auto; }
.menu-top-float-left						{ float:left; }
.menu-top-float-right						{ float:right; }
.menu-top ul li 							{ list-style:none; float:left; margin:1px 0px 0px 0px; }
.menu-top ul li a 							{ color:#FFFFFF; display:block; text-decoration:none; padding:14px 18px 4px 18px; height:25px; font-size:16px; }
.menu-top ul li.line a 						{ border-left:2px solid #393160; }
.menu-top ul li a:hover 					{ color:#FFFFFF; background-color:#393160; }

.footer										{ float:left; width:100%; color:#666666; margin:30px 0px 0px 0px; padding:0px 0px 0px 0px;  }
.footer A:link 								{ color:#666; text-decoration:underline; }
.footer A:visited 							{ color:#666; text-decoration:underline; }
.footer A:hover 							{ color:#666; text-decoration:none; }
.footer A:active 							{ color:#666; text-decoration:underline; }



.green-button								{ }
.green-button a:link				        { background-color:#6CC520; color:#FFFFFF; border:1px solid #6CC520; background-image:url(../images/bg-button-green.png); background-repeat:repeat-x; background-position:bottom; text-decoration:none; border-radius:0px 0px 0px 0px; padding:4px 10px 5px 10px; }
.green-button a:visited				        { background-color:#6CC520; color:#FFFFFF; border:1px solid #6CC520; background-image:url(../images/bg-button-green.png); background-repeat:repeat-x; background-position:bottom; }
.green-button a:hover				        { background-color:#333333; color:#FFFFFF; border:1px solid #666666; background-image:url(../images/bg-button-grey.png); background-repeat:repeat-x; background-position:bottom; }
.green-button a:active				        { background-color:#6CC520; color:#FFFFFF; border:1px solid #6CC520; background-image:url(../images/bg-button-green.png); background-repeat:repeat-x; background-position:bottom; }

.orange-button								{ }
.orange-button a:link				        { background-color:#ff6633; color:#FFFFFF; border:1px solid #ff6633; text-decoration:none; border-radius:0px 0px 0px 0px; padding:4px 10px 5px 10px; }
.orange-button a:visited				{ background-color:#ff6633; color:#FFFFFF; border:1px solid #ff6633; }
.orange-button a:hover				        { background-color:#333333; color:#FFFFFF; border:1px solid #666666; background-image:url(../images/bg-button-grey.png); background-repeat:repeat-x; background-position:bottom; }
.orange-button a:active				        { background-color:#ff6633; color:#FFFFFF; border:1px solid #ff6633; }

.grey-button								{ float:left;  margin-left:auto; margin-right:auto; } 
.grey-button a:link					        { background-color:#333333; color:#FFFFFF; border:1px solid #666666; background-image:url(../images/bg-button-grey.png); background-repeat:repeat-x; background-position:bottom; text-decoration:none; border-radius:5px 5px 5px 5px; padding:4px 10px 5px 10px; }
.grey-button a:visited				        { background-color:#333333; color:#FFFFFF; border:1px solid #666666; background-image:url(../images/bg-button-grey.png); background-repeat:repeat-x; background-position:bottom; }
.grey-button a:hover				        { background-color:#6CC520; color:#FFFFFF; border:1px solid #FFFFFF; background-image:url(../images/bg-button-green.png); background-repeat:repeat-x; background-position:bottom; }
.grey-button a:active				        { background-color:#333333; color:#FFFFFF; border:1px solid #666666; background-image:url(../images/bg-button-grey.png); background-repeat:repeat-x; background-position:bottom; }

.hot-selling .grey-button					{ float:left;  margin-top: 7px; margin-left:auto; margin-right:auto; } 
.hot-selling .grey-button a:link			{ vertical-align: middle; font-size: 17px;font-weight: 600; background-color:transparent !important;    border: none;background-image:none !important; color:#FFFFFF;   text-decoration:none; border-radius:5px 5px 5px 5px; padding:4px 10px 5px 10px; }
.hot-selling .grey-button a:visited			{ background-color:transparent  !important;    border: none;background-image:none !important; color:#FFFFFF;  }
.hot-selling .grey-button a:hover			{ background-color:transparent  !important;    border: none;background-image:none !important; color:#FFFFFF;  }
.hot-selling .grey-button a:active			{ background-color:transparent  !important;    border: none; background-image:none !important;color:#FFFFFF;   }
#toggleView                                 { display:block; margin-bottom:5px; }
.fixed #toggleView                          { display:block; }
/*browse*/
.mob-menu-browse-home, .mob-menu-browse-inner,.mob-menu-options-home,.my-details,.mob-menu-browse-inner-back,.mob-menu-browse-back,#goback,.mob-menu-options-inner
{  display: none !important; }
/*browse*/
.hot-selling:after			{ 	content:""; 	display:block; 	clear:both; }
.hot-selling          		{ 	border-radius: 3px;     background-color: #fff;     margin: 0 auto 30px auto;     /*box-shadow: 0px 0px 4px #ccc;*/   }
.hot-seller-header			{ background-image: none; width:92%;text-align:left; padding: 6px 15px 10px 15px; font-size: 24px; font-weight: 600; }

.home-cate-ul li:hover		{ background-color: rgba(108, 197, 32, 0.68);}
@media screen and (min-width:1200px) {

h1											{ float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:url(../images/bg-h1-tag.png); background-repeat:repeat-x; background-position:bottom; }

.row										{ float:left; width:100%; margin:0px 0px 10px 0px; }

#login_box 									{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat; margin:48px 0px 0px 0px; }
input.textbox 								{ font-family: 'Source Sans Pro'; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; border:1px solid #CCCCCC; width:158px; }

.breadcrumbs                                { width:100%; padding-bottom:5px; margin:0px 0% 5px 0%;   border-bottom: 2px solid #dedede;}

.giftwrap  		                            { float: left; width: 960px; margin: 0px 10px 10px 10px; font-size: 18px; }
.skyscrapers-container                      {  display:block; width: 100%; margin-left:auto; margin-right:auto; z-index: -1; position: relative; }
.skyscrapers                                {  display:block; width: 1540px; z-index:-1; position: fixed; margin: 45px 0 0 -720px; left: 50%; }

.top-menu							        { float:left; width:100%;background-color: #ededed;/* background-image:url(/images/top-menu-bg.png);*/ background-position:bottom; }
.top-menu-holder					        { width:1180px; margin-left:auto; margin-right:auto; }
.top-menu-tabs						        { float:left; width:450px; margin:5px 0px 0px 0px;  }

.top-menu-tabs-additional					{  }

.top-menu-tabs-shop					        {  }
.top-menu-tabs-shop a:link			        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop a:visited		        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop a:hover			        { color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-shop a:active		        { color:#FFFFFF; }

.top-menu-tabs-shop-on				        { }
.top-menu-tabs-shop-on a:link		        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#6CC520; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop-on a:visited	        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#6CC520; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop-on a:hover		        { color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-shop-on a:active		        { color:#FFFFFF; }

.top-menu-tabs-residential				    { }
.top-menu-tabs-residential a:link		    { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF;  }
.top-menu-tabs-residential a:visited	    { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF;  }
.top-menu-tabs-residential a:hover		    { color:#FFFFFF; background-color:#6CC520; border-left:2px solid #FFFFFF; }
.top-menu-tabs-residential a:active	        { color:#FFFFFF; }

.top-menu-tabs-residential-on				{ }
.top-menu-tabs-residential-on a:link		{ color:#FFFFFF; padding:11px 11px 11px 11px; border-left:2px solid #FFFFFF; background-color:#6CC520; float:left; text-decoration:none; }
.top-menu-tabs-residential-on a:visited	    { color:#FFFFFF; padding:11px 11px 11px 11px; border-left:2px solid #FFFFFF; background-color:#6CC520; float:left; text-decoration:none; }
.top-menu-tabs-residential-on a:hover		{ color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-residential-on a:active		{ color:#FFFFFF; }

.top-menu-tabs-services				        { }
.top-menu-tabs-services a:link		        { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-services a:visited	        { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-services a:hover		        { color:#FFFFFF; background-color:#0082C6; border-left:2px solid #FFFFFF; }
.top-menu-tabs-services a:active	        { color:#FFFFFF; }

.top-menu-tabs-services-on				    { }
.top-menu-tabs-services-on a:link		    { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#0082C6; float:left; text-decoration:none; border-radius:0px 0px 0px 0px;  }
.top-menu-tabs-services-on a:visited	    { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#0082C6; float:left; text-decoration:none; border-radius:0px 0px 0px 0px;  }
.top-menu-tabs-services-on a:hover		    { color:#FFFFFF; background-color:#0082C6; }
.top-menu-tabs-services-on a:active		    { color:#FFFFFF; }

.top-menu-menu						        { float:right; padding:6px 0px 0px 0px; line-height:8px; margin:8px 0px 0px 0px; }
.top-menu-menu ul li 				        { list-style:none; float:left; }
.top-menu-menu ul li a 				        { color:#333333; display:block; text-decoration:none; padding:6px 6px 6px 6px; font-size:12px; }
.top-menu-menu ul li.line a 		        { border-left:1px solid #CCCCCC; }
.top-menu-menu ul li a:hover 		        { color:#0082C6; }

.page-content								{ width:1180px; margin-left:auto; margin-right:auto; }

.shop-header-logo					        { float:left; padding:15px 0px 0px 0px; }
.shop-header-phone					        { display:none; }

.shop-header-cart					        { float:right; height:36px; min-width:360px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; color:#FFFFFF;  }
.shop-header-cart-label-cart		        { float:left; margin:9px 0px 0px 10px;}
.shop-header-cart-label-link		        { display:none; }
.shop-header-cart-details			        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-label				        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-button			        { float:right; margin:8px 3px 0px 0px; }

.account-menu						        { float:right; margin:5px 0px 0px 0px; padding:0px 5px 0px 5px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; }
.account-menu ul li 				        { list-style:none; float:left; margin:0px 0px 0px 0px; }
.account-menu ul li a:link			        { color:#FFFFFF; display:block; text-decoration:none; padding:8px 18px 2px 18px; height:25px; font-size:14px; }
.account-menu ul li a:visited		        { color:#FFFFFF; }
.account-menu ul li a:hover 		        { background-color:#333333; }
.account-menu ul li a:active		        { color:#FFFFFF; }
.account-menu ul li.line a:link 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:visited 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:hover 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:active 	        { border-left:2px solid #333333; }

.mobile-bg      				            {  }
.log-in-button						        { float:left; text-align:left; margin:0px 2% 0px 0%; padding:0px 0px 0px 0px; }
.register-button					        { float:left; text-align:left; margin:0px 0px 0px 2%; padding:0px 0px 0px 0px; }
.cart-mobile					            { display:none; }

.mobile-menu      				            { display:none; }

.shop-header-ad						        { float:right; padding:15px 0px 10px 0px; }
.shop-header-logo img 						{ max-width: 215px; margin-top: 10px;}
.shop-menu									{ float:left;  background-repeat: repeat-x;height:45px; width:1180px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; }
.shop-menu-content							{ width:1180px; margin-left:auto; margin-right:auto; }
.shop-menu-float-left						{ float:left; margin:-1px 0px 0px 5px; }
.shop-menu-float-right						{ float:left; margin:40px 0px 0px 30px; width:180px; }

.shop-menu ul li 							{ list-style:none; float:left; margin:1px 0px 0px 0px; }
.shop-menu ul li a:link						{ color:#FFFFFF; display:block; text-decoration:none; padding:12px 18px 6px 18px; font-size:16px; height:25px; }
.shop-menu ul li a:visited					{ color:#FFFFFF; }
.shop-menu ul li a:hover 					{ background-color:#333333; }
.shop-menu ul li a:active					{ color:#FFFFFF; }

.shop-menu ul li.line a:link 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:visited 			{ border-left:2px solid #333333; }
.shop-menu ul li.line a:hover 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:active 				{ border-left:2px solid #333333; }

.search-textbox						        { float:right; margin:8px 10px 7px 7px; border:none; }
.search-icon                                { float:right; color:#666666; border: 0px solid #666666; border-radius: 0px 0px 0px 0px; width:25px; padding: 6px 5px 7px 5px}
input.search 						        { font-family:Source Sans Pro; color:#666666; font-size:14px; border:0px solid #666666; border-radius:0px 0px 0px 0px; padding:5px 6px 5px 7px; width:200px; }
.search-m                                   { display:none; }

.content-holder						        { float:left; width:1180px; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; }
.page										{ float:left; width:100%; background-color:#FFF; padding:10px 0px 20px 0px; }
.page-content-menu							{ float:left; width:200px; }
.page-content-info							{ float:left; width:980px; margin:0px 0px 0px 0px; }

.menu-left									{ float:left; width:180px; color:#FFFFFF; }
.menu-left-main-categories-holder			{ float:left; width:180px; /*background-image:url(../images/bg-main-categories-middle2.png); background-repeat:repeat-y; background-position:right; background-color:#333333;*/ border-radius:5px 5px 5px 5px; padding:5px 0px 10px 0px;  }

.menu-left-main-categories ul li 			{ list-style:none; float:left; font-size:8px; }
.menu-left-main-categories ul li a:link		{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:165px; /*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:visited 	{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:165px; /*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:hover 	{ color:#FFFFFF; border-bottom:solid 1px #666666; background-image:url(../images/bg-sub-categories-middle2.png); background-repeat:repeat-y; background-color:#67C01C; }
.menu-left-main-categories ul li a:active 	{ color:#FFFFFF; border-bottom:solid 1px #666666; }

.menu-left-current-category		    		{ float:left; margin-bottom:10px; }
.menu-left-current-category-title    		{ float:left; padding:0px 0px 0px 0px; font-weight:bold; }

.footer-content								{ width:1180px; margin-left:auto; margin-right:auto; }
.footer-content-border						{ float:left; width:958px; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:376px; }
.footer-payment-method-border				{ float:left; width:376px; padding:0px 0px 10px 0px; background-color:#FFF; border:1px dashed #CCCCCC; border-radius:5px 5px 5px 5px; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 10px 0px 20px 0px; }

.drop-down-list 							{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:4px 5px 4px 5px; }
.quantity									{ font-family: 'Source Sans Pro'; border:solid 1px #4A9F04; padding:5px; border-radius:5px;font-size:12px; text-align:center; }
.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; }
span.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; width:97% !important;font-size: 12px;}
.textarea									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; }
.dropbtn  									{display: none;}
.menu-active  								{background-color: #333;  }
.slide-container:after						{display:block;content:""; clear:both;}
.home-slider								{margin-top:0px;}
.home-slider.seperate-scetion               {width:auto;box-shadow:none; float:left;  height: auto;min-height: auto;}
}

@media screen and (min-width:1020px) and (max-width:1200px) {

h1											{ float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:url(../images/bg-h1-tag.png); background-repeat:repeat-x; background-position:bottom; }

.row										{ float:left; width:100%; margin:0px 0px 10px 0px; }

#login_box 									{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat; margin:48px 0px 0px 0px; }
input.textbox 								{ font-family: 'Source Sans Pro'; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; border:1px solid #CCCCCC; width:158px; }

.breadcrumbs                                { width:100%; padding-bottom:5px; margin:0px 0% 5px 0%;   border-bottom: 2px solid #dedede;}

.giftwrap  		                            { float: left; width: 960px; margin: 0px 10px 10px 10px; font-size: 18px; }
.skyscrapers-container                      {  display:block; width: 100%; margin-left:auto; margin-right:auto; z-index: -1; position: relative; }
.skyscrapers                                {  display:block; width: 1540px; z-index:-1; position: fixed; margin: 45px 0 0 -720px; left: 50%; }

.top-menu							        { float:left; width:100%; background-color: #ededed;/* background-image:url(/images/top-menu-bg.png);*/ background-position:bottom; }
.top-menu-holder					        { width:1000px; margin-left:auto; margin-right:auto; }
.top-menu-tabs						        { float:left; width:450px; margin:5px 0px 0px 0px;  }

.top-menu-tabs-additional					{  }

.top-menu-tabs-shop					        {  }
.top-menu-tabs-shop a:link			        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop a:visited		        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop a:hover			        { color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-shop a:active		        { color:#FFFFFF; }

.top-menu-tabs-shop-on				        { }
.top-menu-tabs-shop-on a:link		        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#6CC520; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop-on a:visited	        { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#6CC520; float:left; text-decoration:none; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-shop-on a:hover		        { color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-shop-on a:active		        { color:#FFFFFF; }

.top-menu-tabs-residential				    { }
.top-menu-tabs-residential a:link		    { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF;  }
.top-menu-tabs-residential a:visited	    { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF;  }
.top-menu-tabs-residential a:hover		    { color:#FFFFFF; background-color:#6CC520; border-left:2px solid #FFFFFF; }
.top-menu-tabs-residential a:active	        { color:#FFFFFF; }

.top-menu-tabs-residential-on				{ }
.top-menu-tabs-residential-on a:link		{ color:#FFFFFF; padding:11px 11px 11px 11px; border-left:2px solid #FFFFFF; background-color:#6CC520; float:left; text-decoration:none; }
.top-menu-tabs-residential-on a:visited	    { color:#FFFFFF; padding:11px 11px 11px 11px; border-left:2px solid #FFFFFF; background-color:#6CC520; float:left; text-decoration:none; }
.top-menu-tabs-residential-on a:hover		{ color:#FFFFFF; background-color:#6CC520; }
.top-menu-tabs-residential-on a:active		{ color:#FFFFFF; }

.top-menu-tabs-services				        { }
.top-menu-tabs-services a:link		        { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-services a:visited	        { color:#FFFFFF; padding:11px 13px 11px 11px; background-color:#333333; float:left; text-decoration:none; border-left:2px solid #FFFFFF; border-radius:0px 0px 0px 0px; }
.top-menu-tabs-services a:hover		        { color:#FFFFFF; background-color:#0082C6; border-left:2px solid #FFFFFF; }
.top-menu-tabs-services a:active	        { color:#FFFFFF; }

.top-menu-tabs-services-on				    { }
.top-menu-tabs-services-on a:link		    { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#0082C6; float:left; text-decoration:none; border-radius:0px 0px 0px 0px;  }
.top-menu-tabs-services-on a:visited	    { color:#FFFFFF; padding:11px 11px 11px 11px; background-color:#0082C6; float:left; text-decoration:none; border-radius:0px 0px 0px 0px;  }
.top-menu-tabs-services-on a:hover		    { color:#FFFFFF; background-color:#0082C6; }
.top-menu-tabs-services-on a:active		    { color:#FFFFFF; }

.top-menu-menu						        { float:right; padding:6px 0px 0px 0px; line-height:8px; margin:8px 0px 0px 0px; }
.top-menu-menu ul li 				        { list-style:none; float:left; }
.top-menu-menu ul li a 				        { color:#333333; display:block; text-decoration:none; padding:6px 6px 6px 6px; font-size:12px; }
.top-menu-menu ul li.line a 		        { border-left:1px solid #CCCCCC; }
.top-menu-menu ul li a:hover 		        { color:#0082C6; }

.page-content								{ width:1000px; margin-left:auto; margin-right:auto; }

.shop-header-logo					        { float:left; padding:15px 0px 0px 0px; }
.shop-header-phone					        { display:none; }
.shop-header-logo img 						{ max-width: 215px; margin-top: 10px;}
.shop-header-cart					        { float:right; height:36px; min-width:360px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; color:#FFFFFF;  }
.shop-header-cart-label-cart		        { float:left; margin:9px 0px 0px 10px;}
.shop-header-cart-label-link		        { display:none; }
.shop-header-cart-details			        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-label				        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-button			        { float:right; margin:8px 3px 0px 0px; }

.account-menu						        { float:right; margin:5px 0px 0px 0px; padding:0px 5px 0px 5px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; }
.account-menu ul li 				        { list-style:none; float:left; margin:0px 0px 0px 0px; }
.account-menu ul li a:link			        { color:#FFFFFF; display:block; text-decoration:none; padding:8px 18px 2px 18px; height:25px; font-size:14px; }
.account-menu ul li a:visited		        { color:#FFFFFF; }
.account-menu ul li a:hover 		        { background-color:#333333; }
.account-menu ul li a:active		        { color:#FFFFFF; }
.account-menu ul li.line a:link 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:visited 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:hover 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:active 	        { border-left:2px solid #333333; }

.mobile-bg      				            {  }
.log-in-button						        { float:left; text-align:left; margin:0px 2% 0px 0%; padding:0px 0px 0px 0px; }
.register-button					        { float:left; text-align:left; margin:0px 0px 0px 2%; padding:0px 0px 0px 0px; }
.cart-mobile					            { display:none; }

.mobile-menu      				            { display:none; }

.shop-header-ad						        { float:right; padding:15px 0px 10px 0px; }

.shop-menu									{ float:left; height:45px;  background-repeat: repeat-x;width:1000px; margin:5px 0px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:0px 0px 0px 0px; }
.shop-menu-content							{ width:1000px; margin-left:auto; margin-right:auto; }
.shop-menu-float-left						{ float:left; margin:-1px 0px 0px 5px; }
.shop-menu-float-right						{ float:left; margin:40px 0px 0px 30px; width:180px; }

.shop-menu ul li 							{ list-style:none; float:left; margin:1px 0px 0px 0px; }
.shop-menu ul li a:link						{ color:#FFFFFF; display:block; text-decoration:none; padding:12px 18px 6px 18px; font-size:16px; height:25px; }
.shop-menu ul li a:visited					{ color:#FFFFFF; }
.shop-menu ul li a:hover 					{ background-color:#333333; }
.shop-menu ul li a:active					{ color:#FFFFFF; }

.shop-menu ul li.line a:link 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:visited 			{ border-left:2px solid #333333; }
.shop-menu ul li.line a:hover 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:active 				{ border-left:2px solid #333333; }

.search-textbox						        { float:right; margin:8px 10px 7px 7px; border:none; }
.search-icon                                { float:right; color:#666666; border: 0px solid #666666; border-radius: 0px 5px 5px 0px; width:25px; padding: 6px 5px 7px 5px}
input.search 						        { font-family:Source Sans Pro; color:#666666; font-size:14px; border:0px solid #666666; border-radius:5px 0px 0px 5px; padding:5px 6px 5px 7px; width:200px; }
.search-m                                   { display:none; }

.content-holder						        { float:left; width:1000px; margin:15px 0px 0px 0px; padding:0px 0px 0px 0px; }
.page										{ float:left; width:100%; background-color:#FFF; padding:10px 0px 20px 0px; }
.page-content-menu							{ float:left; width:200px; }
.page-content-info							{ float:left; width:800px; margin:0px 0px 0px 0px; }

.menu-left									{ float:left; width:180px; color:#FFFFFF; }
.menu-left-main-categories-holder			{ float:left; width:180px; /* background-image:url(../images/bg-main-categories-middle2.png); background-repeat:repeat-y; background-position:right; background-color:#333333; */ border-radius:5px 5px 5px 5px; padding:5px 0px 10px 0px;  }

.menu-left-main-categories ul li 			{ list-style:none; float:left; font-size:8px; }
.menu-left-main-categories ul li a:link		{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:165px;/*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:visited 	{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:165px; /*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:hover 	{ color:#FFFFFF; border-bottom:solid 1px #666666; background-image:url(../images/bg-sub-categories-middle2.png); background-repeat:repeat-y; background-color:#67C01C; }
.menu-left-main-categories ul li a:active 	{ color:#FFFFFF; border-bottom:solid 1px #666666; }

.menu-left-current-category		    		{ float:left; margin-bottom:10px; }
.menu-left-current-category-title    		{ float:left; padding:0px 0px 0px 0px; font-weight:bold; }

.footer-content								{ width:1000px; margin-left:auto; margin-right:auto; }
.footer-content-border						{ float:left; width:958px; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:376px; }
.footer-payment-method-border				{ float:left; width:376px; padding:0px 0px 10px 0px; background-color:#FFF; border:1px dashed #CCCCCC; border-radius:5px 5px 5px 5px; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 10px 0px 20px 0px; }

.drop-down-list 							{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:4px 5px 4px 5px; }
.quantity									{ font-family: 'Source Sans Pro'; border:solid 1px #4A9F04; padding:5px; border-radius:5px;font-size:12px; text-align:center; }
.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; }
span.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; width:97% !important;font-size: 12px;}
.textarea									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 5px 5px 5px; }
.dropbtn 									{display: none;}
.menu-active								{   background-color: #333;  }
.hot-selling .index-row						{ margin:0px auto; }

.slide-container:after						{display:block;content:""; clear:both;}
.home-slider								{margin-top:0px;}
.home-slider.seperate-scetion               {width:auto;box-shadow:none; float:left;}
.home-category 								{float: left;  width: 193px !important; }
}

@media screen and (min-width:950px) and (max-width:1019px) {

h1										    { float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:url(../images/bg-h1-tag.png); background-repeat:repeat-x; background-position:bottom; text-align:center; }

.row										{ float:left; width:100%; margin:0px 0px 10px 0px; text-align:center; }

#login_box 									{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat; margin:48px 0px 0px -220px; }

.breadcrumbs                                { width:98%; padding-bottom:5px; margin:0px 1% 0px 1%;}

.top-menu							        { float:left; width:100%; text-align:center; }
.top-menu-holder					        { float:left; width:100%; }
.top-menu-tabs						        { float:left; width:100%; margin:5px 0px 0px 0px; }

.top-menu-tabs-additional					{ display:none; }
.top-menu-tabs-shop					        { float:left; width:31.33%; margin:0px 1% 0px 1%;  }
.top-menu-tabs-shop a:link			        { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:visited		        { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:hover			        { color:#FFFFFF; padding:5px 0px 5px 0px; background-color:#6CC520; }
.top-menu-tabs-shop a:active		        { color:#FFFFFF; }

.top-menu-tabs-shop-on				        { float:left; width:31.33%; margin:0px 1% 0px 1%; }
.top-menu-tabs-shop-on a:link		        { color:#FFFFFF; float:left; width:100%; background-color:#6CC520; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop-on a:visited	        { color:#FFFFFF; float:left; width:100%; background-color:#6CC520; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop-on a:hover		        { color:#FFFFFF; }
.top-menu-tabs-shop-on a:active		        { color:#FFFFFF; }

.top-menu-tabs-residential				    { float:left; width:31.33%; margin:0px 1% 0px 1%; }
.top-menu-tabs-residential a:link		    { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential a:visited	    { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential a:hover		    { color:#FFFFFF; padding:5px 0px 5px 0px; background-color:#6CC520; }
.top-menu-tabs-residential a:active	        { color:#FFFFFF; }

.top-menu-tabs-residential-on				{ float:left; width:31.33%; margin:0px 1% 0px 1%; }
.top-menu-tabs-residential-on a:link		{ color:#FFFFFF; float:left; width:100%; background-color:#6CC520; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential-on a:visited	    { color:#FFFFFF; float:left; width:100%; background-color:#6CC520; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential-on a:hover		{ color:#FFFFFF; }
.top-menu-tabs-residential-on a:active		{ color:#FFFFFF; }

.top-menu-tabs-services				        { float:left; width:31.33%; margin:0px 1% 0px 1%; }
.top-menu-tabs-services a:link		        { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services a:visited	        { color:#FFFFFF; float:left; width:100%; background-color:#333333; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services a:hover		        { color:#FFFFFF; padding:5px 0px 5px 0px; background-color:#0082C6; }
.top-menu-tabs-services a:active	        { color:#FFFFFF; }

.top-menu-tabs-services-on				    { float:left; width:31.33%; margin:0px 1% 0px 1%; }
.top-menu-tabs-services-on a:link		    { color:#FFFFFF; float:left; width:100%; background-color:#0082C6; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services-on a:visited	    { color:#FFFFFF; float:left; width:100%; background-color:#0082C6; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services-on a:hover		    { color:#FFFFFF; }
.top-menu-tabs-services-on a:active		    { color:#FFFFFF; }

.top-menu-menu						        { float:left; width:75%; padding:0px 0px 0px 0px; margin:5px 1% 0px 1%; background-image:url(/images/top-menu-bg.png); background-position:bottom; border-radius:5px 5px 5px 5px; }
.top-menu-menu ul li 				        { list-style:none; float:left; }
.top-menu-menu ul li a 				        { color:#333333; display:block; text-decoration:none; padding:6px 6px 6px 6px; font-size:12px; }
.top-menu-menu ul li.line a 		        { border-left:1px solid #CCCCCC; }
.top-menu-menu ul li a:hover 		        { color:#0082C6; }

.content-holder {width:98%;float:left;margin:15px auto 0 1%;}
.page-content								{ width:100%; margin-left:auto; margin-right:auto; }
.page-content-menu { float: left; width: 21%;}
.page-content-info {float: left;width: 77%;margin: 0px 0px 0px 0px;}
.menu-left									{ float:left; width:100%; color:#FFFFFF; }
.menu-left-main-categories-holder			{ float:left; width:96%; /*background-size: 100% 100%; background-image:url(../images/bg-main-categories-middle2.png); background-repeat:repeat-y; background-position:right; background-color:#333333;*/ border-radius:5px 5px 5px 5px; padding:5px 0px 10px 0px;  }

.menu-left-main-categories ul li 			{ list-style:none; float:left; font-size:8px; width:100%; }
.menu-left-main-categories ul li a:link		{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:91%; /*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:visited 	{ color:#FFFFFF; display:block; text-decoration:none; text-align:left; height:auto; padding:5px 5px 5px 10px; width:91%; /*border-bottom:solid 1px #666666;*/ font-size:14px; }
.menu-left-main-categories ul li a:hover 	{ color:#FFFFFF; border-bottom:solid 1px #666666; background-image:url(../images/bg-sub-categories-middle2.png); background-repeat:repeat-y; background-color:#67C01C; }
.menu-left-main-categories ul li a:active 	{ color:#FFFFFF; border-bottom:solid 1px #666666; }

.menu-left-current-category		    		{ float:left; margin-bottom:10px; }
.menu-left-current-category-title    		{ float:left; padding:0px 0px 0px 0px; font-weight:bold; }



.shop-header-logo					        { float:left; width:38%; padding:15px 1% 5px 1%; }
.shop-header-logo img 						{ max-width: 215px; margin-top: 10px;}
.shop-header-ad						        { float:right; width:58%; padding:15px 1% 10px 1%; text-align:right; }
.shop-header-phone					        { display:none; }

.shop-menu									{ float:left; background-repeat: repeat-x; height:45px; width:98%; margin:5px 1% 0px 1%; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:5px 5px 5px 5px; }
.shop-menu-content							{ }
.shop-menu-float-left						{ float:left; margin:-1px 0px 0px 5px; }
.shop-menu-float-right						{ float:right; margin:-40px 0px 0px 30px; }

.shop-menu ul li 							{ list-style:none; float:left; margin:1px 0px 0px 0px; }
.shop-menu ul li a:link						{ color:#FFFFFF; display:block; text-decoration:none; padding:12px 18px 6px 18px; font-size:16px; height:25px; }
.shop-menu ul li a:visited					{ color:#FFFFFF; }
.shop-menu ul li a:hover 					{ background-color:#333333; }
.shop-menu ul li a:active					{ color:#FFFFFF; }

.shop-menu ul li.line a:link 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:visited 			{ border-left:2px solid #333333; }
.shop-menu ul li.line a:hover 				{ border-left:2px solid #333333; }
.shop-menu ul li.line a:active 				{ border-left:2px solid #333333; }

.shop-header-cart					        { float:right; height:36px; min-width:360px; margin:5px 10px 0px 0px; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:5px 5px 5px 5px; color:#FFFFFF;  }
.shop-header-cart-label-cart		        { float:left; margin:9px 0px 0px 10px;}
.shop-header-cart-label-link		        { display:none; }
.shop-header-cart-details			        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-label				        { float:left; margin:9px 0px 0px 10px; }
.shop-header-cart-button			        { float:right; margin:8px 3px 0px 0px; }

.account-menu						        { float:right; margin:5px 10px 0px 0px; padding:0px 5px 0px 5px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:5px 5px 5px 5px; }
.account-menu ul li 				        { list-style:none; float:left; margin:0px 0px 0px 0px; }
.account-menu ul li a:link			        { color:#FFFFFF; display:block; text-decoration:none; padding:8px 18px 2px 18px; height:25px; font-size:14px; }
.account-menu ul li a:visited		        { color:#FFFFFF; }
.account-menu ul li a:hover 		        { background-color:#333333; }
.account-menu ul li a:active		        { color:#FFFFFF; }
.account-menu ul li.line a:link 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:visited 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:hover 	        { border-left:2px solid #333333; }
.account-menu ul li.line a:active 	        { border-left:2px solid #333333; }

.mobile-bg      				            {  }
.log-in-button						        { float:left; margin:18px  15px 0px 0px }
.register-button					        { float:left; margin:17px 10px 0px 0px; }
.cart-mobile					            { display:none; }

.mobile-menu      				            { display:none; }




.search-textbox						        { float:right; margin:8px 10px 7px 7px; border:none; }
.search-icon                                { float:right; color:#666666; border: 0px solid #666666; border-radius: 0px 5px 5px 0px; width:25px; padding: 6px 5px 7px 5px}
input.search 						        { font-family:Source Sans Pro; color:#666666; font-size:14px; border:0px solid #666666; border-radius:5px 0px 0px 5px; padding:5px 6px 5px 7px; width:200px; }
.search-m                                   { display:none; }




.footer-content								{ float:left; wodth:98%; margin:0px 1% 0px 1%; text-align:center; }
.footer-content-border						{ float:left; width:98%; padding:1%; border:dotted 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:50%; }

.footer-payment-method-border				{ float:left; width:98%; padding:0px 0px 0px 0px; background-color:#FFFFFF; border:1px dotted #CCCCCC; border-radius:5px 1% 5px 1%; text-align:center; }
.footer-payment-text						{ float:left; width:98%; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 1% 0px 1%; }
.footer-payment-visa-verified				{ float:left; width:50%; margin:0px 0px 0px 0px; }
.footer-payment-mastercard-securecode		{ float:left; width:50%; margin:0px 0px 0px 0px; }
.footer-payment-visa						{ float:left; width:23%; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-mastercard					{ float:left; width:23%; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-payment-express             { float:left; width:54%; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 10px 0px; }

.footer-links-holder						{ float:left; width:50%; margin:40px 0px 0px 0px; }
.footer-social-media						{ float:left; width:25%; margin:0px 0px 0px 0px; }
.footer-facebook							{ float:left; width:100%; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; width:25%; line-height:18px; text-align:left; }
.footer-links-right							{ float:left; width:25%; line-height:18px; text-align:left; }
.footer-legal								{ float:left; width:25%; line-height:18px; text-align:left; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 10px 0px 20px 0px; }

.drop-down-list 							{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 2% 5px 2%;  }
.quantity									{ font-family: 'Source Sans Pro'; border:1px solid #4A9F04; text-align:center; border-radius:5px 5px 5px 5px; padding:5px 2% 5px 2%; font-size:12px; }
.textbox									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; border-radius:5px 5px 5px 5px; padding:5px 2% 5px 2%; }
span.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; width:96% !important;      display: block !important;font-size: 12px;}
.textarea									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:5px 2% 5px 2%; }
.dropbtn  {display: none;}
.menu-active
 {
 	    background-color: #333;
 }
.home-slider 								{ 	display:none; }
}


@media screen and (min-width:600px) and (max-width:949px) {

 

.show {display:block; height: 200px;   width: 98% !important; margin: -20px auto 0 6px !important; } 
.search-categories {width: 100% !important; padding: 0px 0px 0px 0% !important; }

h1										    { float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:url(../images/bg-h1-tag.png); background-repeat:repeat-x; background-position:bottom; text-align:center; }

.row										{ float:left; width:100%; margin:0px 0px 10px 0px; text-align:center; }

#login_box 									{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat;top: 95px; right: 2px;}

.breadcrumbs                                { width:98%; border-bottom: 2px solid #dedede; padding-bottom:5px; margin:0px 1% 5px 1%;}

/* 320 -599 new header changes 10/2/2017*/
.top-menu							        { float:left; width:100%; text-align:center;     background-color: #f1f1f1;    padding: 2px 0px 4px 0px; }

.top-menu-holder					        { float:left; width:100%; }
.top-menu-tabs						        { float:left; width:100%; margin:0px 0px 0px 0px; }

.top-menu-tabs-additional					{ display:none; }
.top-menu-tabs-shop					        { float:left; margin: 0px 1% 0px 1%; border-right: 2px solid #838383;  padding-right: 8px;}
.top-menu-tabs-shop a:link			        { color:#333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:visited		        { color:#76c04e; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:hover			        { color:#76c04e; padding:5px 0px 5px 0px; }
.top-menu-tabs-shop a:active		        { color:#76c04e; }

.top-menu-tabs-shop-on				        { float:left;     margin: 0px 1% 0px 1%; border-right: 2px solid #838383;  padding-right: 8px;}
.top-menu-tabs-shop-on a:link		        { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;     font-weight: bold; }
.top-menu-tabs-shop-on a:visited	        { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop-on a:hover		        { color:#76bf4c; }
.top-menu-tabs-shop-on a:active		        { color:#76bf4c; }

.top-menu-tabs-residential				    { float:left;     margin: 0px 1% 0px 1%;  border-right: 2px solid #838383;  padding-right: 8px; }
.top-menu-tabs-residential a:link		    { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;    font-weight: bold; }
.top-menu-tabs-residential a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential a:hover		    { color:#76bf4c; padding:5px 0px 5px 0px; }
.top-menu-tabs-residential a:active	        { color:#76bf4c; }

.top-menu-tabs-residential-on				{ float:left; margin: 0px 1% 0px 1%;  border-right: 2px solid #838383;  padding-right: 8px;  }
.top-menu-tabs-residential-on a:link		{ color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;     font-weight: bold; }
.top-menu-tabs-residential-on a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential-on a:hover		{ color:#76bf4c; }
.top-menu-tabs-residential-on a:active		{ color:#76bf4c; }

.top-menu-tabs-services				        { float:left; margin: 0px 1% 0px 1%;    padding-right: 8px;  }
.top-menu-tabs-services a:link		        { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;      font-weight: bold;}
.top-menu-tabs-services a:visited	        { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services a:hover		        { color:#333333; padding:5px 0px 5px 0px;  }
.top-menu-tabs-services a:active	        { color:#FFFFFF; }

.top-menu-tabs-services-on				    { float:left; margin: 0px 1% 0px 1%;   padding-right: 8px;  }
.top-menu-tabs-services-on a:link		    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;    font-weight: bold; }
.top-menu-tabs-services-on a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.mob-menu-browse-home,.mob-menu-browse-inner,.mob-menu-options-home,.my-details,#goback
{
 display: block !important;
}
.top-menu-tabs-services-on a:hover		    { color:#76bf4c; }
.top-menu-tabs-services-on a:active		    { color:#76bf4c; }

.top-menu-menu						        { display:none;      position: absolute; background-color: #ffffff; width: 30%; margin-top: 32px; z-index: 2; right: 0;box-shadow: 1px 1px 4px #ddd; }
.top-menu-menu ul li 				        { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd; text-align: left;}
.top-menu-menu ul li a 				        {     color: #3b3b3b;
font-weight: bold;
display: block;
text-decoration: none;
padding: 7px 6px 7px 13px;
font-size: 14px; }
.top-menu-menu ul li.line a 		        { border-left:none; }
.top-menu-menu ul li a:hover 		        { color:#fff; background-color:#6cc520;}
/*  end 320 -599 new header changes 10/2/2017*/

.page-content								{ float:left; width:100%; }


/* 768 -599 new header changes 10/2/2017*/
.shop-header-logo					        { float:left; text-align:center; margin:10px 1% 0px 1%; }
.shop-header-phone					        { float:left; width:auto; text-align:center; padding:0px 0px 0px 0px; margin:-31px 0px 0px 0px;     position: absolute; right: 2px; }
.shop-header-phone	img                      { vertical-align:middle;     width: 35px; margin: -4px 1px 1px 1px;}
.shop-header-phone a                          {    font-size: 14px;font-weight: bold; padding: 0px 2px;}
/* 768 -599 new header changes 10/2/2017*/


.shop-header-cart					        { display:none; float:right; height:36px; width:98%; margin:5px 1% 0px 1%; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:5px 5px 5px 5px; color:#FFFFFF;  }
.shop-header-cart-label-cart		        { display:none; }
.shop-header-cart-label-link		        { display:none; }
.shop-header-cart-details			        { float:left; margin:10px 0px 0px 10px; }
.shop-header-cart-label				        { display:none; float:left; margin:10px 0px 0px 10px; }
.shop-header-cart-button			        { display:none; float:right; margin:8px 3px 0px 0px; }
.account-menu						        { display:none;  position: absolute; right:0; text-align:left;width:30%; margin:0; padding:0px 0px 0px 0px; background-color:#fff;margin-top: 0px; border-radius:0; z-index: 1;}
.account-menu ul li 				        { list-style:none; float:none; display:block;   border-bottom: 1px dotted #ddd;}
.account-menu ul li a:link			        { display:block; text-decoration:none;  }
.account-menu ul li a 				        { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:7px 6px 7px 13px; font-size:13px; }
.account-menu ul li.line a 		        { border-left:none; }
.account-menu ul li a:hover 		        { color:#fff; background-color:#6cc520;}


.mobile-bg						            {     float: left;
width: 99%;
text-align: center;
margin: 10px 0px 0px 0%;
padding: 5px 1px 5px 3px;
background-color: #f1f1f1;}
.log-in-button						        {display: block; height: 31px; width: auto; text-align: center; padding: 1px 13px; z-index: 1; right: 0; margin-right: 2%; top: 62px; border-radius: 3px; background-color: #64bc46; position: absolute; } .log-in-button .green-button a,.log-in-button .green-button a:hover {
color: #fff !important; font-size:15px !important; background: none !important; }
#btnlogin,.signup-button .green-button a{color: #fff; border-radius: 5px; background-color: #62ba18;width: auto !important;padding: 5px 10px !important;font-size: 15px !important;cursor: pointer;font-weight: 200;border: 1px solid #58af0f;}
.login-button 								{ float:left; width:auto !important; margin:3px 3px 10px 70px; }
.signup-button								{ display: block;float:left; width:auto !important; margin:10px 0px 10px 1px; }
.signup-button .green-button a                {padding:6px 10px !important;}
.signup-button .green-button a:hover,#btnlogin:hover   { background-color: #333333; border:1px solid #333;}
.register-button					        { display:none; float: left; height: 29px; width: 100%;text-align: center; margin: 153px 0px 0px 0%; padding: 0px 0px 0px 0px;  z-index: 1; background-color: #f5f5f5; position: absolute; border-bottom: 1px dotted #ddd;}
.green-button								{ }


.register-button .green-button a:link,.register-button .green-button a:visited,.log-in-button .green-button a:link,.log-in-button .green-button a:visited { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 6px; font-size:13px; background: none !important; border: none;border-radius:0px;}
   

.register-button .green-button a:hover,	.log-in-button .green-button a:hover			         {color:#fff;    border-radius:0px;  }
.dsktp-cart                                 {display:none;}
.cart-mobile					            {float: left; height: 29px; margin: 0px 0px 0px 0%;} .cart-mobile-items				            {position: absolute; margin: -37px 0px 0px 23px; color: #64bc46; font-weight: bold; }
.search-m                                   { float:left; width:89%; }
.search-textbox-m					        { float:left; text-align:right; width:99%; margin:0px 0px 0px 0.8%; border:none; }
.search-textbox-m input				        {     font-family: Source Sans Pro;
width: 99%; color: #666666; font-size: 14px; border: 1px solid #e2e0e0; border-radius: 0px; padding: 7px 0px 7px 1%; } 
.search-icon-m                              { float:left; }
#btnmsearch {
height: 25px;
margin: 3px 0 0 -30px;
}
.mobile-menu          				        {     float: right; width: 10%; margin: -41px 0% 21px 0%;	}
.mobile-menu ul li 				            { list-style:none; float:left; width:auto; padding: 0px 5px; text-align:center; }
.mobile-menu ul li a:link			        { color:#FFFFFF; display:block; text-decoration:none; padding:5px 0px 5px 0px;  }
.mobile-menu ul li a:visited		        { color:#FFFFFF; }

.mobile-menu ul li a:active		            { color:#FFFFFF; }

.shop-header-ad						        { display:none; }
.mob-menu-browse-home,.mob-menu-browse-inner,.mob-menu-options-home {  text-align: left; }
.cart-mobile img {height: 29px; }
 .shop-menu							        { display:none;     position: absolute; background-color: #ffffff; width: 30%; margin-top: 0px; right: 0; z-index: 1; box-shadow: 1px 1px 4px #ddd;} 
 .shop-menu ul li 				            { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd;}
.shop-menu ul li a 				            { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:7px 6px 7px 12px; font-size:14px;     text-align: left;}
.shop-menu ul li.line a 		            { border-left:none; }
.shop-menu ul li a:hover 		            { color:#fff; background-color:#6cc520;}
#pnlSearch                                  {display:none;}

.content-holder						        { float:left; width:98%; margin:0px 1% 0px 1%; padding:0px 0px 0px 0px; }
.page										{ float:left; width:100%; background-color:#FFF; padding:0px 0px 0px 0px; }
.page-content-menu							{ float:left; width:100%; }
.page-content-info							{ float:left; width:100%; margin:10px 0px 0px 0px; }

.menu-left									{display:none;     position: absolute; background-color: #ffffff;  width: 30%; margin-top: -132px; z-index: 1; right: 0; box-shadow: 0px 1px 3px #ddd; }

.menu-left-main-categories ul li 				        { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd;}
.menu-left-main-categories ul li a.white ,#goback				        { color:#3b3b3b;text-align:left; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 14px; font-size:13px; }
.menu-left-main-categories ul li.line a.white 		        { border-left:none; }
.menu-left-main-categories ul li a.white:hover 		        { color:#fff; background-color:#6cc520;}
.footer-content								{ float:left; wodth:98%; margin:0px 1% 0px 1%; text-align:center; }
.footer-content-border						{ float:left; width:96%; padding:2%; border:dotted 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:100%; }
.footer-payment-method-border				{ float:left; width:100%; padding:0px 0px 0px 0px; background-color:#FFFFFF; border:1px dotted #CCCCCC; border-radius:5px 5px 5px 5px; }
.footer-payment-text						{ float:left; width:96%; font-size:20px; color:#333333; margin:0px 2% 0px 2%; padding: 0px 0px 0px 0px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:50%; margin:10px 0px 10px 0px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:50%; margin:10px 0px 10px 0px; }
.footer-payment-visa						{ float:left; width:50%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-mastercard					{ float:left; width:50%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-payment-express             { float:left; width:100%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-social-media						{ float:left; width:33.33%; margin:10px 0px 10px 0px; }
.footer-facebook							{ float:left; width:100%; margin:0px 0px 0px 0px; text-align:center; }
.footer-links-left							{ float:left; width:33.33%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-links-right							{ float:left; width:33.33%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-legal								{ float:left; width:100%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-title								{ color:#333333; font-weight:bold; margin:0px 0px 0px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 10px 0px 20px 0px; }

.drop-down-list 							{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:2%;  }
.quantity									{ font-family: 'Source Sans Pro'; border:1px solid #4A9F04;border-radius:5px; text-align:center; padding:5px; font-size:12px; }
.textbox									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; border-radius:5px;text-align:center; width:96%; padding:2%; }
span.textbox									{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; width:96% !important;      display: block !important;font-size: 12px;}
.textarea									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:1% 2%; }

/*dropwodn*/
.dropbtn {background-color: #a4a4a4; color: white; width: 98%; margin: 0 auto 20px auto; padding: 9px; display:block; border: none; cursor: pointer;    text-align: left;font-weight: 600; }
.dropbtn::before {
    background-color: rgba(154, 154, 154, 0);
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    background-size: 10px;
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -20px;
  
}
.dropbtn:hover, .dropbtn:focus {background-color: #494949; -moz-appearance: none; -webkit-appearance: none; }
.dropdown {position: relative; display: inline-block;width: 100%; }
.dropdown-content {display: none; position: absolute; background-color: #f6f6f6;  overflow: auto; z-index: 1; }
.dropdown-content a {color: #7a7a7a; padding: 12px 16px; text-decoration: none; display: block; font-size: 13px; border-bottom: 1px solid #eeeeee; }
.dropdown a:hover {background-color: #64bc46; color:#fff;}
.show {display:block; height: 200px;   width: 98% !important; margin: -20px auto 0 6px !important; } 
.search-categories {width: 100% !important; padding: 0px 0px 0px 0% !important; }
.home-slider 								{ 	display:none; }
}


@media screen and (max-width:599px) {

h1										    { float:left; width:98%; margin:10px 0px 10px 0px; padding:5px 1% 10px 1%; font-size:22px; color:#3A3062; font-weight:normal; background-image:url(../images/bg-h1-tag.png); background-repeat:repeat-x; background-position:bottom; text-align:center; }

.row										{ float:left; width:100%; margin:0px 0px 10px 0px; text-align:center; }

/* 320 -599 new header changes 10/2/2017*/
.dsktp-cart                                  {display:none;}
#login_box 									{ display:none; position:absolute; width:298px; height:266px; z-index:999999; background-image:url(../images/log-in-bg.png); background-repeat:no-repeat; top:91px;right:2px; }
#btnlogin,.signup-button .green-button a{color: #fff; border-radius: 5px; background-color: #62ba18;width: auto !important;padding: 5px 10px !important;font-size: 15px !important;cursor: pointer;font-weight: 200;border: 1px solid #58af0f;}
.login-button 								{ float:left; width:auto !important; margin:3px 3px 10px 70px; }
.signup-button								{ display: block;float:left; width:auto !important; margin:10px 0px 10px 1px; }
.signup-button .green-button a                {padding:6px 10px !important;}
.signup-button .green-button a:hover,#btnlogin:hover   { background-color: #333333; border:1px solid #333;}

/* 320 -599 new header changes 10/2/2017*/
.breadcrumbs                                { width:98%; padding-bottom:5px; margin:0px 1% 6px 1%;border-bottom: 2px solid #dedede;}
/* 320 -599 new header changes 10/2/2017*/
.top-menu							        { float:left; width:100%; text-align:center;     background-color: #f1f1f1;    padding: 2px 0px 4px 0px; }
.mob-menu-browse-home,.mob-menu-browse-inner,.mob-menu-options-home,.my-details,#goback
{
 display: block !important;
}
.top-menu-holder					        { float:left; width:100%; }
.top-menu-tabs						        { float:left; width:100%; margin:0px 0px 0px 0px; }

.top-menu-tabs-additional					{ display:none; }
.top-menu-tabs-shop					        { float:left; margin: 0px 1% 0px 1%; border-right: 2px solid #838383;  padding-right: 8px;}
.top-menu-tabs-shop a:link			        { color:#333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:visited		        { color:#76c04e; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop a:hover			        { color:#76c04e; padding:5px 0px 5px 0px; }
.top-menu-tabs-shop a:active		        { color:#76c04e; }

.top-menu-tabs-shop-on				        { float:left;     margin: 0px 1% 0px 1%; border-right: 2px solid #838383;  padding-right: 8px;}
.top-menu-tabs-shop-on a:link		        { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;     font-weight: bold; }
.top-menu-tabs-shop-on a:visited	        { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-shop-on a:hover		        { color:#76bf4c; }
.top-menu-tabs-shop-on a:active		        { color:#76bf4c; }

.top-menu-tabs-residential				    { float:left;     margin: 0px 1% 0px 1%;  border-right: 2px solid #838383;  padding-right: 8px; }
.top-menu-tabs-residential a:link		    { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;    font-weight: bold; }
.top-menu-tabs-residential a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential a:hover		    { color:#76bf4c; padding:5px 0px 5px 0px; }
.top-menu-tabs-residential a:active	        { color:#76bf4c; }

.top-menu-tabs-residential-on				{ float:left; margin: 0px 1% 0px 1%;  border-right: 2px solid #838383;  padding-right: 8px;  }
.top-menu-tabs-residential-on a:link		{ color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;     font-weight: bold; }
.top-menu-tabs-residential-on a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-residential-on a:hover		{ color:#76bf4c; }
.top-menu-tabs-residential-on a:active		{ color:#76bf4c; }

.top-menu-tabs-services				        { float:left; margin: 0px 1% 0px 1%;    padding-right: 8px;  }
.top-menu-tabs-services a:link		        { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;      font-weight: bold;}
.top-menu-tabs-services a:visited	        { color:#333333; float:left; width:100%; text-align:center; padding:5px 0px 5px 0px; margin:0px 0px 0px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services a:hover		        { color:#333333; padding:5px 0px 5px 0px;  }
.top-menu-tabs-services a:active	        { color:#FFFFFF; }

.top-menu-tabs-services-on				    { float:left; margin: 0px 1% 0px 1%;   padding-right: 8px;  }
.top-menu-tabs-services-on a:link		    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px;    font-weight: bold; }
.top-menu-tabs-services-on a:visited	    { color:#333333; float:left; width:100%;  text-align:center; padding:5px 0px 5px 0px; text-decoration:none; border-radius:5px 5px 5px 5px; }
.top-menu-tabs-services-on a:hover		    { color:#76bf4c; }
.top-menu-tabs-services-on a:active		    { color:#76bf4c; }

.top-menu-menu						        { display:none;      position: absolute; background-color: #ffffff; width: 40%; margin-top: 32px; z-index: 2; right: 0;box-shadow: 1px 1px 4px #ddd; }
.top-menu-menu ul li 				        { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd; text-align: left;}
.top-menu-menu ul li a 				        { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 13px; font-size:13px; }
.top-menu-menu ul li.line a 		        { border-left:none; }
.top-menu-menu ul li a:hover 		        { color:#fff; background-color:#6cc520;}
/*  end 320 -599 new header changes 10/2/2017*/
.page-content								{ float:left; width:100%; }
/* 320 -599 new header changes 10/2/2017*/
.shop-header-logo					        { float:left; text-align:center; margin:10px 1% 0px 1%; }
/* 320 -599 new header changes 10/2/2017*/
.shop-header-phone					        { float:left; width:auto; text-align:center; padding:0px 0px 0px 0px; margin:-31px 0px 0px 0px;     position: absolute; right: 2px; }
.shop-header-phone	img                      { vertical-align:middle;     width: 35px; margin: -4px 1px 1px 1px;}
.shop-header-phone a                          {    font-size: 14px;font-weight: bold;}
.shop-header-cart					        { display:none; float:right; height:36px; width:98%; margin:5px 1% 0px 1%; padding:0px 0px 0px 0px; background-image:url(/images/shop-menu-holder-bg.png); border-radius:5px 5px 5px 5px; color:#FFFFFF;  }
.shop-header-cart-label-cart		        { display:none; }
.shop-header-cart-label-link		        { display:none; }
.shop-header-cart-details			        { float:left; margin:10px 0px 0px 10px; }
.shop-header-cart-label				        { display:none; float:left; margin:10px 0px 0px 10px; }
.shop-header-cart-button			        { display:none; float:right; margin:8px 3px 0px 0px; }
.account-menu						        { display:none;  position: absolute; right:0; text-align:left; width:40%; margin:0; padding:0px 0px 0px 0px; background-color:#fff;margin-top: 0; border-radius:0; z-index: 1;}
.account-menu ul li 				        { list-style:none; float:none; display:block;   border-bottom: 1px dotted #ddd;}
.account-menu ul li a:link			        { display:block; text-decoration:none;  }
.account-menu ul li a 				        { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 12px; font-size:13px; }
.account-menu ul li.line a 		        { border-left:none; }
.account-menu ul li a:hover 		        { color:#fff; background-color:#6cc520;}

/* 320 -599 new header changes 10/2/2017*/
.mobile-bg						            {     float: left;  width: 98%;  text-align: center;  margin: 10px 0px 0px 0%; padding: 5px 1px 3px 3px; background-color: #f1f1f1;}
.mobile-bg:before, .mobile-bg:after                            {clear:both; content:""; display:block;}
/* 320 -599 new header changes 10/2/2017*/
.log-in-button						        {display: block;  height: 29px; width: auto;  text-align: center; padding: 1px 8px;z-index: 1; right: 0; margin-right: 2%;top: 62px; border-radius: 3px;background-color: #64bc46;position: absolute;}
.log-in-button .green-button a{ color:#fff !important;}
/* border-bottom: 1px dotted #ddd; */
.register-button					        { display:none; float: left; height: 29px; width: 100%;text-align: center; margin: 153px 0px 0px 0%; padding: 0px 0px 0px 0px;  z-index: 1; background-color: #f5f5f5; position: absolute; border-bottom: 1px dotted #ddd;}
.green-button								{ }


.register-button .green-button a:link,.register-button .green-button a:visited,.log-in-button .green-button a:link,.log-in-button .green-button a:visited{ color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 6px; font-size:13px; background: none !important; border: none;border-radius:0px;}
   

.register-button .green-button a:hover,	.log-in-button .green-button a:hover			         {color:#fff;     border-radius:0px;  }
/* 320 -599 new header changes 10/2/2017*/
.cart-mobile					            { float:left; height:29px;  margin:0px 0px 0px 0%;  }
.cart-mobile img                            { height:29px;}
.cart-mobile-items				            {     position: absolute; margin: -37px 0px 0px 22px; color: #64bc46; font-weight: bold; }
/* 320 -599 new header changes 10/2/2017*/
.search-m                                   { float:left; width:90%; }
.search-textbox-m					        { float:left; text-align:right; width:97%; margin:0px 0px 0px 1px; border:none; }
/* 320 -599 new header changes 10/2/2017*/
.search-textbox-m input				        { font-family:Source Sans Pro; width:99%; color:#666666; font-size:12px; border: 1px solid #e2e0e0;  border-radius: 0px;  padding: 7px 0 7px 1%; }
/* 320 -599 new header changes 10/2/2017*/
.search-icon-m                              { float:left;  }
#btnmsearch                                 {      height: 25px; margin: 3px 0 0 -30px;}

.mobile-menu          				        {     float: right;width: 10%;  margin: -38px 6px 14px 0;   }
/* 320 -599 new header changes 10/2/2017*/
.mobile-menu ul li 				            { list-style:none; float:left; width:auto; text-align:center; padding:0px 3px;}
.mobile-menu ul li a:link			        { color:#FFFFFF; display:block; text-decoration:none; padding:5px 0px 5px 0px;  }
.mobile-menu ul li a:visited		        { color:#FFFFFF; }
.mob-menu-browse-home ,.mob-menu-browse-inner                       {  text-align: left;}
.mob-menu-menu-home                    {    width: 30px;}
.mobile-menu ul li a:active		            { color:#FFFFFF; }
/* 320 -599 end new header changes 10/2/2017*/
.shop-header-ad						        { display:none; }
/* 320 -599 end new header changes 10/2/2017*/
.shop-menu						        { display:none;     position: absolute; background-color: #ffffff;  width: 40%; margin-top: 0px; z-index: 1; right: 0; box-shadow: 0px 1px 3px #ddd;}/* 320 -599 end new header changes 10/2/2017*/ .shop-menu ul li 				            { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd;}
.shop-menu ul li a 				            { color:#3b3b3b; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 12px; font-size:13px;     text-align: left;}
.shop-menu ul li.line a 		            { border-left:none; }
.shop-menu ul li a:hover 		            { color:#fff; background-color:#6cc520;}
#pnlSearch                                  {display:none;}
.content-holder						        { float:left; width:98%; margin:0px 1% 0px 1%; padding:0px 0px 0px 0px; }
.page										{ float:left; width:100%; background-color:#FFF; padding:0px 0px 0px 0px; }
.page-content-menu							{ float:left; width:100%; }
.page-content-info							{ float:left; width:100%; margin:10px 0px 0px 0px; }

.menu-left									{ display:none;     position: absolute; background-color: #ffffff;  width: 40%; margin-top: -124px; z-index: 1; right: 0; box-shadow: 0px 1px 3px #ddd;}
.menu-left-main-categories ul { height:300px; overflow-y:auto;}
.menu-left-main-categories ul li 				        { list-style:none; float:none; display:block; border-bottom:1px dotted #ddd;}
.menu-left-main-categories ul li a.white ,#goback				        { color:#3b3b3b;text-align:left; font-weight:bold;display:block; text-decoration:none; padding:6px 6px 6px 14px; font-size:13px; }
.menu-left-main-categories ul li.line a.white 		        { border-left:none; }
.menu-left-main-categories ul li a.white:hover 		        { color:#fff; background-color:#6cc520;}

.footer-content								{ float:left; wodth:98%; margin:0px 1% 0px 1%; text-align:center; }
.footer-content-border						{ float:left; width:96%; padding:2%; border:dotted 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:100%; }
.footer-payment-method-border				{ float:left; width:100%; padding:0px 0px 0px 0px; background-color:#FFFFFF; border:1px dotted #CCCCCC; border-radius:5px 5px 5px 5px; }
.footer-payment-text						{ float:left; width:96%; font-size:20px; color:#333333; margin:0px 2% 0px 2%; padding: 0px 0px 0px 0px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:100%; margin:10px 0px 10px 0px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:100%; margin:10px 0px 10px 0px; }
.footer-payment-visa						{ float:left; width:100%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-mastercard					{ float:left; width:100%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-payment-payment-express             { float:left; width:100%; margin:0px 0px 0px 0px; border-top:1px dotted #CCCCCC; padding: 10px 0px 10px 0px; }
.footer-social-media						{ float:left; width:100%; margin:10px 0px 10px 0px; }
.footer-facebook							{ float:left; width:100%; margin:0px 0px 0px 0px; }
.footer-links-left							{ float:left; width:50%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-links-right							{ float:left; width:50%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-legal								{ float:left; width:100%; line-height:18px; margin:10px 0px 10px 0px; }
.footer-title								{ color:#333333; font-weight:bold; margin:0px 0px 0px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 10px 0px 20px 0px; }

.drop-down-list 							{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:2%;  }
.quantity									{ font-family: 'Source Sans Pro'; border:1px solid #4A9F04; text-align:center; padding:5px; border-radius:5px;font-size:12px; }
.textbox									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:158px !important;border-radius:5px;     padding: 2% 6px; }
span.textbox								{ font-family: 'Source Sans Pro'; border:solid 1px #CCC; padding:5px; border-radius:5px; width:96% !important;      display: block !important;font-size: 12px;}
.textarea									{ font-family: 'Source Sans Pro'; border:1px solid #CCCCCC; text-align:center; width:96%; color:#000000; font-size:12px; border-radius:5px 5px 5px 5px; padding:2%; }
.service-tickets-new-field .textbox         {width:93% !important;}
.home-slider 								{ 	display:none; }
}

/*new changes*/
#ContentPlaceHolder1_pnlRateProductNotLoggedIn a {color: #52a80b; }
#btnlogin{color: #fff;border-radius: 5px;background-color: #62ba18;width: 120px; height: 33px; font-size: 18px; cursor:pointer;font-weight: 200; border: 1px solid #58af0f;}
/*new changes*/

/*filter option on search page */
.filter 				{width:96%; margin:5px 1% 0 1%;height:36px; padding:0 0 0 2%; background-color: #dcdcdc;     float: left;}
.filteroption 			{width:85%; padding-top:4px; float:left; font-weight: bold; }
.filteroption img 		{vertical-align: middle; width:30px; } 
.shorticon 				{width:15%; float:left; } 
.shorticon img 			{right: 2%; position: absolute; }
.plus 					{background-image: url(/images/plus.png);     padding: 15px 18px;        right: 2%;     position: absolute; }
.minus					{background-image: url(/images/minus.png);     padding: 15px 18px;        right: 2%;     position: absolute; }

@media screen and (min-width:768px) {
.filter { display: none; }
.bg-products-sort,.bg-products-sort-full-width,.search-opt { display: block !important; }
} 
/*filter option on search page */
@media screen and (max-width:355px) {
.shop-header-phone	img 	{ display: none; }
.shop-header-logo 			{ float: left; text-align: center; margin: 10px 1% 0px 1%; width: 70%; }
.shop-header-logo 			{ float: left; text-align: center; margin: 10px 1% 0px 1%; width: 70%; }
.log-in-button 				{ margin-top:-9px; }
.mob-menu-menu-home img,.mob-menu-menu-inner img { display: inline-block;  }
}
 /* dropdown*/
@media screen and (min-width: 320px) and (max-width:758px) {
.dropbtn 						{background-color: #a4a4a4; color: white; width: 98%; margin: 0 auto 20px auto; padding: 9px; display:block; border: none; cursor: pointer;    text-align: left;font-weight: 600; }
.dropbtn::before 				{ background-color: rgba(154, 154, 154, 0); background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: center center; content: ""; background-size: 10px; width: 20px; height: 20px; position: absolute; right: 15px; top: 50%; margin-top: -20px;  }
.dropbtn:hover, .dropbtn:focus 	{background-color: #494949; -moz-appearance: none; -webkit-appearance: none; }
.dropdown 						{position: relative; display: inline-block;width: 100%; }
.dropdown-content 				{display: none; position: absolute; background-color: #f6f6f6;  overflow: auto; z-index: 1; }
.dropdown-content a 			{color: #7a7a7a; padding: 12px 16px; text-decoration: none; display: block; font-size: 13px; border-bottom: 1px solid #eeeeee; }
.dropdown a:hover 				{background-color: #64bc46; color:#fff;}
.show 							{display:block; height: 200px;   width: 98% !important; margin: -20px auto 0 6px !important; } 
.search-categories 				{width: 100% !important; padding: 0px 0px 0px 0% !important; }
}
 /*dropdown*/
.clearfix						{clear:both;display:block;content:""; }




/* New styles from TandemNZ*/


.seperate-scetion		{ 	width:1000px; 	border-radius: 3px; 	background-color:#fff; 	margin:0 auto; 	display: table; 	box-shadow:0px 0px 4px #ccc; 	margin-bottom:20px; }

.computer-sec			{ width:200px; float:none; border:1px solid #3498db; display: table-cell; vertical-align:top; }
.colone					{ float:none; width:400px; border-right:1px solid #ddd; padding:20px 0px; text-align:center; vertical-align:top; display: table-cell;  } 

.coltwo					{ float:none; width:400px; padding:20px 0px 0px 0px; display: table-cell; text-align:center; vertical-align:top; }
.computer-sec:after		{ 	clear:both; 	display:block; 	content:""; }
.com-categ h3			{ 	background-color: #3498db;     margin: 0 0 10px 0;     padding: 16px;     color: #fff;     text-transform: uppercase; }
.comp-categ-ul			{ margin:0 0 10px 0; padding:0;  } 
.comp-categ-ul li		{ list-style:none; padding:0; margin:0 15px; border-bottom:1px solid #ddd; }
 .comp-categ-ul li:last-child	{ 	border:none; }
.comp-categ-ul li a				{ 	text-decoration:none; 	color:#000; }

.sech1{
	font-weight: bold;
    text-align: center;
    margin: 0 41px 10px 0px;
} 
.secpara{
	padding: 0px;
    margin: 0;
    text-align: center;
    margin-right: 34px;
}
.paratwo
{
    margin: 0;
    padding: 19% 15%;
    text-align: center;	
}
.checknow{
	background-color: #6cc520;
    padding: 8px 40px;
	display:none;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
	
	width:auto;
	margin:25px auto 10px auto;
}
.checknow:hover{
	background-color:#333;
	border-color:#333;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.pro-img{
	max-width:200px;
}
.cols-one,.cols-two{
	width:50%;
}

.col-sec-2{
	padding:20px 0px 10px 0px;
}
.servicetwo{
	margin:0px 0;
	padding:20px 0px 18px 0px;
}
.serviceone h3,.servicetwo h3{
	padding:0;
	margin:0;
	text-align:center;
}
.clearfix{
	clear:both;
}
.service-img img{
max-width:100px;
float:right;
}
.service-img{
	float:left;
	width:40%;
	text-align:center;
	padding:20px 0px;
}
.service-para{
	float:left;
	width:60%;
	text-align:center;
	padding:20px 0px;
}
.service-para p{
	text-align:center;
	padding:5px 20px;
	margin:0;
}
.smal-margin{
	margin: 6px auto 10px auto;
}
.serviceone{
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
.pink{

	border:1px solid #e74c3c;
}
.pink h3 {
    background-color: #e74c3c;
}

.purple{

	border:1px solid #9b59b6;
}
.purple h3 {
    background-color: #9b59b6;
}
.green{

	border:1px solid #1abc9c;
}
.green h3 {
    background-color: #1abc9c;
}
.slate{

	border:1px solid #95a5a6;
}
.slate h3 {
    background-color: #95a5a6;
}
.mob-show{
	display:none;
}

@media screen and (max-width: 599px){
.seperate-scetion{
	width:100%;
	box-shadow: 0px 0px 4px #e0e0e0;
}
.computer-sec,.colone,.coltwo{
	float:none;
	display: block;
	width:100%;
	border-radius: 4px 4px 0px 0px;
}
.comp-categ-ul{
	display:none;
}
.secpara,.paratwo{
	display:none
}
.colone{
	position: relative;
    display: table;
    text-align: center;
    width: 100%;
    border-radius: 0;
    border-right: none;
}
.cols-two {
	
	width: 100%;
}
.cols-one{
	
}
.cols-one, .cols-two{
	width:100%;

}
.pull-left{
	float:none;
}
.col-sec-1,.col-sec-2{
	width:50%;
	float:left;
	padding:0px;
	margin-bottom: 30px;
}
.coltwo{
	border-top:2px solid #ddd;
	border-radius:0;
	padding: 0;
	display:table;
	table-layout: fixed;
}
.coltwo:after{
	content:"";
	display:block;
	clear:both;
}
.serviceone,.servicetwo{
	float:none;
	width:50%;
	margin:0;
	border:none;
	display: table-cell;
    vertical-align: top;
	padding:20px 0;
}
.serviceone:hover,.servicetwo:hover{
	box-shadow:0 3px 6px 0 rgba(51,51,51,.3);
}
.servicetwo{
	/* border-left:1px solid #ddd; */
}
.service-para{
	display:none;
}
.service-img{
	float:none;
	width:auto;
}
.service-img img {
    max-width: 100px;
    float: none;
}

.pro-img {
    max-width: 150px;
    vertical-align: top;
}
.checknow {
    background-color: #6cc520;
    padding: 8px 40px;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
    width: 76%;
	cursor:pointer;
    display: none;
    margin: 0 auto 10px auto;
}
.com-categ h3 {
    background-color: #3498db;
    margin: 0;
	padding: 12px 16px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
}
.sech1 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px 0;
}
.mob-show{
	display:block;
}
.mob-hide{
	display:none;
}
.checknow-two {
    background-color: #6cc520;
    padding: 8px 13px;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
    width: 80%;
    display: none;
    margin: 0 auto 10px auto;
}
.pink h3 {
    background-color: #e74c3c;
}
.purple h3 {
    background-color: #9b59b6;
}
.green h3 {
    background-color: #1abc9c;
}
.slate h3 {
    background-color: #95a5a6;
}
.footer{
	background-color:#666666;
}

.footer-inner{ width:100%; margin: 0 auto; padding: 5px 0px 30px 0px;}
.footer-content{width:100%;margin-left:auto;margin-right:auto; }
.footer-content-border{float:left; width:100%; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:none; width:100%;    margin: 0 auto; }
.footer-payment-method-border				{ float:none; width:99%;    margin: 0 auto; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-method-border:after			{display:block; clear:both; content:"";}
.footer-payment-text						{ float:left; width:98%; font-size:18px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 1% 0px 1%; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:50%; text-align:right; margin:0px 0px 0px 0px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:47%; text-align:left; margin:0px 0px 0px 3%; }
.footer-payment-visa						{ float:left; width:20%; margin:17px 0px 0px 0px; text-align: center; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:20%; margin:17px 0px 0px 0px;text-align: center; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0%; }
.footer-payment-payment-express             { float:left;    text-align: center; width:56%; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.footer-payment-visa-verified:after,.footer-payment-mastercard-securecode:after{
	content:"";
	display:table;
	clear:both;
}
.footer-payment-visa-verified ,.footer-payment-mastercard-securecode {
	height:60px;
}
.footer-payment-visa:before,.footer-payment-mastercard:before{
	content:"";
	display:table;
	clear:both;
}
.fot-1{
	width: 100%;
    float: none;
    margin: 2% 0% 4% 0%;
    text-align: left;
}
.fot-1 img{
	max-width:100%;
}
.fot-2{
	width:96%;
	float:none;
	margin:20px 0 3% 0;
}
.fot-3{
	width:96%;
	float:none;
	margin:2%;
	padding:20px 0 0 0;
}
.fot-2{
	text-align:center;
}
.fot-1:after,.fot-2:after,.fot-3:after{
	content:" ";
	display:block;
	clear:both;
}
.fot-3:before{
	content:" ";
	display:block;
	clear:both;
}
.mob-clear{
	clear:both;
	display:block;
}
.foot-sec1,.foot-sec2,.foot-sec3{
	width: 100%;
    float: none;
    text-align: center;
    margin-bottom: 25px;
}

.foot-heading{
	margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.foot-ul{
	margin:0;
	padding:0;
}
.foot-ul li{
	list-style:none;
	padding:8px 0px;
}
.foot-ul li a{
	text-decoration:none !Important;
	color:#fff !Important;
	font-weight:normal;
	font-size:15px;
}
.follow{
	margin: 4px 0 23px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
}
.socials{
	margin:0px 10px;
}
.mob-clear{
	
}
}
@media screen and (min-width: 599px) and (max-width: 800px){
.seperate-scetion{
	width:99%;
	box-shadow: 0px 0px 4px #e0e0e0;
}
.computer-sec,.colone,.coltwo{
	float:none;
	display: block;
	width:100%;
	border-radius: 4px 4px 0px 0px;
}
.comp-categ-ul{
	display:none;
}
.secpara,.paratwo{
	display:none
}
.colone{
	position: relative;
    display: table;
    text-align: center;
    width: 100%;
    border-radius: 0;
    border-right: none;
}
.cols-two {
	
	width: 100%;
}
.cols-one{
	
}
.cols-one, .cols-two{
	width:100%;

}
.pull-left{
	float:none;
}
.col-sec-1,.col-sec-2{
	width:50%;
	float:left;
	padding:0px;
	margin-bottom: 30px;
}
.coltwo{
	border-top:2px solid #ddd;
	border-radius:0;
	padding: 0;
	display:table;
	width:1005
	table-layout: fixed;
}
.coltwo:after{
	clear:both;
	content:"";
	display:block;
}
.serviceone,.servicetwo{
	float:none;
	width:50%;
	margin:0;
	display:table-cell;
	vertical-align:top;
	border:none;
	padding:20px 0;
}
.serviceone:hover,.servicetwo:hover{
	box-shadow:0 3px 6px 0 rgba(51,51,51,.3);
}
.servicetwo{
	/*border-left:1px solid #ddd;*/
}
.service-para{
	display:none;
}
.service-img{
	float:none;
	width:auto;
}
.service-img img {
    max-width: 100px;
    float: none;
}

.pro-img {
    max-width: 160px;
    vertical-align: top;
}
.checknow {
	display:none;
    background-color: #6cc520;
    padding: 8px 40px;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
    width: 300px;
   
    margin: 0 auto 10px auto;
}
.com-categ h3 {
    background-color: #3498db;
    margin: 0;
	padding: 12px 16px;
    text-align: center;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
}
.sech1 {
    font-weight: bold;
    text-align: center;
    margin: 0 0 15px 0;
}
.mob-show{
	display:block;
}
.mob-hide{
	display:none;
}
.checknow-two {
    background-color: #6cc520;
    padding: 8px 16px;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
    width: 200px;
    display: none;
    margin: 0 auto 10px auto;
}
.pink h3 {
    background-color: #e74c3c;
}
.purple h3 {
    background-color: #9b59b6;
}
.green h3 {
    background-color: #1abc9c;
}
.slate h3 {
    background-color: #95a5a6;
}
.footer{
	background-color:#666666;
}

.footer-inner{ width:100%; margin: 0 auto; padding: 30px 0px 30px 0px;}
.footer-content{width:100%;margin-left:auto;margin-right:auto; }
.footer-content-border{float:left; width:100%; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:none; width:376px;    margin: 0 auto; }
.footer-payment-method-border				{ float:left; width:376px; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.fot-1{
	width:96%;
	float:none;
	margin:2% 2% 4% 2%;
	text-align:left;
}
.fot-2{
	width:96%;
	float:none;
	margin:2%;
}
.fot-3{
	width:96%;
	float:none;
	margin:2%;
	padding:20px 0 0 0;
}
.fot-2{
	text-align:center;
}
.fot-1:after,.fot-2:after,.fot-3:after{
	content:" ";
	display:block;
	clear:both;
}
.fot-3:before{
	content:" ";
	display:block;
	clear:both;
}
.mob-clear{
	clear:both;
	display:block;
}
.foot-sec1,.foot-sec2,.foot-sec3{
	width:33.333%;
	float:left;
	text-align:center;
}

.foot-heading{
	margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.foot-ul{
	margin:0;
	padding:0;
}
.foot-ul li{
	list-style:none;
	padding:8px 0px;
}
.foot-ul li a{
	text-decoration:none !Important;
	color:#fff !important;
	
	font-weight:normal;
	font-size:15px;
}
.follow{
	margin: 4px 0 23px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
}
.socials{
	margin:0px 10px;
}
.mob-clear{
	
}
}

@media screen and (min-width: 801px) and (max-width: 1020px){
	
.seperate-scetion{
	width:100%;
	border-radius: 3px;
	background-color:#fff;
	margin:0 auto;
	display: table;
	height: 520px;
	box-shadow:0px 0px 4px #ccc;
	margin-bottom:20px;
}

.computer-sec{
    max-width: 192px;
    float: none;
    min-width: 192px;
    width: 192px;
	border:1px solid #3498db;
	display: table-cell;
	vertical-align:top;
}
.colone{
float:none;
width:400px;
border-right:1px solid #ddd;
padding:100px 0px 0 0;
vertical-align:top;
display: table-cell;

} 
.coltwo{
float:none;
width:377px;
padding:0px 0px 0px 0px;
display: table-cell;
vertical-align:top;
}
.computer-sec:after{
	clear:both;
	display:block;
	content:"";
}
.com-categ h3{
	background-color: #3498db;
    margin: 0 0 10px 0;
    padding: 16px;
    color: #fff;
    text-transform: uppercase;
}
.comp-categ-ul{
	margin:0 0 10px 0;
	padding:0;
	/*max-height: 484px;  
	overflow: hidden;    
	overflow-y: auto; */
}
.comp-categ-ul li{
	list-style:none;
	padding:0;
	margin:0 15px;
	border-bottom:1px solid #ddd;
}
.comp-categ-ul li a{
	text-decoration:none;
	color:#000;
	padding:10px 5px;
	display:block;
	width:95%;
	font-size:15px;
}
.comp-categ-ul li:hover				{ background-color:#a8dcff ;}
.pink .comp-categ-ul li:hover				{ background-color:#ffa39a  ;}
.purple  .comp-categ-ul li:hover				{ background-color:#f3d7ff  ;}
.green  .comp-categ-ul li:hover				{ background-color:rgba(26, 188, 156, 0.46);}
.slate  .comp-categ-ul li:hover				{ background-color:#d5d5d5;}
.sech1{
	font-weight: bold;
    text-align: center;
	font-size: 20px;
    margin: 0 41px 10px 0px;
} 
.secpara{
	padding: 0px;
    margin: 0;
    text-align: center;
    margin-right: 34px;
}
.paratwo
{
    margin: 0;
    padding: 8% 15%;
    text-align: center;	
}
.checknow{
	background-color: #6cc520;
    padding: 8px 40px;
	display:none;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
	
	margin:25px auto 10px auto;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.pro-img{
	max-width:170px;
	max-height: 110px;
}
.cols-one,.cols-two{
	width:50%;
}

.col-sec-2{
	padding:50px 0px 10px 0px;
	margin-top:20%;
}
.servicetwo{
	margin:0px 0;
	height:200px;
	padding: 60px 0 20px 0;

}
.serviceone h3,.servicetwo h3{
	padding:0;
	margin:0;
	font-size: 20px;
	text-align:center;
}
.clearfix{
	clear:both;
}
.service-img img{
max-width:100px;
float:right;
max-height:100px;
}
.service-img{
	float:left;
	width:40%;
	text-align:center;
	padding:20px 0px;
}
.service-para{
	float:left;
	width:60%;
	text-align:center;
	padding:20px 0px;
}
.service-para p{
	text-align:center;
	padding:5px 20px;
	margin:0;
}
.smal-margin{
	margin: 6px auto 10px auto;
}
.serviceone{
	padding: 60px 0 20px 0;
	height:200px;
	border-bottom:1px solid #ddd;
}
.newclass											{ border-bottom: 1px solid #ddd;}
.newclass .colone									{ padding: 130px 0px 131px 0;     height: 336px;     }
.newclass .serviceone 								{ padding: 53px 0 50px 0px; height:200px;}
.newclass .servicetwo 								{ padding: 53px 0 50px 0px; height:200px;}
.newclasssingle										{display:table;border-top: 1px solid #ddd;}
.newtwo												{width:52%; display:table-cell}
.newtwo .serviceone                                 {max-width:400px;}

.serviceone:hover,.servicetwo:hover{
	box-shadow:0 3px 6px 0 rgba(51,51,51,.3);
}
.pink{

	border:1px solid #e74c3c;
}
.pink h3 {
    background-color: #e74c3c;
}

.purple{

	border:1px solid #9b59b6;
}
.purple h3 {
    background-color: #9b59b6;
}
.green{

	border:1px solid #1abc9c;
}
.green h3 {
    background-color: #1abc9c;
}
.slate{

	border:1px solid #95a5a6;
}
.slate h3 {
    background-color: #95a5a6;
}
.mob-show{
	display:none;
}
.footer{
	background-color:#666666;
}

.footer-inner{ width:100%; margin: 0 auto; padding: 50px 0px 30px 0px;}
.footer-content{width:100%;margin-left:auto;margin-right:auto; }
.footer-content-border{float:left; width:100%; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:376px; }
.footer-payment-method-border				{ float:left; width:376px; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.fot-1{
	width:46%;
	float:left;
	margin:2%;
}
.fot-2{
	width:46%;
	float:left;
	margin:2%;
}
.fot-3{
	width:96%;
	float:none;
	margin:2%;
	padding:20px 0 0 0;
}
.fot-2{
	text-align:center;
}
.fot-1:after,.fot-2:after,.fot-3:after{
	content:" ";
	display:block;
	clear:both;
}
.fot-3:before{
	content:" ";
	display:block;
	clear:both;
}
.mob-clear{
	clear:both;
	display:block;
}
.foot-sec1,.foot-sec2,.foot-sec3{
	width:33.333%;
	float:left;
	text-align:center;
}

.foot-heading{
	margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 20px;
    text-align: center;
}
.foot-ul{
	margin:0;
	padding:0;
}
.foot-ul li{
	list-style:none;
	padding:8px 0px;
}
.foot-ul li a{

	color:#fff !important;
	text-decoration:none !Important;
	font-weight:normal;
	font-size:15px;
}
.follow{
	margin: 4px 0 23px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
}
.socials{
	margin:0px 10px;
}
.mob-clear{
	
}
}
@media screen and (min-width: 1200px){
	
.seperate-scetion{
	width:1180px;
	border-radius: 3px;
	background-color:#fff;
	margin:0 auto;
	display: table;
	box-shadow:0px 0px 4px #ccc;
	margin-bottom:30px;
	min-height:520px;
}

.computer-sec{
	width:240px;
	float:none;
	border:1px solid #3498db;
	display: table-cell;
	vertical-align:top;
}
.colone{
	float:none;
	width:470px;
	border-right:1px solid #ddd;
	padding:30px 0px 60px 0;
	vertical-align:top;
	display: table-cell;

}
.newclass .colone{
	padding:30px 0px 125px 0;
	border-bottom: 1px solid #ddd;
}
.newclass .serviceone{
	padding: 40px 0px;
}
.newclass .servicetwo{
	padding: 40px 0px;
}
.single .colone{
	border-bottom: 1px solid #ddd;
}
.coltwo{
	float:none;
	width:480px;
	padding:0;
	display: table-cell;
	vertical-align:top;
}
.computer-sec:after{
	clear:both;
	display:block;
	content:"";
}
.com-categ h3{
	background-color: #3498db;
    margin: 0 0 10px 0;
    padding: 16px;
	font-size: 20px;
    color: #fff;
    text-transform: uppercase;
}
.comp-categ-ul{
	margin:0 0 10px 0;
	padding:0;
    /*max-height: 430px;
    overflow: hidden;
    overflow-y: auto;*/
}

.comp-categ-ul li{
	list-style:none;
	
	margin:0 15px;
	border-bottom:1px solid #ddd;
}
.comp-categ-ul li a{
	text-decoration:none;
	color:#000;
	width:95%;
	display:block;
	padding:10px 5px;
	font-size: 15px;
	
}
.comp-categ-ul li:hover				{ background-color:#a8dcff ;}
.pink .comp-categ-ul li:hover				{ background-color:#ffa39a  ;}
.purple  .comp-categ-ul li:hover				{ background-color:#f3d7ff  ;}
.green  .comp-categ-ul li:hover				{ background-color:rgba(26, 188, 156, 0.46);}
.slate  .comp-categ-ul li:hover				{ background-color:#d5d5d5;}
.sech1{
	font-weight: bold;
    text-align: center;
	font-size: 20px;
    margin: 0 25px 10px 0px;
} 
.secpara{
	padding: 0px;
    margin: 0;
    text-align: center;
    margin-right: 34px;
}
.paratwo
{
    margin: 0;
    padding: 19% 15%;
    text-align: center;	
}
.checknow{
	background-color: #6cc520;
    padding: 8px 40px;
	display:none;
    box-shadow: 0px 0px 10px #eee;
    border: 1px solid #6cc520;
    color: #fff;
    border-radius: 4px;
	
	margin:25px auto 10px auto;
}
.pull-left{
	float:left;
}
.pull-right{
	float:right;
}
.pro-img{
	max-width: 230px;
    max-height: 142px;
}
.cols-one,.cols-two{
	width:50%;
}

.col-sec-2{
	padding:30px 0px 10px 0px;
}
.servicetwo{
	height: 200px;
    padding: 30px 0px;
	/*border-bottom:1px solid #ddd;*/
}
.serviceone h3,.servicetwo h3{
	padding:0;
	margin:0 0 10px 0;
	font-size: 20px;
	text-align:center;
}
.serviceone:hover,.servicetwo:hover{
	box-shadow:0 3px 6px 0 rgba(51,51,51,.3);
}
.clearfix{
	clear:both;
}
.service-img img{
	max-width:150px;
	max-height: 150px;
	float:right;
}
.service-img{
    float: left;
    width: 50%;
    text-align: center;
    padding: 20px 0px 0 0;
    overflow: hidden;
}
.service-para{
	float: left;
    width: 50%;
    text-align: center;
    padding: 20px 0px;
}
.service-para p{
	text-align:center;
	padding:5px 20px;
	margin:0;
}
.smal-margin{
	margin: 6px auto 10px auto;
}
.serviceone{
	height: 200px;
    padding: 30px 0px;
	border-bottom:1px solid #ddd;
}
.pink{

	border:1px solid #e74c3c;
}
.pink h3 {
    background-color: #e74c3c;
}

.purple{

	border:1px solid #9b59b6;
}
.purple h3 {
    background-color: #9b59b6;
}
.green{

	border:1px solid #1abc9c;
}
.green h3 {
    background-color: #1abc9c;
}
.slate{

	border:1px solid #95a5a6;
}
.slate h3 {
    background-color: #95a5a6;
}
.mob-show{
	display:none;
}
.footer{
	background-color:#666666;
}

.footer-inner{ width:1180px; margin: 0 auto; padding: 50px 0px 30px 0px;}
.footer-content{width:1180px;margin-left:auto;margin-right:auto; }
.footer-content-border{float:left; width:958px; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:360px; }
.footer-payment-method-border				{ float:left; width:360px; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.fot-1{
	width:30%;
	float:left;
}
.fot-2{
	width:30%;
	float:left;
}
.fot-3{
	width:40%;
	float:left;
}
.fot-2{
	text-align:center;
}
.foot-sec1,.foot-sec2,.foot-sec3{
	width:33.333%;
	float:left;
}

.foot-heading{
	margin: 0 0 15px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    text-align: left;
}
.foot-ul{
	margin:0;
	padding:0;
}
.foot-ul li{
	list-style:none;
	padding:8px 0px;
}
.foot-ul li a{
	text-decoration:none;
	color:#fff;
	font-weight:normal;
	font-size:14px;
}
.follow{
	margin: 4px 0 23px 0;
    padding: 0;
    color: #fff;
    font-weight: normal;
}
.socials{
	margin:0px 10px;
}
.foot-logo img{
	width:75%;
}
.mob-clear{
	display:none;
}
}

@media screen and (min-width: 1020px) and (max-width:1200px){
	
.seperate-scetion					{ width:1000px; border-radius: 3px; background-color:#fff; margin:0 auto; display: table; box-shadow:0px 0px 4px #ccc; margin-bottom:30px; } 
.computer-sec						{ width:220px; float:none; border:1px solid #3498db; display: table-cell; vertical-align:top; }
.colone								{ float:none; width:400px; border-right:1px solid #ddd; padding:95px 0px 20px 0; vertical-align:top; display: table-cell; } 
.coltwo								{ float:none; width:377px; padding:0px 0px 0px 0px; display: table-cell; vertical-align:top; }
.computer-sec:after					{ 	clear:both; 	display:block; 	content:""; }
.com-categ h3						{ background-color: #3498db; margin:0 0 10px 0; padding: 16px; color: #fff; text-transform: uppercase; }
.comp-categ-ul						{ margin:0 0 10px 0; padding:0;      } 
.comp-categ-ul li					{ list-style:none; padding:0; margin:0 15px; border-bottom:1px solid #ddd; } 
.comp-categ-ul li a					{ text-decoration:none;padding:10px 5px; display:block; width:95%; color:#000; font-size:15px; } 
.comp-categ-ul li:hover				{ background-color:#a8dcff ;}
.pink .comp-categ-ul li:hover				{ background-color:#ffa39a  ;}
.purple  .comp-categ-ul li:hover				{ background-color:#f3d7ff  ;}
.green  .comp-categ-ul li:hover				{ background-color:rgba(26, 188, 156, 0.46);}
.slate  .comp-categ-ul li:hover				{ background-color:#d5d5d5;}
.sech1												{ font-weight: bold; text-align: center; margin: 0 41px 10px 0px; } 
.secpara											{ padding: 0px; margin: 0; text-align: center; margin-right: 34px; }
.paratwo 											{ margin: 0; padding: 19% 15%; text-align: center;	 } 
.checknow											{ display:none;background-color: #6cc520; padding: 8px 40px; box-shadow: 0px 0px 10px #eee; border: 1px solid #6cc520; color: #fff; border-radius: 4px;  margin:25px auto 10px auto; } 
.pull-left											{ float:left; } 
.pull-right											{ float:right; } 
.pro-img											{ max-width:200px;  max-height: 124px;}
.cols-one,.cols-two									{ width:50%; } 
.newclass											{ border-bottom: 1px solid #ddd;}
.newclass .colone									{ padding: 110px 0px 125px 0;      }
.newclass .serviceone 								{ padding: 60px 0 20px 0px; }
.newclass .servicetwo 								{ padding: 60px 0 20px 0px; }
.newclasssingle										{display:table;border-top: 1px solid #ddd;}
.newtwo												{width:50%; display:table-cell}
.newtwo .serviceone                                 {width:400px;}
.col-sec-2											{ padding:50px 0px 10px 0px; }
.servicetwo											{ margin:0px 0; height:220px; padding:45px 0px 0px 0px; }
.serviceone h3,.servicetwo h3						{ padding:0; margin:0; text-align:center; }
.clearfix											{ clear:both; } 
.service-img img									{ max-width:100px;max-height:100px; float:right; }
.service-img										{ float:left; width:40%; text-align:center; padding:20px 0px; } 
.service-para										{ float:left; width:60%; text-align:center; padding:20px 0px; } 
.service-para p										{ text-align:center; padding:5px 20px; margin:0; }

.smal-margin										{ margin: 6px auto 10px auto; }
.serviceone											{ height:220px; padding:45px 0 0 0; border-bottom:1px solid #ddd; }
.serviceone:hover,.servicetwo:hover					{box-shadow:0 3px 6px 0 rgba(51,51,51,.3);}
.pink												{ border:1px solid #e74c3c; }
 .pink h3 											{ background-color: #e74c3c; }

.purple												{border:1px solid #9b59b6; }
.purple h3 											{background-color: #9b59b6; }
.green												{  	border:1px solid #1abc9c; }
.green h3 											{     background-color: #1abc9c; }
.slate												{  	border:1px solid #95a5a6; }
.slate h3 											{     background-color: #95a5a6; }
.mob-show											{ 	display:none; }
.footer												{ 	background-color:#666666; }

.footer-inner{ width:1000px; margin: 0 auto; padding: 50px 0px 30px 0px;}
.footer-content{width:1000px;margin-left:auto;margin-right:auto; }
.footer-content-border{float:left; width:958px; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:360px; }
.footer-payment-method-border				{ float:left; width:360px; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-text						{ float:left; width:336px; font-size:20px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 20px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 8px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 11px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.fot-1										{ 	width:30%; 	float:left; }
.fot-2										{ 	width:30%; 	float:left; }
.fot-3										{ 	width:40%; 	float:left; }
.fot-2										{ 	text-align:center; }
.foot-sec1,.foot-sec2,.foot-sec3		{ 	width:33.333%; 	float:left; }

.foot-heading							{ 	margin: 0 0 15px 0;     padding: 0;     color: #fff;     font-weight: 600;     font-size: 16px;     text-align: left; }
.foot-ul								{ 	margin:0; 	padding:0; }
.foot-ul li								{ 	list-style:none; 	padding:8px 0px; }
.foot-ul li a							{ 	text-decoration:none !important; 	color:#fff !important; 	font-weight:normal; 	font-size:14px; }
.follow									{ 	margin: 4px 0 23px 0;     padding: 0;     color: #fff;     font-weight: normal; }
.socials								{ 	margin:0px 10px; }
.foot-logo img							{ 	width:54%; }
.mob-clear								{ 	display:none; }
}

@media screen and (min-width: 1200px){
.footer										{ 	background-color:#666666; }

.footer-inner								{ width:1180px; margin: 0 auto; padding: 50px 0px 30px 0px;}
.footer-content								{width:1180px;margin-left:auto;margin-right:auto; }
.footer-content-border						{float:left; width:1140px; padding:20px; border:dashed 1px #CCC; background-color:#F5F5F5; border-radius:5px 5px 5px 5px; }
.footer-payment-method						{ float:left; width:350px; }
.footer-payment-method-border				{ float:left; width:350px; padding:0px 0px 10px 0px; background-color:#FFF; }
.footer-payment-text						{ float:left; width:336px; font-size:18px; color:#333333; margin:18px 0px 12px 0px; padding: 0px 20px 0px 0px; text-align:center; }
.footer-payment-visa-verified				{ float:left; width:120px; margin:0px 0px 0px 50px; padding: 0px; border:none; }
.footer-payment-mastercard-securecode		{ float:left; width:143px; margin:0px 0px 0px 14px; }
.footer-payment-visa						{ float:left; width:71px; margin:17px 0px 0px 21px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 0px; }
.footer-payment-mastercard					{ float:left; width:68px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 4px; }
.footer-payment-payment-express             { float:left; width:178px; margin:17px 0px 0px 0px; border-top:1px solid #CCCCCC; padding: 10px 0px 0px 4px; }
.footer-social-media						{ float:left; width:80px; margin:0px 0px 0px 32px; }
.footer-facebook							{ float:left; width:59px; margin:10px 0px 0px 0px; }
.footer-links-left							{ float:left; text-align:left; width:120px; line-height:18px; }
.footer-links-right							{ float:left; text-align:left; width:140px; line-height:18px; }
.footer-legal								{ float:left; text-align:left; width:200px; line-height:18px; }
.footer-title								{ color:#333; font-weight:bold; margin:0px 0px 10px 0px; line-height:18px; }
.footer-copyright							{ float:left; width:100%; text-align:center; padding: 15px 0px 15px 0px; background-color:#333333; color:#fff;}
.fot-1										{ width:30%; 	float:left; }
.fot-2										{ width:30%; 	float:left; }
.fot-3										{ width:40%; 	float:left; }
.fot-2										{ text-align:center; }
.foot-sec1,.foot-sec2,.foot-sec3			{ width:33.333%; 	float:left; }

.foot-heading		{ margin: 0 0 15px 0;     padding: 0;     color: #fff;     font-weight: 600;     font-size: 16px;     text-align: left; }
.foot-ul			{ margin:0; 	padding:0; }
.foot-ul li			{ list-style:none; 	padding:8px 0px; }
.foot-ul li a		{ text-decoration:none !important; 	color:#fff !important; 	font-weight:normal; 	font-size:14px; }
.follow				{ margin: 4px 0 23px 0;     padding: 0;     color: #fff;     font-weight: normal; }
.socials			{ margin:0px 10px; 	 }
.mob-clear			{ display:none; }
	
}
.colone:hover 		 { 	box-shadow:0 3px 6px 0 rgba(51,51,51,.3); 	 }
/*for home - catedort*/
.home-category		 { float: left;     width: 200px;     border: 1px solid #6cc520; 	border-right:none;     padding: 10px; }
.hcatgery		     { width:80%; 	margin:0 ; }
.hcatgery h3         { padding: 1px 0 8px 10px;     margin: 0; 	font-size:20px;     border-bottom: 1px solid #a2a2a2; }
.home-cate-ul		 { margin:0; 	padding:0; }
.home-cate-ul li	 { list-style:none; 	padding:0; 	border-bottom:1px solid #ddd; }
.home-cate-ul li:last-child   { border:none; }
.home-cate-ul li a			  { color:#000; 	font-size: 15px; padding: 12px 10px;     display: block;	text-decoration:none; }
.foot-ul li a:hover			  { color:#000; }
.product-column-left-friend,.product-column-left-more,.product-column-left-print	{display:none;}
.foot-ul li a:hover						{ color:#000 !important; 	text-decoration:underline !important; }
.hot-selling .gallery-buy-bg:hover		{ background-color:#5a5a5a; }
.blockanchor,.blockanchor:hover			{ text-decoration:none; } 
.fblink									{ content:url('/images/fb.png'); 	 } 
.fblink:hover							{ content:url('/images/fb-hover.png'); 	 } 
.tweetlink								{ content:url('/images/twet.png'); 	 }
.tweetlink:hover						{ content:url('/images/twet-hover.png'); 	 }
.Footer-list-cell						{ display:none; }

.slide-container						{ margin-bottom:8px; }
.showmore								{ padding:10px 10px 30px 10px; text-align:right; margin-top: 1px; }
.showmorelink							{ padding: 8px 72px;border: 1px solid #6cc520; background-color:none; color: #6cc520 !important; font-weight: 600; font-size: 15px;}
.showmorelink:hover							{ border: 1px solid #5a5a5a; color:#fff !important; background-color: #5a5a5a;}
/* for category different color*/
.blue  .menu-left-main-categories-holder        	{     padding-top: 0; background-color:#fff !important; 	background-image:none !important;     border: 1px solid #3498db !important; border-radius: 0!important;}
.blue .comp-heading-inner{    background-color: #3498db;     margin: 0 0 10px 0;     padding: 12px;     font-size: 18px;     color: #fff;     text-transform: uppercase;}
.blue  .menu-left-main-categories-holder  ul  {     margin: 0 0 10px 0;     padding: 0; }
.blue  .menu-left-main-categories-holder  li  		{ list-style: none;     width: auto !important; float:none !important;   margin: 0 8px;     border-bottom: 1px solid #ddd; }
.blue  .menu-left-main-categories-holder  li:last-child,.blue  .menu-left-main-categories-holder  li:first-child   { border-bottom:none !important;}
.blue  .menu-left-main-categories-holder  li a { text-decoration: none;  border-bottom:none !important;   color: #000 !important; text-align: left !important;     width: 95% !important;     display: block !important;     padding: 10px 5px !important;     font-size: 15px !important; }
.blue  .selected-left-menu              {background-color: #3498db !important; color:#fff !important;}
.blue  .menu-left-main-categories-holder  li a.selected-left-menu             { color:#fff !important;}
.blue  .menu-left-main-categories-holder  li a:hover { background-color:#a8dcff !important; background-image:none !important; } 
.blue  .sub-categories-list { background-color: #a8dcff !Important; margin-bottom:10px ;    border: 1px solid #a8dcff !important;}
.blue  .sub-categories-list a:link {background-color: #3498db !important;}

.red .menu-left-main-categories-holder         	{     padding-top: 0; background-color:#fff !important; 	background-image:none !important;     border: 1px solid #e74c3c !important; border-radius: 0!important;}
.red .comp-heading-inner{    background-color: #e74c3c;     margin: 0 0 10px 0;     padding: 12px;     font-size: 18px;     color: #fff;     text-transform: uppercase;}
.red .menu-left-main-categories-holder  ul  {     margin: 0 0 10px 0;     padding: 0; }
.red .menu-left-main-categories-holder  li  		{ list-style: none;     width: auto !important; float:none !important;   margin: 0 8px;     border-bottom: 1px solid #ddd; }
.red .menu-left-main-categories-holder  li:last-child,.red .menu-left-main-categories-holder  li:first-child  { border-bottom:none !important;}
.red .selected-left-menu              {background-color: #e74c3c !important; color:#fff !important;}
.red  .menu-left-main-categories-holder  li a.selected-left-menu             { color:#fff !important;}
.red .menu-left-main-categories-holder  li a { text-decoration: none;  border-bottom:none !important;   color: #000 !important; text-align: left !important;     width: 95% !important;     display: block !important;     padding: 10px 5px !important;     font-size: 15px !important; }
.red .menu-left-main-categories-holder  li a:hover { background-color:#ffa39a !important; background-image:none !important; } 
.red .sub-categories-list { background-color: #ffa39a !Important; margin-bottom:10px ;    border: 1px solid #ffa39a !important;}
.red .sub-categories-list a:link {background-color: #e74c3c !important;}

.purples-categ .menu-left-main-categories-holder           	{     padding-top: 0;  background-color:#fff !important; 	background-image:none !important;     border: 1px solid #9b59b6 !important; border-radius: 0!important;}
.purples-categ .comp-heading-inner{    background-color: #9b59b6;     margin: 0 0 10px 0;     padding: 12px;     font-size: 18px;     color: #fff;     text-transform: uppercase;}
.purples-categ .menu-left-main-categories-holder   ul  {     margin: 0 0 10px 0;     padding: 0; }
.purples-categ .menu-left-main-categories-holder   li  		{ list-style: none;     width: auto !important; float:none !important;   margin: 0 8px;     border-bottom: 1px solid #ddd; }
.purples-categ .menu-left-main-categories-holder   li:last-child ,.purples-categ .menu-left-main-categories-holder   li:first-child { border-bottom:none !important;}
.purples-categ .menu-left-main-categories-holder  li a { text-decoration: none;  border-bottom:none !important;   color: #000 !important; text-align: left !important;     width: 95% !important;     display: block !important;     padding: 10px 5px !important;     font-size: 15px !important; }
.purples-categ .menu-left-main-categories-holder  li a.selected-left-menu             { color:#fff !important;}
.purples-categ .selected-left-menu              {background-color: #9b59b6 !important; color:#fff !important;}
.purples-categ .menu-left-main-categories-holder   li a:hover { background-color: #f3d7ff !important; background-image:none !important; } 
.purples-categ .sub-categories-list { background-color: #f3d7ff !Important; margin-bottom:10px ;    border: 1px solid #f3d7ff !important;}
.purples-categ .sub-categories-list a:link {background-color: #9b59b6 !important;}

.aquas  .menu-left-main-categories-holder        	{     padding-top: 0; background-color:#fff !important; 	background-image:none !important;     border: 1px solid #1abc9c !important; border-radius: 0!important;}
.aquas .comp-heading-inner{    background-color: #1abc9c;     margin: 0 0 10px 0;     padding: 12px;     font-size: 18px;     color: #fff;     text-transform: uppercase;}
.aquas  .menu-left-main-categories-holder  ul  {     margin: 0 0 10px 0;     padding: 0; }
.aquas  .menu-left-main-categories-holder  li  		{ list-style: none;     width: auto !important; float:none !important;   margin: 0 8px;     border-bottom: 1px solid #ddd; }
.aquas  .menu-left-main-categories-holder  li:last-child,.aquas  .menu-left-main-categories-holder  li:first-child  { border-bottom:none !important;}
.aquas  .menu-left-main-categories-holder  li a { text-decoration: none;  border-bottom:none !important;   color: #000 !important; text-align: left !important;     width: 95% !important;     display: block !important;     padding: 10px 5px !important;     font-size: 15px !important; }
.aquas  .menu-left-main-categories-holder  li a.selected-left-menu             { color:#fff !important;}
.aquas  .menu-left-main-categories-holder  li a:hover { background-color: #95e0d1  !important; background-image:none !important; } 
.aquas  .selected-left-menu              {background-color: #1abc9c !important; color:#fff !important;}
.aquas .sub-categories-list { background-color: #95e0d1 !Important; margin-bottom:10px ;    border: 1px solid #95e0d1 !important;}
.aquas .sub-categories-list  a:link {background-color: #1abc9c !important;}

.greys .menu-left-main-categories-holder         	{     padding-top: 0; background-color:#fff !important; 	background-image:none !important;     border: 1px solid #95a5a6 !important; border-radius: 0!important;}
.greys .comp-heading-inner{    background-color: #95a5a6;     margin: 0 0 10px 0;     padding: 12px;     font-size: 18px;     color: #fff;     text-transform: uppercase;}
.greys .menu-left-main-categories-holder  ul  {     margin: 0 0 10px 0;     padding: 0; }
.greys .menu-left-main-categories-holder  li  		{ list-style: none;     width: auto !important; float:none !important;   margin: 0 8px;     border-bottom: 1px solid #ddd; }
.greys .menu-left-main-categories-holder  li:last-child ,.greys .menu-left-main-categories-holder  li:first-child { border-bottom:none !important;}
.greys .menu-left-main-categories-holder  li a { text-decoration: none;  border-bottom:none !important;   color: #000 !important; text-align: left !important;     width: 95% !important;     display: block !important;     padding: 10px 5px !important;     font-size: 15px !important; }
.greys .menu-left-main-categories-holder  li a:hover { background-color: #d5d5d5 !important; background-image:none !important; } 
.greys .menu-left-main-categories-holder  li a.selected-left-menu             { color:#fff !important;}
.greys  .selected-left-menu              {background-color: #95a5a6 !important; color:#fff !important;}
.greys .sub-categories-list { background-color: #d5d5d5 !Important; margin-bottom:10px ;    border: 1px solid #d5d5d5 !important;}
.greys .sub-categories-list a:link {background-color: #95a5a6 !important;}
.breadcrumbs { margin-bottom:15px;}

.comp-categ-ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.comp-categ-ul::-webkit-scrollbar
{
	width: 9px;
	background-color: #F5F5F5;
}

.comp-categ-ul::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #d1d1d1;
}
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
   border-radius: 10px !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   border-radius: 10px !important;
   -moz-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
  background-color: #d1d1d1 !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: #d1d1d1 !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
	width: 10px !important;
	  border-radius: 10px !important;
}
}