/* CSS Document */
body { background:#000 url(../img/bg_head.jpg) top repeat-x; margin:0 auto; font-family:Arial, Verdana, Helvetica, sans-serif }
#container { width:814px; margin:0 auto; }
#head { height:98px; width:837px;  }
#head #logo { display:block; cursor:hand; cursor:pointer; width:213px; height:114px; background:#000 url(../img/logo.jpg) no-repeat; float:left; } 
#head #logo-kitchen { display:block; cursor:hand; cursor:pointer; width:213px; height:114px; background:#000 url(../img/logo-kitchen.jpg) no-repeat; float:left; } 
#head #logo-construction { display:block; cursor:hand; cursor:pointer; width:213px; height:114px; background:#000 url(../img/logo-property.jpg) no-repeat; float:left; } 

#head h1 { display:none; }

.clear { clear:both; overflow:hidden; padding:0; height:0px; margin:0; float:none; }
.c { text-align:center; }
.floatleft { float:left; }
.floatright { float:right; }
a { color:#fff; font-size:13px; text-decoration:none; }
a:hover { text-decoration:underline; }
#padding { padding:10px; }
p { color:#fff; font-size:13px; }
h1 { margin:.2em 0 0 .4em; padding-bottom:10px; color:#fff; font-weight:normal; font-size:18px;}

#bread_title a { padding-bottom:10px; color:#fff; font-weight:normal; font-size:18px; }

#menu { list-style:none; float:right; margin:76px 12px 0 0; width:600px; padding:0px; height:15px; }
#menu li { list-style-type:none; float:right; background:url(../img/button.jpg) repeat-x; height:38px; padding:5px; margin:0 .3em 0 .3em; }
#menu li:hover { background:url(../img/button_select.jpg) repeat-x; }
#menu li.selected { background:url(../img/button_select.jpg) repeat-x; }
#menu a { display:block; float:left; height:43px; padding:0 5px 0 5px; color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold;}


/* Content Box */
#box { width:830px; clear:both; margin:1.4em 0 0 0; min-height:290px; }
.left { width:23px; height:276px; background:#000 url(../img/content_left.jpg) top no-repeat; display:block; float:left;}
.text { float:left; width:768px; padding:27px 4px; background:#000 url(../img/content_top.jpg) top repeat-x; color:#fff; }
.text p { color:#fff; font-size:16px; padding:0; margin:.4em; }
.right { width:23px; height:276px; background:#000 url(../img/content_right.jpg) top no-repeat; display:block; float:left;}

/* Products */
#product { border:1px solid #343434; width:174px; height:200px; padding:4px; display:block; float:left; list-style-type:none; margin:.2em; cursor:pointer; cursor:hand; }
#product:hover { border:1px solid #747474; }
#product .pic_prod { height:130px; width:174px; }
#product .details_prod { background:#000 url(../img/bg_cat.jpg) repeat-x; text-align:center; height:30px; margin:4px 0; padding:5px 0; font-size:13px; }

/* Categories */
#cat { border:1px solid #343434; width:130px; height:208px; padding:4px; display:block; float:left; list-style-type:none; margin:.4em; cursor:pointer; cursor:hand; }
#cat:hover { border:1px solid #747474; }
#cat .pic_cat { height:159px; width:130px; }
#cat .details { background:#000 url(../img/bg_cat.jpg) repeat-x; text-align:center; height:32px; margin:4px 0 0 0; padding:5px 0 0 0; }

/* Products Details */
#detailproduct { width:551px; padding:4px; float:left; }
#detailproduct h2 { margin:.4em; padding:0; font-weight:normal;}
#detailproduct .img { border:3px #fff solid; max-width:535px; }
#thumbs { float:left; width:200px; padding:4px; }
#thumbs ul { list-style-type:none; margin:0; padding:0; }
#thumbs li { padding:2px 0; float:left; }
#thumbs img { border:1px #fff solid; width:92px; margin:2px; }

#detailproduct-construction { width:551px; padding:4px; float:left; }
#detailproduct-construction h2 { margin:.4em; padding:0; font-weight:normal;}
#detailproduct-construction .img { border:3px #fff solid; max-width:535px; }
#thumbs-construction { width:auto; padding:4px; float:left; }
#thumbs-construction ul { list-style-type:none; margin:0; padding:0; }
#thumbs-construction li { padding:2px 0; float:left; }
#thumbs-construction div { padding:5px; margin:5px; width:100px; float:left; text-align:center; font-size:12px; border:2px #212121 solid; }
#thumbs-construction img { border:1px #fff solid; width:92px; margin:2px; }


.button { display:block; width:170px; border:0; height:33px; color:#fff; background:#000 url(../img/button_enquiry.jpg) no-repeat; padding-top:15px; font-weight:bold; font-size:14px; text-align:center; margin:.5em; }
.button:hover { display:block; color:#fff; border:0; width:170px; height:33px; background:#000 url(../img/button_enquiry_hover.jpg) no-repeat; padding-top:15px; font-weight:bold; font-size:14px; text-align:center; margin:.5em; }

input.submit_button { display:block; width:162px; border:0; height:43px; color:#fff; background:#000 url(../img/button_enquiry.jpg) no-repeat; font-weight:bold; font-size:14px; text-align:center; margin:.5em; }

#left_contact { width:376px; float:left; }
#right_contact { width:376px; float:right; }

/* Bread crumb */
#bread { font-size:18px; color:#fff; margin:.4em; }
#bread a { color:#fff; font-size:18px; text-decoration:underline; }

/* Teaser box */
#teaser { float:left; height:97px; margin:0 .4em 0 .2em; color:#fff; border:1px #4d4d4d solid; width:248px; padding:5px; background:#000 url(../img/box-bg.jpg) repeat-x top; }
#teaser h2 { color:#fff; font-size:22px; margin:.5em; padding:0; font-weight:normal; }
#teaser h3 { color:#fff; font-size:18px; font-weight:normal; margin:.5em .5em 0 .5em; padding:0; }
#teaser p { color:#B0B0B0; font-size:13px; padding:0 .5em; margin:.2em; }
#teaser ul { margin:.5em 0 0 2em; padding:0; list-style-type:disc; color:#B0B0B0; }
#teaser a { color:#B0B0B0; text-decoration:none; font-size:14px; }
#teaser a:hover { text-decoration:underline; }

#footer { margin:1em 0; border-top:#7C7C7C solid 1px; height:30px; }

/* Contact */
.contactform { color:#fff; font-size:13px; font-weight:bold; margin:.8em .8em 0 0; }
.contactform td { vertical-align:top; }
.contactform .inputtext { border:1px solid #9c9c9c; }