*{margin:0px; padding:0px; }
html{background-color:#444444;font-family:Arial, Helvetica, sans-serif; color:#7c7c7c; font-size:12px; }
img{border:0px;}
h1{font-size:18px; text-transform:uppercase; font-weight:normal; color:#111111; margin-bottom:12px;}
h2{font-size:14px; text-transform:uppercase; font-weight:normal; color:#111111; margin-bottom:12px;}
a{color:#666;}
a:hover{color:#333;}

.cufon-loading .bickham {
 visibility: hidden !important;
}

#content-conteiner{background-color:#FFF; overflow:hidden;}
.conteiner{width:940px; margin:0px auto; position:relative; }
.conteiner p{ margin:0px 0px 15px 0px;}
.dotted{background:url(images/gray-dot.gif) repeat-x; margin:15px 0; height:1px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.text-right{text-align:right;}
.margin-top-67{margin-top:67px;}
.margin-top-1{margin-top:1px;}
.margin-bottom-15{margin-bottom:15px;}
.margin-bottom-5{margin-bottom:5px;}
.margin-tb-20{margin:20px 0;}
.margin1{margin:40px 0 0 20px; font-size:14px;}
.all-height{overflow:hidden;}
span.required{font-size:15px; font-weight:bold; color:#C00}
.gray-bar{height:65px;}
.width-500{width:500px}
.width-300{width:300px;}
.width-240{width:240px;}
.width-700{width:700px;}
.width-680{width:680px;}
.bigger-a{font-size:14px; text-decoration:none; display:block; margin-bottom:5px; margin-right:15px;}

/* Header */
#header-menu{background:url(images/top_menu_bg.gif) bottom repeat-x; height:32px; width:100%; margin-top:5px; position:relative; z-index:50;}
#header-menu ul{list-style:none;}
#header-menu ul li{list-style:none; display:block; float:left; position:relative; height:32px;}
#header-menu ul li a{display:inline-block; text-transform:uppercase; font-size:12px; color:#888888; text-decoration:none; cursor:pointer;}
#header-menu ul li a span{display:inline-block;}
#header-menu ul li a span span{padding:8px 20px 7px 20px;display:inline-block;}

#header-menu ul li a:hover, #header-menu a.active {color:#000; background:url(images/menu_bg_on.gif) repeat-x;}
#header-menu ul li a:hover span, #header-menu a.active span {background:url(images/menu_left_on.gif) left top no-repeat;}
#header-menu ul li a:hover span span, #header-menu a.active span span {background:url(images/menu_right_on.gif) right top no-repeat;}

#header-menu ul li ul{position:absolute; overflow:hidden; left:0px; z-index:55; background-color:#FFF; top:31px; border:1px solid #d5d5d5; width:200px; overflow:hidden; display:none;}
#header-menu ul li ul li {border-bottom:1px solid #d5d5d5; width:100%;z-index:55; height:25px}
#header-menu ul li ul li.last{border-bottom:none;}
#header-menu ul li ul li a{width:100%; padding:5px 10px; background-color:none; color:#6e6d6d;}
#header-menu ul li ul li a:hover{ background:#444444; color:#FFF;}

#header-logo{background:url(images/logo_bg.gif) repeat-x 0 -12px; height:102px;}

.header_btn{ display:inline-block; background-color:#444444; color:#fff; text-transform:uppercase; text-decoration:none; padding:10px 32px 10px 12px; position:relative;}
.header_btn img{position:absolute; margin:4px 15px 0px 15px;}
.header_btn:hover{background-color:#8a8989; color:#fff;}

/* Slideshow */
.slideshow{width:940px; height:550px; overflow:hidden; z-index:1;}
.left-shadow{position:absolute; width:29px; left:-29px; height:550px; background:url(images/left-shadow.gif) repeat-y;}
.right-shadow{position:absolute; width:29px; left:940px; height:550px; background:url(images/right-shadow.gif) repeat-y;}

/* Pages */
#page-header img{float:right;}
#scroller{width:100%; height:164px; overflow: auto;}
#scroller div{border:0px;}
#scroller{outline:none;}
#scroller img{border:0px; float:left; margin:0px 3px; cursor:pointer;}
#big_img{width:930px; height:550px; margin-top:5px; position:relative;}

/* Tabs */
.panes div {display:none; padding:15px 13px 30px 13px; border:1px solid #d5d5d5; border-top:0; height:510px; font-size:14px; background:url(images/tab_bg.gif) repeat-x bottom #fff;}
.tabs li a img{ margin-bottom:1px; margin-left:10px;  }
.about_tab{ background:url(images/about_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.about_page_tab{ background:url(images/about_page_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.thankyou_tab{ background:url(images/thankyou_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.juno_tab{ background:url(images/juno_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.dania_tab{ background:url(images/dania_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.blank_tab{ width:911px; height:510px;list-style:none;}
.right_content{ display:block; position:relative; float:right; margin:50px 40px 0px 0px; width:270px; height:420px;font-size:12px; line-height:19px; }
.about_page_tab .right_content{width:600px;}
.about_page_tab p{margin:0 0 7px 0px;}
.blank_tab .right_content{ margin-top:30px;}
.left_content{ float:left;}
.head_office_tab{ background:url(images/head_office_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.head_office_tab li{margin-top:20px;}
/* Form styles */
input{width:180px; margin:1px 0;}
input.submit{width:70px; margin:1px 0;}
select{width:180px;  margin:1px 0;}
.dealer_showroom{width:15px;}

/* Footer */
#footer{text-align:center; color:#61665b; padding:20px 0px; line-height:22px;}
#footer a{color:#61665b;}

/* Showroom */
table.showrooms{width:940px; border-collapse:collapse;}
table.showrooms td{ border:1px solid #666;}
div.showroom-padding{padding:5px}

/* About */
.learn_more{ width:80px;display:block; padding:10px 25px; background-color:#CCC; color:#444; text-decoration:none; text-transform:uppercase; float:right;}
.learn_more:hover{color:#FFF;}

/* Products */
.smaller-lineheight ul p{ line-height:15px; margin-bottom:10px;}
.view_photo{ width:135px;display:block; padding:10px 25px; background-color:#CCC; color:#444; text-decoration:none; text-transform:uppercase; float:right;}
.view_photo:hover{color:#FFF;}
.view_photo_last{padding:10px 25px; width:135px; text-align:center}
.traditional_tab{ background:url(images/traditional_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.transitional_tab{ background:url(images/transitional_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.contemporary_tab{ background:url(images/contemporary_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.outside_tab{ background:url(images/outside_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.accessories_tab{ background:url(images/accessories_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.cabinets_tab{ background:url(images/cabinets_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
p.products-link{position:absolute; top:390px; left:90px; z-index:10;}
.biographic_tab{ background:url(images/biographic_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}
.caring_tab{ background:url(images/caring_tab_bg.jpg) no-repeat; width:911px; height:510px; list-style:none;}

.cabinets1{margin:0px 25px 5px 0px}


/* Trade */
.panes div.trade {height:1650px; background:url(images/tab_bg.gif) repeat-x bottom #fff; width:670px;}
div.trade .blank_tab{ width:660px; list-style:none;}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
ul.tabs a.current2 {
	background: url(images/tabs_bg_on.gif) repeat-x #FFF;	
	border-bottom:1px solid #fff;
	cursor:pointer; 
	color:#444 !important;
}
ul.tabs a.current2:hover{ color:#999}

#big_img .waiting{ position:absolute; left:50%; top:50%; z-index:500}
