body {
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	margin:0px;
}

#layout_wrapper { width: 100%; height: auto; }
#sidebar { margin: 0 5px 0 30px; }
#sidebar ul { margin: 0; padding: 0; }
#sidebar ul li { list-style-type: none; }
#sidebar ul li a { padding: 2px 0 0 2px; display: block; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; text-align: left; color: #FFFFFF; text-decoration: none; width: 168px; height: 26px; border-bottom: 1px solid #001D44; }
#sidebar ul li a:visited { padding: 2px 0 0 2px; display: block; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; text-align: left; color: #FFFFFF; text-decoration: none; width: 168px; height: 26px; border-bottom: 1px solid #001D44; }
#sidebar ul li a:hover { padding: 2px 0 0 2px; display: block; font-family: "Trebuchet MS"; font-size: 15px; font-weight: bold; text-align: left; color: #FFFFFF; text-decoration: none; width: 168px; height: 26px; border-bottom: 1px solid #001D44; background: #001D44; }
#sidebar ul li .product { background-image: url(images/promotion.png); background-position: top right; background-repeat: no-repeat; }
#sidebar ul li .product:visited { background-image: url(images/promotion.png); background-position: top right; background-repeat: no-repeat; }
#sidebar ul li .product:hover { background-image: url(images/promotion.png); background-color: #001D44; background-position: top right; background-repeat: no-repeat; }
#main-content { margin: 0; padding: 5px; width: 100%; }
#main-content-bottom { margin: 0 auto; width: 100%; }

h1 {
	font-size: 20px;
	color: #1f1d1d;
	text-decoration: none;
}
h2 {
	font-size: 18px;
	text-decoration: none;
}
h3 {
	font-size: 16px;
	color: #1f1d1d;
	text-decoration: none;
}

.menu
{
	margin: 0px;
	margin-right:5px;
	list-style: none;
	font: 15px Trebuchet MS;
	text-align: left;
	width: 150px;
	margin-left:40px;
	font-weight:bold;
	text-decoration:none;

}

a.menu
{
	display: block;
	font-weight: normal;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
	width: 150px;	
}

a.menu:hover
{
	color: #CCBBDD;
	text-align:left;
}

a.menu:visited
{
	color: #FFFFFF;
	text-align:left;
}


.submenu
{
	background: #0B2E58;
	visibility: hidden;
	position: absolute;
	z-index: 3;	
}

	.submenu a
	{
	display: block;
	font: #FFFFFF 12px Trebuchet MS;
	font-weight: Bold;
	text-align: left;
	text-decoration: none;
	padding: 5px;
		}

	.submenu a:hover
	{
	background-color: #0B2E58;
	color: #CCBBDD;
}
		



/* moved from index.php to stylesheet*/ 

.items1 {
            font-family: "Trebuchet MS";
            font-size: 14px;
            color: #FFFFFF;
            display: block;
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 3px;
            text-decoration: none;
            border-top: 1px #FFFFFF;
            border-bottom: 0px;
            border-left: 1px #FFFFFF;
            border-right: 1px #FFFFFF;
        } .items2 {
            font-family: "Trebuchet MS";
            font-size: 14px;
            color: #FFFFFF;
            display: block;
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 3px;
            text-decoration: none;
            border-top: 0px #FFFFFF;
            border-bottom: 0px;
            border-left: 1px #FFFFFF;
            border-right: 1px #FFFFFF;
        } .items3 {
            font-family: "Trebuchet MS";
            font-size: 14px;
            color: #FFFFFF;
            display: block;
            padding: 5px;
            margin-top: 5px;
            margin-bottom: 3px;
            text-decoration: none;
            border-top: 0px #FFFFFF;
            border-bottom: 1px #FFFFFF;
            border-left: 1px #FFFFFF;
            border-right: 1px #FFFFFF;
        }


        .signInWrap {
            background: none repeat scroll 0% 0% rgb(40, 40, 40);
            border: 1px solid rgb(54, 54, 54);
            padding: 10px;
            min-height: 75px;
			
        } .signIn {
            background: none repeat scroll 0 0 #282828;
            border: 1px solid #363636;
            margin-bottom: 10px;
            padding: 10px;
        }	
		
		.pagetitle {
			color: #fff; 
			padding: 0 0 5px 5px;
			margin: 0;
			border-bottom: 1px solid #fff;
		}

/* ---------- Main -------- */
body { 
	/*background-image: url(../images/greyfloral.png); 
	background-position: top left; 
	background-repeat:repeat; */
	background: none repeat scroll 0 0 #fff;
    	color: #666;
	font: 14px/22px 'Montserrat', sans-serif;
    	/*font-family: 'Open Sans', sans-serif;*/
	/*padding-top: 110px; */
	}

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?87110543');
  src: url('../font/fontello.eot?87110543#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?87110543') format('woff'),
       url('../font/fontello.ttf?87110543') format('truetype'),
       url('../font/fontello.svg?87110543#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?87110543#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-search:before { content: '\e800'; } /* '?' */
.icon-mail:before { content: '\e801'; } /* '?' */
.icon-mail-alt:before { content: '\e802'; } /* '?' */
.icon-ok:before { content: '\e803'; } /* '?' */
.icon-cancel:before { content: '\e804'; } /* '?' */
.icon-angle-left:before { content: '\e805'; } /* '?' */
.icon-angle-right:before { content: '\e806'; } /* '?' */
.icon-angle-up:before { content: '\e807'; } /* '?' */
.icon-angle-down:before { content: '\e808'; } /* '?' */
.icon-down-open:before { content: '\e809'; } /* '?' */
.icon-left-open:before { content: '\e80a'; } /* '?' */
.icon-right-open:before { content: '\e80b'; } /* '?' */
.icon-up-open:before { content: '\e80c'; } /* '?' */
.icon-down-big:before { content: '\e80d'; } /* '?' */
.icon-left-big:before { content: '\e80e'; } /* '?' */
.icon-right-big:before { content: '\e80f'; } /* '?' */
.icon-up-big:before { content: '\e810'; } /* '?' */
.icon-spin5:before { content: '\e811'; } /* '?' */
.icon-paypal:before { content: '\e812'; } /* '?' */
.icon-basket:before { content: '\e813'; } /* '?' */
.icon-phone:before { content: '\e814'; } /* '?' */
.icon-down-open-big:before { content: '\e815'; } /* '?' */
.icon-left-open-big:before { content: '\e816'; } /* '?' */
.icon-right-open-big:before { content: '\e817'; } /* '?' */
.icon-up-open-big:before { content: '\e818'; } /* '?' */
.icon-basket-1:before { content: '\e819'; } /* '?' */
.icon-ok-1:before { content: '\e81a'; } /* '?' */
.icon-cancel-1:before { content: '\e81b'; } /* '?' */
.icon-ok-2:before { content: '\e81c'; } /* '?' */
.icon-cancel-2:before { content: '\e81d'; } /* '?' */
.icon-progress-0:before { content: '\e81e'; } /* '?' */
.icon-lock:before { content: '\e81f'; } /* '?' */
.icon-phone-1:before { content: '\e820'; } /* '?' */
.icon-plus:before { content: '\e821'; } /* '?' */
.icon-cancel-circle:before { content: '\e822'; } /* '?' */
.icon-trash:before { content: '\e823'; } /* '?' */
.icon-basket-2:before { content: '\e824'; } /* '?' */
.icon-basket-alt:before { content: '\e825'; } /* '?' */




		
/* ---------- Main nav  -------- */
.navbar-default {  
    background: none repeat scroll 0 0 #1f1d1d;
    border-bottom: 3px solid rgba(64, 2, 56, 0.3);   
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: unset;
}
.navbar-brand { height: auto; padding:0 !important; }
.navbar-brand > img { max-width: 220px; display: inline; text-align: center; margin: 10px 0 }	

.navbar-brand > p { color: #fff; font: 500 13px 'Montserrat' }

.navbar-contact {
	background-color: inherit;
	color: #fff;
	font: 500 13px 'Montserrat';
	border-bottom: none;
	padding: 13px 0;
	position: relative;
	display: inline-block;
	float: right;
	text-align: right;
	width: 80%;
}


.navbar-contact a {
	display:block;
	color: #fff !important;
	text-decoration: none;
}

.navbar-contact a:hover {
	color: #FFCC00;
}

.main-nav ul li a { 
	font:700 13px 'Montserrat'; 
	color: #4c4c4c !important;
}




/*Greenhouse*/

.logo {
    position: relative;
    top: 0;
}
#topbar {
    background-color: inherit;
    color: #fff;
    font: 500 13px 'Montserrat';
    border-bottom: none;
    padding: 13px 0;
    position: relative;	
}

.clear {
    clear: both;
}
.toggle {
    display: none;
}
.toggle a:hover {
    text-decoration:none;
}

@media screen and (min-width:1000px){
	.main-nav ul { 
		    margin: 0 0 0 0;
    padding: 0px 0 0 0;
    float: right;
    position: relative;
    display: block;
    width: auto;
	}
	.main-nav ul li { 
		list-style:none; 
		display:inline-block;  
		position:relative; 
		padding:10px 0;
	}
	.main-nav ul li ul { 
		display:none; 
		width:190px; 
	}
	.main-nav ul li a { 
		text-decoration:none; 
		padding:13px 11px; 
		text-align:left; 
		text-transform:uppercase;
		color: white;
	}
	.main-nav ul li a:hover { 
		text-decoration:none;
		color: #c63c9b;
	}
	.main-nav ul li:hover ul {
		display:block; 
		position:absolute; 
		z-index:99; 
		padding:0; 
		top:40px; 
		background-color: #2b2b2b;
	}
	.main-nav ul li:hover ul li {
		display:block; 
		padding-bottom:0; 
		padding-top:0;
	}
	.main-nav ul li:hover ul li a { 
		padding:0 0 0 14px;  
		border-top:0; 
		text-transform:capitalize; 
	}
	.main-nav ul li:hover ul li ul { 
		display:none; 
	}
	.main-nav ul li:hover ul li:hover ul { 
		display:block; 
		position:absolute;
		z-index:999; 
		padding:0px 0px; 
		left:100%; 
		top:0%; 
	}
	.main-nav ul li:hover ul li:hover ul li { 
		display:block;
	}
	.main-nav ul li ul li:last-child a{ 
		border-bottom:none;
	}
	.main-nav ul li ul li a {
		display: block;
		padding-top: 10px !important;
		padding-bottom: 10px !important;

	}
	.main-nav ul li.current_page_item a{
		/*color:#69af07;*/
	}
	

}





/* ---------- Breadcrumb-------- */	
.breadcrumb {
    background: none;
    color: #1f1d1d;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    }
.breadcrumb a { color: #1f1d1d; text-decoration: underline; }
.breadcrumb a:hover {text-decoration: none; }	

/* ---------- Category Listing -------- */		
.cat-content {
		margin: 20px 0;
		padding: 0;
	}
	.cat-content ul {
		display: block;
	    margin: 0 10px;
	    padding: 0  0 20px 0;
	    width: 100%;
	}
	.cat-content ul li {
		border: 2px solid rgba(51,51,51,0.6);
		border-radius: 2px;
	    overflow: hidden;
	    display: inline-block;
	    list-style: outside none none;
	    margin: 0 15px 15px 0;
	    /*max-height: 150px;*/
	    padding: 0;
	    text-align: center;
	    /*width: 190px;*/
	}
	.cat-content ul li:hover{
		background: #fff;
		border: 2px solid rgba(0,0,0,.5);
	}
	.cat-content ul li a {
		color: #000;
	    display: block;
	    height: 200px;
	    overflow: hidden;
	    /*padding: 15px 10px 0 0;*/
	    padding: 0;
	    position: relative;
	    text-align: center;
	    text-decoration: none;
	}
	.cat-content ul li a .title {
			    position: absolute;
			    top: 0;
			    
			    /* left: 0; */
			    float: left;
			    width: 100%;
			    /* border: 3px solid green; */
			    /* padding: 0 20px 0 20px; */
			    /* text-align: center; */
			    display: table;
			    height: 100%;
			    background: rgba(0, 0, 0, 0.35);
			    transition: background 0.5s ease;
			   
	}
	
	.cat-content ul li a .title:hover {
		background: rgba(0, 0, 0, 0);
	}
	
	.cat-content ul li a .title-inner {
			    color: white;
			    font-size: large;
			    font-weight: bold;
			    /*line-height: 200px;*/
			    display: table-cell;
    			vertical-align: middle;
	}

/*.cat-content ul li a .title-border {
	background-color: #66ab36;
    height: 3px;
    width: 80px;
    background-color: transparent;
    display: block;
    margin: 0 auto;
}*/
	
	.cat-content ul li img {		
	}		
		
/* ---------- Product Listing -------- */

	.product-content {
		margin: 20px 0;
		padding: 0;
	}
	.product-content ul {
		display: block;
	    margin: 0 10px;
	    padding: 20px 0;
	    width: 100%;
	}
	.product-content ul li {
		overflow: hidden;
	    display: inline-block;
	    list-style: outside none none;
	    margin: 0 15px 15px 0;
	    min-height: 200px;
	    padding: 10px 0 0;
	    text-align: center;
	    width: 190px;
		border: 1px solid #c6c6c6;
	}
	.product-content ul li:hover{
		border: 1px solid #222;
	}	
	.product-content ul li a {
		text-decoration:none; 
		color: #847B20;
		text-align: center;
		display: block;
	}
	.product-content ul li p {
		margin: 0;
		display: block;
		white-space: nowrap;
		overflow: hidden;
	}
	
	.product-content ul li img {
		
	}
	
	.product-content ul li .button-wrap {
		color: #fff;
		text-align: center;
		width: 100%;
		display: inline-block;
		margin: 0.8em 0 0 0;
	}
	.product-content ul li .button-wrap a {
		cursor: pointer;
		display: inline;
		margin-left: 0.5em;
		margin-bottom: 0;
	}
	
	.product-content ul li .button-wrap .cart {
		color: #54582c;
		border: 2px solid #cad466;
		background: white;
	}
	
	.product-content ul li .button-wrap .details {
		color: #fff;
		background: #11bff3;
		display: inline-block;
		border: 2px solid #096986;
	}		

/* ---------- Product Detail -------- */
#product-detail-content {}

#product-detail-content img { border: 2px solid #ccc; border-radius: 2px; float: left; }

#product-detail-content h1 { 

    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    padding: 10px 0;
    display: inline-block; font-size: 27px; text-decoration: none; width: 60%; 

    color: #555555;
    margin-top: 0;

}

#product-detail-content .productDetailPriceWrapper { display: inline-block; float: right; margin: 0 20px 20px 0; width: 20%; } 

#product-detail-content .productDetailPrice {
    background: none repeat scroll 0 0 #a576d9;
    border-radius: 50%;  color: #fff;
    display: inline-block; float: right; font-size: 110%; font-weight: bold;
    height: 80px; padding: 30px 0 0; position: relative; text-align: center; width: 80px;
}

#product-detail-content .productDetailDescription { float: none; }
#product-detail-content .productDetailButtons { display: block; float: left; width: 100%; margin: 20px 0 }


/* ---------- Cart -------- */	
#minicart { background: #ededed; opacity: 1; border-radius: 4px; list-style: outside none none; margin-bottom: 20px; padding: 10px; }
#frmCart h3 { border-bottom: 1px solid #1f1d1d; margin: 0 10% 20px; padding: 0 0 20px; text-align: center; }

/* --------- Checkout ---------*/
.help-block { font-size: 80% }
.payment .radio+.radio { padding: 5px 0 0 0; }
.paypal-logo, .stripe-logo { max-height: 30px; padding: 0 0 0 10px;}
.terms { border-top: 1px solid #e5e5e5; padding: 10px 0 0 0; }
.terms label { font-weight: 100; }


.no-paypal {
    font-size: 11px;
    font-style: italic;	
}


/* ---------- Buttons -------- */
.button-row input {margin: 30px 0;}
.button-row button {margin: 30px 0;}
.btn-success {
    background-color: #96ca42;
    border-color: #66ab36;
    border-width: 4px;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
    background-color: #8bca25;
}
.btn-info {
    color: #fff;
    background-color: #c30572;
    border-color: #711b19;
    border-width: 4px;
}

.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
    background-color: #c3428c;
    border-color: #711b19;
}



/* ---------- Footer -------- */		
#footer-content {  border-top: 1px solid #ececec; /*margin-top: 50px;*/ padding: 30px 0; font-size: 11px; }
#footer-content a { color: #666; }
#footer-content a:visited {  }
#footer-content a:hover {  }
#footer-content ul { margin: 0 0 0 0; padding: 0; } 
#footer-content ul li { display: inline; list-style-type: none; padding: 0 2px 0 0;  }
#footer-content p { margin: 0 0 0 0; padding: 0; float: right; text-align:right;  }	
#footer-content address { clear: right; display: block; float: right; }
#footer-content .card-payments-footer { max-width: 250px; margin-top: -10px; }

/* ---------- Media Queries -------- */	

@media (max-width: 1160px) {
    /*.logo img {
    	max-width: 170px !important;
    }*/
}

@media (max-width: 1157px) {
    .logo {
    	max-height: 120px;
    	text-align: left !important;
    	/*float: left;*/
    }
    .logo img {
    	/*max-width: 150px !important;
    	margin-top: 0;*/
    }
    #topbar{
    	width: auto;
    	top: 0;
    	position: relative;
    	right: 0;
    	text-align: right;
    	padding: 10px 0 0 0 !important;
	    z-index: 100 !important;
    }
    .navbar-contact {
    	text-align: center;
    	width: 100%;
    	padding: 5px;
    }
    
}

@media (max-width:1024px) {
    .navbar-contact { width: 60%; }
    #product-detail-content img { max-width: 350px }
	.navbar-brand {
	    float: none;
	}
	/*.navbar-brand > img {
	    max-width: 150px !important;
	    margin-top: 0;
	}*/
}

@media (max-width: 999px) {
   #topbar{
    	width: auto;
    	top: 0;
    	position: absolute;
    	right: 0;
    	text-align: right;
    	padding: 20px 20px 0 0 !important;
    }
    .main-nav ul {
    	padding-left: 0;
    }
    #footer-content .card-payments-footer { max-width: 250px; margin-top: 0px; }
}

@media (max-width: 768px) {
	#topbar {
	    width: auto;
	    top: 0;
	    position: absolute;
	    right: 0;
	    text-align: right;
	    padding: 20px 20px 0 0 !important;
	}
	.logo {
	     max-height: 100px;
	}
	.navbar-brand {
	    float: none;
	}
	/*.navbar-brand > img {
	    max-width: 150px !important;
	    margin-top: 0;
	}*/
}

@media (max-width:679px) {
	.navbar-contact { width: 60% }
}

@media (max-width: 600px) {
    .navbar-contact a { display: inline; font-size: large; padding: 10px; }
    span.phone-txt { display: none }     	
}


@media (max-width:480px) {
	.navbar-fixed-top, .navbar-fixed-bottom {
	    left: 0;
	    position: relative;
	    right: 0;
	    z-index: 1030;
	}
	body { padding-top: 0px; }

	.navbar-brand { display: block; float: none; height: 80px; text-align: left; }
	/*.navbar-brand > img { max-width: 150px; margin-top: 0; }*/
	.navbar-contact { text-align: center; width: 100%; padding: 5px }	


	.breadcrumb { font-size: 80% }

	.cat-content ul { margin: 0 }
	.cat-content ul li { max-width: 160px; margin: 0 10px 15px 0; }

	.product-content ul { margin: 0 }
	.product-content ul li { max-width: 160px; margin: 0 10px 15px 0; }

	#product-detail-content h1 { width: 70%; font-size: 25px; }
	#product-detail-content .productDetailPriceWrapper { margin: 0 0 20px 0; }
	.productDetailButtons .btn { margin: 0 0 20px 0; width: 100% }
	#product-detail-content img { max-width: 290px }

	#footer-content ul { text-align: center; }
	#footer-content p { float: none; margin: 20px 0; padding: 0; text-align: center;}
	#footer-content address { float: none; text-align: center; }
}

@media (max-width: 426px) {
   .navbar-contact a { display: inline-block; padding: 10px; font-size: large; } 
}

@media (max-width:360px) {
	.cat-content { text-align: center; }
	.cat-content ul { width: auto; }
	.cat-content ul li { margin: 0 5px 15px 0; width: 125px; height: 145px; }
	.cat-content ul li a { font-size: 11px; }
	.cat-content ul li img { width: 100% }
	.cat-content ul li a .title { height: 145px }
	
	.product-content { text-align: center; }
	.product-content ul { width: auto; }
	.product-content ul li { margin: 0 5px 15px 0; width: 125px; }
	.product-content ul li a { font-size: 11px; }
	
}