html, body {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
body {background:#a2ac7d url(../images/ushers-bg.png) ; }
.wrapper {border:0px #fff dashed; }
img {border:0; vertical-align:bottom}
h2 {padding:0.5em; font-size:140%; }

.bg-wrapper {width:1800px; height:800px; margin:0 auto; border:0px #CCC solid; position:fixed; left:50%; top:50%; margin-top:-450px; margin-left:-900px;}

header {border:0px #ceda9a dashed;}

.shopcart { text-align:right; text-indent:74px; position:absolute;right:0px;top:45px;  padding:12px; font-size:80%;  border:1px #838b63 solid; background: #f7f7f7 url(../images/shopping-basket.png) 3px 7px no-repeat;
}
.shopcart a {text-decoration:none; padding:1px 8px; border:1px #999 solid; background:#5f604b; color:#fff; border-radius:4px; border:1px #838b63 solid;}
.shopcart a:hover {background:#a0aa7c; }
.cartinfo{display:block; margin-bottom:-7px; }

.content {background:#e1eabe; border:4px #272823 solid;
	-webkit-box-shadow:0 0 25px #111;
	-moz-box-shadow:0 0 25px #111;
	box-shadow:0 0 25px #111;
} 

.trans-border {
	border: 10px solid rgba(240, 240, 240, .5);
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
	}
.inner-content {min-width:320px;  max-width:1280px; margin:0 auto;}


.page-head, .tbanner, .sub-head {text-align:center; font-size:150%; margin:0}
.page-head {padding-bottom:10px;}
.sub-head {font-size:120%;}

.tbanner, .textbox h1  {padding:8px 0px; background:#272723 url(../images/h-green-bg.png) repeat-x; color:#fff; border:1px #24241f solid; text-align:center; text-shadow: 1px 1px #000; margin:8px 0px; font-size:130%}

.fright {float:right;}
.fleft {float:left;}
.zmt {margin-top:0;}
.acenter {text-align:center;}
.aleft { text-align:left;}
.aright { text-align:right;}
.img {border:0;}
.lge-text {font-size:110%;}
.med-text {font-size:90%;}
.small-text {font-size:70%;}
.clear {clear:both;}
.imgbdr {border:1px solid #551a09;}
form {margin:0;}

nav ul, .grid-wrapper ul { list-style-type:none; margin:0; padding:0;  }
.topmenu {position:absolute; bottom:0; right:5px;  height:36px; 
width:73%;
/* Firefox */
width: -moz-calc(100% - 270px);
/* WebKit */
width: -webkit-calc(100% - 270px);
/* Opera */
width: -o-calc(100% - 270px);
/* Standard */
width: calc(100% - 270px);
}

.prodmenu {display:none;}
.topmenu, .mobilemenu {border:0px #fff dashed;}

.topmenu li, .prodmenu li {float:left;  text-align:center; color:#FFF; margin-left:1%;}
	
.topmenu  a, .prodmenu a {display:block; color:#FFF;  border: 1px #24241f solid; height:36px; line-height:26px; padding:5px 8px 5px 8px; border-radius: 10px 10px 0 0;  text-shadow:1px 1px #333; overflow:hidden;
text-decoration:none; font-size:102%; background:#515241 url(../images/menu-sprite-green.png) repeat-x; }
.topmenu a:hover, .prodmenu a:hover {  background:#7b7d62 url(../images/menu-sprite-green.png) 0 -37px repeat-x;}
.topmenu li:hover, .mobile-menu li:hover, .prodmenu li:hover { color:#333;}

.topmenu .active{background:#984527  url(../images/menu-sprite-green.png) 0 -74px repeat-x;; color:#000;}

.buyonline, .mm-menu {position:absolute; top:0px;  width:70%; left:15%;  border:1px #24241f solid;  border-top:0; background:#fafeeb; color:#333; z-index:100; overflow:hidden;
 border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 6px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 6px 5px rgba(50, 50, 50, 0.5);
box-shadow:         0px 6px 20px rgba(50, 50, 50, 0.5);
display:none;
}
.buyonline a, .mm-menu a {color:#333;  display:block; text-decoration:none; padding:2px 4px; }

.mm-menu {width:66%; left:33%; }
.mm-menu ul {display:none; }
.mm-menu li {border-top:1px #e1eabe solid}
.mm-menu li:first-child {border-top:none;}
.mm-menu a{color:#fff;  background:#515241; padding:8px 3px 8px 3px;}
.mm-menu a:hover {background:#a2ac7d; color:#000;}

.list-col {float:left; border:0px #000 solid; margin:2px;}
.list-col ul {float:left;}
.list-col p {margin:0 0 0 8px; padding:4px;}

.buyonline ul { border:0px #666 dotted; margin:8px 0 8px 16px; }
.buyonline a {color:#333;  line-height:20px; font-size:90%; border-radius: 4px; }
.buyonline a:hover {background:#CCC; color:#000;}

.mobilemenu {display:none; overflow:hidden; position:absolute; left:2px; top:76px; width:99%;  }
.mobilemenu  li{ float:left; margin:0 0 4px 4px; width:32.1%}
.mobilemenu li a {display:block; color:#FFF;  padding:2px; height:35px; line-height:26px;  background:#515241; text-decoration:none; font-size:90%;
border-radius: 8px; text-shadow:1px 1px #333; border:1px solid #24241f}

.mobilemenu .mm-home {background:#515241 url(../images/mm-sprite.png) 0 -27px no-repeat;}
.mobilemenu .mm-info {background:#515241 url(../images/mm-sprite.png) 0 0 no-repeat;}
.mobilemenu .mm-buy {background:#515241 url(../images/mm-sprite.png) 0 -53px no-repeat;}

.full-content {width:100%; padding:2%; border:0px #333 solid;}

.left-menu {float:left; width:20%; margin-bottom:10px; padding:1% }
.left-menu ul {border:0px #f1f1f1 solid;}
.left-menu li {text-align:left; padding:1px; font-size:90%;}

.left-menu li a {display:block;padding:4px; text-decoration:none; background:#537136; color:#fff; text-align:right;}
.left-menu li a {border-radius: 10px; 	-moz-border-radius: 10px; 	-webkit-border-radius: 10px;  -khtml-border-radius:10px;}
.left-menu li a:hover {background:#b3cb2c; color:#000;} 

.tabbed {list-style-type:none; margin:0; padding:0; margin-left:10px; margin-top:10px;}
.tabbed li{float:left; position:relative; background:#666; border-radius:6px 6px 0 0; color:#FFF; margin-left:2px;}
.tabbed li.active{background:#24241f;}
.tabbed li a {text-decoration:none; color:#FFF; display:block; padding:6px 10px;}

.left-box {background:#024c83;border:1px #024c83 solid; padding:6px; margin-top:8px;}
.left-box p {margin:4px 6px 8px 6px; padding:6px; border:2px #be3400 solid; background:#f5e334; color:#000;}

.right-content {float:right; width:77%; border:0px #e1e1e1 dashed; padding-right:1%;}
.right-content p {text-align:left; margin:1px; padding:6px; }

/* Crumbs */
.crumbs a {text-decoration:none; color:#5c5c5c; text-shadow:1px 1px #fff;}
.crumbs a:hover{color:#313131; text-decoration:underline;}
.crumbs img {vertical-align:bottom;}

.col-1, .col-2, .col-14, .col-34 {position:relative; border:1px solid #e1e1e1; margin: 0.5%; vertical-align:top; border-radius:6px; background:#fff; padding:1%;}

.col-1 {width:99%;}
.col-2 {width:49%;  float:left;}
.col-14 {width:30%; float:left;}
.col-34 {width:68%; float:left;}

/* Grid Wrappers */
.grid-wrapper li {border:1px solid #24241f; background:#a2ac7d;}
/* Fluid Grids */
.fluid-boxes li {position:relative; width:23.5%; height:190px; overflow:hidden; padding:0;}

.fluid-boxes p {
	position:absolute;	bottom:0px;	padding:2px 0;
	background:#515241 url(../images/menu-sprite-green.png) 0 -70px repeat-x;
	border-radius:0 0 6px 6px;
	text-shadow:1px 1px #19270c;
	width:100%;
	text-align:center;
}
.fluid-boxes a, .fluid-grid a {display:block; color:#fff; text-shadow:1px 1px #24241f;  text-decoration:none; font-size:90%;}
.fluid-boxes a:hover, .fluid-grid a:hover {color:#e1eabe;}

.grid-4 a  {display:block; color:#fff; text-shadow:1px 1px #24241f; text-decoration:none;}
.grid-4 a:hover  {color:#e1eabe;}


.img-cont{height:186px; border:0px #333 dashed; overflow:hidden; text-align:center;}
.img-cont img {width:auto; height:100%; border-radius: 8px; vertical-align:top; }

.fiths li {width:19.2%;}
.fourths li {width:24.2%; }
.thirds li {width:32.5%; }

.fiths li:nth-child(n+0), .fourths li:nth-child(n+0), .thirds li:nth-child(n+0){margin-left:0.5%; margin-right:0.5%; } 
.fiths li:nth-child(5n+1) {margin-left:0;}
.fiths li:nth-child(5n+0) {margin-right:0;}

.fourths li:nth-child(4n+1) {margin-left:0;}
.fourths li:nth-child(4n+0) {margin-right:0;}

.thirds li:nth-child(3n+1) {margin-left:0;}
.thirds li:nth-child(3n+0) {margin-right:0;}

.box-5 li:nth-child(5n+1){margin-left:0;} 
.box-5 li:nth-child(5n+0){margin-right:0;}
.box-4 li:nth-child(4n+1){margin-left:0;} 
.box-4 li:nth-child(4n+0){margin-right:0;}

.grid-14, .grid-34, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6 { position:relative; width:49%; border:1px solid #24241f;background:#fbfbfb;}
.grid-14 {width:31%;}
.grid-34 {width:68%;}
.grid-3 {width:32.6%; border-radius: 10px;}
.grid-4 {width:24.2%;  text-align:center; padding:0;  border-radius: 10px; position:relative; background:#fff;}

.grid-4 img { width:70%; padding:2px 0 18px 0; height:auto;  border-radius:10px}

.grid-4 p {display:block;  position:absolute; bottom:0; left:0; background:#5f604b; text-align:center; width:96%; padding:6px; margin:0; border-radius: 0 0 8px 8px;}

.box-title {position:absolute; bottom:0px; width:100%; background:#272823 url(../images/menu-sprite-green.png) 0 -70px repeat-x; display:block; border-radius: 0 0 8px 8px; padding:4px 0px; margin-top:-16px}

.grid-2:nth-child(even) {margin-right:0;}
.grid-2:nth-child(odd) {margin-left:0;}
.grid-3:nth-child(3n+1){margin-left:0;} 
.grid-3:nth-child(3n+0){margin-right:0;} 
.fb-bg, .tw-bg, .gp-bg  {color:#FFF;text-align:center;  font-size:110%;}
.fb-bg a, .tw-bg a, .gp-bg a {color:#FFF; text-decoration:none; font-weight:bold; text-shadow:2px 2px #333; display: block;}

.fb-bg {background:#3b5997 url(../images/fb-bg.png) center center; background-size: 100%; } 
.tw-bg {background:#5ea9dd url(../images/tw-bg.png) center center; background-size: 100%; } 
.gp-bg {background:#d95333 url(../images/gp-bg.png) center center; background-size: 100%; } 

.grid-4:nth-child(4n+1), .grid-14:first-child{margin-left:0; } 
.grid-4:nth-child(4n+0), .grid-14:last-child, .grid-34:last-child{margin-right:0; }
 

.grid-2 img {float:right; margin:5px; 	-moz-border-radius:10px; padding:3px; border:1px #e2e2e2 solid;}
.grid-2 h3, .grid-3 h3 {margin:0; padding:4px;}
.grid-2 .info {display:block; text-decoration:none; color:#333; width:140px; height:29px; background: url(../images/more-info-opt.png) no-repeat; text-indent:-1000em;
position:absolute; left:-6px; bottom:16px;}

.grid-content {background:#fff; padding:6px; border:1px #CCC solid; border-radius: 8px;}

/* PRODUCT LISTING */
.listingformat {float:right; padding:1px; border:1px solid #666; margin-top:-12px; background:#f1f1f1; border-radius:6px;}
.listingformat img  { padding:4px; cursor:pointer; }
.listingformat a {text-decoration:none; color:#333; text-indent:-999em;width:27px; height:30px; text-align:center; display:inline-block;  margin:3px }

.listview {background:url(../images/product-format.png) no-repeat; }
.gridview {background:url(../images/product-format.png) -27px 0 no-repeat;}

.listview.active, .listview:hover{background:url(../images/product-format.png) 0 -32px no-repeat; }
.gridview.active, .gridview:hover {background:url(../images/product-format.png) -27px -32px no-repeat;}

.product {background:#f8f8f8; border-radius:6px; border:1px #666 solid; position:relative;}
.product a {text-decoration:none; color:#333;}
.gridformat {padding:10px;}
.gridformat .product {position:relative; padding:1%;  vertical-align:top; overflow:hidden; float:left; width:33%; margin-left:0.5%; margin-bottom:0.5%; min-height:180px;}
.gridformat .product:nth-child(3n+1){margin-left:0;}
.gridformat .product:nth-child(3n+0){margin-right:0;}

.listformat {padding:10px; border:0px #666 dashed; position:relative;}
.listformat .product {padding:10px;  vertical-align:top; overflow:hidden; margin-bottom:8px;}

.p-image {width:120px; height:80px; display:block;float:left;margin-right:10px; border:1px #666 solid; border-radius:4px;overflow:hidden;}
.p-image img{width:100%; height:auto; border-radius:0;}
.gridformat .p-image {float:none; margin:0 auto; width:180px; height:120px}

.p-title { display:block; font-weight:bold; text-align:center}
.listformat .p-title {font-size:120%; text-align:left; margin-right:140px; }
.gridformat .p-title { height:40px;  overflow:hidden; margin-top:8px; margin-bottom:8px;}

.p-price {border:1px #666 solid; display:block; position:absolute; right:10px; top:10px; text-align:center; background:#FFF; padding:8px; margin-left:10px; border-radius:4px; font-size:110%;}
.gridformat .p-price {position:relative; margin-top:8px; margin-bottom:8px;}

.p-desc {border:0px #666 solid; display:block;  padding-top:6px; }
.gridformat .p-desc {height:64px; overflow:hidden; padding-top:0;}
.listformat .p-desc {margin-right:140px;}

.p-info {display:block; margin:8px 4px  4px 4px; border:1px #666 solid; border-radius:4px; font-size:80%; padding: 8px; background:#272723 url(../images/menu-sprite-green.png) repeat-x; color:#FFF; font-weight:bold;}

.p-info:hover {background:#272723 url(../images/menu-sprite-green.png) 0 -36px repeat-x;  }

.head-box {position:relative;}

.sub-dropdown {padding:4px; position:absolute; top:6px; left:8px;}
.sub-dropdown option {margin:4px;}

/* Product Info */
.product-description {position:relative;width:99%; border:1px solid #e1e1e1; margin: 0.5%; vertical-align:top; padding:1.5%; margin-top:10px; border-radius:4px; overflow:hidden}
.mainimage {width:96%; height:50%; border:1px #999 solid; margin:0 auto; padding:4px; background:#f1f1f1; border-radius:8px 8px 0 0}
.mainimage img{ width:100%; height:auto; }

.thumbs {width:96%; border:1px #999 solid; margin:0 auto; padding:4px; background:#f1f1f1; border-radius:0 0 8px 8px; overflow:hidden;}
.thumbs ul {list-style-type:none; margin:0 auto; padding:0;}
.thumbs li {overflow:hidden; width:24%; margin:0.5%; background:#FFF; max-height:150px;}
.thumbs img {width:100%; height:auto; cursor:pointer;}

.product-price {font-size:150%;}

.add2cart-button { background:#272723 url(../images/menu-sprite-green.png) repeat-x; color:#FFF; font-weight:bold; border-radius:4px; font-size:110%; text-align:center; max-height:36px; padding:8px; text-decoration:none; color:#FFF;  display:block;}
.add2cart-button:hover {background:#272723 url(../images/menu-sprite-green.png) 0 -36px repeat-x;  }
.product-qty {width:45px;  height:34px; text-align:center; font-size:110%; }

.box-qty, .box-button {border:0px solid #e1e1e1; float:left; padding:1%;  border-radius:4px; text-align:center; }
.box-qty { width:30%; margin-right:1%;}
.box-button {width:69%}
.button {padding:0.5em; display:block; border:1px #FFFFFF solid; border-radius:6px;  text-decoration:none; color:#FFFFFF; background:#009933; cursor:pointer}

.textbox {border:1px solid #24241f;background:#fff;  border-radius: 10px; margin-top:7px; margin-bottom:8px;}
.textbox h1 {margin:0; border-width:0; font-size:120%;}

/* GALLERY */
.gallery-content {padding:8px;}

.product-footer{font-size:130%;}
.list, .stores {list-style-type:none; margin:0 auto; padding:0; overflow:hidden; }
.list li {display:inline-block; border:1px #CCC dashed; margin:1%}

/* BULLET LISTS */
.service-bullets {list-style-type:square; margin:0 0 0.5em 1.7em}
.service-bullets li {margin-bottom:0.5em}


@media screen and (max-height: 700px) {
.bg-wrapper {margin-top:-350px;}
}
@media screen and (max-width: 1280px) {
.wrapper {width:95%;}
.topmenu {
width:65%;
/* Firefox */
width: -moz-calc(100% - 250px);
/* WebKit */
width: -webkit-calc(100% - 250px);
/* Opera */
width: -o-calc(100% - 250px);
/* Standard */
width: calc(100% - 250px);
}
.shopcart {top:30px;  }
}
@media screen and (max-width: 930px) {
body {background-image:none;  }	
.wrapper {width:100%;}
.h-keywords {display:none;}
.topmenu  a {font-size:90%;   padding:5px 4px 5px 4px; }
.topmenu li, .prodmenu li {float:left;  text-align:center; color:#FFF; margin-left:0.3%;}
.shopcart {right:6px;top:18px; }
}
@media screen and (max-width: 850px) {
.logo{left:4px; top:0px}
.shopcart{right:4px; top:22px;}
.listformat .p-desc {clear:both; margin-right:0;}
}
@media screen and (max-width: 780px) {
.h-logo{width:180px; height:auto;}
header { height:105px;}
.topmenu {
width:65%;
/* Firefox */
width: -moz-calc(100% - 200px);
/* WebKit */
width: -webkit-calc(100% - 200px);
/* Opera */
width: -o-calc(100% - 200px);
/* Standard */
width: calc(100% - 200px);
}
.topmenu  a {font-size:85%;  }
.shopcart {   top:2px;  background-size: 30%;}
.gridformat .product { width:49%; margin-left:1.5%; margin-bottom:1.5%;}
.gridformat .product:nth-child(3n+1){ margin-left:1.5%; }
.gridformat .product:nth-child(2n+1){margin-left:0; }
.grid-4 img { width:60%; padding-bottom:24px;}
.grid-4{font-size:80%;}
}
@media screen and (max-width: 700px) {
.find {display:none;}
.slider-wrapper {width:100%;margin:6px 0}
.left-box p {margin:4px 0px 8px 0px; padding:4px; font-size:90%;}
.topmenu {display:none;}
.mobilemenu {display:block}
.col-2 {float:none; width:100%;}
}
@media screen and (max-width: 600px) {
.listformat .p-image {float:none; margin:0 auto; }
.listformat .p-title {clear:both; margin-right:0; text-align:center}
.listformat .p-price {position: relative; }
.tabbed li a {font-size:94%;}
.sub-dropdown {position:relative; margin:0 6px 6px 6px;}



}
@media screen and (max-width: 530px) {
header { height:106px;}
.mobilemenu  li{ width:32%}
.grid-4{min-height:90px;}
.grid-3 {width:100%; margin:5px 0 5px 0}

.listingformat {display:none;}
.gridformat .product { width:100%; margin-left:0; margin-bottom:1.5%;}
.gridformat .product:nth-child(3n+1){ margin-left:0; }
}
@media screen and (max-width: 400px) {
.slider-wrapper, .cartinfo {display:none;}
.shopcart {background:none; padding:2px; border:none;}
.shopcart a { padding:10px; border-radius:6px;}
}