/* 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, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size: 100%; font-weight:normal; vertical-align: baseline; background: transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse; border-spacing:0;}
:link, :visited {text-decoration:none;}
a:hover {text-decoration:underline}
a img, :link img, :visited img {border:none;}
address {font-style:normal;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}   
.clearfix {display: inline-block;}   
/*IE-mac de bu bolumu sakla \ */  
* html .clearfix {height: 1%;}   
.clearfix {display: block;}   
/* IE-mac bu bolumu saklama artik */ 
.clearBoth{ clear:both;}

/*  fix  */
.nowrap{ white-space:nowrap;}
.alignLeft{ text-align:left !important;}
.alignRight{ text-align:right !important;}
.alignJustify{ text-align:justify !important;}
strong{ font-weight:bold;}
.displayNone{ display:none;}
.visibilityHidden{ visibility:hidden}

/* width */
.width-50{ width:50px !important;}
.width-80{ width:80px !important;}
.width-100{ width:100px !important;}
.width-120{ width:120px;}
.width-174{ width:174px !important;}
.width-200{ width:200px;}
.width-270{ width:270px !important;}
.width-300{ width:300px !important;}
.width-320{ width:320px;}
.width-330{ width:330px !important;}
.width-325{ width:325px !important;}
.width-335{ width:335px;}
.width-355{ width:355px !important;}
.width-365{ width:365px !important;}
.width-380{ width:380px;}
.width-440{ width:440px !important;}
.width-450{ width:450px !important;}
.width-460{ width:460px !important;}
.width-480{ width:480px !important;}
.width-498{ width:498px;}
.width-630{ width:630px !important;}
.width-645{ width:645px;}
.width-650{ width:650px !important;}
.width-670{ width:670px;}
.width-960{ width:960px !important;}
.width-980{ width:980px !important;}

/* height */
.height-120{ height:120px !important;}
.height-300{ height:300px !important;}
.height-330{ height:330px !important;}

/* padding */
.padding-0{ padding:0 !important;}
.padding-10{ padding:10px !important;}

/*  padding bottom  */
.padding-b0 {padding-bottom:0px !important;}
.padding-b2 {padding-bottom:2px !important;}
.padding-b5 {padding-bottom:5px !important;}
.padding-b10 {padding-bottom:10px !important;}
.padding-b20 {padding-bottom:20px !important;}
.padding-b40 {padding-bottom:40px !important;}

/*  padding top  */
.padding-t0 {padding-top:0 !important;}
.padding-t4 {padding-top:4px !important;}
.padding-t10 {padding-top:10px !important;}
.padding-t12 {padding-top:12px;}
.padding-t20 {padding-top:20px;}
.padding-t30 {padding-top:30px;}
.padding-t40 {padding-top:40px;}

/*  padding left  */
.padding-l0 {padding-left:0 !important;}
.padding-l5 {padding-left:5px !important;}
.padding-l10 {padding-left:10px !important;}
.padding-l15 {padding-left:15px !important;}
.padding-l20 {padding-left:20px !important;}
.padding-l22 {padding-left:22px !important;}
.padding-l30 {padding-left:30px !important;}
.padding-l40 {padding-left:40px !important;}
.padding-l90 {padding-left:90px !important;}
.padding-l120 {padding-left:120px !important;}
.padding-l155 {padding-left:155px !important;}

/*  padding right  */
.padding-r5 {padding-right:5px !important;}
.padding-r7 {padding-right:7px;}

/*  margin top  */
.margin-t0 {margin-top:0px !important;}
.margin-t1 {margin-top:1px;}
.margin-t4 {margin-top:4px !important;}
.margin-t5 {margin-top:5px !important;}
.margin-t6 {margin-top:6px;}
.margin-t7 {margin-top:7px !important;}
.margin-t10 {margin-top:10px !important;}
.margin-t11 {margin-top:11px !important;}
.margin-t13 {margin-top:13px;}
.margin-t18 {margin-top:18px !important;}
.margin-t20 {margin-top:20px;}
.margin-t21 {margin-top:21px;}
.margin-t23 {margin-top:23px;}
.margin-t25 {margin-top:25px;}
.margin-t30 {margin-top:30px;}
.margin-t40 {margin-top:40px;}
.margin-t50 {margin-top:50px;}

/*  margin left  */
.margin-l5 {margin-left:5px;}
.margin-l10 {margin-left:10px;}
.margin-l11 {margin-left:11px;}
.margin-l15 {margin-left:15px;}
.margin-l20 {margin-left:20px;}
.margin-l30 {margin-left:30px;}
.margin-l60 {margin-left:60px;}

/*  margin right  */
.margin-r5 {margin-right:5px;}
.margin-r10 {margin-right:10px;}
.margin-r20 {margin-right:20px;}
.margin-r30 {margin-right:30px;}

/*  margin bottom  */
.margin-b0 {margin-bottom:0 !important;}
.margin-b5 {margin-bottom:5px !important;}
.margin-b10 {margin-bottom:10px !important;}
.margin-b20 {margin-bottom:20px;}

.floatLeft {float:left;}
.floatRight {float:right !important;}
.floatNone {float:none;}
.clearNone { clear:none !important;}
.borderNone{ border:none !important;}


/* BODY */
body{background:url(/images/main_bg.gif) left top repeat-x;}
html, body {height:100%; background-color:#FFF;}
.cursorHelp{ cursor:help;}

/* tipografi */
/* family */
label, input, span, td { font-family:"Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6, th { font-family:Arial, Helvetica, sans-serif; font-weight:bold;}

/* size */
li, th {font-size:.75em;}
h1 { font-size:1.5em; color:#a3001b;}
h2 { font-size:1.5em;}
h3 { font-size:1.5em;}
h4 { font-size:0.875em;}
h5 { font-size:0.75em;}
h6, td { font-size:0.688em;}


/* line height */
p, li, h1, h2, h3, h4, h5, h6, td{line-height:normal;}


p { color:#333; font-size:12px; font-family:Geneva, sans-serif;}
li { font-family:Geneva, sans-serif}

/* formlar */
form {float:left;}
fieldset{ float:left;}
ul.myformlist{float:left;}
ul.myformlist li{clear:both; float:left;}
label{ height:15px; float:left; padding:5px 0 0 1px; display:inline-block; font:12px Arial, Helvetica, sans-serif; color:#333;}
label.mini{ font-size:10px; color:#999; height:12px; padding-top:0;}
label.dom{ padding-top:10px; width:50px; margin-left:2px; font-size:11px;}
label.search-title{ padding-top:7px; margin-right:10px; font-weight:bold;}
label.error{ display:none !important;}
span.small-desc{ font:.875em Arial, Helvetica, sans-serif; color:#999; padding-left:5px;}
label.hrz{ padding-top:9px;}
label.error{color:#d5616a; font-size:10px; float:left; clear:left;}
input.tiny, input.small, input.medium, input.large, input.tarih{ height:16px; float:left; border:0; outline:0; padding:8px 5px; font:bold 14px Arial, Helvetica, sans-serif; clear:both;}

ul.myformlist-inner{float:left;}
ul.myformlist-inner li{float:left; clear:none; margin-right:5px;}

span.uploadFile{ float:left; clear:both; margin-top:5px; padding-bottom:5px;}

input.tiny{ width:46px; background:url(/images/input-tiny.png) left top no-repeat;}
input.tiny:focus{ background:url(/images/input-tiny.png) left -96px no-repeat;}
input.tiny.error{ background:url(/images/input-tiny.png) left -32px no-repeat;}
input.tiny.horizontal{ clear:none; margin:0 5px;}

input.small{ width:145px; background:url(/images/input-small.png) left top no-repeat;}
input.small:focus{ background:url(/images/input-small.png) left -96px no-repeat;}
input.small.error{ background:url(/images/input-small.png) left -32px no-repeat;}

input.tarih{ width:145px; background:url(/images/input-small.png) left -128px no-repeat;}
input.tarih:focus{ background:url(/images/input-small.png) left -160px no-repeat;}

input.medium{ width:305px; background:url(/images/input-medium.png) left top no-repeat;}
input.medium:focus{ background:url(/images/input-medium.png) left -96px no-repeat;}
input.istege-bagli{ background:url(/images/input-medium.png) left -64px no-repeat;}
input.medium.error{ background:url(/images/input-medium.png) left -32px no-repeat;}

input.large{ width:505px; background:url(/images/input-large.png) left top no-repeat;}
input.large:focus{ background:url(/images/input-large.png) left -96px no-repeat;}
input.large.error{ background:url(/images/input-large.png) left -32px no-repeat;}

span.checkbox{height:13px; width:13px; float:left; border:0; outline:0; padding:10px 9px 9px 10px; clear:both; background:url(/images/input-checkbox.png) left top no-repeat;}
input.checkboxbg{ width:13px; height:13px;}

span.radio{height:14px; width:14px; float:left; padding:9px; clear:both; background:url(/images/input-radio.png) left top no-repeat;}
input.radiobg{ margin:0 0 0 1px; margin:1px 0 0\9; width:13px; height:13px; float:left; border:0; outline:0;}

select.small{width:155px; height:32px !important; line-height:28px !important; margin:0; padding:7px 7px 7px 5px; float:left; border:0; background:transparent url(/images/input-small.png) left top no-repeat; font:bold 14px Arial, Helvetica, sans-serif; outline:0; clear:left;}
select.small:focus{ background:url(/images/input-small.png) left -96px no-repeat;}
select.small.error{ background:url(/images/input-small.png) left -32px no-repeat;}

select.tiny{width:56px; height:32px !important; line-height:28px !important; margin:0; padding:7px 7px 7px 5px; float:left; border:0; background:transparent url(/images/input-tiny.png) left top no-repeat; font:bold 14px Arial, Helvetica, sans-serif; outline:0; clear:left;}
select.tiny:focus{ background:url(/images/input-tiny.png) left -96px no-repeat;}
select.tiny.error{ background:url(/images/input-tiny.png) left -32px no-repeat;}

#dogrulama-container{ float:left; clear:left;}
#dogrulama-container input{ clear: none;}
img.captcha{ float:left; margin-right:5px;}
input.buton{ height:30px; padding:0;}
p.btnholder{ padding-top:10px; clear:both; float:left}
* html p.btnholder{ display:inline-block; float:none}
select{height:28px; float:left;}
span.textArea{ width:310px; height:76px; float:left; margin:0; padding:8px 0 8px 5px; background:url(/images/textarea.png) left top no-repeat; clear:both;}
textarea{width:305px; height:76px; margin:0; padding:0; border:0; outline:0; font:bold 14px Arial, Helvetica, sans-serif; background:none;}
span.textArea-wide{ width:970px; height:392px; float:left; margin:0; padding:5px; background:url(/images/textarea-wide.png) left top no-repeat; clear:both;}

/* uyarılar */
.warning{ margin:10px; width:auto;}
p.bilgi{color:#2c5f83; padding:10px 10px 8px; background:url(/images/bilgibg.png) left top repeat-x #b1dfff; border:1px solid #57b9fe;}
p.uyari{color:#805100; padding:10px 10px 8px; background:url(/images/uyaribg.png) left top repeat-x #ffdb4e; border:1px solid #eeb400;}
p.hata{ color:#FFF; padding:10px 10px 8px; background:url(/images/hatabg.png) left top repeat-x #ec0000; border:1px solid #c3000f;}
p.tamam{ color:#455311; padding:10px 10px 8px; background:url(/images/tamambg.png) left top repeat-x #bbe230; border:1px solid #849f20;}
span.bilgitext, span.uyaritext, span.hatatext, span.tamamtext{ padding:2px 0 2px 34px; font-size:1em; width:90%; text-align:justify; display:inline-block;}
span.bilgitext{background: url(/images/bilgi-icon.png) left 0 no-repeat;}
span.uyaritext{background: url(/images/uyari-icon.png) left 0 no-repeat;}
span.hatatext{background: url(/images/hata-icon.png) left 0 no-repeat;}
span.tamamtext{background: url(/images/tamam-icon.png) left 0 no-repeat;}
span.wkapat{ float:right;}

/* upload */
.resimupload{ background-color:#fff; padding:10px 10px 0; margin:1px 0 10px; float:left; clear:left; border:1px dotted #c7c7c7;}
#fileQueue { float:left; clear:left;}
.uploadifyQueueItem { border: 2px solid #E5E5E5; background-color:#f0f0f0; margin:0 0 5px 0; padding:3px; width:282px;}
.uploadifyError {border: 2px solid #FBCBBC !important;	background-color: #FDE5DD !important;}
.uploadifyQueueItem .cancel {float:right;}
.uploadifyProgress {background-color:#FFFFFF; border-top:1px solid #808080; border-left:1px solid #808080; border-right:1px solid #C5C5C5; border-bottom:1px solid #C5C5C5; margin-top:5px; width: 280px;}
.uploadifyProgressBar { background-color:#4fba00; width: 1px; height: 2px;}

/* resimbox */
ul.yuklenen-resimler{ padding:5px 0; float:left; clear:left;}
ul.yuklenen-resimler li{ float:left; clear:none; margin:5px 10px 5px 0; display:inline; position:relative;}
ul.yuklenen-resimler li img{ float:left}
span.resim-sil{ position:absolute; top:0; right:0;}
p.hepsini-sil{ float:left; clear:left; margin-bottom:10px;}

/* pager */
.pager{ width:650px; height:42px; float:left; margin-top:10px; background: url(/kp/images/sayfa-icon.gif) 6px 15px no-repeat #f2f2f2;}
.pager p{ padding:11px 0 5px 28px; float:left}
.pager p a{display:inline-block; margin:0 1px; padding:0 0 0 5px; height:20px; text-decoration:none; border:0; color:#444;}
.pager p a span{height:18px; display:inline-block; padding:2px 5px 0 0; float:left; cursor:pointer;}
.pager p a:hover{background:url(/kp/images/number-bg-left.png) left top no-repeat; text-decoration:none; border:0;}
.pager p a:hover span{ background:url(/kp/images/number-bg.png) right top no-repeat;}

.pager p a.first, .pager p a.back, .pager p a.next, .pager p a.last{width:23px; padding:0; margin:0 1px;}
.pager p a.first {background:url(/kp/images/pager-icon.png) 0 0 no-repeat;}
.pager p a.back {background:url(/kp/images/pager-icon.png) 0 -20px no-repeat;}
.pager p a.last {background:url(/kp/images/pager-icon.png) -23px 0 no-repeat;}
.pager p a.next {background:url(/kp/images/pager-icon.png) -23px -20px no-repeat;}
.pager p a.first:hover {background:url(/kp/images/pager-icon.png) 0 -40px no-repeat;}
.pager p a.back:hover {background:url(/kp/images/pager-icon.png) 0 -60px no-repeat;}
.pager p a.last:hover {background:url(/kp/images/pager-icon.png) -23px -40px no-repeat;}
.pager p a.next:hover {background:url(/kp/images/pager-icon.png) -23px -60px no-repeat;}

.sayfaya-git{ float:right; padding:5px;}


/* uyarilar */
.info-box{ width:300px; float:right; padding:0 0 5px 0; background:url(/images/info-box-b.png) left bottom no-repeat; display:inline;}
.info-box p{ width:300px; height:30px; float:left; background:url(/images/info-box-t.png) left top no-repeat;}
.info-box p span{ width:290px; height:25px; float:left; margin:5px 0 0; padding:6px 0 0 10px; background-color:#fef788; font:bold 14px Arial, Helvetica, sans-serif;}
.info {width:300px; float:left; background-color:#fef788}
.info p{ float:left; padding:0 0 0 10px;}

ul.uyarilar{ padding:10px 10px 5px; float:left;}
ul.uyarilar li{ margin:0 0 5px; padding:0 0 0 11px; float:left; clear:left; font:12px Arial, Helvetica, sans-serif; background:url(/kp/images/black-bullet.png) left 3px no-repeat;}
* html ul.uyarilar li{ width:269px;}
ul.uyarilar li em{ color:#666; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.uyarilar li a{ color:#51626f; font-weight:bold;}
ul.uyarilar li a:hover{background-color:#51626f; color:#fff;}

/* iletişim */
.iletisim-box{ width:300px; height:480px; float:right; background:url(/images/iletisim-box.png) left top no-repeat;}
.i-box {width:256px; margin:0 22px; padding:10px 0; float:left; border-bottom:1px dotted #c7c7c7;}
.i-box p{width:256px; float:left;}
.ifacebook{ background:url(/images/sosyalmedya.gif) left top no-repeat; padding-left:21px; height:16px;}
.itwitter{ background:url(/images/sosyalmedya.gif) left -16px no-repeat; padding-left:21px; height:16px;}
.ifacebook a, .itwitter a{ color:#333;}
span.iletisim-tit{ width:80px; padding:2px 5px; margin-right:5px; margin-bottom:1px; display:inline-block; font-family:inherit; font-weight:bold; color:#666; background-color:#f2f2f2;}
.gonderildi{padding:10px 0 10px 10px; float:left; width:380px; height:298px; background-color:#FFF;}
.gonderildi p{background:url(/images/iBasarili.png) left top no-repeat; font:12px Arial, Helvetica, sans-serif; padding:5px 0 0 34px; display:inline-block; height:24px;}

/* Tabs
----------------------------------*/
.ui-tabs {float:left; position: relative; padding:10px; display:inline; background: url(/images/detay/tabbg.png) left top repeat-x #d4d5bc;}
.ui-tabs .ui-tabs-nav { width:700px; padding-left:10px; height:40px; float:left; background:url(/images/account/sub-tab-bg.png) left top no-repeat; display:inline;}
.ui-tabs .ui-tabs-nav li { position: relative; float: left; height:18px; padding:12px 10px 10px;}
.ui-tabs .ui-tabs-nav li a { float:left; text-decoration: none; height:18px; display:inline-block; font:12px Arial, Helvetica, sans-serif; color:#6f6f6f;}
.ui-tabs .ui-tabs-nav li a:hover{ color:#000;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a{ color:#000; font-weight:bold; background:url(/images/detay/tab-current-ok.png) center 28px no-repeat; padding-bottom:19px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: default; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; }
.ui-tabs .ui-tabs-hide {display: none !important; }
.ui-tabs .ui-tabs-panel {display:block; padding:20px 0 0; width:710px; float:left;}
.linuxtab{ background:url(/images/icon/tab-os-icon.png) left top no-repeat; padding-left:32px !important; margin-left:11px;}
.windowstab{ background:url(/images/icon/tab-os-icon.png) left -40px no-repeat; padding-left:32px !important; margin-left:10px;}
.linuxpanel{ background:url(/images/detay/linuxbg.png) left bottom no-repeat;}

.tab-info-box{ float:right; margin:12px 20px 20px 0; padding:0 0 5px 0; width:300px; background:url(/images/account/tab-info-box-b.png) left bottom no-repeat; display:inline;}
.tab-info-box p{ width:300px; height:30px; float:left; margin:0; padding:0; background:url(/images/account/tab-info-box-t.png) left top no-repeat;}
.tab-info-box p span{ width:290px; height:25px; float:left; margin:5px 0 0; padding:6px 0 0 10px; background-color:#fef788; font:bold 14px Arial, Helvetica, sans-serif;}
.tab-info {width:300px; padding:0; float:left; background-color:#fef788}
.tab-info p{ float:left; margin:0; padding:0 0 0 10px;}
ul.yetkili{ margin:0; padding:0; list-style:none; float:left;}
ul.yetkili li{ margin:0; padding:0; float:left; clear:left; font:12px Arial, Helvetica, sans-serif;}
ul.yetkili li.yyok{ padding:0 0 5px 10px;}
ul.yetkili li ul{ width:250px; margin:7px 0 0 20px; padding:3px 0; list-style:none; float:left; display:inline;}
ul.yetkili li ul li{ float:left; clear:left; margin:2px 0; padding:0;}
.yetkili-box{ width:300px; height:80px; margin:0; padding:0; background:url(/images/account/yetkili-bg.png) left top no-repeat;}
.yetkili-box p.ysil{ float:left; width:20px; margin:0; padding:9px 0 0 0; background:none;}

ul.uyarilar{ margin:0; padding:10px 10px 5px; list-style:none; float:left;}
ul.uyarilar li{ width:269px; margin:0 0 5px; padding:0 0 0 11px; list-style:none; float:left; clear:left; font:12px Arial, Helvetica, sans-serif; background:url(/images/icon/black-bullet.png) left 3px no-repeat;}
ul.uyarilar li em{ font-size:11px; color:#666; font:normal 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
ul.uyarilar li a{ color:#51626f; font-weight:bold;}
ul.uyarilar li a:hover{background-color:#51626f; color:#fff;}

.diger-paketler{width:730px; height:40px; float:left; background:url(/images/paket/diger-paketler-bg.png) left top no-repeat; position:relative;}
.tab-kapama{width:730px; height:20px; float:left; background:url(/images/paket/tab-kapama.png) left top no-repeat;}
ul.dp-list{ float:left; padding:5px 0 5px 25px;}
ul.dp-list li{ float:left; margin-right:15px;}
.linuximg{ position:absolute; top:-30px; left:16px;}
.xeonimg, .vmwareimg, .openvzimg{ position:absolute; top:-34px; left:16px;}


/**************************************************************************************************************************************************/

#container {padding:20px; width:960px; float:left;}
.welcome_container{ float:left; width:750px; padding:10px 5px 0; background-color:#27292d;}
.spot_haberler{ float:left; width:365px; height:118px; margin:0 5px; background:url(/images/spot_haber_bg.png) left top no-repeat;}
.firsatlar{ float:left; width:365px; height:118px; margin:0 5px; background:url(/images/firsatlar_bg.png) left top no-repeat;}
/*  menüler */
#sol-menu {width:200px; background:url(/images/menu_bg.gif) left top repeat-y; float:left}
p.m-top{float:left; width:200px;}
.mtop, .mbottom{ width:200px; height:30px;}
.mtop{ background:url(/images/menu-t-b.gif) left top no-repeat;}
.mbottom{ background:url(/images/menu-t-b.gif) left -30px no-repeat;}
p.title{padding:20px 0 0 10px; height:20px; float:left; width:190px;}

ul.main-cat{padding:0 10px; float:left; width:180px;}
ul.main-cat li{ padding:3px 0 0 5px; height:19px; font:.688em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ffe119; float:left; display:inline; width:175px; background:url(/images/menu-item-bg.gif) bottom left repeat-x;}
ul.main-cat li a{ margin:0; font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ffde00; text-decoration:none;}
ul.main-cat li a:hover{color:#474c2c}
ul.main-cat li.nobg a{background:none;}
ul.main-cat li.last{background:none;}

ul.sub-cat{padding:0 10px 0 15px; float:left; width:175px;}
ul.sub-cat li{width:175px; height:23px; float:left; display:inline;  font-size:1em; background:url(/images/menu-item-bg.gif) left bottom repeat-x;}
ul.sub-cat li em{font:bold .938em Arial, Helvetica, sans-serif; color:#5d8d00;}
ul.sub-cat li a{width:165px; height:20px; padding:3px 0 0 5px; font:.688em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#f2ffdc; text-decoration:none; display:block;}
ul.sub-cat li a:hover, ul.sub-cat li.current a{background:url(/images/buton.gif) left 2px no-repeat; color:#3c5d00;}
ul.sub-cat li a:hover em, ul.sub-cat li.current a em{color:#3c5d00;}

/* içerik */
#content {float:left; width:756px; padding:2px;}
#subpage-container {width:760px; float:left;}
#maintitle {width:760px; height:20px; padding:10px 0 0 0; float:left; background:url(/images/title.png) top left no-repeat; position:relative;}
#subpage-title {width:760px; height:40px; float:left; background: url(/images/sub-page-top-bg.png) left top no-repeat;}
p.logo{margin:0; padding:0 0 0 15px; float:left; width:39px;}
p.mlogo{ position:absolute; top:0px; left:15px; width:39px;}
#top-flash {width:760px; height:420px; float:left;}
#main-icons{width:760px; height:88px;float:left;}
#subpage-content {padding:5px 15px 15px; width:730px; min-height:725px; background-color:#e1e2c9; float:left;}
* html #subpage-content{height:725px;}
#main-content {margin:0; padding:0 10px; width:740px; background-color:#27292d; float:left;}
h1.blok-title{width:710px; font:bold 18px "Lucida Sans Unicode", "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; background-color:#000; color:#8fd400; padding:20px 10px 10px; border-bottom:1px dotted #fff615; float:left; display:inline;}
span.blok-title-desc{font:14px "Lucida Console", Monaco, monospace, Tahoma, Geneva, sans-serif; color:#fff;}
p.explain{ width:710px; font:.875em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#777; background-color:#fff; padding:10px; clear:left; float:left; display:inline;}
a.nwLink{ color:#704f40; background-color:#fef788; padding:0 2px 2px;}

/* breadcrumb */
ul.submenu-links{margin:12px 0 0 0; padding-left:10px; float:left; display:inline;}
ul.submenu-links li{padding:0 5px 0 0; float:left; list-style:none; font:.688em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff;}
ul.submenu-links li a{padding:0 10px 0 0; background:url(/images/icon/beyaz-ok.png) right 4px no-repeat; text-decoration:none; font:1em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff;}
ul.submenu-links li a:hover{color:#d8d8d8;}
ul.submenu-links li.current{font:bold .688em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#ffde00;}

/* müşteri panel */
#sub-bar{ margin:0; padding:0; float:right;}
#sub-bar li { width: auto; float:left; list-style: none; margin:0 0 0 3px; padding:0; display:inline;}
#sub-bar li a { width:68px; height:21px; margin:0; padding:0; display:block; font:bold 10px "Lucida Sans Unicode", "Lucida Grande", "Myriad Pro", sans-serif; text-decoration:none; color:#000; white-space: nowrap; border:0;}
#destek {width:745px; height:22px; padding:0 15px 0 0; background-color:#e1e2c9; float:left;}

/* hosting */
.kapsul{padding:15px; background:url(/images/hosting-kapsul-bg.gif) top left repeat; width:700px; float:left; display:inline;}
h2.kapsul-title{background:url(/images/hosting-kapsul-bg.gif) top left repeat; float:left; font-size:.75em; padding:15px 15px 0 21px;}
span.kapsul-title-text{ background-color:#FFF; padding:0 5px; font:bold 1em Arial, Helvetica, sans-serif;}
.kapsul-blok-container{padding:10px 0; width:700px; float:left; background:url(/images/kapsul-blok-bg.gif) left top repeat-y #fff;}
.kapsul-blok-container-2-blok{padding:10px 0; width:700px; float:left; background:url(/images/kapsul-blok-2blok-bg.gif) left top repeat-y #fff;}
.kapsul-blok{padding:5px 10px; float:left; width:155px;}
h3.kapsul-blok-title{ float:left; font-size:.75em; padding:0 0 5px;}
p.kapsul-blok-text{width:155px; float:left; clear:left; font-size:11px;}

p.blok-detay-button{margin:10px 0 0; width:155px; height:21px; text-align:center; float:left;}
p.blok-detay-button a{padding:0 10px 0 0; height:21px; background:url(/images/detay-buton-bg.gif) right top no-repeat; display:inline-block;}
p.blok-detay-button a span {height:18px; padding:3px 0 0 10px; font:.875em Arial, Helvetica, sans-serif; background:url(/images/detay-buton-bg-left.gif) left top no-repeat; text-decoration:none; display:inline-block; color:#fff;}
p.blok-detay-button a:hover {text-decoration:none !important;}
p.blok-detay-button a:hover span {color:#fc0;}

/* mail hosting */
.paket-container{width:696px; padding:19px 17px; float:left; background:url(/images/hosting-kapsul-bg.gif) left top repeat; display:inline;}
.main-paket-container{width:696px; height:221px; padding:20px 22px; margin:4px 0; float:left; background:url(/images/main-hosting-kapsul-bg.gif) left top repeat;}

/* paketler */
.paket, .paket-2, .main-paket{margin:0 2px; padding:0; width:170px; float:left; display:inline;}
.paket{background:url(/images/paket/paket-bg.png) left top no-repeat; height:341px;}
.paket-2{background:url(/images/paket/paket-bg-2.png) left top no-repeat; height:401px; }
.main-paket{background:url(/images/paket/main-paket-bg.png) left top no-repeat; height:221px;}

/* paket tablo */
p.paket-title {width:170px; height:56px; float:left; }

table.t-paket, table.t-paket-fix{margin:10px 0; width:170px; border-spacing:0; border-collapse:collapse; float:left;}
table.t-paket{height:210px;}
table.t-paket-fix{height:90px;}
.linuxt{ background:url(/images/icon/linux.png) right top no-repeat;}
.windowst{ background:url(/images/icon/windows.png) right top no-repeat;}
td.ozellik{margin:0; padding:13px 0 0 12px; width:78px; height:17px; font:bold .7em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#000; float:left}
td.ozellik span{color:#ae1212; font-size:8px; font-family:Tahoma, Geneva, sans-serif;}
td.ozellik span.dvd{color:#000; font-size:10px; font-family:"Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}
td.deger{margin:0; padding:13px 0 0 0; width:80px; height:17px; font:bold .7em "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#888; float:left;}
td.pt-0{padding-top:4px;}
td.pt-1{padding-top:6px;}

.paket-fiyat{width:170px; height:55px; margin:0; padding:0; float:left; background:url(/images/paket/paket-fiyat-bg.png) left top no-repeat;}

ul.p-fiyat {margin:0; padding:17px 0 0 10px; width:85px; float:left;}
ul.p-fiyat li{margin:0; padding:0; list-style:none; float:left;}
ul.p-fiyat li.tl{margin:0; padding:0 14px 0 0; background:url(/images/paket/tl.png) top right no-repeat;}
ul.p-fiyat li.tlay{margin:0; padding:0 14px 0 0; background:url(/images/paket/tlay.png) top right no-repeat;}
p.paket-detay-button{width:75px; height:42px; margin:0; padding:13px 0 0 0; float:left;}
td.deger img{margin:0 2px 0 0;}
td.other{margin:0; padding:10px 0 0 0; width:75px; height:20px; font:bold 11px "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; color:#888;}


#paket-kapsul{margin:0; padding:17px; width:696px; float:left; background:url(/images/hosting-kapsul-bg.gif) left top repeat;}

ul.genel-list {float:left;}
ul.genel-list li{margin:0 0 10px; float:left; clear:left; color:#333}
ul.genel-list li span{width:18px; height:12px; text-align:center; margin:0 5px 0 0; padding:2px 0 0; font:.7em Geneva, Arial, Helvetica, sans-serif; color:#fff; float:left; background:url(/images/icon/list-icon.png) left top no-repeat;}

#misc{width:760px; height:20px; background-color:#a5a692; float:left;}
#misc p{text-align:center;}
#misc p img{margin:2px 1px;}
span.uptime{ background:url(/images/bar-uptime.png) left top no-repeat; width:82px; height:16px; margin-top:2px; padding:1px 8px 0 0; vertical-align:top; display:inline-block; font-size:10px; text-align:right; color:#666;}

#copyright {width:760px; padding-top:5px; background-color:#fff; float:left;}
#copyright p{padding:5px 0 0; font:.613em Geneva, Arial, Helvetica, sans-serif; color:#000; text-align:center;}
#copyright a{font:bold 10px  Geneva, Arial, Helvetica, sans-serif; color:#678f00; padding:0 5px 2px; text-decoration:none;}
#copyright a:hover{ background-color:#678f00; color:#fff;}

ul.sss-numbers{margin:5px; padding:0; width:730px; display:inline-block;}
ul.sss-numbers li{margin:1px; padding:0; float:left; text-align:center; list-style:none; font:bold .7em Geneva, Arial, Helvetica, sans-serif; display:inline-block;}
ul.sss-numbers li span{margin:0; padding:0 7px 0 0; background:url(/images/detay-buton-bg.gif) no-repeat right top; display:inline-block;}
ul.sss-numbers li span a { height:18px; margin:0; padding:3px 0 0 7px; font:1em Geneva, Arial, Helvetica, sans-serif; background:url(/images/detay-buton-bg-left.gif) top left no-repeat; text-decoration:none; display:inline-block; color:#fff; border:0;}
ul.sss-numbers li span a:hover {color:#fc0;}
ul.sss-numbers li.current span{margin:0; padding:0 7px 0 0; background:url(/images/detay-buton-bg.gif) no-repeat right top; display:inline-block;}
ul.sss-numbers li.current span a { height:18px; margin:0; padding:3px 0 0 7px; font:bold 1em Geneva, Arial, Helvetica, sans-serif; background:url(/images/detay-buton-bg-left.gif) top left no-repeat; text-decoration:none; display:inline-block; color:#fc0; border:0;}

.sss-kapsul{width:730px; margin:0; padding:0; font:.7em Geneva, Arial, Helvetica, sans-serif; color:#000; display:none;}
div.garanti, div.yapi-kredi, div.finansbank, div.isbankasi, div.ptt{width:730px; height:100px; margin:5px; padding:0; float:left;}
div.garanti{background:url(/images/garanti-bg.jpg) top left no-repeat;}
div.yapi-kredi{background:url(/images/yapi-kredi-bg.jpg) top left no-repeat;}
div.finansbank{background:url(/images/finansbank-bg.jpg) top left no-repeat;}
div.isbankasi{background:url(/images/isbankasi-bg.jpg) top left no-repeat;}
div.ptt{background:url(/images/ptt-bg.jpg) top left no-repeat;}
table.hesap{margin:35px 0 0 252px;; padding:0; border-spacing:0; border-collapse:collapse;}
table.hesap td{margin:0; padding:0 5px; height:16px; font: .7em Geneva, Arial, Helvetica, sans-serif; color:#555;}


div.uyari{ width:730px; height:40px; float:left; margin:10px 0; padding:0; display:inline;}
#subpage-content div.uyari p.hata, #subpage-content div.uyari p.basarili, #subpage-content div.uyari p.bilgi{ width:675px; margin:0; padding:12px 0 0 55px; height:28px; font:12px "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fff;}
#subpage-content div.uyari p.hata{background:url(/images/uyari-bg.png) 0 0 no-repeat;}
#subpage-content div.uyari p.basarili{background:url(/images/uyari-bg.png) 0 -40px no-repeat;}
#subpage-content div.uyari p.bilgi{background:url(/images/uyari-bg.png) 0 -80px no-repeat;}