/* CSS Document */
*{padding:0px;margin:0px; outline:none;}

body{background: url(../img/bg.gif) repeat-x top; background:#000;}

#page{width:980px;margin:auto;}

#page #logo{width:240px; margin-left:25px; height:120px;}

#page #topflash{ width:385px;float:right;margin:15px 15px 0 0; background:#000;}


#page #menu{margin-top:30px;margin-left:3px;}

#page #menu a{ width:78px;display:block; float:left;padding:10px 0px 10px 30px;background:url(../img/active1.gif) no-repeat left;text-decoration:none; text-align:left;font:bold 11px  Arial, Helvetica, sans-serif !important;color:#a2a2a2;vertical-align:middle;}
 
#page #menu a:hover{background:url(../img/hover.gif) no-repeat left; color:#fff;}
#page #menu a.active{background:url(../img/active.gif) no-repeat left; color:#fff;}

#page #flashbanner{width:975px; padding-top:15px; margin:5px 0px 5px 0px;}

#page #content #product{width:130px; height:120px;margin:0 25px 0 0; float:left; font-size:11px; color:#fad285; text-align:center;}
#page #content #product a{color:#9e9e77; text-decoration:none;}
#page #content #product a:hover{color:#fad285;}
#page #content #product img{ }

#page #content #highlight{float:left;width:224px;height:170px;background:#101010; padding:7px; 
padding-top:20px; background:url(../img/highlightbg.jpg) no-repeat top;}
#page #content #highlight:hover{ background-image:url(../img/highlightbg1.jpg)}

#page #content #highlight:hover{}




#page #content #highlight .caption{font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold; color:#89898b; padding-left:15px; line-height:25px;}

#page #brands{width:960px;background:url(../img/brand_bg.gif) repeat-x top;clear:both; color:#685a5a; font-size:11px;height:30px;}

#page #brandnames{width:975px; margin-top:15px;}

#page #brandnames img{padding-left:20px;}

#page #content #inner{ float:left;width:630px;font:12px Arial,; color:#a3a3a3; padding:10px 18px 10px 15px; line-height:18px; text-align:justify;}

#page #content #inner #branch{ width:120px; float:left;margin-top:30px;font:12px;padding:10px; margin-right:22px; background: url(../img/rightpanel_bg.gif) no-repeat left;color:#9e9e77; border-left:1px dotted #fff;}
#page #content #inner #branch a{color:#9e9e77; cursor:auto;}
#page #content #inner #branch a:hover{color:#FFF;cursor:auto;}


#page #content #rightpanel{float:right;width:200px; font-family:Arial, Helvetica, sans-serif;font-size:13px; color:#fff;padding:20px 10px 10px 45px;list-style:url(../img/list_img.gif);background:url(../img/rightpanel_bg.gif) no-repeat top;}
page #content #rightpanel ul{ }

#page #content #rightpanel li{margin-left:10px; line-height:30px;}

#page #content #rightpanel li a{ font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#d6d1c7;}

#page #content #rightpanel li a:hover{color:#886745; background:#000;}

#productsgallery{float:left;width:680px;font:12px Arial,; color:#a3a3a3; padding:10px 18px 10px 5px; line-height:18px; text-align:justify;}

#productsgallery div{ width:185px; float:left;height:142px; margin:20px;}
#productsgallery div a{ border:0; outline:none;}

#productsgallery h1{ padding-left:17px;}

#productsgallery li{width:160px; height:110px; float:left;padding:0 5px; text-align:center; line-height:16px; list-style:none;}

#productsgallery li a{ color:#FFFFFF; text-decoration:none; }

#productsgallery li img{ border:solid 4px #434343;width:110px; height:70px;}

#page #content #brand{ height:380px;width:930px;font:12px Arial,; color:#a3a3a3; padding:10px 0px 10px 10px; line-height:18px; text-align:justify;}

#page #content #brand img{margin:10px 38px 10px 0px;border:5px solid #1f1f1f;}



h1{letter-spacing:0px;padding:15px 0px 0px 15px;line-height:10px;font:bold 14px  Arial, Helvetica, sans-serif;color:#fff;}

h2{letter-spacing:1px; padding:0 0px 0px 0px;font:bold 14px  Arial, Helvetica, sans-serif;color:#fff;}


.footer{float:right; color:#bcb8b8; margin-top:20px; font:bold 10px Arial, Helvetica, sans-serif;margin-right:30px; }
.footer a{ color:#b9a44f; font-size:10px;}
.footer a:hover{ color:#e2a552; font-size:10px; text-decoration:none;}


.more{float:right;padding-right:6px;text-decoration:none;font:bold 11px  Arial, Helvetica, sans-serif;color:#e3951c;}
.brands{font:bold 13px Arial, Helvetica, sans-serif;color:#fff; letter-spacing:1px; display:block; float:right; background:url(../img/cornerright.gif) no-repeat right top; width:940px; height:30px; text-align:left; padding:7px 0;}
.corner{float:left;}

.float{ float:left;margin-left:60px; background:#000000;}
.floatright{float:right;}

.bullet{ background:url(../img/h1-bg.gif) no-repeat left; width:200px; float:right; padding:10px 0 5px 35px;font-size:13px;font-weight:bold; color:#fff; margin:0px;}

.button{ width:10px; color:#FFFFFF; background:#FF0000; border:0px;}
.showroom{float:right;width:210px; margin:40px 10px 10px 10px; background:#000;padding:10px;}
.contact{height:424px;}
#contact{ font:bold 12px Arial, Helvetica, sans-serif; color:#999999; float:left; width:310px; padding:20px; padding-right:80px; border-right:2px dotted #676161;}
#contact form{}
#contact input{padding:2px;display:block; width:130px; float:left; margin:10px; border:1px solid #666;  color:#FFFFFF; background:#333333;}
#contact textarea{width:300px;height:80px; margin:10px;background:#333333;  border:1px solid #666;  color:#FFFFFF;}
#contact label{display:block; width:80px; float:left; padding:8px; margin-right:30px;}

#contact_box{ float:left;height:350px; font: Arial, Helvetica, sans-serif 14px bold; color:#999999; line-height:25px; border:0px; width:500px; padding:0px; padding-top:15px; padding-right:30px;}

#contact_box div{ width:200px; float:left;padding:5px; margin:10px; padding-left:20px;margin-top:50px; font:12px Arial, Helvetica, sans-serif; color:#a4a4a4; border:1px dotted #676161;}
#contact_box div strong{ color:#999999;}

#inner-privacy{width:750px;font:12px Arial,; color:#a3a3a3; padding:10px 18px 10px 15px; line-height:18px; text-align:justify;}
#inner-privacy a{ color:#fff;}
strong{font-size:14px;}
#accordion{width:250px; background:#FFf; float:right;}

#page #content #hardware{float:left;width:955px;font:12px Arial,; color:#a3a3a3; padding:10px 18px 10px 15px; line-height:18px; text-align:justify;}
#door_hard{width:440px;background:#393636;margin-bottom:4px;height:100px; padding:30px 20px 10px 10px;}
#door_hard a { color:#a3a3a3; font:Arial, Helvetica, sans-serif; text-decoration:none;}
#door_hard img{ float:left; margin:0px 20px 10px 10px; border:0px;}
#door_hard_right{width:420px;background:#393636;margin-bottom:4px;height:100px; padding:30px 20px 10px 10px; float:right; clear:left;}

#productlist{width:900px;background:#393636;margin-bottom:4px; padding:30px 20px 10px 10px;}
#productlist img{ float:left; margin:0px 20px 40px 20px; border:0px;}

#door_hard_right img{ float:left; margin:0px 20px 10px 10px; border:0;}
.caption{ color:#ddb511; font-weight:bold;}
.productlist{font:12px Arial, Helvetica, sans-serif; float:right;  margin-right:10px; color:#b9a44f;}
.productlist a{color:#b9a44f;}
.productlist a:hover{ color:#ddd1a1;}

#marquee{margin:auto;padding:5px;width:930px; margin-left:10px; font:12px Arial, Helvetica, sans-serif; height:20px;}
#marquee a{ text-decoration:none; color:#89898b;}
.white{float:left; font:bold 12px Arial, Helvetica, sans-serif;color:#FFFFFF;}
.clear{clear:both; height:1px; line-height:3px; font-size:1px; width:940px; margin:auto;}

.syosys{
	display:block;
	width:160px;
	;
	float:right;
	font:normal 10px Arial, Helvetica, sans-serif;
	color:#bcb8b8;
	height:30px; text-align:centre;
}

.syosys a{color:#bcb8b8; text-decoration:none;} 

.syosys a:hover{color:white;}
.slogo{ float:right;}