div {
 float: left; 
 position: relative; 
 height: auto;
}

.flw100 {
 width: 100%; 
}

.flw50 {
 width: 50%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


@media screen and (max-width: 480px) {	
	.flw50 {
	 width: 100%; 
	 min-height: 1px; 
	}
}

.flw33 {
 width: 33%; 
}

.flw100center {
 text-align: center; 
 width: 100%; 
}

.flwA {
 float: left; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.posAbs {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: auto; 
 height: auto; 
}

.divRighter, .divR {
 float: right; 
 position: relative; 
 width: auto; 
 height: auto; 
}

.floatR {
 float: right; 
}

.noDisplay {
 display: none; 
}

.flw100alert {
 width: 100%; 
 font: bold 14px arial; 
 color: red; 
 text-align: center; 
}

a img {
 border: 0px; 
}
 
img {
 border: 0;
}

.topRminOrMax {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 23px; 
 height: 15px; 
 z-index: 500; 
 cursor: pointer; 
 margin-left: -26px; 
 background: white; 
 border: 1px solid silver; 
 text-align: center; 
 font: normal 12px courier; 
 line-height: 14px; 
 color: rgb(30,30,30);
}

.warnDiv {
 font: bold 14px arial; 
 color: red; 
}

.docSheet {
 width: 100%; 
 border: 1px solid silver; 
 background: white; 
 color: black; 
 padding: 10px; 
 margin-top: 3px; 
 margin-bottom: 3px; 
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

.text-center {
 text-align: center; 
}

.text-right {
 text-align: right; 
}

.text-left {
 text-align: left; 
}

.noTrans {
 -webkit-transition:  0.0s; /* Safari */
 transition: 0.0s;
}

/* COOKIES START */

.cookiesHint { 
 position: fixed; 
 top: 100%; 
 left: 0px; 
 margin-top: -45px; 
 width: 100%; 
 height: auto; 
 min-height: 45px; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 text-align: center; 
 padding-top: 15px; padding-bottom: 3px; 
 background: white; color: black; 
 font-size: 12px;
 font-family: arial;
 box-shadow: inset 0px 11px 8px -10px #BBB;
 z-index: 100; 
}

.cookiesHeight { 
 width: 100%; float: left; 
 position: relative; height: 45px; 
}
 
@media screen and (max-width: 600px) {	
	.cookiesHint, .cookiesHeight { height: 60px; }
	.cookiesHint { margin-top: -60px; }
}

@media screen and (max-width: 400px) {	
	.cookiesHint, .cookiesHeight { height: 75px; }
	.cookiesHint { margin-top: -75px; }
}

.cookiesGotLink, a.cookiesGotLink:visited, a.cookiesGotLink {
 display: inline-block; 
 color: white; 
 background: rgb(190,190,190); 
 margin-left: 5px; 
 margin-right: 5px; 
 border-radius: 3px; 
 padding: 3px; 
 color: white; 
 -webkit-transition:  0.2s; /* Safari */
 transition: 0.2s;
}

a.cookiesGotLink:hover {
 background: rgb(90,90,90); 
 color: white; 
}

/* COOKIES END */

.docCell {
 width: 12.5%; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
 padding: 4px; 
 border: 1px solid white; 
 background: rgb(240,240,240);  
 min-height: 40px; 
}

.doc_user_head_row {  font-weight: bold; width: 100%; }
.doc_user_row { width: 100%; }

.doc_user_head_row .docCell { background: rgb(210,210,210); }

.doc_user_row:hover .docCell { background: rgb(230,230,230); }

.overauto { overflow: auto; }
body {
 background: white; 
 margin: 0px; 
 padding: 0px; 
 overflow-x: hidden; 
}

a, a:visited, a:active {
 text-decoration: none; 
 color: rgb(110,92,79);
}

.theFon {
 position: absolute; 
 top: 0px; 
 left: 0px;
 width: 100%;  
 min-height: 998px; 
 background: url('img/fon-new.jpg') no-repeat top center; 
}

@media screen and (max-width: 790px) {
	.theFon { 
	 background: url('img/all-fon-mobile.jpg') no-repeat top left; 
	 max-height: 100%; 
	}
}

.fullW {
 width: 1000px; 
 left: 50%; 
 margin-left: -500px; 
}
@media screen and (max-width: 1000px) {
	.fullW { 
	 width: 98%; 
	 left: 0px; 
	 margin-left: 0px; 
	 padding-left: 1%; 
	 padding-right: 1%; 
	}
}

header {
 width: 100%; 
 padding-top: 15px; 
 padding-bottom: 20px; 
}

.upcase {
 text-transform: uppercase; 
}

.mainMenu {
 float: right; 
 padding-top: 5px; 
 font: bold 12px arial; 
 padding-bottom: 5px; 
 color: rgb(130,130,130); 
}

@media screen and (max-width: 790px) {
	.mainMenu { 
	 float: left; 
	 width: 100%; 
	 background: rgba(255,255,255,0.7); 	 
	}
	header {
	 padding-top: 5px; 
	 margin-bottom: 10px; 
	}
}

.three-lines {
 display: none; 
}
.three-lines img {
 margin-right: 4px; 
 vertical-align: middle; 
}

.cursPoint {
 cursor: pointer; 
}

.menuButton {
 padding-left: 12px; 
 padding-right: 12px; 
 border-right: 2px solid rgb(110,92,79);
}

.menuButton:hover, .langLink:hover {
 background: rgb(179,130,51); 
}
.menuButton:hover {
 color: black; 
}
.menuButton:hover a, .menuButton:hover a:visited, .langLink:hover a, .langLink:hover a:visited, 
.menuButton:hover .subMenu .menuButton:hover a, .menuButton:hover .subMenu .menuButton:hover a:visited {
 color: white; 
}

.menuButton:hover .subMenu a, .menuButton:hover .subMenu a:visited {
  color: rgb(110,92,79);
}

.langLink {
 padding-left: 12px; 
 padding-right: 0px; 
}
.langLink a, .langLink a:visited, .langLink a:active {
 color: rgb(178,178,178); 
}
.langLink a:hover {
 color: rgb(110,92,79);
}

.enterShop {
 background: rgb(179,130,51); 
 padding: 9px 12px 9px 12px;
 cursor: pointer; 
}
.enterShop a, .enterShop a:visited, .enterShop a:active {
 color: white
}

.cart {
 padding: 9px 0px 2px 24px;
 cursor: pointer; 
 margin-left: 10px; 
 color: rgb(110,92,79);
 background: url('img/cart.gif') no-repeat center left; 
} 

.subMenu {
 position: absolute; 
 top: 20px; 
 left: 0px; 
 width: 150px; 
 background: white; 
 border-left: 1px solid rgb(110,92,79);
 border-right: 1px solid rgb(110,92,79);
 border-bottom: 1px solid rgb(110,92,79);
 padding: 7px 10px 10px 10px; 
 z-index: 10; 
}
.subMenu .menuButton {
 width: 100%; 
 border: none; 
 padding: 5px 0px 5px 0px; 
}

@media screen and (max-width: 639px) {
	.mainMenu .flwA {
	 display: none; 
	}
	.three-lines {
	 display: inline; 
	 float: left; 
	 width: 100%; 
	 background: rgba(255,255,255,0.7); 
	 cursor: pointer; 
	}
	#trigMenu.flw100 {
	 padding-top: 7px; 
	}
	.menuButton, .langLink {
	 width: 100%; 
	 padding: 5px 5% 5px 7%; 
	 border-right: none; 
	}
	
	.menuButton .subMenu, .menuButton .noDisplay {
	 width: 95%; 
	 display: inline; 
	 border: none; 
	 padding-left: 5%; 
	 float: left; 
	 position: relative; 
	 top: 0px; 
	}
	.cart {
	 padding: 5px 0px 2px 18px;
	 max-width: calc(50% - 22px); 
	 font-size: 11px; 
	 }
	 .enterShop { 
	  max-width: calc(50% - 20px);
	  font-size: 11px; 
	 }
}

.click2home {
 width: 260px; 
 height: 81px; 
 float: right; 
 margin-top: 18px; 
}

.wiInLogoen {
 position: absolute; 
 top: 100%; 
 left: 0px; 
 width: 260px; 
 margin-top: -16px; 
 text-align: right; 
 font: normal 8px arial; 
}

.wiInLogo, .wiInLogobg {
 position: absolute; 
 top: 100%; 
 left: 0px; 
 width: 260px; 
 margin-top: -8px; 
 text-align: right; 
 font: normal 8px arial; 
}

.click2home img {
 width: 240px; 
 height: 81px; 
}

.path2page {
 margin-top: 80px; 
 font: normal 11px arial; 
 color: rgb(76,76,76); 
}

@media screen and (max-width: 490px) {	
	.click2home { 
	 float: left; 
	 margin-top: 5px; 
	 width: 100%; 
	 background: rgba(255,255,255,0.7);
	 margin-bottom: 10px; 
	}
	.path2page {
	 margin-top: 5px; 
	 margin-bottom: 5px; 
	 width: 100%; 
	}
}

.homeSlide {
 width: 100%; 
 height: 425px; 
 overflow: hidden; 
}

.slideContainer {
 width: 925px; 
 height: 425px; 
}

@media screen and (max-width: 925px) {
	.homeSlide {
	 height: 300px; 
	}
	.slideContainer { 
	 width: 100%; 
	 height: 300px; 
	}
}

.slideContainer img {
 width: 100%; 
 min-width: 100%; 
 max-width: 100%; 
 height: auto; 
}

.brownBack {
 background: rgb(109,91,77); 
}

.whiteText {
 color: white; 
}

.whiteBack {
 background: white;
}

.brownBack a, .brownBack a:visited, .brownBack a:active {
 color: white; 
}

.brownBlur {
 background: rgba(109,91,77,0.7); 
}

.brownBlurDark {
 background: rgba(109,91,77,0.9); 
}

.pad10 {
 padding: 10px 15px 10px 15px;
}

.horSep15px {
 width: 100%; 
 height: 15px; 
}

.horSep25px {
 width: 100%; 
 height: 25px; 
}

@media screen and (max-width: 490px) {
	.horSep15px, .horSep25px {
	 height: 5px; 
	}
}

.homeAccent {
 width: 35%; 
 height: 160px; 
 padding-right: 2%; 
 margin-right: 2%; 
 overflow: hidden; 
 cursor: pointer; 
}

.homeAccentImg {
 max-width: 97%; 
 width: 350px; 
}

.gallSigHome {
 position: absolute; 
 top: 38%; 
 left: 100%; 
 margin-left: -196px; 
 width: 153px; 
 height: 51px; 
}

.homeAccLinkItself {
 position: absolute; 
 top: 100%; 
 left: 0px; 
 width: 97%; 
 max-width: 330px; 
 height: 40px; 
 margin-top: -50px; 
}

.homeAccLinkItself .divR {
 padding: 12px 15px; 
 font: bold 14px arial; 
}

.home2shop {
 width: 14%; 
 padding-left: 2%; 
 padding-right: 6%; 
 height: 130px; 
 padding-top: 15px; 
 padding-bottom: 15px; 
 color: white; 
 font: normal 13px arial; 
 float: right; 
}

@media screen and (max-width: 1000px) {
	.home2shop {
	 width: 18%; 
	 padding-left: 2%; 
	 padding-right: 2%; 	
	}
}

@media screen and (max-width: 790px) {
	.home2shop {
	  width: 91%; 
	  height: auto; 
	  padding: 10px 5% 10px 2%; 
	  margin-top: 10px; 
	  float: left; 
	}
	.homeAccent {
	 width: 44%; 
	 padding-right: 4%; 
	 margin-right: 2%; 
	}
}

@media screen and (max-width: 380px) {
	.home2shop {
	  width: 93%; 
	  padding: 10px 5% 10px 2%; 
	  margin-top: 10px; 
	  float: left; 
	}
	.homeAccent {
	 width: 94%; 
	 padding-right: 6%; 
	 margin-right: 0%; 
	 margin-top: 10px; 
	}
}

.home2shop a, .home2shop a:visited, .home2shop a:active, 
.branchExplain a, .branchExplain a:visited, .branchExplain a:active {
 color: white; 
}

.home2shop p {
 margin: 0px; 
 padding: 0px 0px 15px 0px; 
}

.buttonLink {
 padding-left: 10px; 
 background: url('img/link-arrow.gif') no-repeat center left;
 font: bold 12px arial;
}

.buttonLinkR {
 padding-right: 10px; 
 background: url('img/link-arrow.gif') no-repeat center right;
 font: bold 12px arial;
}

.backLink {
 padding-left: 10px; 
 background: url('img/back-arrow.gif') no-repeat center left;
 font: bold 12px arial;
}



.homeTxt {
 margin-top: 25px; 
 border-top: 2px solid rgb(109,91,77); 
 padding-top: 20px; 
 width: 100%;
 margin-bottom: 20px; 
}

.homeTxtH1 {
 width: 25%; 
 padding-right: 2%; 
}

.homeTxtH1 h1, .wideLoremIpsum h1  {
 color: rgb(109,91,77); 
 margin-top: 0px; 
 padding-top: 0px; 
 font: normal 18px arial; 
 background: rgba(255,255,255,0.5);
}


.homeTxtH1 h2, .wideLoremIpsum h2 {
 color: rgb(109,91,77); 
 margin-top: 0px; 
 padding-top: 0px; 
 font: normal 16px arial; 
 background: rgba(255,255,255,0.5);
}

.homeLoremIpsum {
 width: 72%; 
 float: right; 
 font: normal 12px arial; 
}
.wideLoremIpsum {
 width: 100%; 
 float: right; 
 font: normal 12px arial; 
}

@media screen and (max-width: 490px) {
	.homeTxtH1, .homeLoremIpsum {
	 width: 100%; 
	 padding: 0px 0px 10px 0px; 
	 float: left; 
	}
}

.credits {
 width: 45%;
 text-align: right; 
 float: right; 
 font: normal 10px arial; 
 color: rgb(143,128,118); 
 padding-bottom: 10px; 
}

.credits a, .credits a:visited, .credits a:active {
 color: rgb(143,128,118); 
}

@media screen and (max-width: 790px) {
	.credits {
	 text-align: left; 
	 width: 100%; 
	}
}

.shadow {
  -webkit-box-shadow: -5px -5px 10px 50px rgba(0,0,0,0.5); 
  -moz-box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: -5px -5px 10px 0px rgba(0,0,0,0.5); 
}

.shadowTop {
  -webkit-box-shadow: 0px -5px 10px 50px rgba(0,0,0,0.5); 
  -moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.5); 
}

.shadowBot {
  -webkit-box-shadow: 0px 5px 10px 50px rgba(0,0,0,0.5); 
  -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5);
  box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.5); 
}

.slidesign {
 position: absolute
}

.slide-sign {
 position: absolute; 
 left: 5%; 
 width: 93%; 
 top: 70%; 
 color: white; 
 font: normal 18px arial; 
}

.slide-location {
 position: absolute; 
 left: 5%; 
 width: 93%; 
 top: 85%; 
 color: white; 
 font: normal 14px arial; 
}


@media screen and (max-width: 790px) {
	.homeSlide, .slideContainer {
	 height: 250px; 
	}
	.slide-sign { 
	 top: 50%;
	 font: normal 14px arial;
	}
	.slide-location {
	 top: 70%; 
	 font: normal 12px arial;
	}
}

@media screen and (max-width: 580px) {
	.homeSlide, .slideContainer {
	 height: 200px; 
	}
}

@media screen and (max-width: 480px) {
	.homeSlide, .slideContainer {
	 height: 150px; 
	}
	.slide-sign { 
	 top: 10%;
	 font: normal 12px arial;
	}
	.slide-location {
	 top: 60%; 
	 font: normal 11px arial;
	}
	.slide-location .divR, .slide-sign .divR {
	 float: left; 
	}
}

@media screen and (max-width: 390px) {
	.homeSlide, .slideContainer {
	 height: 125px; 
	}
}

.flw100plus {
 width: 1020px; 
}

@media screen and (max-width: 1000px) {
	.flw100plus {
	 width: 100%; 
	}
}

.branchKare {
 width: 48%; 
 margin-right: 2%; 
 height: 133px; 
 border-bottom: 2px solid rgb(109,91,77); 
 margin-bottom: 15px; 
 cursor: pointer; 
}

@media screen and (max-width: 500px) { 
 .branchKare {
  width: 100%; 
  margin-right: 0px; 
 }
}

.branchExplain {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -222px; 
 height: 100%; 
 width: 182px; 
 padding-left: 20px; 
 padding-right: 20px; 
 color: white; 
 font: normal 12px arial; 
}

.branchExplain strong {
 font: bold 15px arial; 
}

.botLink {
 position: absolute; 
 top: 100%; 
 margin-top: -24px; 
 left: 20px; 
}

.dotOn {
 width: 24px; 
 height: 24px; 
 background: rgb(109,91,77); 
 margin-left: 6px; 
}

.dotOff {
 width: 20px; 
 height: 20px; 
 border: 2px solid rgb(109,91,77); 
 margin-left: 6px; 
 cursor: pointer; 
}
.dotOff:hover {
 background: rgb(178,178,178); 
}

.margR30px {
 margin-right: 30px; 
}
@media screen and (max-width: 500px) { 
	.divR.margR30px { 
	 float: left; 
	}
}

.branchDetailed {
 width: 100%; 
 border-top: 2px solid rgb(109,91,77); 
 border-bottom: 2px solid rgb(109,91,77); 
 margin-bottom: 15px; 
}

.branchBigPic {
 width: 660px; 
 height: 425px; 
 background: white; 
 overflow: hidden; 
}

.branchTxt {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -340px; 
 width: 280px; 
 padding: 0px 30px; 
 height: 100%; 
 color: white; 
 font: normal 12px arial; 
}

.branchTxt h1, .branchTxt h2 {
 padding: 20px 0px 15px 0px; 
 margin: 0px; 
 font: normal 12px arial; 
}
.branchTxt h1 span, .branchTxt h2 span {
 text-transform: uppercase; 
 font: bold 14px arial; 
}

.branchOverflow {
 width: 100%; 
 max-height: 280px; 
 overflow: auto; 
 margin-bottom: 10px; 
}

.howWeWorkOverflow {
 width: 100%; 
 max-height: 320px; 
 overflow: auto; 
 margin-bottom: 10px; 
}

.branchBackLink {
 position: absolute; 
 top: 100%; 
 margin-top: -45px; 
 left: 30px; 
}
.branchBackLink a:hover {
  color: rgb(179,130,51);
}

@media screen and (max-width: 670px) {
	.branchBigPic {
	 width: 100%; 
	 height: auto; 
	}
	.branchBigPic img {  
	 width: 100%; 
	 min-width: 100%; 
	 max-width: 100%; 
	 height: auto; 
	}
	.branchTxt { 
	 width: 96%; 
	 float: left; 
	 position: relative; 
	 margin-left: 0px; 
	 left: 0px; 
	 height: auto; 
	 padding: 10px 2% 10px 2%; 
	}
	.branchOverflow, .howWeWorkOverflow {
	 max-height: auto; 
	 padding-bottom: 35px; 
	}	
}

.rightBlur {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -7%; 
 margin-left: calc(-7% - 1px); 
 width: 7%; 
 height: 100%; 
}

.eShopH1 {
 position: absolute; 
 top: 100%; 
 margin-top: -40px; 
 left: 100%; 
 margin-left: -500px; 
 width: 240px; 
 text-align: right; 
}

.eShopH1 h1, .eShopH1 strong {
 margin: 0px; 
 padding: 0px; 
 color: rgb(179,130,51);
 font: bold 18px arial;  
}

@media screen and (max-width: 490px) { 
	.eShopH1 {
	 float: left; 
	 position: relative; 
	 width: 100%; 
	 top: 0px; 
	 left: 0px; 
	 margin-top: 0px; 
	 margin-left: 0px; 
	 text-align: left; 
	 background: rgba(255,255,255,0.7);
	 margin-bottom: 10px; 
	}
}

.productPics {
 width: 610px; 
 min-height: 490px; 
 background: white; 
 padding: 25px; 
}

.prodGallCol {
 width: 110px; 
 min-height: 50px; 
}

.prodBigImg {
 width: 490px; 
 height: 490px; 
 border: 1px solid rgb(151,151,151); 
 font: normal 12px arial; 
}

.prodThumb {
 width: 90px; 
 height: 110px; 
 margin-right: 10px; 
 margin-bottom: 20px; 
 cursor: pointer; 
 border: 1px solid rgb(151,151,151); 
}

@media screen and (max-width: 990px) { 
	.prodGallCol {
	 width: 100%; 
	 min-height: 0px; 
	}
}

@media screen and (max-width: 790px) {  
	.prodBigImg {
	 width: 360px; 
	 height: auto; 
	 overflow: hidden; 
	}
	.prodBigImg img {	 
	 width: 100%; 
	 max-width: 100%; 
	 height: auto; 
	}
}

@media screen and (max-width: 670px) {  
	.prodBigImg {
	 width: 90%; 
	 height: auto; 
	 overflow: hidden; 
	}
	.prodBigImg img {	 
	 width: 100%; 
	 max-width: 100%; 
	 height: auto; 
	}
	.productPics  { 
	 width: 95%; 
	 min-height: 0px; 
	}
}

.add2cart {
 min-width: 160px; 
 margin-bottom: 10px; 
 background: white; 
 text-align: center; 
 font: bold 12px arial; 
 padding: 12px 0px; 
 cursor: pointer; 
 color: rgb(109,91,77); 
}

.orderNow:hover {
 min-width: 154px; 
 margin-bottom: 10px; 
 background: white; 
 text-align: center; 
 font: bold 12px arial; 
 border: 2px solid rgb(179,130,51);
 padding: 10px 0px; 
 cursor: pointer; 
 color: rgb(109,91,77); 
}

.orderNow , .add2cart:hover {
 min-width: 160px; 
 margin-bottom: 10px; 
 background: rgb(179,130,51);
 text-align: center; 
 font: bold 12px arial; 
 padding: 12px 0px; 
 cursor: pointer; 
 color: white;
}


.cartIn {
 width: 100%; 
 padding-top: 20px; 
 padding-bottom: 25px; 
 font: normal 13px arial; 
 min-height: 250px; 
}

.cartIn h2 {
 margin: 0px 0px 20px 15px; 
 font: bold 14px arial; 
 color: rgb(109,91,77); 
}

.back242 {
 background: rgb(242,242,242); 
} 

.prodInCart {
 width: 98%; 
 border-top: 2px solid rgb(125,124,122);
 margin-left: 1%; 
 margin-bottom: 12px; 
 padding-top: 15px; 
}

.imCartPic {
 width: 37%; 
 height: 195px; 
 margin-top: -15px; 
 text-align: center; 
}

.whatWeBuy {
 width: 28%; 
 padding-left: 16%;
 padding-right: 2%; 
 color: rgb(109,91,77); 
}

.whatWeBuy strong {
 text-transform: uppercase; 
}

.whatWeBuy p { 
 margin-bottom: 5px; 
}

.itemUpdateButtons {
 width: 17%; 
}

@media screen and (max-width: 1000px) {
	.whatWeBuy { 
	 padding-left: 6%; 
	}
	.itemUpdateButtons {
	 width: 23%; 
	}
}

@media screen and (max-width: 639px) {
	.whatWeBuy { 
	 padding-left: 2%; 
	 width: 46%; 
	}
	.itemUpdateButtons {
	 width: 98%;
	 padding-left: 2%; 
	 margin-top: 10px; 
	 margin-bottom: 10px; 
	}
	.itemUpdateButtons .flw100 {
	 width: auto; 
	}
	.imCartPic {
	 width: 50%; 
	}
}

@media screen and (max-width: 390px) {
	.whatWeBuy { 
	 padding-left: 4%; 
	 width: 96%; 
	}
	.itemUpdateButtons {
	 width: 96%;
	 padding-left: 4%; 
	 margin-top: 5px; 
	 margin-bottom: 5px; 
	}
	.imCartPic {
	 width: 100%; 
	}
}

.delItem, .editItem:hover {
 min-width: 130px; 
 padding: 10px 10px; 
 margin-right: 5px; 
 margin-bottom: 5px; 
 font-weight: bold; 
 color: rgb(107,89,75); 
 border: 2px solid rgb(125,124,122);
 cursor: pointer; 
 background: white; 
}

.editItem, .delItem:hover {
 min-width: 130px; 
 padding: 10px 10px; 
 margin-right: 5px; 
 margin-bottom: 5px; 
 font-weight: bold; 
 color: white; 
 border: 2px solid rgb(107,89,75);
 background: rgb(107,89,75); 
 cursor: pointer; 
}

.cartTotal {
 margin-top: -15px; 
 float: right; 
 padding: 10px 10px; 
 color: white; 
}

@media screen and (max-width: 390px) { 
	.cartTotal { 
	 float: left; 
	 width: 92%; 
	 padding: 10px 4%; 
	}
}

.pad10px {
 padding: 10px; 
}

.galleryBigImg {
 width: 100%; 
 height: 435px; 
 overflow: hidden; 
 margin-bottom: 20px; 
 font: normal 12px arial; 
}

@media screen and (max-width: 1000px) { 
	.galleryBigImg {
	 height: 340px; 
	}
}

@media screen and (max-width: 799px) { 
	.galleryBigImg {
	 height: 260px; 
	}
}

@media screen and (max-width: 600px) { 
	.galleryBigImg {
	 height: 180px; 
	}
}

@media screen and (max-width: 400px) { 
	.galleryBigImg {
	 height: 120px; 
	}
}

.galleryBigImg img {
 max-width: 100%;
 height: auto; 
}

.galleriesBeltContainer {
 width: 100%; 
 height: 60px; 
 overflow: hidden; 
 margin-bottom: 15px; 
}

.gallBelt {
 position: absolute; 
 width: 10000px; 
 top: 0px; 
 left: 0px; 
 height: 60px; 
}

.gallThumb {
 width: 130px; 
 height: 60px; 
 margin-right: 15px; 
 cursor: pointer; 
 overflow: hidden; 
}

.prevGallery, .nextGallery {
 font: bold 32px arial; 
 position: absolute; 
 width: 30px; 
 height: 36px; 
 top: 50%; 
 margin-top: -20px; 
 color: rgb(76,76,76); 
 text-align: center; 
 cursor: pointer; 
}

.prevGallery {
 left: 0px; 
 margin-left: -30px; 
}
.nextGallery {
 left: 100%; 
}
@media screen and (max-width: 1000px) { 
	.prevGallery {
	 margin-left: 0px; 
	 background: rgba(255,255,255,0.6); 
	}
	.nextGallery {
	 margin-left: -30px; 
	 background: rgba(255,255,255,0.6); 
	}
}

.prevGallery:hover, .nextGallery:hover {
 color: rgb(113,95,82);
}

.infoStick {
  background: rgba(106,87,73,0.7); 
  color: white; 
  width: 60px; 
  padding: 5px 10px; 
  font: normal 12px arial; 
  position: absolute; 
  top: 20px; 
  cursor: pointer; 
  left: 100%; 
  margin-left: -80px; 
}

.infoInfo {
  background: rgba(106,87,73,0.7); 
  color: white; 
  width: 300px; 
  padding: 2% 10px 2% 10px; 
  height: 96%; 
  font: normal 12px arial; 
  position: absolute; 
  top: 0px; 
  left: 100%; 
  margin-left: -320px; 
}

.infoInfo h2 {
 padding: 0px 0px 15px 0px; 
 margin: 0px; 
 font: bold 14px arial; 
 text-transform: uppercase; 
}

@media screen and (max-width: 337px) { 
 .infoInfo {
  left: 0px; 
  margin-left: 0px; 
  width: 96%; 
  padding: 2% 2%;  
 }
}

.infoClose {
 position: absolute; 
 top: 5px; 
 left: 100%; 
 margin-left: -25px; 
 width: 20px; 
 height: 20px; 
 border: 1px solid white; 
 font: bold 14px arial; 
 text-align: center; 
 cursor: pointer; 
 color: white; 
}

.contForm {
 width: 90%; 
 padding: 30px 5% 30px 5%; 
 font: normal 12px arial; 
}

.contForm h1, .contForm h2 {
 color: rgb(109,91,77); 
 margin-top: 0px; 
 padding-top: 0px; 
 font: bold 16px arial; 
 color: white; 
}

.contFormLeft {
 width: 47%; 
}

.contFormRight {
 float: right; 
 width: 50%; 
}

.contFormLeft input {
 width: 98%; 
 height: 22px; 
 margin-bottom: 12px; 
 border: 1px solid white; 
 background: rgba(0,0,0,0); 
 color: white; 
}

.contFormRight textarea {
 width: 98%; 
 height: 215px; 
 margin-bottom: 12px; 
 border: 1px solid white; 
 background: rgba(0,0,0,0); 
 color: white; 
 margin-top: 12px; 
}

.contExpt {
 width: 31%; 
 padding-right: 2%; 
}

.contFld {
 width: 67%; 
}

.contFld .flwA {
 width: 100%; 
}

.contSecure {
 width: 100%; 
 text-align: right; 
}

.contSecure input {
 width: 33%; 
}

.contSecure img {
 vertical-align: middle; 
}

@media screen and (max-width: 490px) {
		.contFormRight, .contFormLeft {
		 width: 100%; 
		}
}

.contSubmit {
 width: 100%; 
 text-align: right; 
}

.contSubmit input, #placeOrderContainer .contSubmit input {
 min-width: 160px; 
 margin-bottom: 10px; 
 background: rgb(179,130,51);
 text-align: center; 
 font: bold 12px arial; 
 padding: 5px 0px;
 margin-top: 5px;  
 cursor: pointer; 
 color: white;
 text-transform: uppercase; 
 border: 1px solid rgb(179,130,51);
}

.contSubmit input:hover {
 min-width: 160px; 
 margin-bottom: 10px; 
 background: white; 
 text-align: center; 
 font: bold 12px arial; 
 padding: 5px 0px; 
 cursor: pointer; 
 color: rgb(109,91,77); 
 text-transform: uppercase; 
 border: 1px solid rgb(179,130,51);
}

.contAlerter {
 width: 100%; 
 text-align: right; 
}

.deliveryTerms {
 float: right; 
 width: 500px; 
 padding: 5px 0px; 
 font: normal 12px arial; 
 color: rgb(106,106,106); 
}

.deliveryTerms strong {
 color: black; 
}

@media screen and (max-width: 510px) {
	.deliveryTerms {
	 width: 96%; 
	 padding: 5px 2%; 
	}
}

.paddR20px {
 padding-right: 20px; 
}

#placeOrderContainer {
 color: rgb(95,90,86); 
}

#placeOrderContainer input, #placeOrderContainer textarea {
 border: 1px solid rgb(95,90,86); 
 color: black; 
}

#placeOrderContainer .contForm h1, #placeOrderContainer .contForm h2 {
 color: rgb(95,90,86); 
}

#placeOrderContainer .contFormRight {
 margin-top: 10px; 
}

.moreGallPicsOpener { 
 position: fixed; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: auto; 
 z-index: 20; 
 min-height: 100%; 
 padding-top: 20px; 
 padding-bottom: 20px; 
 background: rgba(106,87,73,0.8); 
}

.moreGallPicsOpener .prevGallery, .moreGallPicsOpener .nextGallery {
 color: white; 
}

.moreGallPicsOpener .infoClose {
 background: rgb(179,130,51);
} 

.fullWH {
 width: 100%; 
 height: 100%; 
}

.bigGallMainPic {
 width: 1000px; 
 height: 800px; 
 text-align: center; 
}

@media screen and (max-width: 1000px) { 
	.bigGallMainPic { 
	 width: 100%;
	 height: auto; 
	}
	.bigGallMainPic img {
	 max-width: 100%; 
	 height: auto; 
	}
}
.calendarDivInPage {
 width: 250px; 
 background: white; 
 z-index: 1000; 
 display: none; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 position: absolute; 
 margin-top: -10px; 
 border: 1px solid silver;
}

.calendarprevNext, .calendarYear {
 width: 100%; 
 float: left; 
 text-align: center;
 padding-top: 2px; 
 padding-bottom: 2px; 
 font: bold 14px arial; 
 color: rgb(78,190,212);
 height: auto; 
}

.calendarprevNext a, .calendarprevNext a:visited, .calendarprevNext a:active {
 color: rgb(78,190,212);
}

.ajCalDay {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin-top: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 font: normal 12px arial; 
}

.ajCalDayLink {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 float: left; 
 text-align: right; 
 margin-top: 1px; 
 position: relative; 
 background: rgb(78,190,212); 
 font: normal 12px arial; 
 cursor: pointer; 
 color: white; 
}
.ajCalDayLink a, .ajCalDayLink a:active, .ajCalDayLink a:visited {
 color: white; 
}

.ajCalDayLinkSlctd {
 width: 13%; 
 height: auto; 
 margin-left: 1%; 
 padding-top: 1px; 
 padding-bottom: 1px; 
 margin: 1px; 
 float: left; 
 text-align: right; 
 position: relative; 
 margin-top: 1px; 
 background: gold; 
 font: normal 12px arial; 
}

.calendarDivDirect {
 width: 160px; 
 background: white; 
 display: block; 
 font: normal 12px arial; 
 color: black; 
 height: auto; 
 float: left; 
 position: relative; 
}

.ajcalRow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
}

.calendarPrevMonLink {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}

.calendarNextMonLink {
 position: absolute; 
 top: 0px; 
 left: 75%; 
 width: 25%; 
 height: auto; 
 font: bold 14px arial; 
 text-align: center; 
 text-align: center; 
 border: 1px solid silver; 
 cursor: pointer;
 background: rgb(230,230,230); 
 color: rgb(78,190,212);
}
.realContText p, .realContText td
{
 font: normal 12px arial; 
 color: black;
 line-height: 14px; 
}

a, a:visited,  a:active {
 text-decoration: none;
}

a:hover {
 text-decoration: none; 
}

a img {
 border: 0; 
}

.realContText p, .realContText td p  {
 padding-top: 0px; 
 margin-top: 0px; 
}

.realContText h1, .realContText td h1 {
 font: normal 18px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 18px; 
 padding-bottom: 0px; 
 text-transform: uppercase; 
}

.realContText h2, .realContText td h2 {
 font: normal 18px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 18px; 
 padding-bottom: 0px; 
 text-transform: uppercase; 
}

.realContText h3, .realContText td h3 {
 font: normal 14px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 14px; 
 padding-bottom: 0px; 
 text-transform: uppercase; 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-top: 0px; 
 padding-top: 0px; 
 margin-bottom: 14px; 
 padding-bottom: 0px; 
 text-transform: uppercase; 
}

.realContText h5, .realContText td h5 {
 font: bold 12px arial;
 margin-bottom: 0px;
 margin-top: 0px;
 margin-bottom: 14px; 
}


.realContText h6, .realContText td h6 {
 font: normal 12px arial; 
 margin-bottom: 5px;
 margin-top: 0px;
}

.realContText ul {
 margin-left: 5px; 
}

.realContText li {
 font: normal 12px arial;
}

.realContText a, .realContText a:visited, .realContText a:active {
 text-decoration: none; 
}