﻿@charset "utf-8";
body {
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background: #acacac;*/
	background: #3e3e3e;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #fff;
}

a {	
	color:#0066CC;
	outline-style:none;
	outline-width:medium;
}

h1{
	font-size: 160%;
	color: #e62d87;
}

h2{
	font-size: 140%;
	color: #e62d87;
}

.kitapbaskibody #container {
	width: 869px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
}

.kitapbaskibody #header {
	height: 104px;
	padding: 0px;
}

#headersol{
	width: 180px;
	height: 104px;
	float: left;
}

#headersag{
	width: 689px;
	height: 104px;
	float: left;
}

#headersag .satir1{
	float: right;
	height: 54px;
}

#headersag .satir2{
	width: 659px;
	height: 50px;
	background: url(../images/tasarim/menu-zemin.png) no-repeat;
	padding-left: 30px;
}

#headersag .first{
	margin-left: 30px;
}

#headersag ul{
	list-style: none;
}

#headersag li{
	padding-top: 5px;
	float: left;
	margin-right: 35px;
	list-style: none;
	font-weight: bold;
}

#logo{
	margin-top:43px;
}
#bossepet{
	height:300px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	font-size:12px;
}
#header .oturum{
	height:54px;
	color:#FFF;
	font-size: 14px;
}
#header .oturum a{
	color:#fff;
	font-weight:bold;
	font-size: 14px;
}

#header .menu{
	padding:0;
	height:20px;
	float:left;
	margin-top:0px;
	left: 330px;
}

#slider{
	padding:0;
	float:left;
	margin-top:20px;
}

#header .menu .sollink{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	min-width:10px;
}
#header .menu .sollink li{
	float:left;
	margin:0;
	padding:0px 0 0;
}
#header .menu .sollink li a{
	text-decoration:none;
	color:#004f80;
	font-size:14px;
	font-weight:bold;
	float:left;
	margin:0;
	padding:0 10px;
	border-left:#004f80 solid 1px;
}
#header .menu .sollink li.first a{
	border:none;
}
#header .menu .sollink li.home {
	padding:0;
}
#header .menu .sollink  li a:hover{
	text-decoration:underline;
}
#header .menu .sollink  li a:active{
	text-decoration:underline;
}
#header .menu .sollink li.home a{
	background:url(../images/home.png) no-repeat center;
	margin:0;
	padding:0;
	width:40px;
	height:39px;
	border:none;
	text-indent:-999px;
	overflow:hidden;
}
#header .menu .saglink{
	float:right;
	margin:0;
	padding:5px 0 0;
	list-style:none;
	width:300px;
}
#header .menu .saglink li{
	background:url(../images/login_bg_r.png) no-repeat top right;
	margin:0 5px 0 0;
	padding:0;
	float:right;
	min-width:20px;
	position:relative;
}
#header .menu .saglink  li a:hover{
	text-decoration:underline;
}
#header .menu .saglink  li a img:hover{
	text-decoration:none;
}
#header .menu .saglink  li a:active{
	text-decoration:underline;
}
#header .menu .saglink li a{
	background:url(../images/login_bg_l.png) no-repeat top left;
	font-size:14px;
	float:left;
	margin:0;
	padding:5px 15px;
	color:#ffffff;
	text-decoration:none;
}
#header .menu .saglink li.cart a strong{
	background:url(../images/up-jun-h-li-cart2.png) no-repeat left;
	margin:0;
	padding:0 5px 0 20px;
	float:left;
}
#header .menu .saglink li ul, #header .menu .leftLinks li ul{
	position:absolute;
	clear:both;
	display:block;
	list-style:none;
	top:28px;
	width:120px;
	background:#ffffff;
	border:#cccccc solid 1px;
	margin:0;
	padding:5px 0;
}
#header .menu .saglink li ul li, #header .menu .leftLinks li ul li{
	float:none;
	display:block;
	margin:0;
	padding:0;
	background:none;
	text-align:left;
}
#header .menu .saglink li ul li a, #header .menu .leftLinks li ul li a{
	background:none;
	float:none;
	font-size:13px;
	color:#0066cc;
	margin:0;
	padding:3px 0 3px 15px;
	display:block;
	font-weight:normal;
}

#flash-banner{
	width:869px;
	height: 304px;
}

.kitapbaski #header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.kitapbaski #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	float:left;
}
#mainContent{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
}
#mainContent .header1 {
	background:#004F80;
	width:100%;
	height:7px;
	float:left;
}

#mainContent .sol {
	width:719px;
	float:left;
	height:100%;
}

#mainContent .sag {
	width:150px;
	float:right;
	height:100%;
	text-align:right;
	padding-top: 350px;
	font-size:13px;
}

#mainContent .sol .textcontent{
	margin:10px;
	text-align:justify;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#hesaplama{
	width: 719px;
}

#hesaplama .hesapsol{
	float:left;
	width:459px;
}

#hesaplama .hesapsag{
	float:right;
	width:258px;
	/*margin-top:140px;*/
}
#hesaplama .hesapsag .hesapsagheader{
	background:url(../images/hes_sag_hd_bg2.png) repeat-x;
	color:#FFF;
	height:30px;
	padding:6px;
}
#hesaplama .hesapsag .hesapsagheader .hesapsagheaderbaslik{
	font-size:14px;
	text-align:left;
	font-weight:bold;
}

#hesaplama .anaform{
	text-align:left;
	padding-left: 15px;
	padding-top: 15px;
}

#hesaplama .formbaslik{
	font-size:15px;
	font-weight:bold;
	color: #e62d87;
}

#hesaplama .projname{
	width: 430px;
	display: block;
	height: 28px;
	border:1px solid #ccc;
	border-top:1px solid #000;
	border-left:1px solid #000;
	/*background-color:#ffffcc;*/
	float:none;
	margin-top:10px;
	font-size:24px;
}
#hesaplama .projnamenote{
	color: #666;
	font-size: 11px;
	float: left;
	width:65%;	
}
.anaform ul{
	font-size:14px;
	margin:0px;
	padding:0px;
	float:left;
	width:350px;
}
.anaform ul li{
	margin:4px 0px;
	padding:0px;
	width:100%;
	list-style:none;
	float:left;
	color: #fff;
}
.anaform ul li .fn{
	font-family:"Trebuchet MS","Helvetica","Arial","Verdana","sans-serif";
	font-weight: bold;
	font-size: 13px;
	float:left;
	width:120px;
	margin:0;
	padding:0;
	text-align:right;
	color: #fff;
}
.anaform ul li select{
	border: 1px solid #ccc;
	border-top:1px solid #000;
	border-left:1px solid #000;
	width: 180px;
	float:left;
	height:28px;
	margin-left:15px;
}
.hesapsag .section{
	width:189px;
	height: 122px;
	margin:auto;
	margin-right:29px;
	padding: 20px;
	font-size:11px;
	color: #fff;
	text-align:left;
	
	clear:both;
	background: url(../images/tasarim/teslim-zemin.png) #e40588;
}
.hesapsag .section .switch{
	background:url(../images/up-june-calc-swl.png) no-repeat right;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	float:left;
	color:#000;
	text-decoration:none;
	margin:0 5px 0 0;
}
.hesapsag .section .switch span{	
	background:url(../images/up-june-calc-swr.png) no-repeat left;
	float:left;
	margin:0;
	padding:10px;
}
.hesapsag .section .switchSel{
	background:url(../images/up-june-calc-swr-u.png) no-repeat right;
}
.hesapsag .section .switchSel span{
	background:url(../images/up-june-calc-swl-u.png) no-repeat left;
	font-weight:bold;
}
.hesapsag .section select{
	font-size:12px;
}
.hesapsag .section .smallGray{
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
.hesapsag .section .field{
	width:160px;
	margin:0;
	padding:0;
}
.hesapsag .section .sField{
	width:100px;
}
.hesapsag .section .ssField{
	width:70px;
}
.hesapsag .section div{
	width:100%;
	float:left;
	margin:0;
	padding:0;
}
.hesapsag .section div.shippingopt{
	font-size:14px;
}
.hesapsag .section div.shippingopt #shippingZipLink{
	margin-right:5px;
}
.hesapsag .section div.shippingopt .txtBlue{
	font-size:12px;
	font-weight:normal;
}
.hesapsag .section div.qtyPrice{
	margin:0;
	padding:10px 0;
	background:#ffffb1;	
	border:#ff9900 solid 1px;
	width:100%;
}
.hesapsag .section div.qtyPrice select, .hesapsag .section div.qtyPrice input{
	float:left;
	font-size:11px;
	margin:0 0 0 10px;
}
.hesapsag .section div.qtyPrice strong{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	margin:0;
	padding:0 8px 0 0;
	font-weight: normal;
}
.hesapsag .section div.qtyPrice span select optgroup option{
	margin:0 0 0 10px;
	padding:0;
}
.hesapsag .section .par{
	margin:0;
	padding:0 0 5px;
	width:100%;
}
.hesapsag .section .par a{
	float:right;
	margin:0;
	padding:2px 20px 0 0;
}
.hesapsag .section .par strong{
	display:block;
}
.hesapsag .section .par .htitle{
	font-size:14px;
	display:block;
}
.hesapsag .section .par .redSub{
	color:#cc0000;
	font-size:11px;
	display:inline;
}
.hesapsag .section label{
	cursor:pointer;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:right;
	clear:both;
	width:165px;
	margin:0;
	padding:5px 5px 5px 0;
}
.hesapsag .section .inlineLbl{
	float:left;
	clear:none;
	margin:0;
	padding:5px 5px 5px 0;
	width:60px;
	text-align:left;
}
.hesapsag .section label input{
	float:left;
}
.hesapsag .section label .desc{
	float:left;
	padding-top:2px;
}

.hesapsag .section label .mail_opt{
	clear:both;
	float:left;
	padding-left:21px;
	text-align:left;
	width:100%;
}
.hesapsag .section .ship{
	margin:0;
	padding:0 0 15px;
}
.hesapsag .section .ship .zip{
	width:68px;
	margin:0;
	padding:2px 0px 3px 0px;
	font-family:Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	float:left;
	font-size:11px;
}
.hesapsag .priceSum{
	width: 219px;
	height: 228px;
	margin:auto;
	margin-right:29px;
	padding: 5px;
	padding-top: 0px;
	/*font-size:11px;*/
	color: #fff;
	text-align:left;
	clear:both;
	background: url(../images/tasarim/price-sum.png) #e40588;
}
.hesapsag .priceSum .sum{
	/*-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;*/
	margin:0;
	padding-top:15px;
	/*background:#FCF0FF;
	border:#FF9900 solid 3px;*/
}
.hesapsag .priceSum .sum p{
	margin:0 10px;
	/*padding:10px 0 0;*/
	text-align:right;
	clear:both;
}
.hesapsag .priceSum .sum #discount_field{
	color:#eb2d87;
}
.hesapsag .priceSum .sum #div_discount_text{
	color:#eb2d87;
	font-size:13px;
}
.hesapsag .priceSum .sum p .priceLbl{
	float:left;
	text-align:left;
	color:#fff;
}
.hesapsag .priceSum .sum p .priceLbl strong{
	color:#fff;
}
.hesapsag .priceSum .sum p.total{
	font-size:14px;
	margin-top:10px;
}
.hesapsag .priceSum .sum p.kdvtotal{
	font-size:14px;
}
.hesapsag .priceSum .sum p.geneltotal{
/*	font-size:14px;*/
	margin-top:20px;
	padding:10px 0 10px 0;
}
.hesapsag .quoteLinks{
	margin:0;
	padding:15px 0 0;
	height: 60px;
	font-size:11px;
}
.hesapsag .quoteLinks a{
	float:left;
	margin:0;
	padding:5px 0 5px 20px;
	text-decoration:none;
	clear:both;
	font-weight:bold;
	width:108px;
}
.hesapsag .quoteLinks a:hover{
	text-decoration:underline;
}
.hesapsag .quoteLinks a.emf{
	background:url(../images/mail.png) no-repeat left;
}
.hesapsag .quoteLinks a.prn{
	background:url(../images/print.png) no-repeat left;
}
.templist {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 785px;
	margin-left:15px;
}
.templist ul {
	padding: 0px;
	margin: 0px;
	width: 293px;
	float: left;
}
.templist ul li {
	list-style-type: none;
	border-bottom: 1px solid #cccccc;
	line-height: 35px;
	text-indent: 22px;
}
.templist a {
	text-decoration: none;
}
#mainContent .samptop{
	font-size:12px;
	padding-top:25px;
	padding-left:25px;
	height:80px;
}
.samptop .left{
	margin:0;
	padding:0;
	float:left;
	width:387px;
}
.samptop .right{
	margin:0;
	padding:0;
	float:left;
	width:375px;
}
.samptop ul{
	margin:0px 0px 0px 30px;
	padding:0;
}
.samptop ul li{
	margin:0px 0px 5px 0px;
	padding:0;
}
.frmBoxTopL{
	background:url(../images/form_topl.png) no-repeat top left;
	margin:0;
	padding:10px 0px 9px 20px;
}
.frmBoxTopR{
	background:url(../images/form_topr.png) no-repeat top right;
	margin:20px 0px 0px 0px;
	padding:0px 20px 0px 0px;
}
#frmSampleRequest{
	margin-left:25px;
	padding-bottom:25px;
	width:750px;
}
.sampleSet{
	margin:0;
	padding:20px;
	border-top:1px solid #cccccc;
	height:105px;	
	clear:both;
	font-size:12px;
}
.sampleSet a{
	font-size:14px;
	color:#000000; 
	text-decoration:none;
}
.sampleSet a:hover{ 
	color:#000000;
	text-decoration:underline;
}
/*
.sampleSet:hover strong{
	text-decoration:underline;
}*/
.sampleSet div{
	float:left;
	padding: 0px;
	vertical-align:middle;
}
.sampleSet div img{
	padding-top:14px;
}
.sampleSet div.desc{
	margin:7px 0px 0px 40px;
	width:305px;
}
.sampleSet div.rad{
	margin:0px 20px 0px 0px;
	padding:40px 0px 0px 0px;
}
.sampleSet div.desc ul{
	margin:15px 0px 0px 0px;
	padding:0;
	list-style:none;
}
.sampleSet div.desc ul li{
	margin:0px 0px 5px 0px;
	padding:0;
	float:left;
	width:152px;
}
.buttonWrap{
	width:100%;
	margin:auto;
	padding:0;
	text-align:right;	
}
.nfsBoxBotM{
	background:url(../images/nfs-box-bb.png) no-repeat bottom;
	margin:0px 0px 20px 0px;
	padding:0 0 10px 0;
	float:left;
	width:750px;
}
.nfsBoxT{
	background:url(../images/nfs-box-t.png) no-repeat top;
	margin:0;
	padding:0;
}
.nfsBoxI{
	margin:0;
	padding:0;
	border:1px solid #ccc;
	border-width:0 1px;
}
.wrapper{
	width:722px;
	background-color:#fff;
	margin: 0 auto;
	text-align:left;
}
.customQoutes{
	padding:0;
	font-size:12px;
}

.first{
	padding-bottom:2px;
}
.second{
	padding-bottom:2px;
}
.third{
	padding-bottom:2px;
}

.Custom p{
	text-indent: -9000px;
	width:164px;
	height:20px;
	overflow:hidden;
}
.GetInstant p{
	text-indent:-9000px;
	background:url(../images/GetInstantPricing.png) no-repeat top left;
	width:321px;
	height:16px;
	overflow:hidden;
}
.U_Page p{
	text-indent:-9000px;
	background:url(../images/U_pageCustomPrints.png) no-repeat top left;
	width:271px;
	height:16px;
	overflow:hidden;
}
.whoShouldRequest p{
	text-indent:-9000px;
	background:url(../images/whoShouldRequest.png) no-repeat top left;
	width:207px;
	height:16px;
	overflow:hidden;
}
.link a{
	
	font-weight:bold;
	color:#0066cc;
}
.link form{
	
	font-weight:bold;
	color:#0066cc;
	text-decoration:underline;
	margin:0;
	padding:0;
	cursor:pointer;
}

/*----------- Left Side Panel ------------*/
.leftSide{
	width:330px;
	float:left;
}

/*----------- Right Side Panel ------------*/
.rightSide{
	width:250px;
	float:right;
}

.rightSide ul{
	padding-left:24px;
}
.rightSide ul li{
	padding-bottom:5px;
}
/*mod*/
.pageTitleBlu{
	margin:0;
	padding:0;
}
.ayarlar{
	background:url(../images/ico_settings.png) no-repeat;
	padding-left: 18px;
	margin-left:5px;
	}
.orders{
	background:url(../images/ico_orders.png) no-repeat;
	padding-left: 18px;
	margin-left:5px;
	}
.exit{
	background:url(../images/ico_exit.png) no-repeat;
	padding-left: 18px;
	margin-left:5px;
	}
#order {
	width:100%;
	/*background:url(../images/mavi_bg.png) repeat-x 0 0;*/
	}
#ordertable {
	padding:15px;
	width:100%;
	text-align:center;
	/*border-collapse:collapse;*/
	}
#ordertable .oz1{
	padding:8px;
	}
#ordertable .oz2{
	padding:8px;
	}
#ordertable .aciklamalar{
	font-size:11px;
	height:8px;
	font-weight:bold;
	}
#ordertable .aciklamalar2{
	text-align:right;
	padding-right:10px;
	}
#ordertable .fiyatlar{
	text-align:right;
	padding-right:30px;
	}
#ordertable td{
	/*background-color:#FFF;*/
	font-size:13px;
	
	}
#ordertableheader{
	/*background:#FFF url(../images/form_topr.png);*/
	height:37px;
	text-align:left;
	padding-left:10px;
	font-weight:bold;
	}
	
#siparis-detay{
	width: 869px;
	height: 195px;
	margin-bottom:13px;
	background:#000 url(../images/tasarim/siparis-zemin.png);
}

#siparis-detay .kutu{
	padding: 10px;
	height: 175px;
	float:left;
	border-right: 1px solid #ccc;
	font-size: 12px;
	color: #fff;
}

#siparis-fiyat{
	width: 318px;
	height: 209px;
	float: right;
	text-align:right;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

#siparis-fiyat .label{
	width: 209px;
	float: left;
}

#siparis-fiyat .fiyat{
	width: 109px;
	float: right;
	text-align:right;
}

#helpicerik{
	padding:15px;
	font-size:12px;
	}
	

.faqsection {
	margin: 15px;
	font-size:12px;
	margin-bottom:40px;
}

div.faq {
	margin: 15px 0 0 10px;
}

div.faq .question {
	background:url(../images/ico_sss.png) no-repeat left 2px;
	color: #2763A5;
	cursor:  pointer;
	padding-left: 20px;
}

div.faq .question.active {
	background:url(../images/ico_sss.png) no-repeat left 2px;
}

div.faq .answer  {
	margin-left: 20px;	
}

div.faq ul,
div.faq ol {
	margin: 0 0 10px 20px;
}

#bro_img {
	float:right;
	margin-right:50px;
	margin-top:50px;
	}
#file_prep {
	width:33%;
	float:left;
	font-weight:bold;
	color:#900;
	}

.mainflash {
	float:left;
	margin-bottom:5px;
	}

.slid-gallery-block{background:url(../images/media/gallery_bg.png) left top no-repeat; width:974px; height:177px; padding-bottom:3px; }
.stripViewer {
	margin:0;
	overflow:hidden;
	position:relative;
}

#mygalone{overflow:hidden;}
#mygalone ul{position:relative; padding:0px; margin:0px; list-style-type:none;}
#mygalone ul li{float:left; position:relative; width:966px; height:170px; margin-top:0px; margin-left:0px;}

.stripTransmitter{position:absolute; z-index:999999; top:153px; left:880px; width:90px!important;}

.stripTransmitter ul{padding:0px; margin:0px; list-style-type:none;}
.stripTransmitter li{margin-right:4px; float:left; list-style-type:none;}
.stripTransmitter li a{display:block; width:24px; height:22px; background:url(../images/strip_batton_2.gif) left top no-repeat; text-decoration:none;}
.stripTransmitter li a:hover,
.stripTransmitter li a.current{background:url(../images/strip_batton_2_active.gif) left top no-repeat;}
.stripTransmitter li.first a{background:url(../images/strip_batton_1.gif) left top no-repeat; text-decoration:none;}
.stripTransmitter li.first a:hover,
.stripTransmitter li.first a.current{background:url(../images/strip_batton_1_active.gif) left top no-repeat;}
.stripTransmitter li.last a{background:url(../images/strip_batton_3.gif) left top no-repeat; text-decoration:none;}
.stripTransmitter li.last a:hover,
.stripTransmitter li.last a.current{background:url(../images/strip_batton_3_active.gif) left top no-repeat;}

#iletisim{
	width: 869px;
	margin: 0 auto;
}

#iletisim .sol{
	width: 500px;
	float: left;
}

#iletisim .sag{
	width: 366px;
	float: right;
	padding-top: 0px;
}

#alt{
	width: 869px;
	height: 74px;
	margin: 0 auto;
}

