/* Reset reset.css (v1.0 | 20080212)
-----------------------------------------------------------------------------*/

/* 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, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  background: transparent;
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
} */

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, legend, caption {
  border: 0;
  font-size: 100%;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Typographics and Color
-----------------------------------------------------------------------------*/
p, ul {
  color: #000;
  font: normal 13px "Lucida Sans Unicode";
  line-height: 1.2;
  padding-top: 16px;
}

p {
  text-align: justify;
  padding-left: 0;
}

ul {
  list-style-type: disc;
  list-style-image: url(/images/icon4.gif);
  padding-left: 16px;
}

/* Structure
-----------------------------------------------------------------------------*/
#wrap {

  width: 966px;
}

.clear {
  clear: both;
  font-size: 0;
  overflow: hidden; /* тройной презерватив для IE */
}

#header {
  background-image: url(/images/topbg.gif);
  height: 88px;
}

#navbar {
  background-image: url(/images/menubg2.gif);
  height: 31px;
  padding-left: 7px;
  padding-top: 7px;
}

#banner {
  height: 225px;
}

#content {
  background-color: #fcd215;
  overflow: hidden;
  padding: 16px;
}

#footer {
  clear: both;
}

/* Headings
-----------------------------------------------------------------------------*/
h2:first-child {
  padding-top: 0;
}

h2 {
  color: #000;
  font: bold 13px "Lucida Sans Unicode";
  padding-top: 20px;
}

h3 {
  color: #000;
  font: bold 12px "Lucida Sans Unicode";
  padding-top: 16px;
}

/* Images
-----------------------------------------------------------------------------*/

/* Lists
-----------------------------------------------------------------------------*/

/* Forms
-----------------------------------------------------------------------------*/

/* Columns
-----------------------------------------------------------------------------*/
.column {
  float: left;
}

.column ul {
  font-size: 12px;
  line-height: 1.4;
}

/* Separators
-----------------------------------------------------------------------------*/

/* Для разделителей используются имена характеризующие их по высоте, но никак
не связанные с изображением разделителя */
div.size33px {
  background-image: url(/images/spl.gif);
  height: 33px;
}

div.size5px {
  background-image: url(/images/bg1.gif);
  height: 5px;
}

div.size2px {
  background-image: url(/images/bg2.gif);
  height: 2px;
}

div.hr hr {
  display: none;
}

/* Messages
-----------------------------------------------------------------------------*/
#notice, #error, #warning {
  background-color: inherit;
  color: white;
  margin-bottom: 8px;
  padding: 16px;
}

#notice {
  background-color: #0c3;
  border: 3px solid #7FE699;
}

#warning {
  background-color: #ff9900;
  border: 3px solid #ffcc00;
}

#error {
  background-color: #c00;
  border: 3px solid #e67f00;
}

small.error {
  display: none;
}

.error-with-field {
  display:inline;
}

/* Details
-----------------------------------------------------------------------------*/

/* Этот стиль используется при выводе списков сразу после заголовка, вместе с ним
для заголовка третьего уровня задается отступ аналогичный отступу для списка */
h3+ul {
  padding-top: 0;
}

h3.indent {
  padding-left: 16px;
}

/* Этот стиль делает нулевой отступ сверху, когда перез заголовком второго уровня
стоит разделительная полоса */
.size33px+h2 {
  padding-top: 0;
}

/* Structure: Header
-----------------------------------------------------------------------------*/
#header > img {
  display: block;
  float: left;
}

#control-panel {
  margin-left: 400px;
  padding-top: 62px;
  width: 537px;
}

#control-panel img {
  border-width: 0;
  vertical-align: middle;
}

/* Structure: Content: Index
-----------------------------------------------------------------------------*/

/* Для Index ненадо использовать отступ, поэтому используем отрицательный отступ
чтобы невилировать общие найстройки для всех страниц */
#index-page {
  margin-top: -16px;
}

/* -----------------------------------*/
/* ---------->>> UNSORTED <<<---------*/
/* -----------------------------------*/
#dilek-left-column {
  position: relative;
  float: left;
  width: 663px;
}

#dilek-right-column {
  position: relative;
  margin-left: 682px;
  width: 251px;
}

#dilek-banner-side img {
  padding-bottom: 6px;
}

#content .one-of-three {
  width: 30%;
}

#content .one-of-three+.one-of-three {
  padding-left: 40px;
}

#datacenter-image {
  width: 510px;
}

#datacenter-image img {
  display: block;
  float: left;
}

#datacenter-desc {
  width: 408px;
}

#datacenter-desc p:first-child {
  padding-top: 0;
}

#datacenter-image+#datacenter-desc {
  padding-left: 16px;
}

.dilek-hosting-plan {
  width: 190px;
}

.dilek-hosting-plan h3 {
  padding-bottom: 16px;
}

.dilek-hosting-plan ul {
  margin-left: 0;
  padding-left: 0;
  line-height: 1.4;
  padding-bottom: 5px;
  padding-top: 5px;
}

.dilek-hosting-plan li:first-child {
  padding-top: 0;
}

.dilek-hosting-plan li {
  list-style-image: url(/images/icon1.gif);
  list-style-position: inside;
  margin-left: 0;
  padding-left: 0;
  padding-top: 5px;
}

.dilek-hosting-plan > img {
  display: block;
}

.dilek-hosting-plan-cost {
  background-image: url(/images/fiyatbg.gif);
  height: 28px;
  line-height: 28px;
  margin-top: 10px;
  text-align: center;
}

.dilek-hosting-plan-order {
  background-image: url(/images/hostingbg.gif);
  height: 28px;
  line-height: 28px;
  margin-top: 6px;
  text-align: center;
}

.dilek-hosting-plan-order > img {
  vertical-align: text-bottom;
}

#footer img {
  display: block;
}

#dilek-footer-link-list {
  background-image: url(/images/bottombg.gif);
  height: 140px;
  padding-left: 16px;
  padding-top: 28px;
}

#dilek-footer-link-list .column1 {
  float: left;
  width: 134px;
}

#dilek-footer-link-list .column2 {
  float: left;
  width: 207px;
}

#dilek-footer-link-list .column3 {
  float: left;
  width: 146px;
}

#dilek-footer-link-list .column4 {
  float: left;
  width: 136px;
}

#dilek-footer-link-list .column5 {
  margin-left: 623px;
  width: 310px;
}

#dilek-footer-link-list p {
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
}


/* -----------------------------------*/

body {
  background: #202020 url(/images/bg.gif);
  margin: 0; 
  padding: 0 0 0 1px;
  scrollbar-face-color: #363636;
  scrollbar-arrow-color: #fcd215;
  scrollbar-track-color: #ffcd00;
  scrollbar-shadow-color: #222;
  scrollbar-highlight-color: #222;
  scrollbar-3dlight-color: #222;
  scrollbar-darkshadow-color: #222;
}

.link1:link    {text-decoration: underline; color: #fff;} 
.link1:active  {text-decoration: underline; color: #fff;} 
.link1:visited {text-decoration: underline; color: #fff;} 
.link1:hover   {text-decoration: underline; color: #fff;}

.link2:link    {text-decoration: none; color: #000;} 
.link2:active  {text-decoration: none; color: #000;} 
.link2:visited {text-decoration: none; color: #000;} 
.link2:hover   {text-decoration: underline; color: #000;}

.link3:link    {text-decoration: none; color: #b8b9b4;} 
.link3:active  {text-decoration: none; color: #b8b9b4;} 
.link3:visited {text-decoration: none; color: #b8b9b4;} 
.link3:hover   {text-decoration: underline; color: #b8b9b4}

.link4:link    {text-decoration: none; color: #fff;} 
.link4:active  {text-decoration: none; color: #fff;} 
.link4:visited {text-decoration: none; color: #fff;} 
.link4:hover   {text-decoration: underline; color: #fff;}

/* Begin from Odeme */

.title {
	font-family: "Lucida Sans Unicode";
	font-size: 13px;
	color: #000000;
	font-weight: bold;
}

.title2 {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.form {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}

.right {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #000000;
	font-weight: normal;
}

p.right {
    text-align: center;
}

.bottom1 {
	font-family: "Lucida Sans Unicode";
	font-size: 10px;
	color: #cbccc6;
	font-weight: normal;
}

.bottom2 {
	font-family: "Lucida Sans Unicode";
	font-size: 10px;
	color: #e8e8e8;
	font-weight: normal;
}

.table {
	border: 1px solid #5b5b5b;
}

.field {
	FONT-SIZE: 11px;
	FONT-FAMILY: "Lucida Sans Unicode";
	border: 1px solid #363636;
	BACKGROUND-COLOR: #fcd215;
}

.field2 {
	FONT-SIZE: 11px;
	FONT-FAMILY: "Lucida Sans Unicode";
	border: 1px solid #ffffff;
	BACKGROUND-COLOR: #fcd215;
}

/* End from Odepe */

.text_main {
  font-family: "Lucida Sans Unicode";
  font-size: 13px;
  color: #000000;
  font-weight: normal;
}

.text_main2 {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #000000;
	font-weight: normal;
}

.text_main3 {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #ffffff;
	font-weight: normal;
}

.text_fiyat1 {
	font-family: tahoma;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.text_fiyat2 {
	font-family: tahoma;
	font-size: 12px;
	color: #ffffff;
	font-weight: bold;
}

.text_hosting1 {
	font-family: tahoma;
	font-size: 12px;
	color: #000000;
	font-weight: bold;
}

.text_hosting2 {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #303030;
	font-weight: normal;
  line-height: 1.4;
}

.text_hosting3 {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.text_hosting3-1 {
	font-family: tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: line-through;
}

.text_hosting3-2 {
	font-family: "Lucida Sans Unicode";
	font-size: 12px;
	color: #ffffff;
	text-decoration: line-through;
}

.text_bottom1 {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #ffd200;
	font-weight: normal;
}

.text_bottom2 {
	font-family: "Lucida Sans Unicode";
	font-size: 11px;
	color: #b8b9b4;
	font-weight: normal;
	line-height: 18px;
}

.text_bottom3 {
  color: #cbccc6;
  font: normal 10px "Lucida Sans Unicode";
}

.text_bottom4 {
  color: #e6e6e6;
  font: normal 10px "Lucida Sans Unicode";
  text-decoration: underline;
}

.text_bottom5 {
  color: #cbccc6;
  font: normal 9px "Lucida Sans Unicode";
  line-height: 21px;
}

.text_alanadi {
  color: #fff;
  font: normal 10px "Lucida Sans Unicode";
}

.text_alanadi2 {
  color: #fff;
  font: normal 10px "Lucida Sans Unicode";
}

.border {
  border: 1px solid #fff;
}

.text5 {
  color: #fcd215;
  font: bold 12px "Lucida Sans Unicode";
}

.text6 {
  color: #3F3F3F;
  font: normal 12px "Lucida Sans Unicode";
}

.text_sozlesme {
  color: #000;
  font: normal 20px "Lucida Sans Unicode";
}

.field {
  font: 11px "Lucida Sans Unicode";
  border: 1px solid #363636;
  background-color: #fcd215;
}

.field2 {
  font: 11px "Lucida Sans Unicode";
  border: 1px solid #fff;
  background-color: #fcd215;
}