/******************Reset**********************/
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var
{
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: top;
    text-decoration: none;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
table, table td
{
    padding: 0;
    border: none;
    border-collapse: collapse;
}
img
{
    vertical-align: top;
}
embed
{
    vertical-align: top;
}
/******************Reset**********************/

body
{
    margin: 0px;
    padding: 0px;
    color: #717174;
    background: #eee;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
}

a, a:link, a:visited
{
    color: #c0c0c2;
}

a:hover
{
    color: #00FFFF;
    text-decoration: none;
}

p
{
    margin: 0px;
    padding: 0 0 10px 0;
}
img
{
    border: none;
}

h1, h2, h3, h4, h5
{
    font-weight: normal;
}

h1
{
    font-size: 40px;
    color: #ccc;
    margin: 0 0 30px 0;
    padding: 5px 0;
}
h2
{
    font-size: 32px;
    color: #ccc;
    margin: 0 0 20px 0;
    padding: 0;
}
h3
{
    font-size: 21px;
    color: #333;
    margin: 0 0 15px 0;
    padding: 0;
}
h4
{
    font-size: 18px;
    color: #ccc;
    margin: 0 0 10px 0;
    padding: 0;
}
h5
{
    font-size: 16px;
    color: #ccc;
    margin: 0 0 10px 0;
    padding: 0;
}
h6
{
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0;
}

.cleaner
{
    clear: both;
    width: 100%;
    height: 0px;
    font-size: 0px;
}

.cleaner_h10
{
    clear: both;
    width: 100%;
    height: 10px;
}
.cleaner_h20
{
    clear: both;
    width: 100%;
    height: 20px;
}
.cleaner_h30
{
    clear: both;
    width: 100%;
    height: 30px;
}
.cleaner_h40
{
    clear: both;
    width: 100%;
    height: 40px;
}
.cleaner_h50
{
    clear: both;
    width: 100%;
    height: 50px;
}
.cleaner_h60
{
    clear: both;
    width: 100%;
    height: 60px;
}

.float_l
{
    float: left;
}

.float_r
{
    float: right;
}

.image_wrapper
{
    padding: 8px;
    border: 1px solid #333;
    background: #000;
    margin-bottom: 10px;
}
.fl_img
{
    float: left;
    margin: 3px 30px 15px 0;
}
.fr_img
{
    float: right;
    margin: 3px 0 15px 15px;
}

blockquote
{
    font-style: italic;
}
cite
{
    font-weight: bold;
}
cite span
{
    color: #fff;
}

.button a
{
    clear: both;
    display: block;
    width: 109px;
    height: 30px;
    padding: 4px 0 0 0;
    background: url(../images/button.png) no-repeat;
    color: #ccc;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

.button a:hover
{
    color: #fff;
    background: url(../images/button_hover.png) no-repeat;
}


/* header */

#header_wrapper
{
    width: 100%;
    height: 125px;
}

#header
{
    width: 960px;
    height: 155px;
    padding-top: 25px;
    margin: 0 auto;
}

#header #site_title
{
    float: left;
    padding: 0px 10px 0px 0px;
    width: 250px;
}

#menu_wrapper
{
    float: right;
    width: 680px;
    padding-top: 30px;
}
.menu
{
    height: 45px;
    display: block;
    width: 680px;
}

.menu ul
{
    width:660px;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}

.menu ul li
{
    /* width and height of the menu items */
    background: #000;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    line-height: 45px;
}

.menu ul li a
{
    /* must be postioned relative  */
    position: relative;
    display: block;
    width: 110px;
    height: 45px;
    font-family: Arial;
    font-size: 11px;
    /*font-weight: bold;*/
    /*letter-spacing: 1px;*/
    text-decoration: none;
    cursor: pointer;
}

.menu ul li a span
{
    /* all layers will be absolute positioned */
    position: absolute;
    left: 0;
    width: 110px;
}

.menu ul li a span.out
{
    top: 0px;
}

.menu ul li a span.over, .menu ul li a span.bg
{
    /* hide */
    top: -45px;
}

#menu ul li a
{
    color: #FFF;
}

#menu ul li a span.over
{
    background: #FFF;
    color: #000;
}
.current {background: #FFF;}
.current span{color:#000;}

.curves{width:10px; height: 45px; float:left;}
#crvL{background:url(../images/curves.jpg) no-repeat 0 0;}
#crvR{background:url(../images/curves.jpg) no-repeat -10px 0;}
/* end of header */
#slider_wrapper
{
    width: 100%;
    height: 360px;
}
#slider_wrapper #slider_content
{
    width: 960px;
    height: 360px;
    margin: 0 auto;
}

#slider {
	position:relative;
    width:960px;
    height:360px;
	background:url(images/loading.gif) no-repeat 50% 50%;
    top: 0px;
    left: 0px;
}
#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
#slider a {
	border:0;
	display:block;
}

.nivo-controlNav {
	display:none;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}








#content_wrapper
{
    width: 100%;
    padding-top: 50px;
}
#content_wrapper #content
{
    width: 960px;
    margin: 0 auto;
}




.box_L{width: 500px; float: left; text-align: justify; }
.box_R{float: right; width: 400px; padding-left: 30px; border-left: 1px dotted #333;}
/******************Default**********************/

.intro_text{line-height: 2em;}

#sag-kolon-yorumlar
{
    width: 400px;
    margin: 0;
    padding: 0;
}
#sag-kolon-yorumlar .yorum-buton
{
    width: 50px;
    float: right;
}
#sag-kolon-yorumlar .yorum-buton div
{
    float: left;
}
#sag-kolon-yorumlar .yorum-buton div a.down, #sag-kolon-yorumlar .yorum-buton div a.up
{
    display: block;
    float: left;
    width: 16px;
    height: 15px;
    margin: 3px;
    padding: 0;
    text-indent: -9999px;
    background: url("small_button.png") no-repeat;
}
#sag-kolon-yorumlar .yorum-buton div a.down
{
    background-position: -16px -45px;
}
#sag-kolon-yorumlar .yorum-buton div a.down:hover
{
    background-position: -16px -60px;
}
#sag-kolon-yorumlar .yorum-buton div a.up
{
    background-position: 0 -45px;
}
#sag-kolon-yorumlar .yorum-buton div a.up:hover
{
    background-position: 0 -60px;
}
#sag-kolon-yorumlar #jcarousellite1
{
    width: 400px;
    height: 300px;
    display: block;
    margin: 0;
    padding: 0px;
    overflow: hidden;
}
#sag-kolon-yorumlar #jcarousellite1 .yorumlar
{
    margin: 0;
    padding: 0;
}
#sag-kolon-yorumlar #jcarousellite1 .yorumlar li
{
    width: 100%;
    line-height: auto;
    margin: 0 0px 15px 0;
    padding: 0px;
    float: left;
    display: block;
    border-bottom: 1px solid #cccccc;
}
#sag-kolon-yorumlar #jcarousellite1 .yorumlar li a
{
    text-decoration: none;
    color: #8B8B8B;
}
#sag-kolon-yorumlar #jcarousellite1 .yorumlar li a:hover
{
    color: #666;
}
/******************Default**********************/
#footer_wrapper
{
    width: 100%;
    margin-top: 20px;
    background: #333;
}
#footer
{
    width: 960px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}


INPUT{ border: 1px solid #999999; font-family: Tahoma; font-size: 12px; padding:4px; }
.submit{ cursor:pointer; }
.xsmall{ width:75px;}
.small{width:150px;}
.medium{ width:300px;}
.large { width:450px;}
.multiline{ width:400px; height:100px; }




ul.Product
{
    width: 960px;
    list-style: none outside none;
    margin: 0;
    height: 100%;
}
ul.Product li
{
    float: left;
    width: 120px;
    height: 120px;
    background: #ffffff;
    border: 1px Solid #b0b0b0;
    margin: 5px;
}
ul.Product img
{
    padding: 10px;
    height: 100px;
    width: 100px;
    max-width: 100px;
    border: 0px;
}

ul.referans
{
    list-style-image: url(../images/list_icon.png);
}
ul.referans
{
    width: 960px;
    
    padding-bottom: 20px;  
}
ul.referans li
{
    float: left;
    width: 465px;
}