/* Import CSS Reset File */
@import url("css/reset.css");

body {
	font-family: Arial, Helvetica, tahoma sans-serif;
	font-size:12px;
	line-height:1.6;
	color:#848176;
	background: #f5f3ef;
}
a {text-decoration:none; color:#42403a;}

#loading { position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
#loading div.bg {position:absolute; left:0; top:0; width:100%; height:100%; background:#fff; opacity:0.9; filter:alpha(opacity=90);z-index:1;}
#loading div.content {width:100px; height:100px; position:absolute; top:50%; left:50%; margin:-50px 0 0 -50px;  text-align:center; z-index:2;}

#container {
	width:780px;
	margin:0 auto;
}

#header .top1 {background:#aca89b; height:22px;}
#header .top2 {background:#cdcac2; height:84px; border-bottom:1px solid #e6e4df;}

.search {border-bottom:1px solid #c6c3bc; height:32px;}
.search_form {float:right; width:181px; height:23px; border:1px solid #dbd9cf; position:relative; margin-top:3px;}
.search_form input[type=text] {background:none; border:0; width:145px; color:#c6c3bc; margin:0; padding:4px; }
.search_form input[type=submit] {background:url(images/search_btn.jpg) no-repeat 0 0; border:0; width:20px; height:17px; text-indent:-9999px; font-size:0; margin:0; padding:0; position:absolute; right:5px; top:3px; cursor:pointer;}

#main-content {min-height:740px;}
#left {float:left; width:227px; background:#edece7; min-height:740px;}
#right {float:right; width:780px; background-color:#e7e5e0; }

.heading h1 {display:inline-block; font:bold 14px/1 Arial, Helvetica, sans-serif; padding:15px 0 10px 10px; text-transform:uppercase; color:#848176;  }

#footer {min-height:348px;
background: #d2d0c7; /* Old browsers */
background: -moz-linear-gradient(top, #d2d0c7 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d2d0c7), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d2d0c7 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d2d0c7 0%,#ffffff 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #d2d0c7 0%,#ffffff 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2d0c7', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #d2d0c7 0%,#ffffff 100%); /* W3C */
}

.sidebar {
	width:780px;
	float:right;
	background:#fff;
	min-height:300px;
	background-color: #f5f3ef;
}
.acc-item {margin-bottom:3px; }
.acc_trigger {font-size:13px; font-weight:bold; text-transform:uppercase; color:#fff; background:#b6ad9c; line-height:40px; display:block; padding-left:20px;}
.acc_trigger.active {background-position:left bottom !important;}
.acc_container {
	padding:4px;
	background: #f5f3ef;
}
.acc_container > ul {margin:0; padding:0; list-style:none;}
.acc_container > ul > li {float:left; margin:4px;}

.acc-item ul li img.active {border:3px solid #fff; -webkit-box-shadow:0 0 5px rgba(0,0,0,0.7); -moz-box-shadow:0 0 5px rgba(0,0,0,0.7); box-shadow:0 0 5px rgba(0,0,0,0.7); width:34px; height:34px;}
.acc-item.kitchen ul li img.active {width:110px; height:97px; }
.acc-item ul img {cursor:pointer;}

.simulator-container {width:780px; float:left;}
#simulator {width:780px; height:482px; position:relative;}
.simulator-container h3 {background:#e1dfd7; color:#848176; font:bold 14px/2.1 Arial, Helvetica, sans-serif; padding:0 10px;}
#simulator > div {position:absolute; top:0; left:0; width:780px; height:482px;}
#bottom 	{z-index:1; }
#cabinet 	{z-index:2;}
#wall 		{z-index:3;}
#floor 		{z-index:4;}
#countertop {z-index:5;}
#top 		{z-index:6;}

.links {float:right; margin:5px 20px 0 0;}
.links li {margin-bottom:5px;}
.links li a {color:#848176; font:13px/2 Arial, Helvetica, sans-serif; text-decoration:underline; padding-left:30px; display:block;}
.links li a.email {background:url(images/email-icon.jpg) no-repeat left center;}
.links li a.print {background:url(images/printer-icon.jpg) no-repeat left center;}
.links li a.copy {background:url(images/link-icon.jpg) no-repeat left center;}
.links li a.buy {background:url(images/shop_cart.jpg) no-repeat left center;}

#contact_form {padding:20px;}
#contact_form p {margin-bottom:15px;}
#contact_form label {display:block; float:left; width:80px;}
#contact_form input[type=text], #contact_form textarea { border:1px solid #edece7; background-color:#f4f4f4; padding:5px; font-size:11px; color:#777; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; width:200px;}
#contact_form textarea {height:110px;}
#contact_form input[type=text]:focus, #contact_form textarea:focus { border:1px solid #ccc; background-color:#fff; }
#contact_form input[type=submit] { background-color:#dbd9d0; border:1px solid #b1ada0; font-size:11px; height:20px; cursor:pointer; text-transform:uppercase; font-size:11px; color:#42413b; font-weight:bold;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
#contact_form input[type=submit]:hover { border:1px solid #848176;}
#contact_form .name-required, #contact_form .email-required, #contact_form .comment-required { color: #FF0000; display: block; font-size: 10px; padding-top: 3px; }
#contact_form h3 {font:bold 16px/1 Arial, Helvetica, sans-serif;margin-bottom:20px; text-transform:uppercase; color:#848176;  }

dl.details {margin:20px 0 0 20px; background-color:#e7e5e0;}
dl.details dt {font-size:12px; font-weight:bold; color:#848176; text-transform:uppercase; display:inline;line-height: 2.6;}
dl.details dt.label {display:inline-block; width:120px;}
dl.details dd {font-size:12px; color:#848176; text-transform:capitalize; display:inline;}
dl.details dd.thumb {width:70px; height:20px; display:inline-block; margin-left:10px; margin-bottom:-6px;border: 2px solid #DDDDDD;}