@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;	}
/* index */
body {
	background: url(../images/index/bodyBg.jpg) 0 99px repeat-x;  
	font-size:12px; 
	font-family: "Trebuchet MS", Arial, sans-serif;
	height: 100%;
}

img {border: none;}
a { text-decoration:none; color:#000000;}



.spacer {clear:both;}

.left {float: left;}
.right {float: right;}

fontSize9 {font-size: 9px;}
fontSize10 {font-size: 10px;}
fontSize11 {font-size: 11px;}
fontSize12 {font-size: 12px;}
fontSize14 {font-size: 14px;}
fontSize16 {font-size: 16px;}
fontSize18 {font-size: 18px;}

#header {margin: 0 0 0 0;}

#header .left {width: 50%; height: 100px;}
#header .center {width: 920px; height: 100px;}
#header .right {width: 100%; height: 100px; background: url(../images/index/headerRightBg.jpg) repeat-x;}
.headerContainer {width:920px; height: 100px; background: url(../images/index/headerBg.jpg); position: relative;}

.logo {background: url(../images/index/logo.jpg); display: block; width: 259px; height: 99px;}

.searchForm {position: absolute; right: 0px; width: 400px; top: 45px; line-height: 28px; height: 30px;}
.searchForm label {float: left; color: #4d4a50;}
.searchForm .textPole {float: left; border: 1px solid #eeebe8; background: #9e9383; width: 145px; height: 24px; margin-left: 10px; margin-top: 2px;}
.searchForm .submitBtn {float: left;width: 29px; height: 29px; background: url(../images/index/searchBtn.png); margin-left: 10px; border: none;}
.langLinks {margin-left: 50px; float: left;}

.contentContainer {width: 920px; margin: 2px auto;}

ul.navigation {height: 47px; font-size: 12px; font-weight: bold;} 
ul.navigation li { display:inline;  margin-right:1px;   height: 47px;}
ul.navigation li a {height: 32px; display: block; float: left; padding:15px 15px 0px 15px; color:#fff;}
ul.navigation li a:hover, ul.navigation li a.current {background: url(../images/index/strelka.jpg) center bottom no-repeat; color:#105dad;}
ul.navigation li span {width: 1px; background: #fff; float: left; height: 22px; margin-top: 12px;}

.flashContainer {width: 920px; height: 329px; /* background: url(../images/index/bigImg.png) no-repeat; */}

#leftDivContent {float: left; width: 330px; background: #fff;}
#rightDivContent {float: left; width: 580px;}
.selectMaterial {width: 330px; height: 25px; background: url(../images/index/titleBg.png) no-repeat; text-align: center; padding: 2px 0 0 0; margin-top: 2px; display: block;}
.selectMaterial:hover {color:#fff; width: 330px; height: 25px; background: url(../images/index/titleBlueBg.png) no-repeat; text-align: center; padding: 2px 0 0 0; margin-top: 2px; display: block;}
.selectMaterial.nohover:hover {
	color: #000;
	background: url(../images/index/titleBg.png) no-repeat;
}
.materialContainer {display: none;}
.materialContainer.selected {display: block;}


.leftColorTable {width: 100%; padding: 0; margin: 0; background: url(../../images/index/leftTableBack.png) repeat-y; border-collapse: collapse;}
.leftColorTable td {vertical-align: top; padding: 0; margin: 0;}
/*.leftColorTable .leftTd {background: #e1d6c4; height: 100%; min-height: 100%;}*/

.room, .range, .type {width: 109px; height: 19px; background: url(../images/index/roomBtn.png); display: block; float: left; margin: 0 1px 1px 0; text-align: center; padding: 4px 0; color: #2b2a2d; font-weight: bold;}
.room.selected, .range.selected, .type.selected, .room:hover, .range:hover, .type:hover {background: url(../images/index/roomBtnHover.png); color: #fff;}

.blueBtn {width: 109px; height: 19px; background: url(../images/index/roomBtnHover.png) no-repeat; display: block; float: left; margin: 0 1px 1px 0; text-align: center; padding: 4px 0; color: #fff; font-size: 11px; border: none; height: 27px; font-weight: bold; float: right;}
.blueLink {float: left; font-size: 14px; color: #005daa; margin: 5px 12px 0 20px; font-weight: bold;}

.leftdivPic {width: 322px; height: 74px; background: url(../images/index/wideTitle.jpg); display: block; border-top: 1px solid #fff; margin: 1px 0 1px 0; border-bottom: 1px solid #fff; padding: 4px; font-size: 14px;}
.leftdivPic:hover, .leftdivPicSelected {width: 322px; height: 74px; background: url(../images/index/wideTitleBlue.jpg); display: block; margin: 1px 0 1px 0; padding: 4px; font-size: 14px;}
.leftdivPic img, .leftdivPicSelected img {height: 74px; width: 144px; float: left;}
.productOac {display: block; float: left; margin: 30px 0 0 20px;}
/*
.wishList {background: url(../images/index/wishListBackground.jpg); width: 330px; height: 173px; position: relative;}
.wishList a {position: absolute; top: 20px; left: 20px; color: #fff;}
*/
.pageTitle {font-size: 14px; text-align: right; padding: 10px; background: url(../images/index/pageTitleBorder.jpg) no-repeat bottom right; font-weight: bold;}
.pageTitle .left {margin-left: 15px;}
.pageTitle .right {margin-right: -10px; color:#18a3e9;}
.price {float: left; color: #18a3e9; margin-left: 15px; font-size: 14px; font-weight: bold;}
.price .oldprice {text-decoration: line-through;}
.price .newprice {color: red;}
.pageSubtitle {font-size: 12px; text-align: right; padding: 5px 10px;}
.content {width: 560px; padding: 10px 0 0 20px; text-align: justify; line-height: 2em;}
.content.short {width: 400px; position: relative;}
.content .blueBtn {float: right; margin: 0 0 5px 20px; padding: 0;}
.content ul, .rightDivContent ul {padding-left: 20px;}
blockquote {padding-left: 30px;}
.content hr {text-align: center; margin: 0 auto;}
.content a {font-weight: bold;}
.content a:hover {text-decoration: underline;}

.promo {width: 215px; height: 350px; background: url(../images/index/promoBackground.jpg); float: left; margin-top: 10px; margin-right: 5px; padding: 10px 5px;}
.promo .title {font-size: 18px; text-align: center; padding: 2px 0 0 0; width: 215px; height: 25px; background: url(../images/index/promoTitle.png) no-repeat; color: #312f2d; }
.promo img {width: 215px; height: 127px;}
.promo .comment {margin: 10px 0; text-align: justify; font-size: 11px;}
.promo a {padding: 0 0 0 15px; background: url(../images/index/promoArrow.png) no-repeat 0 3px; width: 190px; display: block; height: 16px; margin-left: 10px; margin-bottom: 5px;}
.promo a:hover {background: url(../images/index/promoArrowHover.png) no-repeat 0 3px;}
.promo .subtitle {font-size: 12px; text-align: center; padding: 4px 0 0 0; width: 215px; height: 25px; background: url(../images/index/promoTitle.png) no-repeat; margin: 20px 0 0 0;}
.promo .moreinfo {font-size: 12px; text-align: center; padding: 4px 0 0 0; width: 215px; height: 25px;  margin: 10px 0 0 0; background: none !important;}

#footerDiv { height:30px; background: url(../images/index/footerBg.png) no-repeat; margin: 20px auto;  color: #80756a; width: 920px; height: 60px; padding: 4px 0 0 0;}

.footerLink {font-size:11px; color:#aba09e; padding: 6px 10px 0 6px;}


.broPicText {display:block; height: 130px; width:540px; background:#FFFFFF; margin-left:18px; border-bottom:1px solid #d7dfe2; padding: 10px;}
/*.broPicText:hover {background: url(../images/index/itemBg.png) no-repeat;}*/
.broHollPic { width: 175px; height: 120px; float: left;}
.broHollPicLarge {width: 175px; height: 120px; float: left;}
.broHollPicTall { height: 87px; float: left;}
.CollName { font-size:12px; color:#18a3e9; margin-left:30px; margin-top: 10px; float: left;}
.proizvolenText {font-size:12px;  margin-left:30px; margin-top: 10px; float: left; width: 320px; text-align: justify;}
 

.companyOption {color:#18a3e9; font-weight: bold; width: 330px; height: 25px; background: url(../images/index/titleBg.png) no-repeat; text-align: center; padding: 2px 0 0 0; margin-top: 2px;}
.companyOptionText {color:#fff; width: 330px; height: 25px; background: url(../images/index/titleBlueBg.png) no-repeat; text-align: center; padding: 2px 0 0 0; margin-top: 2px; display: block;}
.subNavLink {color:#000; display: block; font-weight: bold; width: 280px; height: 25px; background: url(../images/index/subNavBg.png) no-repeat; text-align: left; padding: 2px 0 0 50px; margin-top: 2px;}
.subNavLink.selected {color: #18a3e9;}
	
.textRightDiv {text-align:justify; font-size:12px; color:#565656; padding-left:18px; padding-top:16px; padding-right:20px;}

#logvane .user {float: none; margin: 5px 0;}
#logvane .infoU {font-size: 14px; float: left; width: 120px; padding: 4px 0;}
#logvane .txt2 {width: 205px; border: 1px solid #9e9383; background: #f0eeeb; height: 24px;}

#contactForm1 {background: url(../images/index/contactFormBg.jpg) repeat-x; padding-top: 5px; padding-left: 5px;}
#contactForm1 .ime {float: left; margin: 5px 0; }
#contactForm1 .infoB {font-size: 12px; float: left; width: 128px; padding: 3px 5px; color: #000;}
#contactForm1 .txt2 {width: 170px; float: left; border: 1px solid #9e9383; background: #f0eeeb; height: 20px; margin: 5x;}
#contactForm1 .txt2e {width: 170px; border: 1px solid #9e9383; background: #f0eeeb; height: 155px;}
#contactForm1 .check {float: left; margin-right: 10px;}
#contactForm1 .firstP a {display: block; float: left; color: #ae9f82; }

.rText, .colNameT {float: left;}
.rText {width: 70px; color: #296eec;}
.productItem {display:block; height: 120px; width:540px; background: url(../images/index/productItemBg.png) no-repeat 195px 10px; margin-left:18px; margin-top: 10px; margin-bottom: 10px;  border-bottom:1px solid #d7dfe2; padding: 10px; position: relative;}
.productItem .price {right: 10px; font-size: 14px; top: 18px; position: absolute; color: #a99c89; font-weight: bold;}
.productItem .price .oldprice, .spisa4e .oldprice {text-decoration: line-through;}
.productItem .price .newprice, .spisa4e .newprice {color: red;}

#totalPrice {float: right; color: #296eec; font-size: 16px; margin-right: 10px;}

#SelectSearch {margin-left: 25px; margin-top: 10px; float: right;}
#SelectSearch select{margin-right: 5px; font-size: 11px;}

.bookmark-menu {border: 1px solid #ccc; background: url(../images/index/page_wdgt_bck.gif) repeat-x; height: 15px; float: right; font-size: 12px; padding: 5px 10px; position: relative; z-index: 50;}
.bookmark-menu:hover {background: url(../images/index/page_wdgt_hover.gif) repeat-x;}
.bookmark-menu a, .bookmark-menu span {float: left; display: block; color: #666; height: 25px;}
.bookmark-menu a:hover {text-decoration: underline;}
.bookmark-menu a img, .bookmark-menu span img {border: none; padding: 0 5px;}



.rangeDetailText /*.rangeDetailText1 */{ font-size:18px; color:#505050; padding-right:5px; padding-top:28px; float:right; }
.queText  /*.queText1*/{ color:#f29400; font-size:18px;  padding-top:28px; padding-left:5px;}
#grayDetailDiv { width:560px; height:157px; background:#dedcd8; margin-top:10px; margin-left:20px; overflow: auto; overflow-x: hidden; overflow-y: hidden;}
.stol4ePic1 {  padding-left:10px; width: 145px; height: 125px;}
#blackChair { width:560px; height:34px; background:#FFFFFF; margin-top:4px; margin-left:20px; border-bottom:1px solid #000000;}
.blackChairText { color:#2c2b29; font-size:18px; padding-top:4px;}
/*.rangeDetailText1, .queText1{ font-size:14px;}*/
.spisa4e {
	border: none;
	list-style: none;
	display: block;
	font-size:13px;
	width:220px; 
	margin-top: 10px;
	margin-left:20px;
	
}

.spisa4e li {
	display: block;
	color: #505050;
	display: block;
	padding-left:  0;
	
}

/* .spisa4e li a:hover {
	/*background: #dce6e8;
}*/

.spisa4e li span {
	color: #2079c1;
	border: none;
	
	padding-left: 5px;	
} 
.orangeDetailsDiv { width:118px; height:24px; background: #2079c1;}
.orangeDetailsText { font-size:14px; font-weight:bold; color:#FFFFFF; padding-left:6px; padding-top:2px;}
.detailDiv { height:24px; width:560px; border-bottom:1px solid #2079c1; margin-top:10px; margin-left: 20px;}
.orangeDetailsDiv a { text-decoration:none; color:#FFFFFF;}
.orangeDetailsDiv a:hover {color:#FFFFFF;}

.inside {
	width: 2000px;
	height: 125px;
	z-index: -20;
	padding-top:12px;
}

#centerButtons {
	position: relative;	
}

.fillText { font-size:12px; color:#565656; padding-top:8px; margin-left: 20px;}

.enquiry{ font-size:18px; color:#505050; padding-left:20px; padding-top:8px;}

.wishListGallery {padding-left: 10px; width: 316px; overflow: hidden; position: relative;}
.wishList {background: url(../images/index/wishListBackground.jpg) no-repeat; width: 330px; height: 174px;}
.wishListLink {color: #dde4e7;  font-weight: bold; display: block; padding-top: 20px; padding-left: 30px;}
.removeLink {top: 40px; left: 400px; color: #18a3e9; z-index: 1000; font-size: 14px; display: block; width: 180px; position: absolute;}
.globalInside {
	overflow:hidden;
	width: 2000px;
	height: 150px;
	/*z-index: -20;*/
}

.packageTitle {font-size: 14px; color: #686868; top: -5px; left: 5px; position: relative;}
.packageContent {font-size: 12px; color: #3c3e3f; top: -5px; left: 5px; position: relative;}

.firstP {float: left;}

.pager {float: right; margin-top: 10px; margin-right: 10px;}
.pager a { border:none; color:#2079c1; border:1px solid #2079c1; padding: 4px 8px; margin: 4px; background-image:url(../images/pagerBackground.gif); display:block; float:left; font-size: 12px;}
.pager a.selected, .pager a:hover  {border: 1px solid #2079c1; color: #fff; background: #2079c1;}

.BedroomPic {text-align: center; margin: 10px auto; display: block;}

div.sc_menu2 {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 145px;
  width: 560px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu2 {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 3000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu2 li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu2 a {
  display: block;
  text-decoration: none;
}
.sc_menu2 span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

////

div.sc_menu {
  /* Set it so we could calculate the offsetLeft */
  position: relative;
  height: 125px;
  width: 250px;
  /* Add scroll-bars */
  overflow: auto;
}
ul.sc_menu {
  display: block;
  height: 110px;
  /* Max width here, for users without Javascript */
  width: 3000px;
  padding: 15px 0 0 15px;
  /* Remove default margin */
  margin: 0;
  background: url('navigation.png');
  list-style: none;
}
.sc_menu li {
  display: block;
  float: left;
  padding: 0 4px;
}
.sc_menu a {
  display: block;
  text-decoration: none;
}
.sc_menu span {
  /* We want a caption to display on the next line */
  display: block;
  margin-top: 3px;
  text-align: center;
  font-size: 12px;
  color: #fff;
}

#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}