/*
Project Name: AskAynasi
Project URL : -
Last Update : 29.01.2011
Coder       : Murat Dogan
Coder URL   : teknolyo@gmail.com
*/
/**************************************************
	GLOBAL RESET
**************************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, input, select, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-family: inherit;vertical-align: inherit; font:normal 13px Tahoma, Geneva, sans-serif; list-style:none; line-height:1;}

/* links*/
a {color:#000; text-decoration:none; font-family:Tahoma, Geneva, sans-serif; font-size:11px;}
a:hover { text-decoration:underline;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height:1; color:black; font:normal 12px Tahoma, Geneva, sans-serif; background:#e10000 url(../img/body/body-bg.jpg) left top repeat-x;}
input , select { font-size:11px;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
/**************************************************
	TOOLS
**************************************************/
.noMargin { margin:0!important;}
.noPadding { padding:0!important;}
.noBorder { border:none!important;}
.flt_left { float:left!important;}
.flt_right { float:right!important;}
.alingRight { text-align:right;}
.alingLeft { text-align:left;}
.clear { clear:both; font-size:1px; height:0; overflow:hidden; line-height:0;}
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}
/**************************************************
	STRUCTURE
**************************************************/
.pageContainer { width:870px; margin:0 auto;}
.header {position:relative;}
.content {}
.footer { margin:15px 0;}
/*-----------------------------------------------*/
.logo { float:left; width:520px; padding:1px 0 0 0; height:144px;}
.logo h1 { text-indent:-9999px;}
.logo h1 a { background:url(../img/body/logo-mainkampanya.png) left top no-repeat; width:466px; height:159px; display:block;behavior: url(iepngfix.htc)}
.telefonlar { float:right; width:324px; padding:0 15px 0 0; height:159px}
* html .telefonlar {background:url(../img/body/telefon-bg-main.png) left top no-repeat;behavior: url(iepngfix.htc); height:158px;}
.telefonlar .siparisHatti { background:url(../img/body/telefon-bg-main.png) left top no-repeat; height:120px; text-indent:-9999px;behavior: url(iepngfix.htc)}
* html .telefonlar .hizliSiparis { background:none;}
.telefonlar .hizliSiparis {background:url(../img/body/telefon-bg-main.png) left -120px no-repeat; height:38px; text-indent:-9999px;behavior: url(iepngfix.htc)}
.telefonlar .hizliSiparis a { display:block; margin:0 0 0 80px; height:20px; width:212px;}
.content { position:relative; min-height:500px; height:auto!important; height:500px;}
.mpContent { background:url(../img/body/main-page-content.jpg) left top no-repeat;}
.aynaGorsel { position:absolute; left:460px; top:5px; background:url(../img/body/ayna-gorsel-main.png) left top no-repeat; width:504px; height:448px;behavior: url(iepngfix.htc); z-index:7;}
.dortluLBox { position:absolute; left:71px; top:397px;}
.dortluLBox li { float:left; margin:0 14px 0 0; height:78px;}
.fLine1 { text-indent:-9999px; margin:0 0 10px 0; height:67px;overflow:hidden;}
.fLine1 .boxModel {width:285px; height:67px; float:left; margin:0 7px 0 0;}
.fLine1 .box1 { background:url(../img/body/askaynasi.jpg) left top no-repeat; }
.fLine1 .box2 { background:url(../img/body/subBox2-main.jpg) left top no-repeat; }
.fLine1 .box3 { background:url(../img/body/subBox3-main.jpg) left top no-repeat; margin:0;}
.fLine1 .box3 a { display:block; height:67px;}
.fLine1 .box1 a { display:block; height:67px;}
.fLine1 .box2 a { display:block; height:67px;}


.fLine2 { width:435px; margin:0 auto; background:url(../img/body/footer-logo.gif) right top no-repeat; padding:0 125px 0 0; height:65px; *margin-top:10px;}
* html .fLine2 { width:450px;}
.fLine2 a.social { float:left; display:block; width:95px; margin:5px 20px 0 0; height:46px;}
.fLine2 p { color:#fff; float:left; width:320px; padding:20px 0 0 0; font-size:13px;}
.fLine2 p a { color:#fff;font-size:13px;}
.spContent { background:url(../img/body/sub-page-container-bg.jpg) left top no-repeat; min-height:670px; height:auto!important; height:670px;}
.formCont { padding:35px 30px; width:455px}
.formCont h3 { font:bold 16px Arial, Helvetica, sans-serif; margin:0 0 15px 0;}
.formCont h4 { font:bold 14px Arial, Helvetica, sans-serif; margin:0 0 5px 0;}

.formLine { margin:0 0 10px 0;}
.formLine select { float:left; width:250px; padding:2px;}
.formLine textarea { float:left; width:250px; padding:2px; font:normal 11px Arial, Helvetica, sans-serif;}
.formLine label { display:block; float:left; width:150px;}
.formLine label.taksit { width:400px; padding:2px;}
.formLine label small { font-size:10px; display:block;}
.formLine span { display:block; float:left; width:10px;}
.formLine span.wide { width:15px; padding:4px 5px;}
.formLine input { float:left;}
.formLine input.wide { padding:3px; width:244px;}
.formLine input:focus { background:#C66;}
.formLine input.ccv { padding:3px;}
input.buton { padding:5px;}

.bR {-webkit-border-radius: 5px;-moz-border-radius: 5px;-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);}

.canliDestekButon { position:absolute; left:360px; top:0;}


    #altdeko {
    width: 820px;
    height:215px;
    }
    .altdekoresim{
    float:left;
    width:410px;
    height:215px;
    solid 1px;
    }


    #altsaat {
    width: 820px;
    height:280px;
    }
    .altsaatresim{
    float:left;
    width:820px;
    height:280px;
    solid 1px;
    }



    #altisimli {
    width: 820px;
    height:300px;
    }
    .altisimliresim{
    float:left;
    width:820px;
    height:300px;
    solid 1px;
    }

    #alt3d {
    width: 820px;
    height:470px;
    }
    .alt3d{
    float:left;
    width:820px;
    height:470px;
    solid 1px;
    }


    #altanne {
    width: 820px;
    height:381px;
    }
    .anneresim{
    float:left;
    width:820px;
    height:381px;
    solid 1px;
    }

    #altkalpisimli {
    width: 820px;
    height:381px;
    }
    .altisimlikalp{
    float:left;
    width:820px;
    height:381px;
    solid 1px;
    }