*{
       margin: 0;
       padding: 0;
       border: 0;
}


#content {
       width: 768px;
       background: url(images/container.gif) repeat-y left top;
       padding: 15px 23px 10px 23px;
       overflow:hidden;
       _height:1%;
}
html>body #content {
       height:auto;
}
input, select, textarea {border:1px solid #e3e3e3;}
input, textarea{padding:1px;}

body {
       font-family: Arial, Helvetica, sans-serif;
       color: #444;
       font-size: 12px;
       background: url(images/bg.gif) 50% 0px #fff fixed repeat-y;
}
p {
       margin: 5px 0 10px 0;
       line-height: 18px;
       font-size: 12px;
}
a {
       text-decoration: none;
       padding-bottom: 1px;
       color: #444;
}
a:hover {
       color: #E61000;
}

h1 {
       color: #E61000;
       font-size: 24px;
       font-weight: normal;
       margin-bottom: 2px;
       background: url(images/heading_arrow.gif) no-repeat 0 8px;
       padding-left: 10px;
}
h2 {
       color: #444;
       font-size: 14px;
       font-weight: bold;
}

h3 {
       color: #E61000;
       font-size: 18px;
       font-weight: normal;
       background: url(images/heading_arrow.gif) no-repeat 0 7px;
       padding: 0 0 0 10px;
       margin: 0 0 5px 0;
}
#home-content .left h3 {
       margin-top:15px;
}
h4 {
       font-size: 14px;
       font-weight: bold;
       color: #E61000;
       margin: 10px 0 0 0;
}
h5 {
       font-size: 13px;
       font-weight: bold;
       color: #444;
       margin: 10px 0 0 0;
}
h6 {
       font-size: 12px;
       font-weight: bold;
       color: #E61000;
       margin: 0px 0 0 0;
}

h1 a:link, h1 a:visited, h3 a:link, h3 a:visited, h4 a:link, h4 a:visited {color: #E61000;}
h1 a:hover, h3 a:hover, h4 a:hover {color: #444;}

#banner{
       overflow:hidden;
       height: 155px;
       width: 813px;
       list-style: none;


}
.banner-click {
       background: url(images/banner.gif) no-repeat left top;
       padding: 15px 0 0 11px;
       margin-bottom: 5px;
}




#home-content .left ul {
       margin: 12px 0 12px 15px;
}
#home-content .left ul li {
       background: url(images/std_bullet.gif) no-repeat 0 4px;
       padding-left: 10px;
       list-style: none;
       margin: 5px 0;
}
.clear {
       clear: both;
       font-size: 1px;
       height: 1px;
}
.hidden {display:none; visibility:hidden;}
#container {
       width: 930px;
       margin: 0 auto;
       position: relative;
       left: 0;
       top: 0;
}
#main {
       width: 900px;
       position: relative;
       left: 59px;
       top: 0;
}

#search {
       width: 140px;
       height: 20px;
       position: absolute;
       top: 4px;
       left: 666px;
       margin: 0;
       padding: 0;
       background: url(images/site_search.gif) repeat-x left top;
}
#search input{border:0;padding:0;}
#search .button {
       width: 15px;
       height: 15px;
       margin: 0;
       position: absolute;
       top: 2px;
       right: 2px;
       cursor:pointer;
}
#search .field {
       background:transparent;
       width: 112px;
       height: 12px;
       line-height:12px;
       padding: 1px;
       margin: 0;
       position: absolute;
       top: 2px;
       left: 3px;
       font-size: 11px;
       color: #444;
}

/***************************************************
  Header Sub Menu                    background: #e6ae05;
 ***************************************************/



#menusub {
       background: url(images/subbg.gif) repeat-y left top;
       width: 790px;
       height: 30px;

       position: relative;

       top: 0;
       color: #FFF;
       font-size: 11px;
       font-weight: bold;
       padding: 0 10px 0 11px;
}
#menusub li {
       float: left;
       list-style: none;
       padding: 4px 0px 4px 5px;
       margin: 8px 0 0 0;
       border-right: 1px solid #d4a106;
}
#menusub li a{
       color: #FFF;
       padding: 3px 9px 5px 14px;
}

#menusub ul li a:hover{
       color: #333333;
}
#menusub .menu_current{
  background: #FFF url(images/sub_tab_left.gif) no-repeat left top;
       color: #333333;
}

#menusub ul li a.active {
  background: #FFF url(images/sub_tab_left.gif) no-repeat left top;
       color: #333333;
}



/***************************************************
  Header Menu
 ***************************************************/

#menu {
       overflow:hidden;
       height: 29px;
       width: 813px;
       list-style: none;
       padding-left: 3px;
       padding-top: 41px;
}

#menu .menu_current a{
       background-position:0 -52px
}

#menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;
}

#menu ul li {
       float: left;
       height: 29px;
       width: 133px;
       margin-right: 2px;
}

#menu ul li a {
       background: url(images/links.png) no-repeat 0 0;
       display: block;
       overflow:hidden;
       text-indent:-10000px;
       height:29px;
}

#menu ul li a:hover,
#menu ul li a.active {
  background-position:0 -106px;
}


/***************************************************
  Header Menu
 ***************************************************/
#nav{
       overflow:hidden;
       height: 29px;
       width: 819px;
       list-style: none;
       padding-left: 3px;
       padding-top: 0px;
}

#nav li{
       float: left;
       height: 29px;
       width: 133px;
       margin-right: 2px;
}
#naveng li{
       float: left;
       height: 29px;
       width: 133px;
       margin-right: 2px;
}
#nav li a{
       background: url(images/links.png) no-repeat 0 0;
       display: block;
       overflow:hidden;
       text-indent:-10000px;
       height:29px;
}

#nav li #nav-home {
       background-position:0 0;
}

#nav li #nav-home:hover {
       background-position:0 -106px;
}

#nav li.selected a.active {
  background-position:0 -106px;
}

#nav li.selected #nav-home, #nav li.selected #nav-home:hover  {
       background-position:0 -52px;
}

#nav li #nav-pc {
       background-position:-136px 0;
}

#nav li #nav-pc:hover {
       background-position:-136px -106px;
}

#nav li.selected #nav-pc, #nav li.selected #nav-pc:hover {
       background-position:-136px -52px;
}

#nav li #nav-pce {
       background-position:-272px 0;
}

#nav li #nav-pce:hover {
       background-position:-272px -106px;
}

#nav li.selected #nav-pce, #nav li.selected #nav-pce:hover {
       background-position:-272px -52px;
}

#nav li #nav-nak {
       background-position:-680px 0;
}

#nav li #nav-nak:active {
       background-position:-680px -52px;
}


#nav li #nav-nak:hover {
       background-position:-680px -106px;
}

#nav li.selected #nav-nak, #nav li.selected #nav-nak:hover {
       background-position:-680px -52px;
}

#nav li #nav-oto {
       background-position:-544px 0;
}

#nav li #nav-oto:hover {
       background-position:-544px -106px;
}


#nav li.selected #nav-oto,#nav li.selected #nav-oto:hover {
       background-position:-544px -52px;
}

#nav li #nav-contact {
       background-position:-408px 0;
}

#nav li #nav-contact:hover {
       background-position:-408px -106px;
}

#nav li.selected #nav-contact, #nav li.selected #nav-contact:hover  {
       background-position:-408px -52px;
}


.last-li {
       border: none !important;
}
#breadcrumbs {
       margin-left:-15px;
       margin-top:-15px;
       margin-bottom:15px;
       width: 680px;
       background: #FFF;
       color: #444;
       font-size: 12px;
       padding:10px 28px 0 93px;
       position:relative;
}

#breadcrumbs p {
       font-size: 10px;
       position:absolute;
       right:22px;
       top:4px;
       background:url(images/left_arrow.gif) no-repeat 0px 5px;
       padding-left:14px;
}
#breadcrumbs a {
       text-decoration: underline;
       background: none;
}
#feature {
       width: 810px;
       height: 215px;
       border-right: 1px solid #e3e1db;
       overflow: hidden;
       background: url(images/swf.swf) no-repeat 4px 0;
}
#feature.logo {
       background: url(images/featured_image_logo.jpg) no-repeat 4px 0;
}
#home-buttons {
       width: 778px;
       height: 128px;
       background: url(images/home-buttons-bg.gif) repeat-x left top;
       border-right: 1px solid #e3e1db;
       border-bottom: 1px solid #efefef;
       position: relative;
       left: -19px;
       top: -15px;
       padding-left: 28px;
}
#home-buttons a {
       width: 244px;
       height: 97px;
       display: block;
       background: none !important;
       text-indent: -9999px;
       overflow: hidden;
}
#home-buttons div {
       width: 244px;
       height: 97px;
       float: left;
       margin: 16px 0 0 10px;
}
#home-buttons .dvrkayit {
       background: url(images/dvrkayit.jpg) no-repeat left top;
       margin-left:0;
}
#home-buttons .dvrkayiteng {
       background: url(images/dvrkayiteng.jpg) no-repeat left top;
       margin-left:0;
}
#home-buttons .cctv {
       background: url(images/cctv.jpg) no-repeat left top;
}
#home-buttons .cctveng {
       background: url(images/cctveng.jpg) no-repeat left top;
}
#home-buttons .hosting {
       background: url(images/web_hosting_button.jpg) no-repeat left top;
}
#home-buttons .cms {
       background: url(images/cms_button.gif) no-repeat left top;
}
#home-buttons .testimonials {
       background: url(images/testimonials_button.gif) no-repeat left top;
}
#home-buttons .creative {
       background: url(images/requestquote_button.gif) no-repeat left top;
}
#home-buttons .bayi {
       background: url(images/dealer.jpg) no-repeat left top;
}

#home-buttons .bayieng {
       background: url(images/dealereng.jpg) no-repeat left top;
}

a.external_link span {
       padding-left:13px;
       background:url(images/external_link.png) no-repeat 1px 4px;
}
a.support_link {
       background-image:url(../knowledge_base/images/link.png);
}
a.support_link span {
       padding-left:13px;
       background:url(images/support_link.png) no-repeat 1px 4px;
}
a.support_link:hover {
       color:#09c;
}
/*a.shop_link span {
       padding-left:13px;
       background:url(images/shop_link.png) no-repeat 1px 4px;
}
a.shop_link:hover {
       color:#8bc200;
}*/
#home-content {
       width: 900px;
       border-top: 1px solid #FFF;
       position: relative;
       left: -19px;
       top: 5px;
       padding-left: 28px;
       background: url(images/divider.gif) repeat-y 540px 10px;
       margin-bottom: 10px;
}
#home-content .right {
       float: left;
       width: 217px;
       margin: 0 10px 0 0;
       padding-left: 25px;

}
#home-content .right li, #home-content #box ul li {
       background: url(images/special_bullet.gif) no-repeat 0 3px;
       list-style: none;
       margin: 9px 0;
       padding-left: 20px;
}
#home-content .left {
       width: 482px;
       float: left;
       padding-right: 32px;
       overflow:hidden;
       _height:1%;

}
.downloadd
{
    background:#ffffff;
       text-decoration: none;
       padding-bottom: 1px;
       color: #444;
}
#content #home-content .left .mid {
       background: url(images/box_head.gif) no-repeat left top;
       padding: 32px 32px 0 32px;
}
#content #home-content .left .foot {
       background: url(images/box_foot.gif) no-repeat left top;
       width: 540px;
       height: 27px;
}
#content #home-content .left-home {
       width: 501px;
       float: left;
}
#content #home-content .left-home .mid {
       background: url(images/box_head_home.gif) no-repeat left top;
       padding: 32px 32px 0 32px;
}
#content #home-content .left-home .foot {
       background: url(images/box_foot_home.gif) no-repeat left top;
       width: 501px;
       height: 27px;
}
#content #rightCol-home {
       width: 248px;
       float: right;
}
#content #rightCol-home .mid {
       background: url(images/box_head_right_home.gif) no-repeat left top;
       padding: 32px 20px 0 32px;
}
#content #rightCol-home .foot {
       background: url(images/box_foot_right_home.gif) no-repeat left top;
       width: 248px;
       height: 27px;
}
#content #rightCol-home ul {
       margin: 0;
       padding: 0;
}
#content #rightCol-home li {
       background: url(images/special_bullet.gif) no-repeat 0 3px;
       list-style: none;
       margin: 9px 0;
       padding-left: 20px;
}
#content #rightCol-home .first-li {
       background: url(images/special_bullet.gif) no-repeat left top;
}
#rightCol {
       float: left;
       width: 217px;
       margin: 0 10px 0 0;
       padding-left: 25px;
}
#rightCol .mid h3 {
       position: absolute;
       right: 30px;
       width: 17px;
       left: 186px;
       top: 17px;
       overflow:hidden;
       text-indent:-10000px;
       margin: 0;
}
#rightCol #logodesign {
       background: url(images/subsub_logo.png) no-repeat left top;
       height: 87px;
}
#rightCol #graphic {
       background: url(images/subsub_graphic.png) no-repeat left top;
       height: 107px;
}
#rightCol #departments {
       background: url(images/subsub_store.png) no-repeat left top;
       height: 135px;
}
#rightCol #domains {
       background: url(images/subsub_domains.png) no-repeat left top;
       height: 137px;
}
#rightCol #portfolio {
       background: url(images/subsub_portfolio.png) no-repeat left top;
       height: 68px;
}
#rightCol #webdev {
       background: url(images/subsub_webdev.png) no-repeat left top;
       height: 135px;
}
#rightCol #webmark {
       background: url(images/subsub_webmark.png) no-repeat left top;
       height: 138px;
}
#rightCol #services {
       background: url(images/subsub_services.png) no-repeat left top;
       height: 88px;
}
#rightCol #contact {
       background: url(images/subsub_contactus.png) no-repeat left top;
       height: 78px;
}
#rightCol #contacteng {
       background: url(images/subsub_contactuseng.jpg) no-repeat left top;
       height: 100px;
}
#rightCol #teknikdestek {
       background: url(images/subsub_teknikdestek.jpg) no-repeat left top;
       height: 125px;
}
#rightCol #teknikdestekeng {
       background: url(images/subsub_techsupport.jpg) no-repeat left top;
       height: 125px;
}
#rightCol #humanres {
       background: url(images/subsub_humanres.jpg) no-repeat left top;
       height: 140px;
}
#rightCol #pc {
       background: url(images/subsub_pc.png) no-repeat left top;
       height: 104px;
}
#rightCol #pce {
       background: url(images/subsub_pce.png) no-repeat left top;
       height: 133px;
}
#rightCol #kurumsal {
       background: url(images/subsub_kurumsal.png) no-repeat left top;
       height: 133px;
}
#rightCol #nakliye {
       background: url(images/subsub_nak.png) no-repeat left top;
       height: 104px;
}
#rightCol #corporate {
       background: url(images/subsub_corporate.jpg) no-repeat left top;
       height: 86px;
}
#rightCol #haber {
       background: url(images/subsub_haberler.jpg) no-repeat left top;
       height: 135px;
}
#rightCol #habereng {
       background: url(images/subsub_news.jpg) no-repeat left top;
       height: 80px;
}
#rightCol #urunlerimiz {
       background: url(images/subsub_urunlerimiz.jpg) no-repeat left top;
       height: 100px;
}
#rightCol #urunlerimizeng {
       background: url(images/subsub_products.jpg) no-repeat left top;
       height: 100px;
}
#rightCol .mid {
       background: url(images/subsub_head.png) no-repeat left top;
       font-size: 12px;
       position: relative;
       left: 0;
       top: 0;
       padding-top: 18px;
       margin: 0 0 0 0;
       width: 210px;
}
#rightCol .mid ul {
       padding:1px 0;
       background: url(images/subsub_rpt.png) repeat-y;
       padding-left: 1px;
       width: 176px;
       padding-right:34px;
       margin: 0;
       _height:120px;
       min-height:120px;
}
#rightCol .mid ul ul {
       min-height:inherit;
       _height:auto;
}
#rightCol .mid ul li {
       font-size: 11px;
       list-style: none;
       padding: 6px 0 6px 3px;
       background: url(images/subsub_li.png) no-repeat left top;
}
#rightCol #box {
       background: url(images/box_head_right.gif) no-repeat left top;
       width: 210px;
       padding: 20px 1px 0 1px;
       margin: 0 0 20px 0;
}
#rightCol #box .foot {
       background: url(images/box_foot_right.gif) no-repeat left top;
       width: 210px;
       height: 27px;
}
#rightCol #box h3 {
       margin: 0 0 0 15px;
}
#rightCol #box ul {
       margin:0;
       padding:0 15px;
       list-style:none;
}
#rightCol #box ul li {
       margin:6px 0;
}
#rightCol #box ul li.last-li {
       margin:6px 0 0 0;
}
#rightCol #box ol li {
       margin: 5px 0;
}
#rightCol #box ol {
       padding: 0 10px;
}
.first-li {
       background: none !important;
       padding-top: 0 !important;
}
#rightCol .mid ul li a {
       background: url(images/std_bullet.gif) no-repeat 0 4px;
       padding: 0 0 0 10px;
       display: block;
       height: 1%;

}
#rightCol .mid  ul ul{
       background: none;
       margin-top: 4px;
       width:100%;
       padding-right:0;
}
#rightCol .mid ul ul li{
       background: none;
       font-size: 14px;
       padding: 2px 0 2px 10px;
       margin: 0;
}
#rightCol .mid ul ul li a{
       background: url(images/std_square.gif) no-repeat 0 0px;
       padding: 2px 0 1px 6px;
}
#rightCol .mid p {
       font-size: 12px;
       background: url(images/subsub_rpt.png) repeat-y left top;
       margin:0;
       padding:0 30px 10px 20px;
}
#rightCol .foot {
       width: 210px;
       height: 5px;
       background: url(images/subsub_foot.png) no-repeat left top;
       font-size: 1px;
       margin-bottom: 8px;
}
.case {
       padding: 32px 0 0 0 !important;
}
/* form style */
fieldset {
       margin-top:10px;
       border:1px solid #efefef;
       padding:8px;
}
       fieldset legend {
               margin-left:0px;
               padding:0 10px;
               font-weight:bold;
       }
       fieldset table {
               margin:0;
               width:100%;
       }
       fieldset td {
               vertical-align:top;
               padding:5px 2px 8px 2px;
       }
       td.key {
               width:35%;
               padding-left:17px;
               background:url(images/grey_bullet.png) no-repeat 5px 10px;
       }
       tr.required td.key {background-image:url(images/std_bullet.gif);}
       tr.required input, fieldset tr.required textarea, fieldset tr.required select {border:1px solid #bbb;}
       tr.required td.req input, fieldset tr.required td.req textarea, fieldset tr.required td.req select {border:1px solid #E61000;color:#E61000;}
#content .submit_field {text-align:center; padding-top:10px; vertical-align:bottom;}
#content .submit_field input, #content .submit_field a {border:0; background:0;}
#content .submit_field input, #content .submit_field img {border:0; background:0; margin:0 5px; padding:0;}
table {
       width:100%;
       margin:10px 0;
       padding-bottom:10px;
}
/* sitemap */
.sitemap {
clear:both; overflow:hidden;
       height:1%;
}
html>body .sitemap {
       height:auto;
}
.sitemap ul{
       float:left;
       width:45%;
}
.sitemap ul li{        font-weight:bold;}
.sitemap ul ul{
       float:none; width:auto;
}
.sitemap ul ul li{     font-weight:normal;}

/* portfolio pages */
table.portfolio {
       width:100%; padding:0; margin: 10px 0 0 0;
}
table.portfolio td {border:1px solid #eee; vertical-align:middle; text-align:center;height:90px; width:25%;}
table.portfolio td:hover {border:1px solid #ccc;}
table.portfolio td.nav {padding:0; width:100%; height:40px;}
table.portfolio td.nav:hover {border:1px solid #eee;}
table.portfolio a {background:0; padding:0;}
table.portfolio td.nav form {display:inline; vertical-align:top;}
table.portfolio td.nav input {border:none; padding:0; margin:0 10px; vertical-align:bottom;}
table.portfolio td.footer {height:auto; padding:5px 0; border:0;}

#imageData #bottomNavClose {
       background:0;
}
/* creative brief */
#cb_steps {
       margin:20px 0; padding:0; width:100%; list-style:none;
       background-image:url(images/cb_steps.png);
       background-repeat:no-repeat;
       overflow:hidden; display:block; height:34px;
}
.step1 {background-position:0 0;}
.step2 {background-position:0 -35px;}
.step3 {background-position:0 -70px;}
.step4 {background-position:0 -105px;}
#cb_steps li{
       margin:0; padding:0; float:left; display:block;width:109px; height:34px;
}
#cb_steps li a {display:block; height:100%; width:100%; overflow:hidden; text-indent:-1000px;}
/*search form*/
.searchBox{margin:0;padding:0;}
.searchForm {
       width:80%;
       height:23px;
       border: 1px solid #ccc;
       position: relative;
       margin:0 0 15px 0;
       padding:0;
       background: url(images/site_search.gif) repeat-x left top;
}
#content .searchForm {
       background: url(images/search-bg.gif) repeat-x left top;
}
.searchForm input{
       border:0;
       background:transparent;
       padding: 2px; margin:1px;
       height:17px;
       font-size: 11px;
       color: #444;
}
.searchForm .button {
       width: 50px;
       height: 23px;
       margin: 0;padding:0;
       position: absolute;
       top: 0;
       right: -65px;
}

/**/
#content-foot {
       width: 811px;
       height: 9px;
       font-size: 1px;
       background: url(images/container_foot.gif) no-repeat left bottom;
}
#footer {
       font-size: 11px;
       color: #666;
       border-bottom: 6px solid #E3E1DB;
       position: relative;
       left: 4px;
       top: 0;
       height: 41px;
       width:811px;
}
#footer .text {
       position: absolute;
       left: -1px;
       top: 13px;
}
#footer .toptext {
       background: url(images/top_arrow.gif) no-repeat 21px 2px;
       padding-right: 10px;
       position: absolute;
       right: 0;
       top: 13px;
}
#footer .divider {
       color: #E61000;
       padding: 0 4px;
}
#footer a {
       color: #666;
       text-decoration: underline;
       background: none;
}
#footer a:hover {
       color: #E61000;
}
.services_icon {
       float: left;
       padding: 0 10px 10px 0;
}
.products_icon {
       float: left;
       padding: 0 10px 10px 0;
}
.aboutus_icon {
       float: left;
       padding: 0 10px 10px 0;
}
.top {
       margin-top: 10px;
}
.double_column {
       float: left;
}
.icon_head {
       background: url(images/heading_arrow.gif) no-repeat 70px 8px;
       padding-left: 80px;
}
.info_table {
       width: 100%;
       font-size: 12px;
       margin-bottom: 0 !important;
}
.info_table td,th {
       padding: 7px 7px 7px 0;
       border-bottom: 1px solid #EFEFEF;
}
.info_table th {
       text-align: left;
       font-size: 12px;
}
.info_table .last {
       border-bottom: none !important;
}
.red {
       color: #E61000;
}
.grey {
       color: #444;
}
.company_box {
       float: left;
       width: 119px;
       height: 83px;
       text-align: center;
}
.company_box .short {
       padding-top: 30px;
}
.box_padding {
       padding-top: 20px;
}
.process {
       list-style: none;
       margin: 0;
}
.process li {
       border-bottom: 1px solid #EFEFEF;
       padding: 0 0 7px 70px;
}
div.indent {
       margin-left:65px;
}
ol {
       margin-left: 30px;
}
#step1 {
       background:url(images/logo_step_1.gif) no-repeat 20px 0;
}
#step2 {
       background:url(images/logo_step_2.gif) no-repeat 20px 0;
}
#step3 {
       background:url(images/logo_step_3.gif) no-repeat 20px 0;
}
#step4 {
       background:url(images/logo_step_4.gif) no-repeat 20px 0;
}
#step5 {
       background:url(images/logo_step_5.gif) no-repeat 20px 0;
       border-bottom: none;
}
.photoRight {
       float: right;
       margin: 10px 0 10px 10px;
}
.table {
       width: 100%;
       font-size: 12px;
}
td {
       padding: 5px 0;
}
th {
       text-align: left;
}
.top-pad {
       margin-top: 10px;
}
.intro {
       font-weight: bold;
       color: #8A8A8A;
}
.ul-box {
       float: left;
       padding-right: 10px;
       margin-top: -10px;
}
#ourproducts {
       margin-top:15px;
}

#ourproducts-click a{
       background:0;
       padding: 8px 3px 5px 8px;
       border: 1px solid #FFF;
}
#ourproducts-click a:hover{
       border:1px solid #ddd;
}
#ourproducts-click .box {
       float: left;
       width: 143px;
       margin-right: 2px;
}
#ourproducts-click .box p {
       text-align: center;
}
#ourproducts {
}
#ourproducts .box {
       float: left;
       margin-right: 2px;
}
#ourproducts .buttons {
       float: left;
       width: 154px;
       margin-right: 8px;
}
#ourproducts .last {
       margin-right: 0 !important;
}
#ourproducts h5, #portfolios p{
       padding:0 0 0 8px; margin:0;
       line-height:14px;
}
#ourproducts h5 {
       margin-top:2px;
       font-size:11px;
}
#ourproducts p {
       font-size:10px;
}
.photo-left {
       clear:left;
       float: left;
       margin-right: 10px;
}
#container #main #content #home-content .left .javascript {
       background-image: none;
}
.folio {
       margin-left: 143px;
}
.folio-button {
       margin-left: 153px;
}
.technology-box {
       margin-right: 20px;
       float: left;
       padding-top: 5px;

}
.copyright {
       text-decoration: none !important;
}
.copyright a:hover {
       text-decoration: underline !important;
}
.right-col-center {
       padding-top:10px;
       text-align: center;
}
.right-col-center a{
       background:none;
}
.submit {
       background: #EFEFEF !important;
       color: #444 !important;
       font-family: Arial, Helvetica, sans-serif;
       text-transform: uppercase;
       font-size: 11px;
       cursor: pointer;
       border-bottom: 2px solid #CCC;
       border-right: 2px solid #CCC;
}
a.submit {
    padding:2px 5px;
}
.no-link {
       background: none !important;
       text-decoration: none;
       padding-bottom: 0;
}
.action {
       border: 1px solid #f3f3c0;
       background: #FFFFDD url(images/knewstuff2.png) no-repeat 10px 50%;
       padding:15px 10px 15px 50px;
       margin-top: 15px;
       min-height:15px;
       height:15px;
}
.small-action {
       border: 1px solid #f3f3c0;
       font-size: 9px;
       background: #FFFFDD;
       padding:5px 5px 5px 5px;
       min-height:10px;
       height:10px;
       margin-bottom: 5px;
}
html>body .action {
       height:auto;
}
textarea,input,select {
       font-family: Arial, Helvetica, sans-serif;
       font-size: 12px;
}
.white {
       background:#fff;
}
#rightcol a{
       background:none !important;
}
.contact-bg {
       background: #FFF;
}
p.file {
       border: 1px solid #f3f3c0;
       background: #FFFFDD;
       margin:15px 0 0 0;
       padding:10px;
       font-size:10px;
}
p.file:hover {
       background:#FFFFEE;
}
p.file a {
       padding:0 5px 0 20px;
       font-weight:bold;
       font-size:14px;
}
p.zip a {
       background:url(images/tgz.png) no-repeat 0 0;
}
p.pdf a {
       background:url(images/pdf.png) no-repeat 0 0;
}
#usertools {
       background:url(images/colour-picker.png) no-repeat 0 0;
       text-align:right;
       overflow:hidden;
       position:absolute;
       right:8px;
       width:75px;
       cursor:pointer;
}
html>body #usertools {
       right:2px;
}
.minum {
       padding:17px 5px 0 5px;
       top:53px;
       height:0;
}
.over, #usertools:hover {
       padding:18px 5px 0 5px;
       top:36px;
       height:16px;
}
#usertools a{
       margin:0;
       padding:0;
       background:none;
       border:1px solid #fff;
       width:9px;
       height:9px;
}
html>body #usertools a{
       margin:2px;
       float:left;
}
#usertools a img{
       width:8px;
       height:8px;
}
#usertools .red img{
       background:#e61000;
       border:1px solid #ff552d;
}
#usertools .orange img{
       background:#ff8420;
       border:1px solid #ffb148;
}
#usertools .mint img{
       background:#54dabc;
       border:1px solid #5ff8d6;
}
#usertools .pink img{
       background:#f5207c;
       border:1px solid #f55f9f;
}
#usertools .navey img{
       background:#2f5b7b;
       border:1px solid #839db0;
}
#portfolios {
       overflow:hidden;
       height:1%;
}
html>body #portfolios {
       height:auto;
}
#portfolios div {
       float:left;
       width:33%;
}
#portfolios div ul {
       margin:0 0 0 5px;
}
code {
       display:block;
       border:1px solid #f3f3c0;
       background:#FFFFDD;
       padding:10px 15px;
       margin: 10px 0;
       line-height:17px;
}
#logo {
       position: absolute;
       top: 92.2px;
       left: 3px;
       background:transparent url(images/logo.gif) right top no-repeat;
       width: 59px;
       height: 224px;
       text-indent: -9999px;
       z-index:10;
       overflow: hidden;
}
#logotr {
       position: absolute;
       top: 92.2px;
       left: 3px;
       background:transparent url(images/logotr.jpg) right top no-repeat;
       width: 59px;
       height: 224px;
       text-indent: -9999px;
       z-index:10;
       overflow: hidden;
}
#b2b {
       position: absolute;
       top: 92.2px;
       left: 866px;
       background:transparent url(images/b2b.jpg) right top no-repeat;
       width: 59px;
       height: 224px;
       text-indent: -9999px;
       z-index:10;
       overflow: hidden;
}
.error {
       margin:10px 0;
       border:1px solid #ddd;
       background:#f7f7f7;
       padding:5px 20px;
       color: #e61000;
}
div.validators {
       text-align:center;
       margin:15px 0;
}
div.validators a{
       background:0;
       border:0;
       padding:0;
       margin:0 2px;
}
.conditions {
       font-size:11px;
       color:#aaa;
       display:block;
}
.relatedto td {
       padding:0 20px;
}
.relatedto p {
       float:left;
       width:45%;
       padding-right:4%;
}
.relatedto strong {
       color:#e61000;
}
.relatedto input {
       border:0;
}
.livehelp {
       display: inline;
       border: 1px solid #00FF33;
       margin-top: 20px;
}
.small {
       font-size: 9px;
       line-height: 13px;
}
.link-no-style {
       background: none !important;
}
#package-comparison {
       border: 1px solid #eee;
       background: url(images/comparison_header.gif) repeat-x left top;
       width: 100%;
       position: relative;
       left: 0;
       top: 5px;
       margin-bottom: 15px !important;
}
#package-comparison h4 {
       width: 92px;
       height: 37px;
       margin: 0 !important;
       text-align: center;
       padding-top: 4px;
}
#package-comparison h5 {
       width: 89px;
       margin: 0 !important;
       height: 27px;
       text-align: center;
       color: #fff;
       font-size: 14px;
       line-height: 27px;
}
#package-comparison ul {
       width: 89px;
       margin: 0 !important;
       padding: 0 !important;
}
#package-comparison ul li {
       background-image: none !important;
       margin: 0 !important;
       font-weight: bold;
       text-align: center;
       padding-left: 0 !important;
       border-bottom: 1px solid #FFF;
       padding: 8px 0 7px 0;
}
#package-comparison ul .highlight {
       padding: 5px 0 5px 0 !important;
       border-bottom: none !important;
       text-align: left !important;
}
#package-comparison ul .highlight a {
       width: 75px;
       height: 21px;
       text-indent: -9999px;
       overflow: hidden;
       display: block;
       margin-left: 7px;
}
#package-comparison .standard ul li,#package-comparison .silver ul li,#package-comparison .gold ul li,#package-comparison .platinum ul li {
       padding-left: 0 !important;
}
#package-comparison ul {
       z-index: 99;
       position: relative;
       left: 0;
       top: 0;
}
#package-comparison .standard, #package-comparison .silver,#package-comparison .gold,#package-comparison .platinum {
       float: left;
       margin: 7px 0 0 3px;
       background: url(images/comparison_tab.gif) no-repeat left top;
}
#package-comparison .standard h4,#package-comparison .standard ul li {
       color: #277db2;
}
#package-comparison .standard h5 {
       background: #277db2 url(images/std_price.gif) repeat-x left top;
}
#package-comparison .standard ul {
       background: #e9f2f7;
}
#package-comparison .standard ul .highlight {
       background: #d5e6f0;
}
#package-comparison .standard ul .highlight a {
       background: url(images/std_buy_button.gif) no-repeat left top;
}
#package-comparison .standard ul li.tick {
       background: url(images/standard_tick.gif) no-repeat 38px 8px !important;
       text-indent: -9999px;
       overflow: hidden;
}
#package-comparison .silver h4,#package-comparison .silver ul li {
       color: #6f1685;
}
#package-comparison .silver h5 {
       background: #6f1685 url(images/silver_price.gif) repeat-x left top;
}
#package-comparison .silver ul {
       background: #f0e7f2;
}
#package-comparison .silver ul .highlight {
       background: #e3d2e7;
}
#package-comparison .silver ul .highlight a {
       background: url(images/silver_buy_button.gif) no-repeat left top;
}
#package-comparison .silver ul li.tick {
       background: url(images/silver_tick.gif) no-repeat 38px 8px !important;
       text-indent: -9999px;
       overflow: hidden;
}
#package-comparison .gold h4,#package-comparison .gold ul li {
       color: #cd190c;
}
#package-comparison .gold h5 {
       background: #cd190c url(images/gold_price.gif) repeat-x left top;
}
#package-comparison .gold ul {
       background: #fbe7e6;
}
#package-comparison .gold ul .highlight {
       background: #f6d2d0;
}
#package-comparison .gold ul .highlight a {
       background: url(images/gold_buy_button.gif) no-repeat left top;
}
#package-comparison .gold ul li.tick {
       background: url(images/gold_tick.gif) no-repeat 38px 8px !important;
       text-indent: -9999px;
       overflow: hidden;
}
#package-comparison .platinum h4,#package-comparison .platinum ul li {
       color: #000;
}
#package-comparison .platinum h5 {
       background: #cd190c url(images/platinum_price.gif) repeat-x left top;
}
#package-comparison .platinum ul {
       background: #ededed;
}
#package-comparison .platinum ul .highlight {
       background: #ddd;
}
#package-comparison .platinum ul .highlight a {
       background: url(images/platinum_buy_button.gif) no-repeat left top;
}
#package-comparison .platinum ul li.tick {
       background: url(images/platinum_tick.gif) no-repeat 38px 8px !important;
       text-indent: -9999px;
       overflow: hidden;
}
.package {
       color: #7b7b7b;
       font-size: 12px;
       font-weight: normal;
}
#package-comparison .headings {
       float: left;
       width: 95px;
}
#package-comparison .headings h4 {
       width: 95px !important;
       height: 27px !important;
       font-size: 12px !important;
       color: #444;
       margin-top: 49px !important;
       padding:0 !important;
       line-height: 27px;
}
#package-comparison .headings ul {
       width: 95px;
}
#package-comparison .headings li {
       font-weight: normal !important;
       background: url(images/std_bullet.gif) no-repeat 10px 12px !important;
       list-style: none;
       margin: 5px 0;
       text-align: left !important;
       padding: 7px 0 7px 20px !important;
}
#package-comparison .headings .doubleline {
       padding: 1px 0 2px 20px !important;
       line-height: 14px;
}
#package-comparison .footer {
       height: 33px;
       width: 100%;
       background: #f3f3f3;
       position: absolute;
       left: 0;
       bottom: 0;
       z-index: 10;
}
.gst {
       font-size: 9px;
       line-height: 13px;
       padding-bottom: 10px;
       margin: 0 0 10px 0;
       font-style: italic;
}
.domain-search {
       background: url(images/domain_box.gif) no-repeat left top;
       width: 100%;
       height: 70px;
       padding: 1px 18px;
}
.domain-search form {
       margin-top: -10px !important;
}
.domain-search .submit {
       position: relative;
       left: 0;
       top: -2px;
}
.haberbulteni {
       background: url(images/domain_box_sm.gif) no-repeat left top;
       width: 190px;
       height: 70px;
       padding: 1px 14px;
       position: relative;
       left: 0;
       top: 10px;
       margin-bottom: 10px;
}
.haberbulteni h4 {
       margin-left: 6px;
}
.haberbulteni form {
       margin-top: -10px !important;
}
.haberbulteni .submit {
       position: relative;
       left: 0;
       top: -2px;
}
#domain-prices {
       border: 1px solid #eee;
       background: url(images/domains_header.gif) repeat-x left top;
       width: 100%;
       position: relative;
       left: 0;
       top: 5px;
       margin: 5px 0 15px 0 !important;
       padding: 10px 0;
}
#domain-prices .title {
       width: 270px;
       float: left;
       background: url(images/std_bullet.gif) no-repeat 10px 4px;
       padding-left: 20px;
       margin-top: 5px;
}
#domain-prices .price {
       width: 95px;
       color: #e61000;
       float: left;
       font-size: 14px;
       font-weight: bold;
       margin-top: 4px;
       text-align: right;
       padding-right: 15px;
}
#domain-prices .price .small {
       font-size: 10px;
       font-weight: normal;
}
#domain-prices .buy {
       width: 75px;
       float: left;
}
#domain-prices .buy a {
       background: url(images/domains_buy_button.png) no-repeat left top;
       width: 73px;
       height: 23px;
       display: block;
       text-indent: -9999px;
       overflow: hidden;
       margin-top: 3px;
}
#domain-prices .odd {
       width: 100%;
       height: 27px;
}
#domain-prices .even {
       background: #f7f7f7;
       width: 100%;
       height: 27px;
}
.platinum-award {
       color: #7b7b7b;
       font-size: 12px;
       font-weight: normal;
       background: url(images/platinum_award.gif) no-repeat left top;
       height: 40px;
       padding: 3px 0 0 50px;
       margin-left: 150px;
}
.gold-award {
       color: #b28a2b;
       font-size: 12px;
       font-weight: normal;
       background: url(images/gold_award.gif) no-repeat left top;
       height: 40px;
       padding: 3px 0 0 50px;
       margin-left: 150px;
}
.tag {
       width: 808px;
       height: 28px;
       background: url(images/tag.gif) no-repeat left top;
       line-height: 28px;
       padding: 0 0px;
       position: absolute;
       left: 3px;
       top: 0;
}
.tag h1{
       background:none;
       padding:0 0 0 20px;
       font-size: 9px;
       color: #8f9090;
       width:562px;
       overflow:hidden;
       height:25px;
}
.tag h1 a{
       top: 4px;
       background:0;
       padding:0;
}
.tag h2 a {
       position: absolute;
       left: 10px;
       top: 0;
       font-size: 9px;
       font-weight: normal;
       color: #E61000;
       background: none;
}

/* Remove bottom border when we're using an image */
a.button {
    background-image:none;
}


fieldset.minimise {
padding-top:0;
padding-bottom:0;
       border-bottom-color:#fff;
       border-right-color:#fff;
       border-left-color:#fff;
}
fieldset.minimise table {
       display:none;
}
legend a {
       padding-right:10px;
}
fieldset.minimise legend a{
       background:url(images/std_bullet.gif) no-repeat right 4px;
}
fieldset.expand legend a{
       background:url(images/up_bullet.gif) no-repeat right 6px;
}
.promo {
       background: url(images/dannii.jpg) no-repeat right bottom;
       border-bottom: 1px solid #eee;
       margin-bottom: 15px;
       padding-top: 5px;
}
.promo h1 {
       margin-bottom: 10px;
       background-image: none;
       font-weight: bold;
       font-size: 28px;
       padding-left: 0;
}
.promo h3 {
       background: transparent;
       padding-left: 0;
       line-height: 24px;
       margin-top: 0 !important;
       width: 100%;
}
.promo ul {
       font-weight: bold;
       color: #8A8A8A;
}
.promo .enquirenow-button {
       background: url(images/enquirenow_button.gif) no-repeat left top;
       width: 99px;
       float: left;
       height: 21px;
       float: left;
       text-indent: -9999px;
       overflow: hidden;
       margin-top: 0px;
       margin-right: 10px;
       margin-bottom: 10px;
       display:inline;
}
.promo .orderonline-button {
       background: url(images/orderonline_button.gif) no-repeat left top;
       width: 99px;
       float: left;
       height: 21px;
       float: left;
       text-indent: -9999px;
       overflow: hidden;
       margin-top: 0px;
       margin-bottom: 10px;
       clear: right;
}
.promo .viewportfolio-button {
       background: url(images/view_portfolio_button.gif) no-repeat left top;
       width: 129px;
       float: left;
       height: 21px;
       float: left;
       text-indent: -9999px;
       overflow: hidden;
       margin-top: 0px;
       margin-right: 10px;
       margin-bottom: 10px;
       display:inline;
}
.promo .yp-buttons {
       padding-top: 5px;
}
.promo h1 {
       float: left;
       margin-right: 12px;
}
.business-promo .button {
       margin-top: -9px;
}
.business-promo {
       background: url(images/image.jpg) no-repeat right bottom;
}
.promo .gst {
       font-size: 12px;
       font-style: normal !important;
}

.resizable-textarea .grippie {
       background:#eee url(images/grippie.png) no-repeat 50% 50%;
       border-color:#DDDDDD;
       border-style:solid;
       border-width:0pt 1px 1px;
       cursor:s-resize;
       height:9px;
       overflow:hidden;
}


/* Ajax Tooltip */


.productTable{
       border:3px double #000;
}


#ajax_tooltipObj{
       z-index:1000000;
       text-align:left;

}
#ajax_tooltipObj div{
       position:relative;
}

#ajax_tooltipObj .ajax_tooltip_content{
       left:18px;      /* Same as border thickness */
       top:0px;
       position:absolute;
       width:196px;    /* Width of tooltip content */
       height:70px;    /* Height of tooltip content */
       padding:0px;    /* Space between border and content */
       font-size:0.8em;        /* Font size of content */
       overflow:auto;  /* Hide overflow content */
       background-image:url('images/tooltipback.gif');
       z-index:1000001;
}


#menuColumn{
       width:160px;
       float:left;
       padding:25px;
       font-size:0.9em;
}
#mainContent{
       width:440px;
       float:left;
}

.oddRow{
       background-color:#FFF;
}
.evenRow{
       background-color:#EEE;
}

.productTable{
       border:3px double #000;
}
:hover.highslideoz { text-decoration: underline }
.highslideoz { font-family: Verdana; color: #344872; font-size: 8pt; font-weight: bold;text-decoration: none }
:hover.ana_link_sag  { color: #9E9E9E}

.highslide {
       cursor: url(../highslide/graphics/zoomin.cur), pointer;
    outline: none;
}

.highslide-image {
       margin-top:10px;
       border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}


.highslide-html {
    background-color: white;
}
.highslide-html-content {
       position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
       color: black;
       font-size: 8pt;
       font-family: sans-serif;
       font-weight: bold;
    text-decoration: none;
       padding: 2px;
       border: 1px solid black;
    background-color: white;

    /*padding-left: 22px;
    background-image: url(../highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;*/
}

.control {
       float: right;
    display: block;
    /*position: relative;*/
       margin: 0 5px;
       font-size: 9pt;
    font-weight: bold;
       text-decoration: none;
       text-transform: uppercase;
       color: #999;
}
:hover.control {
       color: black !important;
}
.highslide-move {
    cursor: move;
}

.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
       font-size: 10px;
}
a:hover.highslide-credits, a:hover.highslide-credits i {
    color: white;
    background-color: gray;
}

/* Menu Yeni */
#wrapper-menu-top{
       height: 40px;
       margin: 0 auto;
       text-align: left;
}

#wrapper-menu-top {
       background: white url('images/menubg.gif') no-repeat left top;
}

#menu-top {
      background: white url('images/menubg.gif') no-repeat left top;
       overflow: hidden; /* no idea why this works, but it fixes a FF problem */
}

#menu-top ul {
       margin: 0 0px;
       padding: 3px 10px 0 0;
       list-style: none;
       font-size: 85%;
       float: left;
}

#menu-top li {
       display: inline;
       float: left;
}

#menu-top a {
       width: 132px;
       height: 40px;
       float: left;
       margin:0;
       padding:0 0 0 3px;
       text-decoration:none;
       line-height: 3.5em;
}

#menu-top a span {
       font-weight: bold;
       font-size: 12px;
       text-align:center;
       display: block;
       cursor: pointer; /* IE doesnt display the hand when you roll over the link for some reason. This fixes it */
}

.tbg {
       text-align:left;
       background: white url('images/t_bg.gif') no-repeat left top;
       width: 482;
       height: 144px;
       font-size: 12px;
       line-height: 0.8em;
}