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

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

.flw50 {
 width: 50%; 
}

.flw15 {
 width: 15%; 
}

.flw20 {
 width: 20%; 
}

.flw25 {
 width: 25%; 
}


.flw33 {
 width: 33%; 
}

.flw66 {
 width: 66%; 
}

.flw80 {
 width: 80%; 
}

.flw60 {
 width: 60%; 
}

.flw70 {
 width: 70%; 
}

.flw30 {
 width: 30%; 
}

.flw100, .flw50, .flw30, .flw33, .flw15, .flw25, .flw66, .flw60, .flw70, .flw20, .flw80 {
 float: left; 
 position: relative; 
 height: auto; 
}

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

.flw100center {
 text-align: center; 
 width: 100%; 
 float: left; 
 position: relative; 
}

.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; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.realContText {
 width: 100%; 
}

.bordRed {
 border: 1px solid red; 
}

.cursPoint { 
 cursor: pointer; 
}

.upcase { 
 text-transform: uppercase; 
}

.anycase { 
 text-transform: none; 
}

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

.font-bold { font-weight: bold; }

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

.text-left {
 text-align: left; 
}
/* 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; }

.bord-box { 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
}

/* select period control - START */

.selectPeriod {
 display: inline-block; 
 width: 16px; 
 height: 16px; 
}

.selectPeriodSubM {
 display: block!important; 
 top: -2px; 
 left: 0px; 
 margin: 0px; 
 border: 1px dotted silver;
 background: white; 
 z-index: 20; 
 background: white; 
 position: absolute!important; 
}

.selectPeriodLink {
 min-width: 180px; 
 padding: 5px; 
 border-bottom: 1px dotted silver;
 background: white; 
 z-index: 30;
 font-size: 11px; 
}

.selectPeriodLink:hover { background: rgb(235,235,235); }

/* select period control - END */

.padTop5 { padding-top: 5px; }
.padTop10 { padding-top: 10px; }
.padTop20 { padding-top: 20px; }
.padTop30 { padding-top: 30px; }
.padTop40 { padding-top: 40px; }
.padTop50 { padding-top: 50px; }
.padTop100 { padding-top: 100px; }

.margTop5 { margin-top: 5px; }
.margTop10 { margin-top: 10px; }
.margTop20 { margin-top: 20px; }
.margTop30 { margin-top: 30px; }
.margTop40 { margin-top: 40px; }
.margTop50 { margin-top: 50px; }
.margTop100 { margin-top: 100px; }

.padBot5 { padding-bottom: 5px; }
.padBot10 { padding-bottom: 10px; }
.padBot20 { padding-bottom: 20px; }
.padBot30 { padding-bottom: 30px; }
.padBot40 { padding-bottom: 40px; }
.padBot50 { padding-bottom: 50px; }
.padBot100 { padding-bottom: 100px; }

.margBot5 { margin-bottom: 5px; }
.margBot10 { margin-bottom: 10px; }
.margBot20 { margin-bottom: 20px; }
.margBot30 { margin-bottom: 30px; }
.margBot40 { margin-bottom: 40px; }
.margBot50 { margin-bottom: 50px; }
.margBot100 { margin-bottom: 100px; }

/* MULTY SELECT - START */

.multySelectValues {
 border: 1px solid silver; 
 min-height: 12px; 
 height: auto; 
 width: 100%; 
 background: white;
 color: rgb(30,30,30); 
 margin-bottom: 3px; 
 text-align: left!important; 
}

.multSelectIn { 
 width: 100%; font-size: 11px; color: black; min-height: 16px; float: left; position: relative; 
 background: white url('img/img-common/point-bot-blue.gif') no-repeat center right; 
 padding: 4px 20px 4px 5px; 
}

.multSelectSubs { 
 position: absolute; 
 top: 16px; 
 background: white; 
 color: rgb(30,30,30); 
 border-left: 1px solid silver; 
 border-right: 1px solid silver; 
 border-bottom: 1px solid silver; 
 width: 100%; 
 left: 0px; 
 max-height: 250px; 
 overflow: auto; 
 z-index: 999999; 
 padding: 5px; 
 text-align: left!important; 
}

.multSelectSubs input { width: auto!important; display:inline-block; height: auto!important; padding-right: 3px;  }

/* MULTY SELECT - END */

/* TRANSITIONS */
.trans02 {
 transition: 0.2s;
 -webkit-transition: 0.2s;
}
.trans05 {
 transition: 0.5s;
 -webkit-transition: 0.5s;
}

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

.loadIndicator { width: 100%; height: 14px; border: 1px solid black; background: white; margin-top: 5px; margin-bottom: 5px;  } 
.loadStatus { position: absolute; top: 0px; left: 0px; width: 0%;  height: 14px; 
 background: rgb(100,255,100) url('javascript/ajax-loader.gif') no-repeat center center;
 background-size: auto 100%; 
}

.streamFileName { width: 100%; color: green; margin-top: 2px; margin-bottom: 2px; }

.smallLoader { 
 background-color: rgb(240,240,240);
 background-image: url('javascript/ajax-loader.gif');
 background-size: 15px 15px;
 background-position: center center;
 background-repeat: no-repeat; 
 
}

.OKresult { 
 color: rgb(0,155,0); 
 background: white; 
 padding: 2px; 
 margin-bottom: 3px; 
}
body {
 margin: 0px;
 padding: 0px; 
 background: white url('img/body-texture.jpg');
}

header, footer, main { float: left; position: relative; width: 100%; }

.trans04, .banner1of3, .banner2of3, .banner3of3, a, a:visited, a:active, input, .kare1of4home, .buyNowHomeBannerbg, .buyNowHomeBanneren, .trigSearch, 
.trig_menu, .advSearchOpen, .advSsubmit input { 
 -webkit-transition:  0.4s; /* Safari */
 -moz-transition: 0.4s; 
 transition: 0.4s;
}

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

.flw50 {
 float: left; 
 position: relative; 
 width: 50%; 
 height: auto; 
}

.noDisplay {
 display: none; 
}

.flw100center {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: center; 
}

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

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

.posAbsW100 {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 100%; 
 height: auto; 
}

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

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

a, a:link, a:visited, a:active {
 text-decoration: none;
 border:0; 
 color: rgb(102,102,102); 
}

a:hover { 
	text-decoration: none;
	border: 0; 
	color: rgb(255,204,0);
}

#allPriorFooter {
 float: left; 
 position: relative;
 width: 100%; 
 height: auto; 
 background: url('img/all-fon-texture.jpg') repeat-x top left;
}

#top100prc {
 float: left; 
 position: relative; 
 width: 100%;
 min-height: 40px; 
 background: url('img/top-100prc-texture.jpg') repeat top left;
}

.w1000px {
 float: left; 
 position: relative; 
 width: 1000px; 
 height: auto; 
 left: 50%; 
 margin-left: -500px;
}

@media screen and (max-width: 1000px) {	.w1000px { width: 99%; left: 0px; margin-left: 0.5%; margin-right: 0.5%; } }

.veryTopLinks {
 float: left; 
 position: relative; 
 width: 94%; 
 max-width: calc(100% - 135px);
 min-height: 20px; 
 padding-left: 60px; 
 padding-top: 13px; 
 padding-bottom: 7px; 
 background: url('img/100-prc.jpg') no-repeat top left;
 font: bold 12px arial; 
 color: rgb(127,127,127);
}

.veryTopLinks a, .veryTopLinks a:visited, .veryTopLinks a:active, 
.freeDeliveryLinks a, .freeDeliveryLinks a:visited, .freeDeliveryLinks a:active {
 color: rgb(127,127,127);
 display: inline-block; 
}
.veryTopLinks a:hover, .freeDeliveryLinks a:hover {
 color: rgb(255,219,76);
 text-decoration: underline; 
}

.veryTopLinks a, .veryTopLinks span {
 margin-left: 20px; 
 margin-right: 20px; 
}

.freeDeliveryLinks { display: none; font-family: arial; padding-bottom: 13px; font-size: 12px; border-bottom: 1px dotted silver; }

@media screen and (max-width: 800px) { 
 .veryTopLinks a, .veryTopLinks a:visited { display: none; } 
 .freeDeliveryLinks { width: 100%; display: inline; text-align: center; height: auto; padding: 3px 0px 5px 0px; font-weight: bold; }
}

#langLinks {
 position: absolute; 
 top: 7px; 
 height: 26px; 
 width: 110px; 
 left: 100%;
 margin-left: -115px; 
}

#langLinkIn {
 position: relative; 
 float: left; 
 width: 40px; 
 text-align: center;
 font: normal 13px arial; 
 color: white; 
 height: 22px; 
 padding-top: 6px; 
 background: black; 
}

.langLinkLink {
 position: relative; 
 float: left; 
 width: 40px; 
 text-align: center;
 font: normal 13px arial; 
 color: white; 
 height: 22px; 
 padding-top: 6px; 
 background: rgb(212,214,211); 
 cursor: pointer; 
 margin-right: 1px;
 margin-left: 1px;
}

.langLinkLink  a, .langLinkLink  a:visited, .langLinkLink a:active {
 color: white; 
}
.langLinkLink:hover a, .langLinkLink:hover a:visited, .langLinkLink:hover a:active {
 color: black;
}

.rainbowDiv {
 position: relative; 
 float: left; 
 width: 100%; 
 height: 12px; 
 font: normal 2px arial; 
 background: url('img/rainbow.jpg') repeat-x bottom center;
}

#logoLine {
 position: relative; 
 float: left;
 width: 100%; 
 min-height: 100px;
}

#click2home {
 width: 260px; 
 height: 70px; 
 margin-top: 5px;
 margin-left: -8px; 
}

#click2home img { width: 100%; height: 100%; }

.registermenu {
 padding-top: 3px; 
 float: right; 
 position: relative; 
 width: 70%;
 max-width: calc(100% - 260px); 
 height: auto;
 text-align: right;
 font: bold 13px arial; 
 color: rgb(127,127,127);
}

@media screen and (max-width: 560px) { 
	#logoLine { min-height: 50px; }
	#click2home { width: 156px; height: 42px; margin-left: 0px;  }
	.registermenu { max-width: calc(100% - 160px); font-size: 12px; font-weight: normal; }
}

.registermenu a, .registermenu a:visited, .registermenu a:active {
 color: black; 
 text-transform: uppercase; 
 margin-left: 5px;
 margin-right: 5px;  
}

#srchDiv {
 position: absolute; 
 top: 38px; 
 width: 305px; 
 height: 28px; 
 left: 100%; 
 margin-left: -635px; 
 border: 1px solid rgb(204,204,204);
 background: url('img/find-sign.jpg') no-repeat center right;
 font-size: 12px; 
 text-align: right; 
 font-family: arial; 
}

.advSearchOpen { 
position: absolute; 
top: 100%; 
left: 0px; 
width: 100%; 
text-align: right;
margin-top: 5px; padding-top: 0px; 
color: rgb(251,110,4);
z-index: 3;
font-weight: bold; 
font-size: 14px;
}

.advSearchOpen:hover { color: black; }

#srchDiv input {
 width: 255px;
 height: 24px; 
 background: white; 
 border: 1px solid white; 
 color: rgb(127,127,127);
 font: bold 14px arial; 
 margin-bottom: 5px; 
}

#srchDiv span input {
 width: 39px;
 max-width: 39px!important; 
 height: 24px; 
 border: 1px solid transparent; 
 background: transparent;
 font: normal 0px arial; 
 color: white; 
 margin: 0px; 
 padding: 0px; 
 cursor: pointer; 
 margin-bottom: 5px; 
}

#statusDeliverySign {
 position: absolute; 
 top: 40px; 
 left: 100%;
 margin-left: -294px;  
 width: 125px; 
 height: 30px; 
 border-right: 3px solid rgb(204,204,204); 
 color: rgb(212,212,214); 
 text-transform: uppercase; 
 font: bold 16px arial; 
 line-height: 15px; 
}

#statusDeliverySign a, #statusDeliverySign a:active, #statusDeliverySign a:visited, 
#myOrderSign a, #myOrderSign a:visited, #myOrderSign a:active {
 text-transform: none;
 color: black;
 font: bold 14px arial; 
 padding-left: 2px; 
}
#statusDeliverySign a:hover, #myOrderSign a:hover, .registermenu a:hover {
 color: rgb(255,219,76);
 text-decoration: underline; 
}

#myOrderSign {
 position: absolute; 
 top: 40px; 
 left: 845px; 
 width: 125px; 
 height: 30px; 
 color: rgb(212,212,214); 
 text-transform: uppercase; 
 font: bold 16px arial; 
 line-height: 15px; 
} 

#cartIn {
 position: absolute; 
 top: 27px; 
 left: 100%; 
 margin-left: -35px; 
 width: 33px; 
 height: 27px; 
 background: url('img/cart.jpg') no-repeat center center; 
 text-align: center; 
 color: white; 
 cursor: pointer; 
 padding-top: 17px; 
 font: normal 16px arial; 
}
#cartIn:hover {
  color: rgb(255,219,76);
}
#cartIn a, #cartIn a:visited, #cartIn a:active {
 color: white; 
}
#cartIn a:hover {
  color: rgb(255,219,76);
}

.trigSearch { display: none; width: 40px; height: 45px; background: url('img/find-sign.jpg') no-repeat center center; cursor: pointer; 
 margin-left: 2px; margin-right: 2px; 
}
.trigSearch:hover { border: 1px solid rgb(204,204,204); }

@media screen and (max-width: 1000px) {
 #myOrderSign { display: none; }
 #statusDeliverySign { margin-left: -170px; }
 #srchDiv { margin-left: -510px;  }
}

@media screen and (max-width: 780px) {
 #srchDiv { margin-left: -410px; width: 205px; text-align: left; min-height: 35px;  }
 #srchDiv p { position: relative; text-align: center; top: 10px; }
 #srchDiv input { width: 155px; font-size: 10px; }
}

@media screen and (max-width: 680px) {
 .registermenu { margin-bottom: 7px; }
 .trigSearch { display: inline; float: right; position: relative; width: }
 #srchDiv { display: none;  width: 95%; float: left; position: relative; left: 0px; margin-left: 0px; top: 0px; margin-top: 5px; margin-bottom: 5px;padding-left: 2%; padding-right: 2%; margin-bottom: 20px;  }
 .advSearchOpen { margin-top: 7px; }
 #statusDeliverySign { float: right; width: auto; position: relative; top: 0px; left: 0px; margin-left: 0px; border-right: 0px; width: 70px; text-align: center; font-size: 14px; padding-top: 5px; margin-left: 2px; margin-right: 2px;  }
 #statusDeliverySign span { display: none; }
 #cartIn { float: right; position: relative; top: 0px; left: 0px; margin-left: 0px; }
}

.mainMenu, .mainMenuOn {
 float: left; 
 position: relative; 
 width: 1000px; 
 height: 48px; 
 background: url('img/menu-back.jpg') repeat-x bottom left;
}

.trig_menu { display: none; }
.trig_menu img { vertical-align: middle; margin-right: 5px; }
.trig_menu:hover { color: black; }

.underMenuShadow {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 23px; 
 background: url('img/under-menu.gif') no-repeat top center;
 font: normal 1px arial; 
}

.menuButtonIn {
 float: left; 
 position: relative; 
 height: 31px; 
 background: rgb(171,169,174);
 padding-top: 9px;
 padding-left: 1%; 
 font: bold 13px arial; 
 line-height: 15px;
}

.menuButtonIn strong, .menuButtonLink strong, #promoInMenu strong {
 font: bold 14px arial; 
 text-transform: uppercase; 
 color: white;
}

.menuButtonLink {
 float: left; 
 position: relative; 
 height: 34px; 
 padding-top: 6px;
 padding-left: 1%; 
 line-height: 15px; 
 font: bold 13px arial; 
}
.menuButtonLink a strong, .menuButtonLink a:visited strong, .menuButtonLink a:active strong, 
.menuButtonIn a strong, .menuButtonIn a:visited strong, .menuButtonIn a:active strong {
 color: rgb(102,102,102);
}

.menuButtonLink a, .menuButtonLink a:visited, .menuButtonLink a:active, 
.menuButtonIn a, .menuButtonIn a:visited, .menuButtonIn a:active {
 color: rgb(127,127,127);
}

.menuButtonSepar {
 position: absolute; 
 top: 10px; 
 left: 100%; 
 width: 3px; 
 height: 30px; 
 margin-left: -3px; 
 font: normal 1px arial; 
 background: rgb(204,204,204);
}

.menuButtonLink a:hover strong, .menuButtonIn a:hover, .menuButtonIn a:hover strong {
 color: rgb(255,219,76);
}

.mainMenuSubs {
 position: absolute; 
 top: 39px; 
 left: 0px; 
 background: silver; 
 width: 160px; 
 height: auto; 
 padding: 10px; 
 z-index: 999;
}

.mainMenuSubs a, .mainMenuSubs a:visited { display: inline-block; width: 100%; padding-top: 4px; padding-bottom: 4px; }

.mainMenuSubs a:hover { color: white; }

#promoInMenu {
 position: absolute; 
 height: 31px; 
 background: rgb(255,0,0);
 padding-top: 9px;
 padding-left: 1%; 
 font: bold 13px arial; 
 line-height: 15px;
 left: 100%; 	
 top: 0px; 
}
#promoInMenu a strong, #promoInMenu a:visited strong, #promoInMenu a:active strong, 
#promoInMenu a, #promoInMenu a:visited, #promoInMenu a:active {
 color: white;
}
#promoInMenu a:hover strong, #promoInMenu a:hover {
 color: black; 
}

@media screen and (max-width: 1000px) {
 .mainMenuOn { width: 100%; height: auto; }
 .mainMenuOn .menuButtonLink, .mainMenuOn .menuButtonIn, .mainMenuOn #promoInMenu {
  float: left; position: relative; left: 0px; 
  width: 100%!important; 
  margin-left: 0px!important; 
  padding-bottom: 5px; 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  border-bottom: 1px solid rgb(104,104,104);   
  height: auto; 
 }
 
 .mainMenuOn .menuButtonLink .noDisplay, .mainMenuOn .menuButtonIn .noDisplay, 
 .mainMenuOn .menuButtonLink .mainMenuSubs, .mainMenuOn .menuButtonIn .mainMenuSubs {
   float: left; 
   display: inline; 
   position: relative; 
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
  padding: 5px 10px 5px 15px; 	  
  width: 100%; 
  top: 0px; 
  background: silver; 
 }
 .mainMenuOn .menuButtonLink .noDisplay a, .mainMenuOn .menuButtonLink .noDisplay a:visited, 
 .mainMenuOn .menuButtonIn .noDisplay a, .mainMenuOn .menuButtonIn .noDisplay a:visited { 
   display: inline-block; width: 100%; padding-top: 4px; padding-bottom: 4px; 
 }
 
 .mainMenu { display: none; }
 .trig_menu { 
  display: inline; float: left; position: relative; height: 48px; background: url('img/menu-back.jpg') repeat-x bottom left;
  font-size: 14px; font-weight: bold; width: 100%; 
  color: rgb(102,102,102); font-family: arial; padding-left: 10px; padding-top: 10px; 
 }
}


#theFooter {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 20px; 
 background: white url('img/footer-shadow.jpg') no-repeat top center;  
}

#downMenu {
 width: 74%; 
 height: auto; 
 text-align: center; 
 font: bold 12px arial; 
 color: black;
 padding-left: 13%; 
 padding-right: 13%; 
}
#downMenu a, #downMenu a:visited, #downMenu a:active {
 color: rgb(102,102,102);
 margin-left: 10px; 
 margin-right: 10px; 
 margin-bottom: 7px; 
 display: inline-block; 
}
#downMenu a:hover {
 color: black; 
 text-decoration: underline;
}
#downMenu span {
 margin-left: 10px; 
 margin-right: 10px; 
}

#followLink {
 width: 100px; 
 height: 36px; 
 position: absolute; 
 top: 7px; 
 left: 87%; 
}

@media screen and (max-width: 799px) { #followLink { width: 100%; float: left; position: relative; left: 0px; top: 0px; padding-top: 5px; padding-bottom: 5px; }}

#downMenu p {
 padding: 0px; 
 margin-bottom: 0px; 
 margin-top: 3px; 
}

.shadow340px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 16px; 
 background: url('img/shadow-340px.jpg') no-repeat top center;
 font: normal 1px arial; 
}

#theCredits {
 float: left; 
 position: relative; 
 width: 60%; 
 padding-left: 20%; 
 padding-right: 20%; 
 height: auto; 
 text-align: center; 
 font: normal 12px arial; 
 color: rgb(51,51,51);
 margin: 0px; 
}

@media screen and (max-width: 459px) { #theCredits { width: 98%; padding-left: 1%; padding-right: 1%; }}

#theCredits p {
 padding: 0px; 
 margin-top: 0px; 
 margin-bottom: 4px; 
}

#theCredits p span {
 font: normal 10px arial; 
}

.homeBannerBrand {
 position: absolute; 
 top: 40px; 
 left: 50%; 
 height: 60px; 
 width: 400px; 
 margin-left: -200px; 
 text-align: center; 
}

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

#homeRotating {
 width: 998px; 
 height: 460px; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 3px solid rgb(178,178,178);
 background: white; 
 overflow: hidden; 
}

#homeRotatingContainer {
 width: 998px; 
 height: 460px; 
 float: left; 
 position: relative; 
 overflow: hidden; 
}

.homeBanner {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 998px; 
 height: 460px; 
}

.bannerHome {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 70%; 
 height: 33%; 
}

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

.homeBannerBigPic {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 62%; 
 height: 100%; 
 background-size: 100% auto; 
 background-repeat: no-repeat; 
 background-position: top left;
}


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


.bannerHomeTxt {
 width: 400px; 
 height: 150px; 
 margin-left: -200px; 
 font: normal 48px arial; 
 line-height: 50px; 
 top: 150px; 
 
 left: 50%; 
 color: black; 
 text-align: center; 
 float: left; 
 position: relative; 
}

.bannerHomeProdImg {
 position: absolute; 
 top: 40px; 
 left: 74%; 
 width: 25%; 
 height: 80%; 
 overflow: hidden; 
}

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

.buyNowHomeBannerbg {
 width: 175px; 
 height: 41px; 
 position: absolute; 
 top: 360px; 
 left: 50%; 
 margin-left: -88px; 
 cursor: pointer;
 background: black url('img/buynowhome-bg-black.jpg') no-repeat top center; 
}

.buyNowHomeBannerbg:hover {
 background: rgb(255,204,0) url('img/buynowhome-bg-yellow.jpg') no-repeat top center; 
}

.buyNowHomeBanneren {
 width: 175px; 
 height: 41px; 
 position: absolute; 
 top: 360px; 
 left: 50%; 
 margin-left: -88px; 
 cursor: pointer;
 background: black url('img/buynowhome-en-black.jpg') no-repeat top center; 
}

.buyNowHomeBanneren:hover {
 background: rgb(255,204,0) url('img/buynowhome-en-yellow.jpg') no-repeat top center; 
}

.bannerHomeClockName {
 width: 250px; 
 height: 150px; 
 left: 50%; 
 margin-left: -125px; 
 font: normal 18px arial; 
 line-height: 20px; 
 color: black; 
 top: 305px; 
 text-align: center; 
 float: left; 
 position: absolute; 
}
.bannerHomeClockName a, .bannerHomeClockName a:visited, .bannerHomeClockName a:active {
 color: black; 
}
.bannerHomeClockName a:hover {
 text-decoration: underline;
 color: rgb(30,30,30); 
}

.homeFrameDots {
 position: absolute; 
 top: 100%; 
 margin-top: -40px; 
 left: 50%; 
 font: bold 32px arial; 
 color: white; 
 z-index: 500; 
}

.homeFrameDotA {
 float: left; 
 position: relative; 
 width: 20px; 
 height: auto; 
 color: rgb(76,76,76);
 cursor: pointer;
}

.homeFrameDotL {
 float: left; 
 position: relative; 
 width: 20px; 
 height: auto; 
 color: rgb(229,229,229); 
 cursor: pointer;
}

.homeFrameDotL:hover {
 color: rgb(150,150,150)
}

#bigBannerLshad {
 position: absolute; 
 top: 0px; 
 left: -4px; 
 width: 4px; 
 height: 460px; 
 font: normal 1px arial; 
 background: url('img/big-banner-left-shad.jpg') no-repeat center right;
}

#bigBannerRshad {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 width: 4px; 
 margin-left: -1px; 
 height: 460px; 
 font: normal 1px arial; 
 background: url('img/big-banner-right-shad.jpg') no-repeat center right;
}

@media screen and (max-width: 1000px) {
 #bigBannerRshad, #bigBannerLshad { height: 365px; }
 #homeRotating, #homeRotatingContainer, .homeBanner { width: 100%; height: 365px; }  
 .homeBannerBrand { top: 30px; height: 48px; }
 .bannerHomeTxt {
	 width: 400px; 
	 height: 120px; 
	 margin-left: -200px; 
	 font: normal 36px arial; 
	 line-height: 40px; 
	 top: 120px; 
 }
 .bannerHomeClockName { top: 240px; height: 100px; }
 .buyNowHomeBannerbg, .buyNowHomeBanneren { top: 290px; }
}
@media screen and (max-width: 800px) {
 #bigBannerRshad, #bigBannerLshad { height: 275px; }
 #homeRotating, #homeRotatingContainer, .homeBanner { width: 100%; height: 275px; }  
 .homeBannerBrand { top: 24px; height: 36px; }
 .bannerHomeTxt {
	 width: 400px; 
	 height: 90px; 
	 margin-left: -200px; 
	 font: normal 24px arial; 
	 line-height: 30px; 
	 top: 90px; 
 }
 .bannerHomeClockName { top: 150px; height: 60px; font-size: 14px; }
 .buyNowHomeBannerbg, .buyNowHomeBanneren { top: 200px; }
}

@media screen and (max-width: 600px) {
 #bigBannerRshad, #bigBannerLshad { height: 230px; }
 #homeRotating, #homeRotatingContainer, .homeBanner { width: 100%; height: 230px; }  
 .homeBannerBrand { top: 24px; height: 36px; width: 220px; margin-left: -110px; }
 .bannerHomeTxt {
	 width: 280px; 
	 height: 80px; 
	 margin-left: -140px; 
	 font: normal 18px arial; 
	 line-height: 24px; 
	 top: 80px; 
 }
 .bannerHomeClockName { top: 130px; height: 60px; font-size: 12px; }
 .buyNowHomeBannerbg, .buyNowHomeBanneren { top: 150px; }
}

@media screen and (max-width: 500px) {
 #homeRotatingContainer { width: 500px; left: 50%; margin-left: -250px; position: absolute; top: 0px; height: 230px; }
}


.underHomeRotateShad {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 13px; 
 background: url('img/under-big-home.gif') no-repeat top center;
}

.TTchainSign {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 29px; 
 padding-top: 9px; 
 text-align: center; 
 text-transform: uppercase; 
 font: bold 15px arial; 
 color: white; 
 background: url('img/TT-chain.gif') no-repeat bottom center;
}

@media screen and (max-width: 799px) { .TTchainSign { background: url('img/TT-chain-top.gif') no-repeat top center; } }

.promoBeltContainer {
 width: 998px; 
 height: 286px; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 1px solid rgb(178,178,178);
 background: white url('img/promo-back.jpg') repeat-x bottom left; 
}

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

.promoTitle {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 33px; 
 padding-top: 18px; 
 padding-bottom: 5px; 
 text-align: center; 
 font: normal 22px arial; 
 color: rgb(102,102,102); 
 background: url('img/promo-title-shadow.jpg') no-repeat bottom center;
}

.promoTitle h1, .promoTitle h2, .promoTitle h3, .promoTitle h4, 
.categoryTitle h1, .categoryTitle h2, .categoryTitle h3, .categoryTitle h4 {
 font: normal 22px arial; 
 color: rgb(102,102,102); 
 margin: 0px; 
 padding: 0px; 
 text-transform: uppercase;
}

.categoryTitle h1, .categoryTitle h2, .categoryTitle h3, .categoryTitle h4 {
 text-transform: uppercase; 
}

#orderDelivFlds h3 {
 font: normal 18px arial; 
 color: rgb(102,102,102); 
 margin-top: 15px; 
 margin-bottom: 7px; 
 padding: 0px; 
 text-transform: uppercase;
}

.categoryTitle {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 18px; 
 padding-bottom: 25px; 
 margin-bottom: 10px; 
 text-align: center; 
 font: normal 22px arial; 
 color: rgb(102,102,102); 
 background: url('img/promo-title-shadow.jpg') no-repeat bottom center;
}

.promoBeltInside { width: 970px; overflow: hidden; }

.promoBeltHolder {
 float: left; 
 position: relative; 
 width: 995px; 
 height: 230px; 
 left: 12px; 
 overflow: hidden; 
}

.promoBelt {
 width: 20000px; 
 height: 230px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
}

.promoBeltProduct {
 float: left; 
 position: relative; 
 width: 172px; 
 height: 230px; 
 padding-right: 27px; 
}

@media screen and (max-width: 1000px) {	
 .promoBeltInside { width: 769px; left: 50%; margin-left: -385px; }
 .promoBeltHolder { width: 796px; }
}
@media screen and (max-width: 800px) {	
 .promoBeltInside { width: 570px; left: 50%; margin-left: -285px; }
 .promoBeltHolder { width: 597px; }
}

@media screen and (max-width: 600px) {	
 .promoBeltInside { width: 371px; left: 50%; margin-left: -185px; }
 .promoBeltHolder { width: 398px; }
}

@media screen and (max-width: 400px) {	
 .promoBeltInside { width: 170px; left: 50%; margin-left: -85px; }
 .promoBeltHolder { width: 199px; }
}


.promoBeltProdPic {
 float: left; 
 position: relative; 
 width: 170px; 
 height: 155px; 
 overflow: hidden; 
 cursor: pointer; 
}

.promoBeltNamePrice span {
 text-decoration: line-through;
 color: black; 
 font: bold 13px arial; 
}

.promoBeltNamePrice {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 10px; 
 font: bold 12px arial; 
 color: rgb(51,51,51);
}

.promoBeltNamePrice a, .promoBeltNamePrice a:visited, .promoBeltNamePrice a:active {
 color: rgb(51,51,51);
 text-transform: uppercase; 
}

.promoBeltNamePrice a:hover {
 color: black; 
 text-decoration: underline; 
}

.promoBeltOrderButtonbg {
 position: absolute; 
 left: 0px;
 top: 100%; 
 width: 152px; 
 height: 32px; 
 margin-top: -32px; 
 background: rgb(174,212,22) url('img/order-green.jpg') no-repeat top left; 
 cursor: pointer; 
 visibility: hidden; 
}

.promoBeltProduct:hover .promoBeltOrderButtonbg, .prodKareImg:hover .promoBeltOrderButtonbg {
 visibility: visible; 
}
.promoBeltOrderButtonbg:hover {
 background: rgb(255,204,0) url('img/order-yellow.jpg') no-repeat top left; 
}

.promoBeltOrderButtonen {
 position: absolute; 
 left: 0px;
 top: 126px; 
 width: 152px; 
 height: 32px; 
 background: rgb(174,212,22) url('img/order-green-en.jpg') no-repeat top left; 
 cursor: pointer; 
 visibility: hidden; 
}

.promoBeltProduct:hover .promoBeltOrderButtonen {
 visibility: visible; 
}
.promoBeltOrderButtonen:hover {
 background: rgb(255,204,0) url('img/order-yellow-en.jpg') no-repeat top left; 
}

.divR { float: right!important; }

.kare1of4home {
 width: 48.8%; 
 height: 210px; 
 float: left; 
 position: relative; 
 border: 1px solid rgb(153,153,153);
 overflow: hidden; 
 background: rgb(204,204,204);
 cursor: pointer; 
 margin-bottom: 10px; 
}

@media screen and (max-width: 490px) {	
 .kare1of4home { width: 99%; }
 .kare1of4home.divR { float: left!important; }
}


.shadowGlueBot {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 16px; 
 background: url('img/under-menu.gif') no-repeat bottom center;
 font: normal 1px arial;
}

 .categRow .shadowGlueBot  { margin-top: 10px; background: white url('img/under-menu.gif') no-repeat bottom center; }

@media screen and (max-width: 1000px) {	 .categRow .shadowGlueBot { display: none; } }

.kare4homeVsep {
 float: left; 
 position: relative; 
 width: 20px; 
 height: 200px; 
 font: normal 1px arial; 
}

.horSep8px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 8px; 
 font: normal 1px arial; 
}

.horSep4px {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 4px; 
 font: normal 1px arial; 
}

.in4kareTxt, .in4kareTxt1, .in4kareTxt2, .in4kareTxt3, .in4kareTxt4 {
 position: absolute; 
 top: 27px; 
 left: 20px; 
 width: 230px; 
 height: 120px; 
 overflow: hidden; 
 font: normal 18px arial;  
 text-transform: uppercase; 
}

.in4kareTxt1 span {
 text-transform: none; 
 color: black; 
}
.in4kareTxt2 span {
 text-transform: none; 
 color: rgb(243,245,242); 
}
.in4kareTxt3 span {
 text-transform: none; 
 color: rgb(194,12,238); 
}
.in4kareTxt4 span {
 text-transform: none; 
 color: rgb(248,100,19);
}

.in4kareTxt1 {
 color: white; 
}
.in4kareTxt2 {
 color: white; 
}
.in4kareTxt3 {
 color: rgb(204,204,204); 
}
.in4kareTxt4 {
 color: rgb(204,204,204); 
}

.in4kareTxt1 span span, .in4kareTxt2 span span, .in4kareTxt3 span span, .in4kareTxt4 span span {
 font: normal 32px arial; 
 text-transform: uppercase; 
 letter-spacing: -1px; 
}

.in4kareTxt1 a, .in4kareTxt1 a:visited, .in4kareTxt1 a:active {
 font: normal 36px arial; 
 color: black; 
}
.in4kareTxt2 a, .in4kareTxt2 a:visited, .in4kareTxt2 a:active {
 font: normal 36px arial; 
 color: rgb(243,245,242); 
}
.in4kareTxt3 a, .in4kareTxt3 a:visited, .in4kareTxt3 a:active {
 font: normal 36px arial; 
 color: rgb(194,12,238); 
}
.in4kareTxt4 a, .in4kareTxt4 a:visited, .in4kareTxt4 a:active {
 font: normal 36px arial; 
 color: rgb(248,100,19)
}
.in4kareTxt1 a:hover, .in4kareTxt2 a:hover, .in4kareTxt3 a:hover, .in4kareTxt4 a:hover {
 text-decoration: underline; 
}

.buyLinkInHomeKaresbg {
 position: absolute; 
 top: 147px; 
 left: 20px; 
 width: 152px; 
 height: 36px; 
 background: black url('img/buynow-bg-black.jpg');
 cursor: pointer; 
}

.buyLinkInHomeKaresbg:hover {
 background: rgb(255,204,0) url('img/buynow-bg-yellow.jpg') no-repeat top left; 
}

.buyLinkInHomeKaresen {
 position: absolute; 
 top: 147px; 
 left: 20px; 
 width: 152px; 
 height: 36px; 
 background: black url('img/buynow-en-black.jpg');
 cursor: pointer; 
}

.buyLinkInHomeKaresen:hover {
 background: rgb(255,204,0) url('img/buynow-en-yellow.jpg') no-repeat top left; 
}

.homeText {
 float: left; 
 position: relative;
 width: 100%; 
 height: auto; 
 padding-top: 24px; 
 padding-bottom: 50px; 
 font: normal 13px arial; 
 color: black; 
 background: url('img/brand-new.jpg') no-repeat bottom center;
}

@media screen and (max-width: 320px) { .homeText { background-size: 100% auto; } }

.banner1of3, .banner2of3, .banner3of3 {
 border: 1px solid rgb(204,204,204);
 float: none; 
 display: inline-block; 
 background: rgb(239,239,241);
 margin-bottom: 10px; 
 margin-right: 7px; 
}

.banner1of3 {
 width: 327px; 
 height: 146px; 
 background: rgb(239,239,241) url('img/banner3-1.jpg') no-repeat top center;
 text-align: left; 
}

.banner2of3 {
 width: 327px; 
 height: 146px; 
 background: rgb(239,239,241) url('img/banner3-2.jpg') no-repeat top center;
}
.banner3of3 {
 width: 327px; 
 height: 146px; 
 background: rgb(239,239,241) url('img/banner3-3.jpg') no-repeat top center;
 text-align: left; 
}

.banner1of3:hover, .banner2of3:hover, .banner3of3:hover, .kare1of4home:hover { border: 1px solid rgb(70,70,70); }

.flw100plus { width: 1008px; text-align: center; }

@media screen and (max-width: 1000px) {	 .flw100plus {width: 100%; left: 0px; }}
@media screen and (max-width: 330px) { .banner1of3, .banner2of3, .banner3of3 { width: 99%; margin-right: 0px; margin-right: 0px; } }

.defPageContent {
 width: 998px; 
 height: auto; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 3px solid rgb(178,178,178);
 background: white url('img/def-page-skoba.jpg') no-repeat top left;
}

.widePageContent  {
 width: 998px; 
 height: auto; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 3px solid rgb(178,178,178);
 background: white;
}

@media screen and (max-width: 1000px) {	 .defPageContent, .widePageContent { width: 99%; margin-left: 0.5%; } }

.defPageTxtWide {
 width: 95%; 
 height: auto; 
 float: left; 
 position: relative; 
 padding-top: 44px; 
 padding-left: 3.3%; 
 padding-bottom: 10px; 
 font: normal 12px arial; 
 color: rgb(51,51,51);
}

.defPageTxt {
 width: 500px; 
 height: auto; 
 float: left; 
 position: relative; 
 padding-top: 44px; 
 padding-left: 33px; 
 font: normal 12px arial; 
 color: rgb(51,51,51);
}

.defPageTxt  div { max-width: 100%!important; }

@media screen and (max-width: 540px) { .defPageTxt { padding-left: 3%; width: 95%; padding-right: 2%; }}

.defPageTxt h1, .defPageTxtWide h1 {
 font: normal 26px arial; 
 color: rgb(102,102,120); 
 padding-top: 0px; 
 padding-bottom: 0px; 
 margin-top: 0px;
 margin-bottom: 18px; 
 text-transform: uppercase; 
}

.defPageTxt p, .defPageTxtWide p {
 padding: 0px; 
 margin-top: 0px;
 margin-bottom: 18px; 
}

.defPageTxt h2, .defPageTxt h3, .defPageTxtWide h2, .defPageTxtWide h3 {
 font: normal 18px arial; 
 color: rgb(102,102,120); 
 padding-top: 0px; 
 padding-bottom: 0px; 
 margin-top: 0px;
 margin-bottom: 16px; 
 text-transform: uppercase; 
}

.defPageTxt table { max-width: 100%!important; }

.defPageBigImg {
 float: right; 
 position: relative; 
 width: 450px; 
 max-width: calc(100% - 548px);
 height: auto; 
 overflow: hidden; 
 min-height: 150px; 
 text-align: right; 
}

.defPageBigImg img {
 margin: 0px; 
 padding: 0px; 
 max-width: 100%; 
 height: auto; 
}

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

@media screen and (max-width: 1000px) {  .defPageBigImg { float: left; }}

@media screen and (max-width: 460px) {  
 .defPageBigImg { width: 100%; }
 .defPageBigImg img { max-width: 100%; height: auto; }
}

.shadowL2box {
 position: absolute; 
 top: 0px; 
 left: -5px; 
 height: 100%; 
 width: 5px; 
 background: url('img/shadow-l-cont.jpg') repeat-y top center;
 font: normal 1px arial; 
}

.shadowR2box {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 height: 100%; 
 width: 5px; 
 background: url('img/shadow-r-cont.jpg') repeat-y top center;
 font: normal 1px arial; 
}

.shadowTLbox {
 width: 5px; 
 height: 19px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 background: url('img/shadow-tl-cont.jpg'); 
 font: normal 1px arial; 
}

.shadowBLbox {
 width: 5px; 
 height: 19px; 
 position: absolute; 
 top: 100%; 
 left: 0px; 
 margin-top: -19px; 
 background: url('img/shadow-bl-cont.jpg'); 
 font: normal 1px arial; 
}

.shadowTRbox {
 width: 5px; 
 height: 19px; 
 position: absolute; 
 top: 0px; 
 left: 0px; 
 background: url('img/shadow-tr-cont.jpg'); 
 font: normal 1px arial; 
}

.shadowBRbox {
 width: 5px; 
 height: 19px; 
 position: absolute; 
 top: 100%; 
 left: 0px; 
 margin-top: -19px; 
 background: url('img/shadow-br-cont.jpg'); 
 font: normal 1px arial; 
}

.pageKaresBeltHolder {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 212px; 
 overflow: hidden; 
}

.contactTopKare {
 width: 100%; 
 height: auto; 
 min-height: 550px; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 3px solid rgb(178,178,178);
 background-color: white; 
 background-image: url('img/contact-top-back.jpg'); 
 background-repeat: no-repeat; 
 background-position: top right;
 background-size: 498px auto; 
}

.contactDown {
 width: 100%; 
 height: auto; 
 float: left; 
 position: relative; 
 border-left: 1px solid rgb(178,178,178);
 border-right: 1px solid rgb(178,178,178);
 border-top: 3px solid rgb(178,178,178);
 border-bottom: 3px solid rgb(178,178,178);
 background: white;
}

.contactDown .defPageBigImg {
 padding-right: 20px; 
}

.contactTopKare .defPageTxt {
 width: 480px; 
}

.contactDown .defPageTxt {
 width: 480px; 
 padding-top: 16px; 
}

@media screen and (max-width: 1000px) { 
 .contactTopKare { background-position: 480px 0px; }
}

@media screen and (max-width: 500px) { 
 .contactTopKare {background-image: none; }
 .contactTopKare .defPageTxt, .contactDown .defPageTxt, .defPageContent .defPageTxt { width: 100%; }
}

.coFormFldExpl, #userSignInUser, #userSignInPass, .userRegLeft, .contToLeft {
 float: left; 
 position: relative; 
 width: 20%; 
 height: auto; 
 padding-top: 6px; 
 font: bold 12px arial; 
 color: rgb(51,51,51);
}

.coFormFldFld span {
 font-style: italic; 
 font-family: arial; 
 font-size: 11px; 
 font-weight: normal; 
 line-height: 12px; 
}

.coFormFldFldTC, .coFormFldFld, #userSignInUserInput, #userSignInPassInput, .userRegRight, .bouqToRight {
 float: left; 
 position: relative; 
 width: 80%; 
 height: auto; 
}

#userSignInButton {
 float: left; 
 position: relative; 
 width: 550px; 
 height: auto; 
 padding-left: 100px; 
}
#userSignInButton input {
 width: 180px; 
 height: 30px; 
 border: transparent; 
 background: black; 
 color: white; 
 font: normal 18px arial; 
}

.coFormFldFld input, #userSignInUserInput input, #userSignInPassInput input, .userRegRight input, .bouqToRight input {
 width: 70%; 
 height: 24px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(204,204,204);
 margin-bottom: 10px;
 font: normal 13px arial;
 color: rgb(51,51,51);
}

.coFormFldFld textarea {
 width: 99%; 
 height: 150px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(204,204,204);
 overflow: auto; 
 margin-bottom: 10px;
 font: normal 13px arial;
 color: rgb(51,51,51);
}

#contSecCode {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 30px; 
 color: rgb(51,51,51);
 font: bold 12px arial; 
 text-align: right; 
}

#contSecCode input {
 width: 120px; 
 height: 24px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(204,204,204);
 margin-bottom: 10px;
 font: normal 13px arial;
 color: rgb(51,51,51);
}

.warnDiv {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 5px; 
 padding-bottom: 5px; 
 font: bold 13px arial; 
 color: red; 
}

#sendNowContbg, #sendNowConten {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 15px; 
 text-align: right; 
}
@media screen and (max-width: 500px) { #sendNowContbg, #sendNowConten { text-align: center; } #contSecCode { text-align: left; }
 .coFormFldFld textarea { width: 70%; height: 120px; }
}

#sendNowContbg input, .checkStatusButton input {
 width: 152px; 
 height: 36px; 
 background: black url('img/sendnow-bg.jpg') no-repeat center center;
 font: normal 1px arial; 
 color: black; 
 border: transparent;
}
#sendNowConten input {
 width: 152px; 
 height: 36px; 
 background: black url('img/sendnow-en.jpg') no-repeat center center;
 font: normal 1px arial; 
 color: black; 
 border: transparent;
}
#sendNowConten input {
 width: 152px; 
 height: 36px; 
 background: black url('img/sendnow-en.jpg') no-repeat center center;
 font: normal 1px arial; 
 color: black; 
 border: transparent;
}

.categoryText  {
 float: left; 
 position: relative;
 width: 100%; 
 height: auto; 
 padding-top: 4px; 
 padding-bottom: 50px; 
 font: normal 13px arial; 
 color: black; 
 background: url('img/brand-new.jpg') no-repeat bottom center;
}

@media screen and (max-width: 320px) { .categoryText { background-size: 100% auto; }}

.categRow {
 float: left; 
 position: relative; 
 width: 100%; 
 margin-left: 0px; 
 min-height: 345px; 
 text-align: center; 
 background: white url('img/categ-row-shadow-new.jpg') repeat top left;
}

@media screen and (max-width: 1000px) {	 .categRow  { background: white; } }


.prodKare {
 text-align: left; 
 display: inline-block; 
 float: none; 
 width: 185px; 
 margin-right: 30px; 
 margin-left: 25px; 
 height: 325px;
 overflow: hidden;  
}

.prodKareImg {
 float: left; 
 position: relative; 
 width: 185px; 
 height: 235px; 
 background: rgb(240,240,240);
 overflow: hidden; 
}

.prodKareLink {
 float: left; 
 position: relative; 
 width: 185px; 
 height: auto; 
 padding-top: 10px; 
 font: bold 14px arial; 
 color: rgb(108,108,108); 
}
.prodKareLink a, .prodKareLink a:visited, .prodKareLink a:active {
 color: rgb(51,51,51); 
}
.prodKareLink a:hover {
 text-decoration: underline; 
 color: black; 
}

.prodKareLink span {
 text-decoration: line-through;
 color: black; 
 font: bold 14px arial; 
}

.prodKareSep {
 float: left; 
 position: relative; 
 width: 55px; 
 height: 235px; 
}

.prevNextLinks {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-top: 15px; 
 padding-bottom: 16px; 
 font: bold 13px arial; 
 text-align: center;
 color: black; 
 letter-spacing: 5px; 
}

.prevNextLinks a, .prevNextLinks a:visited, .prevNextLinks a:active {
 color: rgb(102,102,102); 
}

.prevNextLinks img {
 vertical-align: middle; 
}

.yellowSign {
 position: absolute; 
 top: 10px; 
 left: 107px; 
 width: 70px; 
 height: 70px; 
 font: normal 24px arial; 
 color: white; 
}

.nextImagesCol {
 float: left; 
 position: relative; 
 width: 90px; 
 height: auto; 
 min-height: 300px; 
 padding-right: 17px;
}

.nextImageKare {
 float: left; 
 position: relative; 
 width: 90px; 
 height: auto; 
 padding-bottom: 10px; 
}

.nextImageKare img {
 width: 100%; 
 height: auto; 
 cursor: pointer; 
}

#clockBigPic {
 width: 410; 
 min-height: 525px; 
 
 overflow: hidden; 
 text-align: center; 
 float: left; 
 position: relative; 
 margin-bottom: 20px; 
}

#clockDetailExplain {
 width: 425px; 
 max-width: calc(100% - 555px);
 padding-right: 10px; 
 height: auto; 
 float: right; 
 position: relative; 
 font: normal 12px arial; 
 color: rgb(51,51,51);
}

#clockDetailExplain div { max-width: 100%!important; }

.seeGuarDiv {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 text-align: right; 
}

.seeGuarDiv span {
 cursor: pointer; 
}

@media screen and (max-width: 799px) {	 
  #clockDetailExplain { width: 95%; padding-right: 2%; max-width: 98%; padding-left: 3%; padding-bottom: 10px; }
  .seeGuarDiv { text-align: left; padding-top: 7px; padding-bottom: 7px; }  
  #clockBigPic  { margin-bottom: 5px; }
}

.clockPicResponsive { display: none; text-align: center; }
.clockPicResponsive img { max-width: 100%; height: auto; }

@media screen and (max-width: 560px) {	 
 .nextImagesCol { width: 100%; min-height: 3px; margin-bottom: 10px; padding-right: 0px; text-align: center; }
 .nextImageKare { padding-bottom: 0px; margin-bottom: 5px; width: 45px; margin-right: 3px; display: inline-block; float: none; }
 #clockBigPic { display: none; }
 .clockPicResponsive { display: inline; float: left; position: relative; width: 100%; }
}

#clockDetailExplain H2, #clockDetailExplain H3 {
 font: bold 12px arial; 
 margin: 0px; 
 padding: 0px; 
}

#clockDetailExplain span {
 font: bold 12px arial; 
 color: rgb(153,153,153);
}

#clockDetailExplain p {
 padding-top: 0px; 
 padding-bottom: 12px; 
 margin: 0px;  
}

#proceProd {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -140px; 
 min-height: 30px;
height: auto;  
 padding-top: 6px; 
 width: 132px; 
 color: black; 
 text-align: right; 
 padding-right: 8px; 
 background: rgb(255,204,0);
 font: bold 14px arial; 
}
#proceProd span {
 font: normal 18px arial; 
 color: black; 
}

.guarDispDiv {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 100px; 
 overflow: auto; 
 font: normal 11px arial; 
 color: black; 
 margin-top: 5px; 
 margin-bottom: 5px; 
}

#clockDetailExplain select {
 border: 1px solid white; 
 min-width: 40px; 
 height: 24px; 
 background: rgb(152,151,155);
 color: white; 
 font: normal 14px arial; 
}

#clockDetailExplain .flw100  select { min-width: 80%;}

#orderImmedProdbg, #orderImmedProden {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 4px; 
 padding-top: 15px; 
}

#orderImmedProdbg input {
 width: 225px; 
 height: 37px; 
 background: black url('img/buynowprod-bg.jpg') no-repeat center center;
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}
#orderImmedProdbg input:hover {
 background: rgb(255,204,0) url('img/order-prod-bg.jpg') no-repeat center center;
}

#orderImmedProden input {
 width: 225px; 
 height: 37px; 
 background: black url('img/buynowprod-en.jpg') no-repeat center center;
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}
#orderImmedProden input:hover {
 background: rgb(255,204,0) url('img/order-prod-en.jpg') no-repeat center center;
}

#addProd2cartbg, #addProd2carten {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 padding-bottom: 4px; 
}

#addProd2cartbg input {
 width: 225px; 
 height: 37px; 
 background: rgb(212,211,214) url('img/add2cart-bg.jpg') no-repeat bottom center;
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}
#addProd2cartbg input:hover {
 background: rgb(152,151,155) url('img/add2cart-hover-bg.jpg') no-repeat bottom center;
 cursor: pointer; 
}

#addProd2carten input {
 width: 225px; 
 height: 37px; 
 background: rgb(212,211,214) url('img/add2cart-en.jpg') no-repeat center center;
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}
#addProd2carten input:hover {
 background: rgb(152,151,155) url('img/add2cart-hover-en.jpg') no-repeat center center;
}

.cartProd {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 190px; 
}

.cartProdImg {
 float: left; 
 position: relative; 
 width: 20%; 
 height: 180px; 
 left: 18px; 
 background: rgb(229,229,229); 
 text-align: center;
}

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

.cartProddata {
 float: left; 
 position: relative; 
 width: 71%; 
 height: 150px; 
 left: 34px; 
 background: rgb(244,243,244); 
 padding-top: 15px; 
 padding-bottom: 15px; 
 padding-left: 3.5%; 
 font: bold 14px arial;
 color: rgb(102,102,102); 
}

.cartProddata h2 {
 text-transform: uppercase; 
 font: bold 16px arial; 
 color: rgb(102,102,102); 
 margin-top: 0px; 
 margin-bottom: 30px; 
 padding: 0px; 
}

.prodCartButtonsbg, .prodCartButtonsen {
 position: absolute; 
 width: 230px; 
 height: 120px; 
 top: 60px; 
 left: 100%; 
 margin-left: -230px; 
 font: bold 12px arial; 
 color: black; 
}

@media screen and (max-width: 490px) {	
 .cartProd { padding-bottom: 120px; background: rgb(244,243,244); margin-bottom: 10px; }
 .cartProdImg { width: 50%; }
 .cartProddata { width: 49%; left: 0px; padding-left: 1%; }
 .prodCartButtonsbg, .prodCartButtonsen { top: 190px; }
}

.prodCartButtonsbg  input {
 width: 225px; 
 height: 37px; 
 font: normal 1px arial; 
 margin-top: 2px; 
 margin-bottom: 4px; 
 border: transparent; 
 background: black url('img/update-qty-bg.jpg') no-repeat center center;
 cursor: pointer; 
}

.prodCartButtonsen  input {
 width: 225px; 
 height: 37px; 
 margin-top: 2px; 
 margin-bottom: 4px; 
 font: normal 1px arial; 
 border: transparent; 
 background: black url('img/update-qty-en.jpg') no-repeat center center;
}

.prodCartButtonsen span span input, .prodCartButtonsbg span span input {
 width: 20px; 
 height: 18px; 
 font: bold 16px arial; 
 background: rgb(212,211,213); 
 border: transparent; 
 text-align: center; 
 cursor: pointer; 
}

.prodCartButtonsbg  span input{
 width: 225px; 
 height: 37px; 
 font: normal 1px arial; 
 border: transparent; 
 background: rgb(212,211,213) url('img/remove-item-bg.jpg') no-repeat center center;
 cursor: pointer; 
}

.prodCartButtonsen  span input {
 width: 225px; 
 height: 37px; 
 font: normal 1px arial; 
 border: transparent; 
 background: rgb(212,211,213) url('img/remove-item-en.jpg') no-repeat center center;
 cursor: pointer; 
}

#cartBelowList {
 float: left; 
 position: relative; 
 width: 100%; 
 min-height: 220px; 
 margin-top: -33px; 
 background: url('img/order-below-list.gif') no-repeat top left;
}

#cartTotal {
 padding-top: 100px; 
 left: 38.5%; 
 min-width: 33.3%; 
 height: auto; 
 text-transform: uppercase; 
 font: normal 16px arial; 
 color: rgb(76,76,76);
}
#cartTotal strong {
 font: normal 18px arial; 
 color: black; 
}

@media screen and (max-width: 840px) {	 
  #cartTotal { left: 25%; background: rgba(255,255,255,0.8); padding: 5px 7px 5px 5px; margin-top: 100px; } 
}

@media screen and (max-width: 720px) {	 
 #cartTotal { left: 5%; } 
}

.path2page {
 position: absolute; 
 top: 2px; 
 height: 24px; 
 width: 43%; 
 font: bold 11px arial; 
 text-align: left; 
 text-transform: none; 
 color: rgb(102,102,102); 
}

.path2page a, .path2page a:visited, .path2page a:active {
 color: rgb(102,102,102); 
}
.path2page a:hover {
 text-decoration: underline; 
 color: black; 
}

.categSortBy { 
 position: absolute; 
 top: 0px; 
 left: 56%; 
 width: 43%; 
 text-align: right; 
}

@media screen and (max-width: 799px) {	 
 .path2page { float: left; position: relative; width: 100%; height: auto; padding-bottom: 10px; padding-top: 15px; text-align: center; }
 .categSortBy { float: left; position: relative; width: 100%; height: auto; margin-bottom: 10px; text-align: center; left: 0px;  }
}

.categSortBy select {
 border: 1px solid rgb(178,178,178);
 background: white; 
 width: 155px;
 padding-left: 15px;  
 margin-left: 10px; 
 height: 20px; 
 text-transform: none; 
 font: bold 11px arial; 
 color: rgb(102,102,102);
}


.b1of3w1 {
 position: absolute; 
 top: 35px; 
 left: 15px; 
 width: 185px; 
 height: 30px; 
 font: normal 28px arial; 
 color: rgb(104,104,104); 
 text-transform: uppercase; 
}

.b1of3w2 {
 position: absolute; 
 top: 66px; 
 left: 15px; 
 width: 185px; 
 height: 30px; 
 font: normal 18px arial; 
 color: rgb(104,104,104); 
 text-transform: uppercase; 
}

.b1of3expl {
 position: absolute; 
 top: 100px; 
 left: 15px; 
 width: 175px; 
 height: 30px; 
 font: normal 13px arial; 
 color: black; 
}

.banner3of3 .b1of3expl {
 width: 210px; 
}

.banner2of3 .b1of3expl {
 width: 230px; 
 text-align: center; 
 left: 50px; 
}

.ban1of3link {
 position: absolute; 
 width: 50px; 
 height: 50px; 
 top: 90px; 
 left: 275px; 
}

#cart2buttonsbg, #cart2buttonsen {
 position: absolute; 
 top: 95px; 
 left: 100%; 
 width: 235px; 
 margin-left: -245px;
 height: 100px; 
}

@media screen and (max-width: 559px) {	 
 #cart2buttonsbg, #cart2buttonsen {
  float: left; position: relative; 
  width: 100%; margin-left: 0px; left: 0px; padding-top: 50px; top: 0px; text-align: center; 
 } 
}

#cart2buttonsbg input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(0,0,0) url('img/cart-order-bg.jpg') no-repeat top left; 
 border: transparent; 
}
#cart2buttonsbg input:hover {
  background: rgb(255,204,0) url('img/cart-order-hover-bg.jpg') no-repeat top left; 
}
#cart2buttonsen input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(0,0,0) url('img/cart-order-en.jpg') no-repeat top left; 
 border: transparent; 
}
#cart2buttonsen input:hover {
 background: rgb(255,204,0) url('img/cart-order-hover-en.jpg') no-repeat top left; 
} 

#cart2buttonsbg span input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(152,151,155) url('img/cart-keepshop-bg.jpg') no-repeat top left; 
 border: transparent; 
}
#cart2buttonsbg span input:hover {
  background: rgb(212,212,212) url('img/cart-keepshop-hover-bg.jpg') no-repeat top left; 
}
#cart2buttonsen span input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(152,151,155) url('img/cart-keepshop-en.jpg') no-repeat top left; 
 border: transparent; 
}
#cart2buttonsen span input:hover {
  background: rgb(212,212,212) url('img/cart-keepshop-hover-en.jpg') no-repeat top left; 
}

.cartFillInFlds {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 background: white url('img/order-details-top.jpg') no-repeat top center;
 padding-top: 15px; 
}

#orderDelivFlds {
 width: 63.3%; 
 padding-left: 3%; 
 padding-right: 33.5%; 
 height: auto; 
 min-height: 690px; 
 background: url('img/order-flds-back.jpg') no-repeat top right;
 background-size: 33% auto; 
 float: left; 
 position: relative; 
 margin-top: -10px; 
 font: normal 13px arial; 
 color: black; 
}

@media screen and (max-width: 499px) {	 
 #orderDelivFlds { width: 93.3%; padding-right: 3%; background-image: none; }
}

.payMethSelects {
 float: left; 
 position: relative; 
 padding-top: 5px; 
 padding-bottom: 10px; 
 font: normal 13px arial; 
 color: black; 
}

#finalOrderen, #finalOrderbg {
 width: 235px; 
 height: 40px; 
 padding-left: 26.5%;
 float: left; 
 position: relative;  
 padding-bottom: 10px; 
}

@media screen and (max-width: 499px) {	 
 #finalOrderen, #finalOrderbg { padding-left: 1%; }
}

#finalOrderbg input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(0,0,0) url('img/cart-order-bg.jpg') no-repeat top left; 
 border: transparent; 
 font: normal 1px arial; 
}
#finalOrderbg input:hover {
  background: rgb(255,204,0) url('img/cart-order-hover-bg.jpg') no-repeat top left; 
}

#finalOrderen input {
 margin-bottom: 5px; 
 cursor: pointer; 
 width: 225px; 
 height: 34px; 
 background: rgb(0,0,0) url('img/cart-order-en.jpg') no-repeat top left; 
 border: transparent; 
 font: normal 1px arial; 
}
#finalOrderen input:hover {
  background: rgb(255,204,0) url('img/cart-order-hover-en.jpg') no-repeat top left; 
}

#forgPassHomeLink {
 float: left; 
 position: relative; 
 width: 450px; 
 padding-left: 100px; 
 font: normal 13px arial; 
 height: auto; 
 padding-top: 10px; 
}

#profileCreateLink {
 width: auto; 
 margin-left: 100px; 
 font: normal 15px arial; 
 color: white;
 height: auto; 
 padding: 5px; 
 padding-left: 10px; 
 padding-right: 10px; 
 background: black; 
 float: left; 
 position: relative; 
 text-transform: uppercase; 
}
#profileCreateLink a, #profileCreateLink a:visited, #profileCreateLink a:active {
 color: white; 
}
 
.secureCodeSignUp {
 float: left; 
 position: relative; 
 width: 395px; 
 height: auto; 
 padding-bottom: 30px; 
 color: rgb(51,51,51);
 font: bold 12px arial; 
 text-align: right; 
}

.secureCodeSignUp input {
 width: 120px; 
 height: 24px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(204,204,204);
 margin-bottom: 10px;
 font: normal 13px arial;
 color: rgb(51,51,51);
}

.userRegRight span input {
 width: 24px; 
 height: 24px; 
}

.coFormFldFldTC input {
 width: 24px; 
 height: 24px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(204,204,204);
 margin-bottom: 10px;
 font: normal 13px arial;
 color: rgb(51,51,51);
} 

#homeBrandsBeltContainer {
 float: left; 
 position: relative; 
 width: 100%; 
 height: 70px; 
 margin-top: 10px; 
}

#homeBradsBelt {
 float: left; 
 position: relative; 
 width: 89.7%; 
 height: 60px; 
 left: 5.15%; 
 overflow: hidden; 
}

.brandsBeltCSS {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 height: 60px; 
 width: 5000px; 
}

.brandLink {
 float: left; 
 position: relative; 
 width: auto; 
 height: 60px; 
 padding-right: 24px; 
}

#brandArrowLeft {
 position: absolute; 
 top: 0px; 
 left: 0px; 
 width: 25px; 
 height: 45px; 
 background: url('img/brand-arrow-left.jpg') no-repeat top left;
 cursor: pointer; 
 font: normal 1px arial; 
}

#brandArrowRight {
 position: absolute; 
 top: 0px; 
 left: 100%; 
 margin-left: -25px; 
 width: 25px; 
 height: 45px; 
 background: url('img/brand-arrow-right.jpg') no-repeat top left;
 cursor: pointer; 
 font: normal 1px arial; 
}

.moveArrowLOutside {
 position: absolute; 
 top: 50%; 
 left: 0px; 
 margin-left: -35px; 
 width: 25px; 
 margin-top: -23px; 
 height: 45px; 
 cursor: pointer; 
 background: url('img/outside-L-arrow.gif') no-repeat top left;
}

.moveArrowROutside {
 position: absolute; 
 top: 50%; 
 left: 100%; 
 margin-left: 10px; 
 width: 25px; 
 margin-top: -23px; 
 height: 45px; 
 cursor: pointer; 
 background: url('img/outside-R-arrow.gif') no-repeat top left;
}

@media screen and (max-width: 1070px) {	 
 .moveArrowLOutside { margin-left: 0px; background: rgba(255,255,255,0.4) url('img/outside-L-arrow.gif') no-repeat top left; }
 .moveArrowROutside { margin-left: -25px; background: rgba(255,255,255,0.4) url('img/outside-R-arrow.gif') no-repeat top left; }
}

.orderList1 {
 float: left; 
 position: relative; 
 width: 31%; 
 padding-left: 1%; 
 margin-right: 1%; 
 padding-top: 3px; 
 padding-bottom: 3px; 
 font: normal 13px arial; 
 background: rgb(240,240,240); 
 margin-bottom: 5px; 
}

.vouchIssueOn {
 position: fixed; 
 top: 0px; 
 left: 50%; 
 margin-left: -400px; 
 padding-top: 30px; 
 padding-bottom: 20px; 
 width: 440px; 
 min-height: 540px;
 padding-left: 25px;  
 padding-right: 335px; 
 font: normal 13px arial; 
 color: black;
 background-color: white; 
 background-image: url('img/voucher-back.jpg');
 background-repeat: no-repeat;
 background-position: top center;
 z-index: 1000; 
}


.vouchIssueOn h3 {
 color: rgb(248,100,19);
 font: normal 22px arial; 
 margin: 0px; 
 padding: 0px; 
 text-transform: uppercase; 
}

.vouchIssueOn h4 {
 color: rgb(81,81,81);
 font: normal 22px arial; 
 margin: 0px; 
 padding: 0px; 
 text-transform: uppercase; 
}

.vouchIssExpl {
 float: left; 
 position: relative; 
 width: 112px; 
 height: auto; 
 padding-top: 2px; 
 padding-right: 5px; 
 font: bold 12px arial; 
 color: rgb(81,81,81); 
}

.vouchIssInput {
 float: left; 
 position: relative; 
 width: 320px; 
 height: auto; 
 padding-top: 4px; 
 padding-bottom: 7px; 
 font: bold 14px arial; 
 color: rgb(81,81,81); 
}

.vouchIssInput input {
 width: 73%; 
 height: 20px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(218,218,218); 
}

.vouchIssInput textarea {
 width: 99%; 
 height: 112px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(218,218,218); 
}

.vouchClose {
 position: absolute; 
 top: 15px; 
 left: 100%; 
 margin-left: -45px; 
 width: 40px; 
 height: 60px; 
 font: normal 1px arial; 
 cursor: pointer; 
}

.vouchExplain {
 float: left; 
 position: relative; 
 width: 360px; 
 height: 50px; 
 padding-top: 10px; 
 overflow: auto; 
 color: rgb(81,81,81); 
 font: bold 14px arial; 
 margin-bottom: 20px; 
}

.agreeVouch {
 float: left; 
 position: relative; 
 width: 100%; 
 height: auto; 
 font: bold 12px arial; 
 color: rgb(81,81,81); 
 padding-top: 5px; 
}

@media screen and (max-width: 775px) {	  
 .vouchIssueOn { padding-right: 60px; margin-left: -250px; background-image: none; }
 .vouchClose { font-size: 18px; font-weight: bold; text-align: center; height: 30px; }
}

@media screen and (max-width: 500px) {	  
 .vouchExplain { width: 100%; height: auto; }
 .vouchIssInput { width: 100%; }
 .vouchIssueOn { 
  border-bottom: 1px solid rgb(70,70,70);
  padding-right: 45px; margin-left: -0px; left: 0px; width: 100%; 
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
	position: absolute; 
    top: 0px; 
	left: 0px; 
 } 
}

.agreeVouch input {
 width: 25px; 
 height: 25px; 
 background: rgb(244,243,244);
 border: 1px solid rgb(218,218,218); 
 margin-bottom: 0px;
} 

.vouchPayButtonbg, .vouchPayButtonen  {
 float: left; 
 position: relative; 
 text-align: right; 
 padding-top: 40px; 
 width: 100%; 
 height: auto; 
}
.vouchPayButtonbg input {
 width: 152px; 
 height: 36px; 
 background: black url('img/buynow-bg-black.jpg');
 cursor: pointer; 
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}

.vouchPayButtonbg input:hover {
 background: rgb(255,204,0) url('img/buynow-bg-yellow.jpg') no-repeat top left; 
}

.vouchPayButtonen input {
 width: 152px; 
 height: 36px; 
 background: black url('img/buynow-en-black.jpg');
 cursor: pointer; 
 border: transparent; 
 font: normal 1px arial; 
 color: black; 
}

.vouchPayButtonen input:hover {
 background: rgb(255,204,0) url('img/buynow-en-yellow.jpg') no-repeat top left; 
}

/* 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 */
.brandLink span { display: inline-block; background: white; height: 28px; padding: 15px 10px; border: 1px solid silver; }

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

.flw40 { width: 40%; }

.color_preview { width: 80%; height: 20px; border: 1px solid  rgb(204,204,204); }

.advSearchCol {
 width: 20%; 
 font-size: 14px; 
 padding: 10px 15px; 
 font-family: arial; 
 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; 
		  
}
.advSearchCol select, .advSearchCol input { width: 100%; 
 border: 1px solid white; 
 min-width: 40px; 
 height: 24px; 
 background: rgb(152,151,155);
 color: white; 
 font: normal 14px arial; 
 margin-top: 7px; 
 margin-bottom: 5px; 
}

.advSearchCol .multSelectSubs input { width: 10px!important; height: 16px!important; margin-top: 2px; margin-bottom: 4px; padding: 0px; }

.multSelectSubs label { max-width: calc(100% - 20px); }

.adbSin { background: rgb(230,230,230); }

.advSsubmit { padding-top: 0px; padding-bottom: 20px;  background: rgb(230,230,230);  }

.advSsubmit input {
 width: 60px; height: 40px; background: white url('img/find-sign.jpg') no-repeat center center; cursor: pointer; 
 border: 1px solid rgb(150,150,150); 
 border-radius: 5px; 
}
.advSsubmit input:hover { border: 1px solid black; }

@media screen and (max-width: 800px) {
 .advSearchCol { width: 50%; }  
}

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

#zoomHere1 img { width: 100%!important; height: auto!important; }
.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, .realContText td
{
 font: normal 13px arial; 
}

.realContText a, .realContText a:visited, .realContText a:active { 
text-decoration: none;
 border:0; 
 color: rgb(102,102,102); 
}

.realContText a:hover {
text-decoration: none;
	border: 0; 
	color: rgb(255,204,0);
}

a img {
 border: 0; 
}

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

.realContText h1, .realContText td h1 {
 font: normal 18px arial; 
 color: rgb(51,51,51); 
 margin: 0px; 
 padding-left: 0px; 
 padding-top: 0px; 
 padding-bottom: 5px; 
}

.realContText h2, .realContText td h2 {
 font: normal 18px arial; 
 padding-top: 0px;
 padding-bottom: 1	0px;
 color: rgb(51,51,51); 
}

.realContText h3, .realContText td h3 {
 font: bold 13px arial; 
 margin-top: 2px;
 margin-bottom: 6px;
 color: rgb(51,51,51); 
}

.realContText h4, .realContText td h4 {
 font: normal 13px arial; 
 margin-bottom: 0px;
 color: rgb(51,51,51); 
}

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


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

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

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

.icqTable {
 font: normal 12px arial; 
 color: black; 
}