/*
UICoder:YüceÖzkan|www.yuceozkan.com
GeneralStylesheet
*/

* { font-family:"Verdana", Geneva, sans-serif; color:#fff; font-size:11px; }
body,
html { font-family:"Verdana", Geneva, sans-serif; background:#8d8b8b; color:#fff; font-size:11px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
.fn { float:none }
.fl { float:left }
.fr { float:right }
.clr { clear:both }
.clr-3 { clear:both; height:5px; }
.clr-2 { clear:both; height:35px; }
.nobg { background:none!important }
.nom { margin:0!important }
.nop { padding:0!important }
.nob { border:0!important }
.dn { display:none!important }
.db { display:block!important }
.l { text-align:left }
.c { text-align:center }
.r { text-align:right }
.centered { position:relative; width:978px; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 auto; }
.header { border-top:2px solid #8d8b8b; height:99px; background:#fff; }
h1.logo a { width:194px; height:71px; display:block; text-indent:-9999px; background:url(../images/logo.gif) no-repeat 0 0; position:absolute; left:18px; top:16px; }
a.dist { width:231px; height:70px; display:block; text-indent:-9999px; background:url(../images/distributor.gif) no-repeat 0 0; position:absolute; right:4px; top:15px; }
.nav-menu { border-top:1px solid #fff; border-bottom:1px solid #fff; background:#5f5c5c; height:25px; position:relative; z-index:1; }
.nav-menu .centered { background:#848080; height:25px; position:relative; z-index:1; }
.top-menu { width:470px; margin-left:227px; background:#5f5c5c; height:25px; border-left:1px solid #fff; border-right:1px solid #fff; text-align:center; }
.top-menu a { color:#fff; font-size:9px; font-weight:bold; letter-spacing:0.09em; line-height:25px; padding:0 8px; border-right:1px solid #fff; }
.top-menu a.first { padding-left:0; }
.top-menu a.last { border-right:0; padding-right:0; }
.main-content { position:relative; z-index:2; background:#a4a2a3; }
.main-content .centered { position:relative; z-index:2; width:978px; }
.main-content .col-1 { width:227px; background:#848080; margin-top:-1px; position:relative; z-index:3; border-right:1px solid #fff; height:454px; padding-top:35px; }
.main-content .col-1 h2 { font-size:13px; color:#fff; font-weight:bold; margin-left:7px; margin-bottom:28px; line-height:14px; }
ul.left-menu { width:227px; border-top:1px solid #fff; }
ul.left-menu li { display:block; height:103px; width:227px; position:relative; }
ul.left-menu li img { border-top:1px solid #fff; border-bottom:1px solid #fff; margin:0; padding:0; }
ul.left-menu li a { display:block; height:18px; line-height:18px; background:#5f5c5c; font-size:12px; }
ul.left-menu li a span { padding-left:7px; }
ul.left-menu li a:hover { background:#8d8b8b; text-decoration:none; }
ul.left-menu li ul.sub-menu { background:#8d8b8b; border:1px solid #fff; padding:15px 0; }
ul.left-menu li .submenuWrapper { position:absolute; z-index:3; width:340px; display:none; left:227px; }
ul.left-menu li > .submenuWrapper.fromTop { left: 227px; overflow: hidden; position: absolute; top: -2px; }
ul.left-menu li > .submenuWrapper.submenuWrapper1.fromTop { top: -1px; }
ul.left-menu li > .submenuWrapper.fromBottom { bottom: 0; left: 227px; overflow: hidden; padding-bottom: 84px; position: absolute; }
/*ul.left-menu li:hover .submenuWrapper { display:block; }
*/
ul.left-menu li:hover ul.sub-menu,
ul.left-menu li.over ul.sub-menu { display:block; }
ul.left-menu li:hover a,
ul.left-menu li.over a { background:#8d8b8b; text-decoration:none; }
ul.left-menu li ul.sub-menu li { display:block; height:20px; width:auto; padding:0 40px; }
ul.left-menu li ul.sub-menu li.sub { margin-left:15px; width:auto; }
ul.left-menu li ul.sub-menu li a { height:16px; line-height:16px; padding-left:0; background:none; background:transparent; display:block; width:auto; }
ul.left-menu li ul.sub-menu li.sub a { height:14px; line-height:14px; font-size:11px; display:block; width:auto; }
ul.left-menu li ul.sub-menu li a:hover { color:#000; }
.main-content .col-2 { width:749px; position:relative; }
.main-content .col-2 img.bg { position:absolute; z-index:1; }
.main-content .col-2 .content { position:absolute; z-index:2; left:10px; width:446px !important; height:453px; background:url(../images/cbg.png); padding-top:35px; padding-left:15px; }
.main-content .col-2 .content h2 { font-size:13px; color:#000; font-weight:bold; line-height:14px; margin-bottom:28px; }
.main-content .col-2 .content .scroll-pane { width: 425px !important; height: 395px; overflow: auto; }
.jspContainer { width: 425px !important; }
/* .jspPane {width: 425px !important;} */
.main-content .col-2 .content h3 { font-size:11px; color:#000; font-weight:bold; line-height:17px; margin-bottom:7px; }
.main-content .col-2 .content h4 { font-size:11px; color:#000; font-weight:normal; line-height:17px; padding:13px 0; clear:both; }
.main-content .col-2 .content h5 { font-size:11px; color:#000; font-weight:bold; line-height:17px; margin-bottom:17px; }
.main-content .col-2 .content p { font-size:11px; color:#000; line-height:17px; margin-bottom:6px; }
.main-content .col-2 .content a { font-size:11px; color:#000; line-height:17px; text-decoration:underline; }
.main-content .col-2 .content ul.bullet,
.main-content .col-2 .content ul { list-style:inherit; margin-bottom:16px; }
.main-content .col-2 .content ul.bullet li,
.main-content .col-2 .content ul li { list-style:inherit; list-style-position:inside; list-style-type:disc; font-size:11px; color:#000; line-height:18px; margin-bottom:5px; }
.main-content .col-2 .content ul.square { list-style:inherit; margin-bottom:16px; }
.main-content .col-2 .content ul.square li { list-style:inherit; list-style-position:inside; list-style-type:disc; font-size:11px; color:#000; line-height:18px; margin-bottom:5px; }
.main-content .col-2 .content ul.spec { padding-bottom:10px; }
.main-content .col-2 .content ul.spec li { list-style:none; font-size:11px; color:#000; line-height:18px; margin-bottom:5px; clear:both; }
.main-content .col-2 .content ul.spec li span { font-size:11px; color:#000; line-height:18px; float:left; display:block; }
.main-content .col-2 .content ul.spec li span.spec_title { width:80px; }
.main-content .col-2 .content ul.spec li span.point { margin:0 5px; }
.main-content .col-2 .content dl { float:left; width:80px; border:1px solid #000; border-left:0; }
.main-content .col-2 .content dl.first { border-left:1px solid #000; }
.main-content .col-2 .content dl dt { width:80px; height:38px; line-height:19px; font-size:11px; color:#000; text-align:center; vertical-align:middle; }
.main-content .col-2 .content dl dd { width:80px; height:30px; line-height:30px; font-size:11px; color:#000; text-align:center; vertical-align:middle; border-top:1px solid #000; }
.main-content .col-2 .content dl dd:first-child { border-top:0; }
.main-content .col-2 .content form p,
.main-content .col-2 .content form input[type="text"],
.main-content .col-2 .content form input[type="button"],
.main-content .col-2 .content form textarea { display:block; float:left; }
.main-content .col-2 .content form p { width:80px; font-size:11px; color:#000; line-height:20px; }
.main-content .col-2 .content form input[type="text"] { font-size:11px; color:#000; border:1px solid #999999; background-color:#FFFFFF; width:236px; height:16px; padding:2px; }
.main-content .col-2 .content form textarea { font-size:11px; color:#000; border:1px solid #999999; background-color:#FFFFFF; width:236px; height:56px; padding:2px; line-height:20px; overflow:auto; resize: none; }
.main-content .col-2 .content form input[type="button"] { font-size:11px; color:#5F5C5C; border:0; background:url(../images/button.png); width:70px; height:24px; line-height:24px; text-align:center; cursor:pointer; }
.SI-FILES-STYLIZED label.cabinet { width: 336px; height: 24px; background: url(../images/btn-choose-file.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: auto; opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
.main-content .col-2 .right-place #slideshow { width:252px; height:410px; position:relative; }
.main-content .col-2 .right-place #slideshow #slidesContainer { width:252px; height:410px; overflow:auto; position:relative; }
.main-content .col-2 .right-place #slideshow #slidesContainer .slide { width:252px; height:410px; }
.control { display:block; width:120px; height:16px; text-indent:-9999px; position:absolute; cursor: pointer; z-index:4; background-image:url(../images/arrows.png); }
#leftControl { bottom:0; left:0; background-position:0 0; }
#rightControl { bottom:0; right:0; background-position:0 -16px; }
.main-content .col-2 .right-place { position:absolute; z-index:2; width:252px; right:13px; top:65px; height:410px; }
.main-content .col-2 .right-place #slideshow #slidesContainer .slide ul { margin-right:-10px; margin-bottom:-10px; }
.main-content .col-2 .right-place #slideshow #slidesContainer .slide ul li { float:left; width:120px; height:120px; margin-right:10px; margin-bottom:10px; }
.main-content .col-2 .right-place #slideshow #slidesContainer .slide ul li.last { margin-right:0; }
.main-content .col-2 .right-place #slideshow #slidesContainer .slide ul li img { border:1px solid #fff; }
.footer { clear:both; background:#5f5c5c; border-top:1px solid #fff; border-bottom:1px solid #fff; height:38px; }
.footer .centered { border:0; overflow:hidden; }
.footer span { display:block; height:38px; line-height:38px; font-size:10px; letter-spacing:0.01em; text-align:center; float:right; }
.footer span a { text-decoration:underline; }
.footer span.reference { float:left; }
.footer span.reference a { display:block; width:33px; height:15px; margin:11px 0; background-image:url('../images/footer-image.png'); background-repeat:no-repeat; background-position:left center; text-indent:-9999px; }
 [type=submit] {
color:#000;
}
/* Forms */
.error,
.alert,
.notice,
.success,
.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error,
.alert { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.notice { background: #fff6bf; color: #514721; border-color: #ffd324; }
.success { background: #e6efc2; color: #264409; border-color: #c6d880; }
.info { background: #d5edf8; color: #205791; border-color: #92cae4; }
.error a,
.alert a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
.info a { color: #205791; }
input { color: #000; }
.content table * { color: #000; }
.content table { border: 1px solid black !important; }