* { margin:0; padding:0;}
body { background:url(../img/tempbg.jpg) no-repeat right top #3c6983 fixed; margin:40px 0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; }
img { display:block; border:0;}
.clear { clear:both;}
li { list-style-type:none;}
a { text-decoration: none;}
div.page { width:922px; margin:0 auto;}
div.bg-top { background:url(../img/bg-outer-trans-top.png) no-repeat; width:922px; height:14px; display:block; font-size:0px;}
div.bg-bottom { background:url(../img/bg-outer-trans-bottom.png) no-repeat; width:922px; height:14px;display:block; font-size:0px;}
div.bg-center { background:url(../img/bg-outer-trans-repeater.png); width:922px; display:block}

div.header { min-height:70px;}

div.menutabs { width:875px; margin:0 auto; padding-top:5px; font-family:Arial, Helvetica, sans-serif}
div.menutabs dl dt { float:left; margin-right:7px; line-height:32px; font-size:12px;  }
div.menutabs dl dt a, div.menutabs dl dt a.active {height:32px; background:url(../img/menu-tab-left-inactive.gif) no-repeat left top; padding-left:10px;display:inline-block; color: #fff; font-weight:bold;}
div.menutabs dl dt a span, div.menutabs dl dt a.active span {height:32px; background:url(../img/menu-tab-right-inactive.gif) no-repeat right top; padding-right:10px; display:inline-block;cursor:pointer;}
div.menutabs dl dt a.active {background:url(../img/menu-tab-left-active.gif) no-repeat left top; color:#272727; font-weight:bold; font-size:14px;}
div.menutabs dl dt a.active span {background:url(../img/menu-tab-right-active.gif) no-repeat right top;}

div.container { width:874px; margin:0 auto; background-color:#FFF; padding:0 10px; position: relative;}

/*  SLIDER Start  */
div#loopedSlider { width:500px; float:left}
div.imgslider { width:500px; height:100px; overflow:hidden; position:relative; }
div.slides { position:absolute; top:0; left:0; }
ul.slides { position:absolute; top:0; left:0; list-style:none; padding:0; margin:0; }
div.slides div,ul.slides li { position:absolute; top:0; width:500px; display:none; padding:0; margin:0; }
/*  SLIDER End  */

img.logo { position:absolute; right:10px; top:10px;}

div.news { display:block; width:631px; height:242px; background:url(../img/haber-bg.jpg) no-repeat; margin:20px 0 0 0; position:relative; float:left; padding-top:10px;}
div.news p { font-size:13px; line-height:16px; padding:10px; color:#2C2C2C}
div.news div.newsshadow1 { position:absolute; left:0; top:-13px; display:block; width:631px; height:11px; background:url(../img/newsshadow1.png) no-repeat;}
div.news div.newsshadow2 { position:absolute; left:0; top:253px !important; top:230px; display:block; width:631px; height:11px; background:url(../img/newsshadow2.png) no-repeat;}

div.map { float:left; width:230px; height:230px; margin:20px 0 0 10px;}



/*//////////////////    PRODUCTS     ////////////////// */


div.products {}

div.left { float:left; width:250px; margin-right:10px; background:url(../img/products-line.gif) no-repeat right top; min-height:412px; height:auto !important; height:412px; }
div.left ul.menu { text-align:right; padding-right:25px;}
div.left ul.menu li { list-style-type:none; background:url(../img/products-selector.gif) no-repeat right 13px; padding-right:10px; line-height:30px; display:block; cursor:pointer;}
div.left ul.menu li div.submenu, div.submenu2 {}
div.left ul.menu li div.submenu a, div.submenu2 a { font-size:12px; color: #333;  display:block; line-height:20px; cursor:pointer }
div.left ul.menu li div.submenu a:hover, div.submenu2 a:hover { color:#F30;}
div.left ul.menu li span.trigger {font-size:14px; color: #313131; font-weight:bold;}
div.left span.title { display:block; text-align: right; font-size:18px; font-weight:bold; padding:15px 0 2px 0; border-bottom:1px dashed #CCC; margin:0 25px 0 0}

div.right { float:left;width:610px; padding-top:10px; }
div.right dl.allproducts {}
div.right dl.allproducts dt {  display:inline-block; width:292px; height:150px; float:left; padding:5px; }


/*//////////////////    PRODUCT DETAILS     ////////////////// */

div.productdetails { width:600px; margin:0 auto;}
div.productdetails div.photos { float: left; width:150px;}
div.productdetails div.photos a { display: inline-block;  width:55px; height:55px; position:relative; margin:5px;}
div.productdetails div.photos a img {  width:60px; height:60px; border:1px solid #CCC;}
div.productdetails div.photos a span.zoom { display:inline-block;  background:url(../img/zoom.gif) no-repeat; width:16px; height:16px; position: absolute; bottom:0; right:0;}

div.productdetails div.information { float:left; width:438px; padding-left:10px;}
div.productdetails div.information a.pdf { display:block; width:100px; height:90px; background:url(../img/download-pdf.jpg) no-repeat; margin-top: 10px;}
div.productdetails div.information h2 { color:#F00;}
div.productdetails div.information h4 { color: #333; margin:20px 0 5px 0; padding-bottom:1px; border-bottom:1px dashed #ccc;}
div.productdetails div.information ul { margin:5px 0;}
div.productdetails div.information ul li { list-style-type:circle; margin-left:18px; font-size:12px; line-height:16px; color:#414141; font-weight:bold;}
div.productdetails div.information ul li b { padding-right:5px; color:#000; font-size:13px;}
div.productdetails div.information ul li.info { list-style-type:none; padding-top:10px; font-style:italic}
div.productdetails div.information table { font-size:11px; text-align:center; margin-top:10px; font-family:Arial, Helvetica, sans-serif;}
div.productdetails div.information table tr td { border:1px solid #CCC;}



/*//////////////////    WORKS     ////////////////// */


ul.works {}
ul.works li { display:inline-block; width:120px; height:120px; background:url(../img/works-bg.jpg) no-repeat;  float:left; opacity: 0.8}
ul.works li:hover {background:url(../img/works-bgHover.jpg) no-repeat; ; opacity: 1 }
ul.works li img { padding:10px;}


/*//////////////////    ABOUT US     ////////////////// */

div.aboutus { display:block; width:510px; height:310px; padding:90px 0 0 100px; background:url(../img/aboutus-bg.jpg) no-repeat}
div.aboutus div { width:410px; font-size:13px; overflow-y: scroll; height:220px;}
div.aboutus div p { margin:10px 0;}

/*//////////////////    CONTACT     ////////////////// */

div.contact { height:.00001%}
div.contact div.info { width: 300px; font-size:13px; float:left;}


/*//////////////////    FOOTER     ////////////////// */
div.footer { margin:10px 0;}

div.bg-center div.footer {margin:0 15px; padding:5px; background-color:#313131; color:#FFF; text-align:center; font-size:14px; font-weight:bold;}