@CHARSET "UTF-8";
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset, img {border:0;}address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}li {list-style:none;}caption, th {text-align:left;}h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}q:before, q:after {content:'';}abbr, acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input, textarea, select {font-family:inherit;font-size:inherit;font-weight:inherit;}input, textarea, select {*font-size:100%;}legend {color:#000;}del, ins {text-decoration:none;}
body {
font-family:arial,helvetica,clean,sans-serif;
font-size:13px;font-size-adjust:none;
font-style:normal;font-variant:normal;
font-weight:normal;line-height:1.231;
background-color: #812C91;
}
#container {margin:0 auto; width: 850px; overflow:hidden;}
#topHeader {}
#content{
background-color:#FFFFFF;overflow:hidden;font-family: Verdana,sans-serif;font-size: 14px;padding:10px;color:#812C91}
#content h1 { font-size:18px; color:#812C91; font-weight:normal;text-align: center}
#mainLayer{position:absolute;
background-color:#812C91;
width: 100%}
#imza{
height:40px;margin-left:-95px;
margin-top:535px;position:absolute;
width:127px;
}
#imza:hover { margin-left:0px;}
#footer{
font-size:12px;line-height:130%;
background-color:#FFF;
color:#812C91;float:left;
width:100%;margin-top:10px;
margin-bottom:10px;
}
.footerRCol {
float:left;
padding:20px;
height:70px;
width:auto;
border-left:1px solid #812C91;
}
.footerLCol {
float:left;
margin-left:10%;
padding:20px;
}
.footerTitle {
color:#812C91;
font-weight:normal;
line-height:230% !important;
margin-left:-10px;
}
.footerLink {
color:#812C91;
display:inline;
padding:2px;
}
.footerLink:hover {color:#812C91;}


/*
Yonetim
*/

#leftCol {
background-color:white;
padding:10px;border-right:1px dashed #812C91;
float:left;height:500px;position:absolute;
width:190px;
}
#leftCol li {border-bottom:1px dotted #812C91;font-size:16px;width:160px}
#rigthCol{
background-color:white;float:right;
width:630px;margin-left:230px;
padding:25px;position:absolute;
}

.navLink {text-decoration:none;color:#812C91;}
.navLink:hover {text-decoration:none;color:#CC0000;}

.aciklama {
    float:left;
    width:350px;
    overflow: hidden;
    border-right: 1px dotted #CCC;
}
.urunler {
    float:right;
    overflow: hidden;
    width: 460px;
}

.urunlist { background:transparent url(/images/dotted_border_sm.gif) repeat-x scroll center bottom;float:left;margin:5px;
padding:5px;
width:90px; height:100px;}

.urunlist_admin { background:transparent url(/images/dotted_border_sm.gif) repeat-x scroll center bottom;float:left;width:100%;margin:10px;padding:5px; }
.urunImage { padding:2px;float:left;text-align:center}
.urunImage p{ font-size: 10px;}
.urunDetay {float:right;
width:720px;}

.breadcrumb {
background:transparent url(/images/okleft.gif) no-repeat scroll left 16px;
display:block;
float:left;
height:75px;
margin-left:10px;
overflow:hidden;
height:110px;
width:860px;
zoom:1;
}
.breadcrumb ul {
display:block;height:48px;
overflow:hidden;padding-left:7px;
}
.breadcrumb li {
color:#812C91;display:inline;
float:left;height:33px;
overflow:hidden;padding-left:10px;
padding-top:15px;
}
.breadcrumb li a:link, .breadcrumb li a:visited {
background:transparent url(/images/okleft.gif) no-repeat scroll right 2px;
color:#812C91;padding-right:17px;
}
.breadcrumb li a:hover {color:#006699;}

.addtochart {font-size:10px;}
h4{color:#812C91;font-size:100%;font-weight:normal;}
h3 { font-size:130%; color:#812C91;font-weight:normal;}
.ikon {float:left;overflow:hidden;width:140px;}

.materyaller { 
overflow:hidden;
padding:0px 10px 2px;
}
.sirala {
float:left;overflow:hidden;
width:550px;
}
.aciklama {
float:left;overflow:hidden;
text-align:justify;padding-right:10px;
}
.content{background-color:#FFFFFF;}
.head{background-color:#FFFFFF;overflow:hidden;}

.sepet {
background:transparent url(/images/sepet_bg.gif) no-repeat scroll 0 0;
float:right;
height:20px;
padding:15px;
margin:10px;
width:240px;
}

.sepet h3{
font-size:100%;
color:#812c91;
font-weight:normal;
}

.sepet:hover {
background:transparent url(/images/sepet_bg_2.gif) no-repeat scroll 0 0;
float:right;
height:20px;
padding:15px;
margin:10px;
width:240px;
text-decoration:underline;
}

.sepet:active {
background:transparent url(/images/sepet_bg_3.gif) no-repeat scroll 0 0;
font-size:90%;
}

a{text-decoration:none;color:#812c91}
a:hover{text-decoration:underline;color:#812c91}


.infobox {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #812c91;
display:block;
margin-bottom:25px;
overflow:hidden;
width:470px;
float:right;
}
.infoboxheader {
background:transparent url(/images/infoboxheader.jpg) no-repeat scroll 0 -15px;
display:block;
font-size:116%;
height:45px;
overflow:hidden;
padding-left:9px;
padding-top:3px;
text-transform:capitalize;
width:100%;
}
.infoboxcontent {
    display:block;
    overflow:hidden;
    font-size:14px;
    padding:5px !important;

}
.infoboxtitle {
color:#812c91;
display:block;
font-size:108%;
font-weight:normal;
}
.infoboxtext {
margin-top:10px;
}



#mycarousel {float:left;
margin-bottom:10px;
margin-right:10px;
width:745px;}

#myspecialcarousel {float:left;
margin-bottom:10px;
margin-right:10px;
width:745px;}


.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #F0F6F9;
    border: 1px solid #812c91;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  auto;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 115px;
    height: 115px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #812c91;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 65px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 65px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/images/prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 115px;
    height: 115px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
    display: none;
}

.jcarousel-prev {
    z-index: 3;
    display: none;
}
input{border:1px solid #812c91;}
.hidden{display:none}
.table {  margin:0 auto;  position:relative;     width: 650px;    padding: 5px;}
.table .header {
    overflow:hidden;position:relative;
    background-color: #E6D9DA;padding : 2px;
    font-weight: bold; border: 1px solid #812c91;border-bottom: 0px;
}
.table .footer {
    overflow:hidden;position:relative;
    background-color: #E6D9DA;  padding : 2px;
    font-weight: bold; border: 1px solid #812c91;border-top: 0px;
}
.title { float:left; width:350px;}
.count { margin-right:35px;float:left; width:50px;text-align:center;}
.price { color:#812C91;width: 90px;text-align: right;float:left; }

.table .row { 
    border-left: 1px solid #812c91;border-right : 1px solid #812c91;
    border-bottom: 1px dotted #812c91; padding : 2px;
    overflow:hidden;position:relative;font-weight: bold;  }
.row .double{ background-color: #F3F3F4;}
.row .single{ /*background-color: #E1E1E1;*/}

.row .title { float:left; width:350px;}
.row .count { float:left;width:50px;text-align:center;}
.row .price { color:#812C91;float:left;text-align:right;}
.row .control{float:right;width: 70px; text-align: right;}
.slogan {float:left;   width:460px;}
.slogan li {
font-size:13px;
list-style-image:url(/images/star.png);
list-style-position:inside;
margin-bottom:10px;
text-align:justify;
}

.hesap-inside {
overflow:hidden;
width:100%;
}
.hesap-bilgileri {
margin:10px;
overflow:hidden;
}
.hesap-bilgileri h1 {
border-bottom:1px dotted #D8D8D8;
color:#812c91;
font-size:123.1%;
font-weight:normal;
margin-bottom:14px;
margin-left:10px;
}
.hesap-bilgileri h2 {
color:#979797;
font-size:100%;
margin-bottom:14px;
margin-left:10px;
}
.hesap-bilgileri .inarea-1 {
color:#6D6D6D;
font-size:108%;
overflow:hidden;
padding:10px;
}
.hesap-bilgileri .inarea-1 .sol {
float:left;
font-weight:normal;
overflow:hidden;
text-align:left;
vertical-align:top;
width:160px;
}
.hesap-bilgileri .inarea-1 .sol span, .hesap-bilgileri .inarea-2 .sol span {
color:#ACACAC;
display:block;
font-size:77% !important;
font-weight:normal !important;
}
.hesap-bilgileri .inarea-1 .sag {
float:left;
margin-left:40px;
overflow:hidden;
text-align:left;
width:450px;
}
.hesap-bilgileri .inarea-1 .sag input, .hesap-bilgileri .inarea-2 .sag input {
background-color:#FFFFFF;
border:1px solid #D6D6D6;
color:#812c91;
font-size:100%;
font-weight:normal;
padding:6px;
width:240px;
}
hesap-bilgileri .inarea-1 .sag span {
color:#ACACAC;
display:block;
font-size:85% !important;
}
span.zorunlu {
color:#FF0000 !important;
display:inline !important;
font-size:108% !important;
padding-left:6px;
padding-right:6px;
vertical-align:middle;
}
.hesap-bilgileri .inarea-2 {
clear:both;
color:#6D6D6D;
font-size:108%;
overflow:hidden;
padding:10px;
margin-left: 80px;
}
.hesap-bilgileri .inarea-2 .sol { 
float:left;
font-weight:normal;
overflow:hidden;
text-align:left;
vertical-align:top;
width:160px;
}
hesap-bilgileri .inarea-1 .sol span, .hesap-bilgileri .inarea-2 .sol span {
color:#ACACAC;
display:block;
font-size:77% !important;
font-weight:normal !important;
}
.hesap-bilgileri .inarea-2 .sag {
float:left;
margin-left:40px;
overflow:hidden;
text-align:left;
width:450px;
}
.hesap-bilgileri .inarea-2 .sag { 
float:left;
margin-left:40px;
overflow:hidden;
text-align:left;
width:450px;
}
.hesap-bilgileri .inarea-2 .sag span, .hesap-bilgileri .inarea-2 .sol span {
color:#C1C1C1;
display:block;
font-size:85% !important;
}
span.zorunlu { 
color:#FF0000 !important;
display:inline !important;
font-size:108% !important;
padding-left:6px;
padding-right:6px;
vertical-align:middle;
}
.hesap-bilgileri .kaydet { 
clear:both;
margin-bottom:10px;
margin-top:80px;
}
.hesap-bilgileri .kaydet input { 
color:#434343;
font-size:123.1%;
font-weight:normal;
margin-right:20px;
padding:0 4px;
}

#thumbnail {
zoom:1;
background-color:#999999;
border:5px solid black;
display:none;
height:auto;
position:fixed;
text-align:center;
width:460px;
}
#thumbnail img{
    background-color: #FFF;
    padding:5px;
}
#thumbnail div {
    background-color: #FFF;
    display:block;
    padding:2px;
}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
    font: 12px Arial, Helvetica, sans-serif;
    color: #333333;
}

#TB_secondLine {
    font: 10px Arial, Helvetica, sans-serif;
    color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
    position: fixed;
    z-index:100;
    top: 0px;
    left: 0px;
    height:100%;
    width:100%;
}

.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
    position: fixed;
    background: #ffffff;
    z-index: 102;
    color:#000000;
    display:none;
    border: 4px solid #525252;
    text-align:left;
    top:50%;
    left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
    display:block;
    margin: 15px 0 0 15px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
}

#TB_caption{
    height:25px;
    padding:7px 30px 10px 25px;
    float:left;
}

#TB_closeWindow{
    height:25px;
    padding:11px 25px 10px 0;
    float:right;
}

#TB_closeAjaxWindow{
    padding:7px 10px 5px 0;
    margin-bottom:1px;
    text-align:right;
    float:right;
}

#TB_ajaxWindowTitle{
    float:left;
    padding:7px 0 5px 10px;
    margin-bottom:1px;
}

#TB_title{
    background-color:#e8e8e8;
    height:27px;
}

#TB_ajaxContent{
    clear:both;
    padding:2px 15px 15px 15px;
    overflow:auto;
    text-align:left;
    line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
    padding:15px;
}

#TB_ajaxContent p{
    padding:5px 0px 5px 0px;
}

#TB_load{
    position: fixed;
    display:none;
    height:13px;
    width:208px;
    z-index:103;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
    z-index:99;
    position:fixed;
    top: 0;
    left: 0;
    background-color:#fff;
    border:none;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
    height:100%;
    width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
    clear:both;
    border:none;
    margin-bottom:-1px;
    margin-top:1px;
    _margin-bottom:1px;
}
.mesaj input { 
font-size:116%;
padding:5px;
width:350px;
}
.mesaj textarea { 
font-size:116%;
padding:5px;
width:350px;
}

.mesaj li {
display:block;
margin-top:10px;
overflow:hidden;
}

.mesaj ul {
display:block;
overflow:hidden;
}
.diller {
    float:right;
    padding:10px;
    width:130px;
}
.catMenu {
    float: right;
    margin-top:40px;
    width:350px;
}
.catMenu li {
    display: inline;
}
.catMenu li a{
    color: #fff !important;
}
.nodisplay {
    display:none;
    float:left;
    overflow:hidden;
    position:absolute;
    width:185px;
    font-weight:normal;
}
.catImg {
    width: 50px;
    height: 50px;
    position: absolute;
}
.catImg {
     cursor: pointer;  
    background:transparent url(/images/cat-img.jpg) no-repeat scroll 0 0;
    display:inline;
    float:left;
    height:50px;
    margin-left:15px;
    margin-top:15px;
    position:static;
    width:55px;
}
#catImg1{ background-position: 2px 1px !important;}
#catImg2{ background-position: -52px 1px !important;}
#catImg3{ background-position: -110px 1px !important;}
#catImg4{ background-position: -165px 1px !important;}
#catImg5{ background-position: -220px 1px !important;}
#catTitle-1{margin-left: -10px !important;}
#catTitle-2{margin-left:  75px !important;}
#catTitle-3{margin-left:  140px !important;}
#catTitle-4{margin-left:  200px !important;}
#catTitle-5{margin-left:  295px !important;}

.urunTitleMor{
    color:#812C91;
    font-weight: bold;
    font-size:12px;
}
/*.sepetbuton:hover{
border:1px solid black;
text-decoration: underline;
}*/