/* main css
 *
 * start       : 08.01.2009
 * last update : 09.01.2009
 */

/* General Items */

/* Reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,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; }
ol,ul { 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; }

/* Main CSS */

body { background: #fff none repeat scroll 0 0; text-align:center; font-family: Verdana,Arial,Helvetica,sans-serif; font-size:12px;}
#fixed { margin:0 auto; width:980px; text-align:left;}
.topLabel { font-family:Thaoma; color:#d43f67; font-size:14px; font-weight:bold;}
.topHeader { background: url('/images/3_01.jpg'); height:199px;}
.secondHeader { background: url('/images/3_03.jpg'); height:45px;}
.carcassContent { width:770px; height:100%; vertical-align:top;}

/* Base Table */
.baseTable { width:100%; padding:2px; }
.leftColumn { background:#FCEFED; vertical-align:top; }

.cClear { clear:left; height:4px; }
.cClearR { clear:right; height:4px; }
.cClearNh { clear:left; height:0px; }
.cClearBorder { clear:left; height:4px; border-bottom:2px dotted #8b0305;}


.cOdd  { background:#FEE7C5; }
.cEven { background:#F4cc99; }

.cBreak { height:10px; }

/* Validate error */
.error { padding-left:10px; padding-right:10px; text-decoration:underline; color:#ff0000; }
.cErrorMessage { width:720px; font-weight:bold; color:#FCF2BE; border:2px dashed #FCF2BE; text-align:left; padding:10px;}

/* Form Elements */
.cFormCover, .cResponseCover { width:720px; background: #FCF2BE; padding:10px;}

.cFormTopLabel{ background:#8b0305; color:#FCF2BE; font-weight:bold; font-size:16px; }
.cFormTopInfo { color:#8b0305; padding:4px; text-align:justify; border:1px solid #8b0305;}
.cSubmitCover { text-align:center; border:1px solid #8b0305;padding:10px;}



/* Siparis */
.siparisTable { width:100%; padding:2px; font-size:12px; font-family:Arial,Helvetica,sans-serif}
.vTop         { vertical-align:top; }
.formLabel    { background:#986699; color:#fff; font-weight:bold; font-size:16px; text-align:center; padding:4px;}
.formCover    { width:770px; font-size:12px; font-family:Arial,Helvetica,sans-serif}

.coverLabel   { background:#cc6699; color:#fff; font-weight:bold; font-size:14px; padding:4px; }
.coverDiv     { border:1px solid #cc6699; }

.stokkoduLabel { width:120px; }
.fiyatLabel    {  }
.fiyat2Label   { width:110px; text-align:right;}
.fiyatData     { width:80px; text-align:center; }
.fiyatBirim    { width:60px; text-align:left; }
.cicekResmi    { width:150px; text-align:left; }
.elementLabel, .fiyat2Label  { text-align:left; font-weight:bold; color:#666; }
.fElementLabel { width:120px; text-align:left; font-weight:bold; color:#666;}
.fElement { text-align: left; }

.cInputI { border:1px solid #986699; font-size:12px; }
.cInputB { border:1px solid #986699; font-size:12px; font-weight:bold; }
.cInputB:hover { border:1px solid #986699; font-size:12px; font-weight:bold; }


#alici_teslim_tarihi { width:210px; }

#alici_adi_soyadi, #alici_telefon, #alici_teslim_saati, #alici_sehir,  #alici_semt, #alici_ilce, #alici_pkodu  { width:230px; }
#alici_acik_adres { width:230px; height:59px; }

#gonderen_adi_soyadi, #gonderen_telefon, #gonderen_teslim_saati, #gonderen_sehir,  #gonderen_semt, #gonderen_ilce, #gonderen_pkodu { width:230px; }
#gonderen_acik_adres { width:230px; height:59px; }

#alici_mesaj { width:230px; height:59px; }
#bize_mesaj { width:230px; height:59px; }

#siparis_miktari { width:20px; }

#gonderen_adi_soyadi, #gonderen_fatura_unvani, #gonderen_vdairesi, #gonderen_vnumarasi { width:230px; }
#gonderen_fatura_adres { width:230px; height:59px; }



/* Jquery Boxy */
.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; }
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

.boxy-wrapper .top-left { background: url('/images/jquery/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('/images/jquery/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('/images/jquery/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('/images/jquery/boxy/boxy-sw.png'); }

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jquery/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jquery/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jquery/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jquery/boxy/boxy-sw.png'); }

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0 }

/* Title bar */

.boxy-wrapper .title-bar { background-color: black; padding: 6px; position: relative; }
.boxy-wrapper .title-bar.dragging { cursor: move; }
.boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
.boxy-wrapper .title-bar .close { color: white; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

/* Content Region */

.boxy-inner { background-color: white; padding: 0 }
.boxy-content { padding: 15px; }

/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }