﻿

html, body {margin:0; padding:0}
@charset "windows-1251";
A:link {text-decoration: none; color:#636D78;}
A:visited {text-decoration: none; color:#636D78;}
A:active {text-decoration: none}
A:hover {text-decoration: underline;}


/* Main div blocks */
div#container { background-image: url(/images/side.jpg); text-align:left; padding:0px;}
div#menu { width: 167px; float:left;}
div#content {background-image: url(/images/mainlogobackground.jpg);  margin-left: 167px; width:617px; min-height:550px; height:auto !important; height:550px;}
div#footer {clear:left;}

/*-----------------------------Text Formats--------------------------------------*/
.t2{font-family: Arial; font-size: 10px; color: #2A2A2A;}
.n1{font-family: Arial; font-size: 10px; color: #FFFFFF;}
.n2{font-family: Arial; font-size: 9px; color: #EBEFF1; font-weight: 600; line-height: 20px}
.rt{font-family: Arial; font-size: 9px; color: #46778E; font-weight: 600}
.tbl{font-family: Arial; font-size: 10px; color: #626261; padding: 5px}
.tblb{font-family: Arial; font-size: 10px; color: #626261; padding: 5px; font-weight: 600}
.h1{border-bottom:2px dashed #626261; font-family: Verdana; font-size: 22px; color: #626261; padding-bottom: 4px; font-weight: 400; text-align:left;}
.h2{ height:26px; border-bottom:1px solid #626261; font-family: Verdana; font-size: 18px; color: #516d79; padding-bottom: 4px; text-align:left; font-weight: 400; padding-left:4px;}
.h3{font-family: Verdana; font-size: 14px; color: #636D78; font-weight: 700; text-align:left;}

h2 {border-bottom:1px solid #626261; font-family: Verdana; font-size: 18px; color: #626261; text-align:left; font-weight:bold; padding-left:4px;}

.t1  {
font-family: Verdana;  
font-size: 13px;
color: #636D78;
text-align:left;
padding-bottom:20px;
}

.t111  {
font-family: Verdana;  
font-size: 13px;
color: #636D78;
padding-left: 0px;
text-align:left;
}
/*-----------------------------End Text Formats----------------------------------*/


body{
	margin: auto;
	margin-top:35px;
	margin-top:35px;	
	padding: 0px;
	font-family: Arial;
	font-size: 10px;
	color: #3D3D3D;
	text-align: center;
	background: url(/images/bodyrep.jpg);
}

#left_col {
	width: 147px;
	position: absolute;
	left: 0px;
	top: 0px;	
	background-image: url(/images/rep.jpg);	
	border-right:1px solid black; 	
	border-left:1px solid black; 		
}

#main_content {
	width: 654px;
	margin-right: 200px;
	margin-left: 147px;
	background: url(/images/mainlogobackground.jpg);	
	background-color:#ffffff;
	border-top:1px solid black;	
	border-right:1px solid black;		
}
	
#container {
	position: relative;
	background-color:#ffffff;
	width: 817px;

	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/side.jpg);
}

#shadowcut1 {

	width: 817px;

	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/headersideshadow.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#shadowcut2 {

	width: 817px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/headersideshadow.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#shadowcutbody {

	width: 817px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/side.jpg);;
	text-align:left;
}

#shadowcut4 {

	width: 817px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/headersideshadow.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#shadowcut6 {

	width: 817px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/headersideshadow.jpg);
	background-repeat:no-repeat;
	text-align:left;
}
#shadowcut {

	width: 817px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(/images/headersideshadow.jpg);
	background-repeat:no-repeat;
	text-align:left;
}

#body_content {
	min-height:500px; 
	height:auto !important; 
	height:500px;  
	position:relative; 
	padding:7px;
	text-align:left;
}

#sidel_content {
	min-height:500px; 
	height:auto !important; 
	height:500px;  
	position:relative; 
	padding:7px;
	text-align:left;
}

#bottomshadow {
	background-image:url(/images/ee.jpg); 
	margin:auto; 
	text-align:center; 
	width:817px;
	height:13px;
}

#titlePage {
	background-image: url(/images/rep.jpg); 
	width:800px;
	border:1px solid black;
	border-bottom:none;
}

.headerbar {
	width:800px;
	height:53px;
	background-image: url(/images/rephead.jpg);
	background-repeat:repeat-x;
	text-align:left;
}

.headertitle {
	padding-top:5px;
	font-family: Verdana;
	font-size: 32px; color: #626261;
	font-weight: 400;
	text-align:left;
	padding-left:15px;
}

.menuwraper {
	width:125px;
	height:30px;	
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	color: #7a7a7a;
}

.sidemenu a{
	text-align:center;
	height:28px;
	background-color:#bcde66;
	font-family: Arial;
	font-size: 12px;
	color: #7a7a7a;
	display: block;
	background-image: url(/images/buttono2.jpg);
	text-align:center;
	font-weight:bold;
	margin-bottom:7px;
}

.sidemenu2 a{
	text-align:center;
	height:30px;
	background-color:#bcde66;
	font-family: Arial;
	font-size: 12px;
	color: #7a7a7a;
	display: block;
	background-image: url(/images/buttono.jpg);
	text-align:center;
	font-weight:bold;
}


.sidemenuOFF a:hover{
	background-image: url(/images/buto.jpg);
	background-color:#929295;
	font-weight: 500;
	color: #ffffff;
	padding-top:3px;
	font-weight:bold;
}

.updatesbody {
text-align:left;
font-family: Arial;
font-size: 12px;
color: #3D3D3D;
padding:1px;
background-color:#ffffff;
border: 1px solid black;

}
.updatestitle {
text-align:center;
height:21px;
background-color:#bcde66;
font-family: Arial;
font-size: 13px;
color: #ffffff;
font-weight:bold;
border: 1px solid black;
background-image: url(/images/barn.jpg);
}

.slot {
text-align:center;
height:30px;
background-color:#bcde66;
font-family: Arial;
font-size: 13px;
color: #ffffff;
font-weight:bold;
background-image: url(/images/slot.jpg);
}

.updates {
width:87%;
height:100px;
text-align:center;
margin-left:auto;
margin-right:auto;
}

.header {
background-image: url(/images/wet.jpg);
width: 800px; 
height: 73px; 
margin-left: auto;
margin-right: auto;
}

#menubar5 {
float: left;
border: 1px solid #bcde66;
border-top:none;
border-left:none;
border-bottom:none;
border-top:none;

}

.home a{
padding-right:8px;
padding-left:8px;
float:left;
color: black;
display: block;
font-size: 13px; 
color: #ffffff;
padding-top:2px;
background-image: url(/images/barn.jpg);
}

.home a:hover{
height:19px;
background: #badb50;
padding-right:8px;
padding-left:8px;
float:left;
color: black;
display: block;
font-size: 13px; 
padding-top:2px;
}

.home a:visited{
color: #ffffff;
}

#portleft {
float: left;
height:120px;
width: 170px;
margin-left: 0px !important;
margin-left: 0px;
padding-left: 15px;
padding-top: 8px;
text-align:left;
}

#portright {
float: left;
height:120px;
width: 70%;
margin: 0px;
padding-top: 8px;
text-align:left;
}

#portleft1 {
float: left;
height:170px;
width: 170px;
margin-left: 0px !important;
margin-left: 0px;
padding-left: 15px;
padding-top: 8px;
text-align:left;
}

#portright1 {
float: left;
height:170px;
width: 70%;
margin: 0px;
padding-top: 8px;
text-align:left;
}

.formError {
	color: #A23C3C;
	font-size: 14px;
	
}

.formErrorList {
	font-size: 12px;
} 

.listing_price a{
	font-size: 18px;
	font-weight: bold;
	text-align:center;
	color:#3566d2;
}

input {
	background:#FFFFFF;
	font-size:1em;
	background-color:#FFFFFF;
	/*background-image:url(/images/textbg.png);*/
	background-position:0pt 100%;
	background-repeat:repeat-x;
	border:1px solid #B2B2B2;
	font-size:1.1em;
	padding:2px 5px;
}
input, select, textarea {
	background-color:#ffffff;
	border-color:#B2B2B2;
	border-style:solid;
	border-width:1px;
	font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,sans-serif;
	margin:1px;
	padding:1px;
	}
	
input:hover, input:active, input:focus {
	background-color:#FFFFFF;
	border:1px solid #666666;
}
textarea:hover, textarea:active, textarea:focus {
	background-color:#FFFFFF;
	border:1px solid #666666;
}
.tablehead {
	background:#4D4D4D none repeat scroll 0%;
	border-bottom:2px solid #000000;
	border-right:1px solid #808080;
	border-top:2px solid #808080;
	color:#FFFFFF;
	margin:3px 2px;
	padding:5px 5px 5px 10px;
	text-align:center;

	}
	
p {}	
	

#op {
	background-image: url(/images/hosting.jpg);
 	width:190px; 
	height:64px;
}

.op a:hover{
	background : #616161 url(/images/hostingover.jpg);
}



.op2 {
	background : #616161 url(/images/pack.jpg);
 	width:190px; 
	height:64px;
}

.op2 a:hover{
	background : #616161 url(/images/packover.jpg);
}

.op3 a{
	background : #616161 url(/images/email.jpg);
 	width:190px; 
	height:64px;
}

.op3 a:hover{
	background : #616161 url(/images/hostingover.jpg);
}



.op4 a{
	background : #616161 url(/images/pack.jpg);
 	width:190px; 
	height:64px;
}

.op4 a:hover{
	background : #616161 url(/images/packover.jpg);
}


.deals{
background-image: 
url(/images/blank.jpg); 
width:145px; 
height:173px;
float:left;
}

.dealt {
padding:7px; 
text-align:center; 
width:100%;
}

.dealc {
padding:7px; 
padding-top:15px;
padding-left:10px;
text-align:left; 
width:100%;
font-size:16px;
}

.deall {
padding-left:15px;
text-align:left; 
width:100%;
}

.more {
width:100%;
margin-left:90px;
}


#covers {
	position: relative;
	width: 100%;
}

#packagearea {
	margin-right: 95px;
	min-height:300px; height:auto !important; height:300px;
}

#loginUpdate {
	width: 130px;
	min-height:300px; height:auto !important; height:300px;
	position: absolute;
	right: 0px;
	top: 0px;
}

  #popupbox{
  margin: 0; 
  margin-left: 40%; /* This gets it relatively center on the screen */
  margin-right: 40%; /* This gets it relatively center on the screen */
  margin-top: 50px; /* Makes it a little off the top of the screen */
  width: 20%; /* For centering it on the screen */
  position: absolute; /* Makes sure its absolute so it doesn't dock with everything else */
  background: #FBFBF0; /* Login Box background color. Change this if desired. */
  border: solid #c4e163 2px; /* Makes a black border around the login box */
  z-index: 9; /* Makes it on top of everything else */
  font-family: arial; /* Sets the font */
  visibility: hidden; /* Makes it hidden at first. Very Important.*/
  }
  .packname {
  width:154px; 
	min-height:176px; height:auto !important; height:176px;
  float:left;  
  text-align:center; 
  }

  .pac2 {
  padding-top:22px; 
  color:#000000; 
  font-size:12px; 
  text-align:left; 
  padding-left:22px; 
  padding-right:15px;
  }
  
 .pac3 a{
 text-align: right; 
 padding-right:8px; 
 padding-top:30px; 
 font-size:1.6em; 
 color:#0066cc; 
 text-decoration:none;
 }
 
  .pac4 a{
 font-size:1.2em; 
 color:#0066cc; 
 text-decoration:none;
 }
 
.hostingt {
 border:2px solid #d5eb87;
}

.heading111 {
float:left;
cursor: pointer;
background-image:url(/images/headbar.jpg);
font-family: Verdana;
display: block;
font-size: 14px;
color: #636D78;	
width:150px;
padding-left:10px;
padding-top:5px;
height:20px;
overflow:hidden;
font-weight:bold;
}

.bodyholder {
	background-image: url(/images/mainlogobackground.jpg); 
	border-left:1px solid black; 
	border-top:1px solid black; 
	width:100%; 
	display:table; 
	background-color:#ffffff;
}

.headerbanner {
	width: 800px; 
	height:70px;
	background-image: url(/images/banner2.jpg); 
	border-bottom:2px solid #badb50;
}

.navo {
	width:800px; 
	background-image: url(/images/barn.jpg); 
	height:26px; 
	border-bottom:1px solid black;
}

.titleholder {
	display:table; 
	float:left; width:720px;
}

.border1 {
	position:relative; 
	border-bottom:1px solid black; 
	margin-left:150px;
}

.border2 {
	border-top:1px solid black; 
	margin-right:15px;
}


.footerfot1 {
	width:800px; 
	height:8px; 
	background-color:#ffffff
}

.footerfot2 {
	width:800px; 
	height:20px; 
	background-color:#ffffff; 
	font-size:13px; 
	text-align:center;

}

.footerfot3 {
	width:800px; 
	height:8px; 
	background-color:#ffffff

}

.footerfot4 {
	width:800px; 
	height:23px; 
	background-image: url(/images/barn.jpg); 
	color:#ffffff; 
	font-size:14px; 
	border-top:1px solid black; 
	text-align:center;

}

.footerfot5 {
	border-top:1px solid black; 
	margin-right:15px;

}


.men1{
	text-align:center; float:left;  background-repeat:repeat-x; background-image:url(/images/middlebb.gif); height:26px;  margin-top:0; color:#ffffff
}
.men2{
	padding-top:8px; color:#ffffff; font-size:9pt; font-weight:bold;
}
.men3{
	float:left; background-image:url(/images/rightbb.gif);  background-repeat:no-repeat; height:26px; width:25px; margin-top:0;
}

.men4 {
	font-family:arial; color:#ffffff; font-size:10pt; font-weight:bold; text-decoration:none;
}

.men0 {
	float:left; background-image:url(/images/leftbb.gif); backdround-repeat:no-repeat; height:26px; width:25px; margin-top:0;
}





a#yaprak8 {
margin-left:1px;
background-image:url(/images/buttono2.gif);
display:block;
height:30px;
text-decoration:none;
width:150px;
}

a#yaprak8:hover {
background-position:0 30px;
}

.yaprak9 {
padding-left:20px; padding-top:4px; font-size:10pt; font-weight:bold;
}


.yaprak10 {
text-align:center; padding-top:4px; font-size:10pt; font-weight:bold;
}

#right_content .personinfo{
border-collapse:collapse;
border:1px solid #cccccc;
margin:2px;
min-height:150px; 
height:auto !important; 
height:150px;
}

.leftpack {
width: 410px; float: left;
padding-left:20px;
}

.rightpack {
width: 180px; float: left;
}

