@charset "UTF-8";
/*
*	26.01.2015
*	created by abdurrahman asliyuce	
**/

/*=== 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, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,
b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,
time, mark, audio, video {	margin: 0;	padding: 0;	border: 0;	font-size: 100%; outline: 0; font: inherit;	vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;font-size:100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;	border-spacing: 0;}
:focus, :active { outline: 0; }
ins {text-decoration: none; }
del {text-decoration: line-through; }
a {text-decoration:none; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
a i{cursor:pointer;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/*=== Page ============================*/
body {background:#ededed;font-family: Arial, Helvetica, sans-serif;}
.left {float:left !important;}
.right {float:right !important;}
.whiteBg {background: #ffffff;padding:40px;overflow:hidden}
.blueBorder {border-bottom:3px solid #0d2ea0;padding:0 0 10px 0	;}
.insetBorder {background:#efefef;color:#000000;font-weight:bold;border:1px solid #dddddd;padding:5px 10px;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);}
.fullRow {width: 100%;overflow:hidden;margin-top:10px;float:left}
.halfRow {width: 50%;overflow:hidden;margin-top:10px;float:left}
input[type="checkbox"] {width:24px;height:23px;}
.fullRow input[type="text"] {width:89%;height:42px;float:right;}
.halfRow input[type="text"] {width:78%;height:42px;float:right;}
.fullRow label {width:10%;height:42px;line-height:44px;vertical-align:middle;margin:0 1% 0 0;float:left;}
.halfRow label {width:20%;height:42px;line-height:44px;vertical-align:middle;margin:0 1%;float:left;}


.submitBtn {background:#0d2ea0;width:20%;height:50px;color:#ffffff;font-weight:bold;border:1px solid #014289;float:right;}

.mainContainer {width:100%;}
.autoCenter {width:940px;margin:0 auto;}
.header { /*background:url(../img/headerBg.jpg) center top no-repeat;*/
    background: linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -webkit-gradient(linear, left top, right top, from(#0d2ea0), color-stop(0.2, #0d2ea0), color-stop(0.8, #071956), to(#071956));
    background: -moz-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -o-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    width:100%;height:75px;padding:20px 0 0 25px;}
.header a.logo {display:block}
.mainMenuContainer {background:url(../img/menuBg.jpg) center top no-repeat;width:100%;height:45px;padding:0 25px;}
.mainMenu {overflow:hidden;}
.mainMenu li {float:left;}
.mainMenu li a { font-size:13px;color:#000000;line-height:45px;vertical-align:middle;padding:0 13px;display:inline-block;}
.mainMenu li a:hover { color:#0d2ea0; text-decoration: none;}
.mainMenu li.myAcc a {background: url(../img/myAccBg.png) 0 5px no-repeat;padding:0 0 0 60px;}
.mainMenu li:first-child a {padding: 0 13px 0 0}


.mainSlider {padding:0;margin:0;}
.mainSlider img {width:100%;}

.myAcc { background: url(../img/myAccBg.png) -18px 0 no-repeat;padding:0 22px;display:inline-block;margin-left: 22px;}
.myAcc a { font-size:13px;color:#ffffff;line-height:35px;vertical-align:middle;padding:0 13px;display:inline-block; }

.formSteps {background: url(../img/loginFormBg.png) 0 0 no-repeat;width:460px;height:240px;padding:40px;margin:0 auto;position:relative;top:-80px;}
.formSteps .formTitle {font-size: 22px;text-align:right;font-weight:normal;color: #6c797d;padding:10px}
.formSteps .formTitle strong {color:#374448;}
.formSteps .formTitle.getCodeTitle {font-size:18px;text-align:center;padding-bottom: 14px}
.formSteps .formRow {width: 100%;height:35px;margin:12px 0 0 0;}
.formSteps .formRow .strippedLabel {width:30%;height:35px;line-height:39px;vertical-align:middle;font-size:12px;font-weight:bold;color:#ffffff;display:block;float:left;}
.formSteps .formRow .strippedInput {background:none;width:64%;height:35px;font-size:16px;color:#818181;padding:0 2% 0 6%;border:none;float:left;}
.formSteps .forgotPsw {font-size:14px;color:#6c797d;margin:10px 0 0 ;float:right;}
.formSteps button.formStepSubmit {background:none;width:100%;height:42px;font-size:24px;font-weight:bold;color:#ffffff;border:none;position: relative;bottom:-13px;}

.contentContainer {}
.innerContent {background:url(../img/contentBg.jpg) 0 0 no-repeat;width:100%;min-height:519px;padding:40px 0 0 0;}
    .hediyekullanimsartlari {background:url(../img/hediyekullanimsartlari.jpg) 0 0 no-repeat;}
    .hesabim {background:url(../img/hesabim.jpg) 0 0 no-repeat;}
    .iletisim {background:url(../img/iletisim.jpg) 0 0 no-repeat;}
    .kampanyasartlari {background:url(../img/kampanyasartlari.jpg) 0 0 no-repeat;}
    .musterihizmetleri {background:url(../img/musterihizmetleri.jpg) 0 0 no-repeat;}
    .nasilkatilirim {background:url(../img/nasilkatilirim.jpg) 0 0 no-repeat;}
.innerContent .innerHeader {overflow:hidden;}
.innerHeader .contactNumber {width:30%;font-size:32px;color:#898989;text-align:right;display:inline-block;float:right;}
.innerHeader .contactName { width:40%;font-size:30px;color:#898989;text-align:right;display:inline-block;float:right; margin-top: -25px;}
.innerHeader .titleMsg {width:70%;font-size:28px;line-height:32px;vertical-align:bottom;color:#898989;display:inline-block;float:left;}
.innerHeader .titleDesc {font-size:14px;color:#000000;margin:20px 0;display:block;float:left; }
.innerHeader .pageTitle {font-size: 22px;font-weight:bold;color:#02346b;}
.innerContent .leftSidebar {background:url(../img/sidebarBg.jpg) right top no-repeat;width:200px;min-height:386px;margin-top:20px;padding-top:10px;float:left;}
.leftSidebar li {margin:10px 0;}
.leftSidebar a {font-size:13px;font-weight:bold;color:#000000;}
.leftSidebar a.activeLink {text-decoration:underline;}
.innerContent .tabContent {width:calc(100% - 220px);min-height:400px;font-size:14px;line-height:18px;color:#014386;margin:20px 0 0 20px;float:left;}
.tabContent p {margin:10px 0;}
.tabContent p.myAccountDesc {font-weight:bold;color:#014386}
.tabContent a.personalLink {background:#0d2ea0 url(../img/personalBg.png) 0 0 no-repeat;width:223px;height:80px;text-indent:-999999px;margin:15px 15px 0 0;display:block;float:left;border-radius:5px;}
.tabContent a.giftsLink {background:#0d2ea0 url(../img/giftsBg.png) 0 0 no-repeat;width:223px;height:80px;text-indent:-999999px;margin:15px 15px 0 0;display:block;float:left;border-radius:5px;}
.tabContent a.myAdressesLink {background:#0d2ea0 url(../img/myAdressBg.png) 0 0 no-repeat;width:223px;height:80px;text-indent:-999999px;margin:15px 15px 0 0;display:block;float:left;border-radius:5px;}
.tabContent a.myCargoLinks {background:#0d2ea0 url(../img/cargoBg.png) 0 0 no-repeat;width:223px;height:80px;text-indent:-999999px;margin:15px 15px 0 0;display:block;float:left;border-radius:5px;}
.tabContent a.applyNewCampaignLink {background:#0d2ea0 url(../img/newCampaignBg.png) 0 0 no-repeat;width:461px;height:80px;text-indent:-999999px;margin:15px 15px 0 0;display:block;float:left;border-radius:5px;}


form.getSerialNumber {width: 100%}
form.getSerialNumber label {width:40%;height:50px;line-height:52px;vertical-align:middle;display:inline-block;float:left;}
form.getSerialNumber input {background:#efefef;width:36%;height:50px;line-height:50px;text-align:center;text-transform:uppercase;font-weight:bold;color:#000000;border:1px solid #dddddd;padding:1%;margin:0 1%;float:left;-webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);-moz-box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);box-shadow:inset 0px 0px 0px 1px rgba(255, 255, 255, 0.75);}
form.getSerialNumber button {background:#0d2ea0;width:20%;height:50px;color:#ffffff;font-weight:bold;border:1px solid #014289;float:right;}
.serialTutorial {width:100%;max-width:842px;margin:0 auto;display:block;}

.sendBill {width:100%;margin-top:80px;overflow:hidden;}
.sendBill .formRow2 {width:430px;margin:10px auto;overflow:hidden}
.sendBill label {width:112px;height:42px;line-height:44px;font-size:18px;font-weight:bold;vertical-align:middle;float:left;text-align:right;}
.sendBill input {width:310px;height:42px;float:right;}
.sendBill input#billFile {position:absolute;top:0;bottom:0;left:0;right:0;cursor:pointer;opacity: 0}
.billFile {position:relative;float:right;cursor:pointer;}
.billFile .docName {background:#0d2ea0;width:310px;height:42px;line-height:44px;vertical-align:middle;text-align:center;font-size:16px;color:#ffffff;display:block;}
p.formNote {font-size:12px;font-weight:bold;color:#000000;text-align:center;margin-bottom:100px;}

.adressForm {width:100%;margin:20px 0;overflow:hidden;}
.ez-checkbox {margin:6px 0;}
.adressCheckLabel {width:95% !important;float:right !important;text-align:left;}
.adressForm .newAdress {width:79% !important;float: left !important;}
.adressForm .newAdressBtn {background:#0d2ea0;width:10%;height:42px;color:#ffffff;border:1px solid #014289;float: left;}
.confirmRulesLabel {width:auto !important;float:right !important;text-align:right;margin-left:10px !important;}
#confirmRules {float:right;}

select.formSubject {width:89%;height:40px;}
textarea.formMessage {width:89%;height:200px;line-height:20px;resize:none;overflow:auto;margin-bottom:10px}

.appliedCampaigns li {margin:10px 0;}
.appliedCampaigns a.plus {background: url(../img/plus.png) 0 0 no-repeat;height:40px;font-size:13px;text-decoration:none;padding:0 0 0 30px;display:inline-block;float:left;}
.appliedCampaigns a.plus span {height:40px;line-height:42px;vertical-align:middle;font-size:13px;padding:0 10px;display:block;}
.appliedCampaigns a.cargoStatus {background:#efefef url(../img/cargo.png) center right no-repeat;height:40px;font-size:13px;text-decoration:none;line-height:30px;vertical-align:middle;padding-right:70px;margin:0 10px;display:block;float:left;}
.appliedCampaigns a.giftStatus {height:40px;font-size:13px;text-decoration:none;line-height:30px;vertical-align:middle;padding:0 20px;display:block;float:left;}
.appliedCampaigns a.giftStatus.giftSuccess {background:#efefef url(../img/success.png) center center no-repeat;}
.appliedCampaigns a.giftStatus.giftWaiting {background:#efefef url(../img/waiting.png) center center no-repeat;}
.appliedCampaigns a.giftStatus.giftError {background:#efefef url(../img/error.png) center center no-repeat;}
.appliedCampaigns .campaignDetail p {width:62%;font-size:13px;margin:15px 0 0 30px;padding:10px;}
.appliedCampaigns a:hover {color:#000000;}
.campaignList a.plus {color:#02346b;font-size:20px;font-weight:bold;text-decoration:none;}
.campaignList a.plus span {color:#02346b;font-size:20px;font-weight:bold;}

.campaignDetail li {list-style-type:disc;margin-left:70px;}

.statusInfo {margin-top:200px;}
.statusInfo li {height:40px;line-height:12px;vertical-align:middle;padding-left:30px;margin-right:20px;float:left; font-size: 12px; text-align: center; }
.statusInfo .success {background: url(../img/success.png) center left no-repeat;}
.statusInfo .waiting {background: url(../img/waiting.png) center left no-repeat;}
.statusInfo .error {background: url(../img/error.png) center left no-repeat;}


ul.howToApply {margin:30px 0 0 0;}
ul.howToApply li {background:url(../img/numbers.png) 0 0 no-repeat;min-height:40px;line-height:40px;font-size:15px;color:#02346b;padding:0 0 0 60px;margin:10px 0;}
ul.howToApply li.second {background-position: 0 -40px;}
ul.howToApply li.third {background-position: 0 -80px;}
ul.howToApply li.fourth {background-position: 0 -120px;}
ul.howToApply li.fifth {background-position: 0 -160px;}
.howToApplyDesc {font-size:12px;line-height:14px;color:#02346b;margin:30px 0 70px 0;}

.footerContainer { /*background:url(../img/headerBg.jpg) center top no-repeat;*/
    background: linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -webkit-gradient(linear, left top, right top, from(#0d2ea0), color-stop(0.2, #0d2ea0), color-stop(0.8, #071956), to(#071956));
    background: -moz-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background: -o-linear-gradient(left, #0d2ea0 20%, #071956 80%);
    background-repeat: repeat-y;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#0d2ea0', endColorstr='#071956');
    width:100%;
    height:28px;
    bottom:0;
    left:0;
    right:0;
    color: #fff;
    font-size: 12px;
    padding: 9px;
}
.help-p { font-size: 11px; float: right; margin-top: 6px; }
.headerLogo{float:left;}
.headerSocialContent{float:right; overflow: hidden;}
.headerSocialContent a{display:block; float:left; width: 32px; height: 32px; margin-left: 4px;}
    .faceLink{background: url("../img/fb.png") 0 0 no-repeat;}
    .youtubeLink{background: url("../img/youtube.png") 0 0 no-repeat;}

.hediyeKullanimSartlari {
    background: url(../img/hediye_kul_sart.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}
.iletisimBack {
    background: url(../img/iletisim2.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}
.kampanyaSartlari {
    background: url(../img/kampanyasartlari2.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}
.nasilKatilirim {
    background: url(../img/nasil_katilirim.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}
.musteriHizmetleri {
    background: url(../img/musterihizmetleri2.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}
.hesabim {
    background: url(../img/hesabim2.jpg) 0 0 no-repeat;
    width: 100%;
    min-height: 519px;
    padding: 40px 0 0 0;
}