@charset "utf-8";
/* CSS Document */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 12px;
font-family: Arial, Tahoma, Sans-Serif;
vertical-align: baseline;
}

/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1.3;
color: black;
text-align:center;

}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}

blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/*======================
	HEADER
========================*/
/*
The container div is what sets the width of your content and centers it in the browser.
Each of your main divs will have a container div.
*/
.container
{
	margin:0 auto; /* Centers the div */
	width:960px; /*This is the width of your website */
	position:relative;
	text-align:left;
	
}

.containerheader
{
	margin:0 auto; /* Centers the div */
	width:960px; /*This is the width of your website */
	position:relative;
	text-align:left;
	height:auto !important; /* IE 6 min-height fix */
	height:98px; /* IE 6 min-height fix */
	min-height:98px;
	
	
}


.containerheader2
{
	margin:0 auto; /* Centers the div */
	width:960px; /*This is the width of your website */
	position:relative;
	text-align:left;
	height:auto !important; /* IE 6 min-height fix */
	height:47px; /* IE 6 min-height fix */
	min-height:47px;
	
	
}


/*
Notice that the width of header is set to 100%.
This is so that the background will extend to the edge of the browser.
*/

#header
{
	background:url(../images/finish_01.jpg) repeat-x;
float:left;
	width: 100%;
	height:145px;
	min-height:145px
	
}

/*
The a element (which is usually an inline element) gets changed to a block element
so that it can easily be positioned.
*/
#logo
{
	background:url(../images/logo.png) no-repeat;
	display:block;
	position:relative;
	top:30px;
	float:left;
	width:350px;
	height:60px;
	min-height:60px
}
#TRflag
{
	background:url(../images/TRflag.png) no-repeat;
	display:block;
	position:relative;
	top:60px;
	float:right;
	width:28px;
	height:29px;
}

#UKflag
{
	background:url(../images/UKflag.png) no-repeat;
	display:block;
	position:relative;
	top:60px;
	float:right;
	width:28px;
	height:28px;
	padding-right:10px;
}
#patientbutton
{
	background:url(../images/patientbutton.png) no-repeat;
	display:block;
	position:relative;
	top:52px;
	float:right;
	width:86px;
	height:36px;
	padding-right:40px;
}

#giris
{
	display:block;
	position:relative;
	top:10px;
	float:right;
	width:60px;
	height:1em;
	padding-right:0px;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
}

#giris a:link
{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


#giris a:hover
{
	color:#FFF;
	
}
#giris a:hover
{
	color:#FFF;
	text-decoration:underline;
	
}

#giris2
{
	display:block;
	position:relative;
	float:right;
	height:1em;
	padding-right:10px;
	color:#FFF;
	font-size:14px;
	font-weight:normal;
}

#giris2 a:link
{
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}


#giris2 a:hover
{
	color:#FFF;
	
}
#giris2 a:hover
{
	color:#FFF;
	text-decoration:underline;
	
}


/*======================
	MAIN
========================*/
/*
The width is also set to 100% because there is a background image
that we want to go to the edge. 

Notice that height isn't set for #main, this is because it will need to expand
with the content.
*/
#main
{
	background: #fff url(../images/main_background.jpg) repeat-x;
	float:left;
	width:100%;
	}
/*
All this does is add the background that makes the content appear
to pop off the screen.
*/
#wrapper
{
	background: url(../images/base.jpg) no-repeat 50% 0;
	float:left;
	width:100%;
	
}
/*
This div sets the default height of your content and also adds a gray
background to the right column.
*/
#content
{
	background:url(../images/content_background.gif) repeat-y;
	float:left;
	width:960px;
	margin:0px;
	min-height:400px;
	height:auto !important; /* IE 6 min-height fix */
	height:400px; /* IE 6 min-height fix */
	 
	
}


#contentlisting
{
	background:url(../images/content_background.gif) repeat-y;
	width:940px;
	margin:10px;
	min-height:600px;
	height:auto !important; /* IE 6 min-height fix */
	height:515px; /* IE 6 min-height fix */
}


#doc
{
	display:block;
	position:relative;
	top:10px;
	
}

#123
{
	top:50;
	left:0;
	width:489x;
	height:323px;
	z-index:2;
	}


#enkolay
{
	position: absolute;
	top:100;
	left:100;
	}

.abs img
{
position:static;
left:-100px;
top:-100px;
z-index:-1
}

/*======================
	FOOTER
========================*/
/*
This adds the site bottom and makes it expand to the edge of the screen
like we did with #header and #main
*/
#footer
{
	background:url(../images/footer.png) repeat-x;
	float:left;
	width:100%;
	height:99px;
	font-size:12px;
	color:#fff;
	margin-top:20px;
}

#footer li {
	font-size:20px;
	
	}
	
#main-menu
{
	float:left;
	position:relative;
	top:10px;

}


#main-menu li
{
	background-image:url(../images/main_menu.png);
	background-repeat:no-repeat;
	background-position:0 0;
	float:left;
	margin: 0 20px 0 20px;
	padding:0;
	height:23px;
	list-style:none;
	line-height:1;
	vertical-align:middle;  
}
/*
The over and active state get handled here.
Notice the use of negative pixels? This is the advantage of CSS sprites.
Instead of using two images to achieve the effect, we just use one and move it.
*/
#main-menu li:hover, #main-menu li.active { background-position: 0 -47px; color:#F60;}
#main-menu li:hover a, #main-menu li.active a{ background-position: 100% -47px; color:#F60;}
#main-menu li a
{
	background-image:url(../images/main_menu.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	display:block;
	padding:4px 10px 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}
.roundedCorners{
width: 320px;
padding: 50px;
background-color: #e3f1f8;
border:1px solid #bdd7e5;

/* Do rounding (native in Safari, Firefox and Chrome) */
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}

#bottom-menu
{
	float:left;
	position:relative;
	top:52px;
}
#bottom-menu li
{
	
		color:#FFF;
	float:left;
	margin: 0 10px 0 10px;
	padding:0;
	list-style:none;
	line-height:2.5;
}

#bottom-menu li:hover, #bottom-menu li.active { color:#F60;}
#bottom-menu li:hover a, #bottom-menu li.active a{ color:#F60;}
#bottom-menu li a{color:#FFF;}


.myBox {
    margin: 0 auto;
    border: 0px solid #fff;
    color: #fff;
    width: 60%;
    padding: 20px;
    text-align: left;
    background-color: #f00;
    border-top: 3px solid #0F0;
    border-bottom: 3px solid #0F0;
 
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
 
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

#doctorid
{
	float:left;
	height:20px;
	width: 100%;
	border: solid #e9e9e9 1px;
	background-color: #f2f2f2;
}



#doctorid ul {
	margin: 0px;

	padding: 0px;
	
	width: 650px;
	
	margin: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	font-weight:bold;
	
	color: #ff8401;

	line-height: 20px;

	white-space: nowrap;

}

#doctorid li {

	list-style-type: none;

	display: inline;

}

#doctorid li a {

	text-decoration: none;

	padding: 7px 10px;

	color: #ff8401;

}

#doctorid li a:link {

	color: #ff8401;

}

#doctorid li a:visited {

	color: #ff8401;

}

#doctorid li a:hover {

	color: #09C;

}



#top-div
{
	float:left;
	margin-left:auto;
	margin-right:auto;
	height:20px;
	width: 100%;
	border: solid #e9e9e9 1px;
	
	background-color: #f2f2f2;
	
}

.tablelink a
{

	text-decoration: none;

	padding: 7px 10px;

	color: #F90;

}



#top-div ul {

	text-align:center;	

	padding: 0px;
	
	width: 850px;
	
	margin-left: auto;
	margin-right: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #F90;

	line-height: 20px;

	white-space: nowrap;

}

#top-div li {

	list-style-type: none;

	display: inline;

}

#top-div li a {

	text-decoration: none;

	padding: 7px 10px;

	color: #F90;

}

#top-div li a:link {

	color: #F90;

}

#top-div li a:visited {

	color: #F90;

}

#top-div li a:hover {

	color: #0088cc;


}

#top-divdoc
{
	float:left;
	height:20px;
	width: 100%;
	
	
	
}

#top-divdoc ul {

	margin: 0px;

	padding: 0px;
	
	width: 650px;
	
	margin: auto;

	font-family: Arial, Helvetica, sans-serif;

	font-size: small;

	color: #06F;

	line-height: 20px;

	white-space: nowrap;

}

#top-divdoc li {

	list-style-type: none;

	display: inline;

}

#top-divdoc li a {

	text-decoration: none;

	padding: 7px 10px;

	color: #06F;

}

#top-divdoc li a:link {

	color: #06F;

}

#top-divdoc li a:visited {

	color: #06F;

}

#top-divdoc li a:hover {

	color: #999;


}

.roundedcorner{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
		
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../images/panel.jpg) repeat-x bottom center #ffffff;
	}




#welcome{
	
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	
	padding:10px;

	
	/* The width of the gallery */
	width:300px;
	overflow:hidden;
}

#welcome h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	font-size:24px;
	font-weight:normal;
	margin-bottom:15px;
}



#welcomeupdate{
	
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
	/* The width of the gallery */
	width:800px;
	overflow:hidden;
	height:auto;
}

#welcomeupdate label{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	margin-bottom:5px;
	width: 20em;



margin-right: 0.5em;

	float:left;
	margin-top:5px;

	font-size:12px;
	font-weight:bold;
	color:#36F;
	text-transform:capitalize;}

#bookingrightcolumn label{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	margin-bottom:5px;
	width: 20em;



margin-right: 0.5em;

	float:left;
	margin-top:5px;

	font-size:12px;
	font-weight:bold;
	color:#36F;
	text-transform:capitalize;}



#msgdtl
{
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:10px;
	/* The width of the gallery */
	width:auto;
	min-height:40px;
	height:auto !important; /* IE 6 min-height fix */
	height:40px; /* IE 6 min-height fix */
	
}
#msgdtl p {
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
	margin-bottom:5px;
	text-align:justify;

margin-right: 0.5em;

	float:left;
	margin-top:5px;

	font-size:16px;
	
	color:#666;
	
	}
#welcomeupdate h1{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:26px;font-weight:normal;color:#0059e1; margin-bottom:10px;
}
#welcomeupdate h2{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#ff8401; margin-bottom:10px;
}
#welcomeupdate h3{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px;font-weight:normal;color:#8c8c8c; margin-bottom:10px;
}


.bookingtop{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:26px; font-weight:normal; color:#ff8401; margin-bottom:10px;
	}
.bookingtitle{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:22px; font-weight:normal; color:#09C; margin-bottom:10px;
	}
.bookingtext{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px; font-weight:normal; color:#969696; margin-bottom:10px;
	}
	
.error{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#F00; margin-bottom:10px;
}

.success{
	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;font-size:16px;font-weight:bold;color:#6F3; margin-bottom:10px;
}

#welcomeupdate input, select, textarea{
	
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
font-size:1.1em;
color:#666;
margin-left:15px;
padding:5px;
border:2px solid #CCC;
	
}
#bookingrightcolumn input, select, textarea{
	
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
font-size:1.1em;
color:#666;
margin-left:15px;
padding:5px;
border:2px solid #CCC;

	
}
#bookingleftcolumn input, select, textarea{
	
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
font-size:1.1em;
color:#666;
margin-left:15px;
padding:5px;
border:2px solid #CCC;

	
}
#bookingleftcolumn input, select, textarea{
	
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
font-size:1.1em;
color:#666;
margin-left:15px;
padding:5px;
border:2px solid #CCC;

	
}
#bottom-divupdate input, select, textarea{
	
-moz-border-radius:4px;
border-radius:4px;
-webkit-border-radius:4px;
font-size:1.1em;
color:#666;
margin-left:15px;
padding:5px;
border:2px solid #CCC;

	
}


fieldset {   
clear:both;
padding:1em 1.4em 1.4em 1.4em;
margin:0 0 30px .3em;
background:#f3f6f8;
border:1px solid #c4d3ea; 
float: left;    
clear: left;    
width: 100%;    
margin: 0 0 1.5em 0;    
padding: 0;   
}  
legend {   
-moz-border-radius:0px;border-radius:0px;-webkit-border-radius:0px;margin:0 -.4em;padding:5px 10px;font-weight:bold;font-size:1.2em;background:#fff;border:1px solid #c4d3ea;text-transform:capitalize;color:#f87a0b;
}  

.emailmenu {   
font-weight:bold;font-size:1.2em;background:#fff;border:1px solid #c4d3ea;text-transform:capitalize;color:#f87a0b;
} 

fieldset ul {   
padding: 1em 1em 1em 1em;   
list-style: none;  
}  
fieldset li {   
float: left;    
clear: left;    
width: 100%;    
padding-bottom: 1em;  
}  
fieldset.submit {   
border-style: none;  
float: none;    
width: auto;    
border: 0 none #0F0;    
padding-left: 12em;  
}


#cmdSubmit {
	 background: #999;
	}

#welcomeupdate input:focus, select:focus{

	border:2px solid #ef9e4d;
	background:#fff; 
}


#bottom-div
{
	width:960px;
	float:left;
}

#bottom-divupdate
{
	width:960px;
	float:left;
}

#bottom-divupdate td, tr {
	
	border:none;}


th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #6D929B;
	border-right: 1px solid #C1DAD7;
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 3px 3px 3px 6px;
	background:url(../images/bg_header.jpg) no-repeat #CAE8EA ;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}
th.spec {	
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(../images/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
}

th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(../images/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
	sans-serif;
	color: #B4AA9D;
}

.rowbg{
	background-color:#FFC;
	border-bottom:none;
	}

.rowalterbg
{
	background-color:#FFF;
	border-bottom:none;
	}

td {
	border-left: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	
	padding: 6px 6px 6px 12px;
	color: #6D929B;
	vertical-align:middle;
}
td hover { background-position: 0 -47px; color:#999;}
td hover a { background-position: 100% -47px; color:#999;}
td li a
{
	background-image:url(../images/main_menu.png);
	background-repeat:no-repeat;
	background-position:100% 0;
	display:block;
	padding:4px 10px 5px 10px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	vertical-align:middle;
}


td.alt {
	background: #F5FAFA;
	color: #B4AA9D;
}

#topemail h2 {
	
	font-size: 22px;
	font-weight: bold;
	text-align:left;
	color: #ff8401;
	margin-top:10px;
	text-transform:capitalize;
	
}
#topemail h3 {
	font-size: 16px;
	font-weight: bold;
	text-align:left;
	color: #09C;
	text-transform:capitalize;
	margin-bottom:10px;
	
}
#topemail h4 {
	font-size: 18px;
	font-weight: bold;
	text-align:left;
	color: #F60;
	text-transform:capitalize;
	margin-bottom:10px;
	
}

#form{
	
	margin:10px;}

textarea#styled {
	width:500px;
	height:auto;
	border: 1px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
	background-image: url(bg.gif);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.align-right { float:right; margin: 0 0 15px 15px; }
.align-left { float:left; margin: 0 15px 15px 0; }

a.arrows1:link {color:#F60; text-decoration:none}      /* unvisited link */
a.arrows1:visited {color:#F60; text-decoration:none}  /* visited link */
a.arrows1:hover {color:#F60; text-decoration:none}  /* mouse over link */
a.arrows1:active {color:#F60; text-decoration:none}  /* selected link */



#welcomepage{
	
	margin-left:50px;
	margin-right:auto;
	margin-top:150px;
	float:left;
	padding:10px;

	
	/* The width of the gallery */
	width:300px;
	overflow:hidden;
	background-color:#FFF;
}

.roundedcornersocial{
	/* CSS3 Box Shadow */
	-moz-box-shadow:0 0 3px #AAAAAA;
	-webkit-box-shadow:0 0 3px #AAAAAA;
	box-shadow:0 0 3px #AAAAAA;
	
	/* CSS3 Rounded Corners */
		
	-moz-border-radius-bottomleft:4px;
	-webkit-border-bottom-left-radius:4px;
	border-bottom-left-radius:4px;
	
	-moz-border-radius-bottomright:4px;
	-webkit-border-bottom-right-radius:4px;
	border-bottom-right-radius:4px;
	
	-moz-border-radius-topleft:4px;
	-webkit-border-top-left-radius:4px;
	border-top-left-radius:4px;
	
	-moz-border-radius-topright:4px;
	-webkit-border-top-right-radius:4px;
	border-top-right-radius:4px;
	
	border:1px solid white;
	
	background:url(../images/box.jpg) repeat-x top center #ffffff;
	}



#facebook
{
	background:url(../images/facebook.png) no-repeat;
	display:block;
	position:relative;
	top:20px;
	float:left;
	width:20px;
	height:20px;
	padding-right:10px;
}
#twitter
{
	background:url(../images/twitter.png) no-repeat;
	display:block;
	position:relative;
	top:20px;
	float:left;
	width:20px;
	height:20px;
	padding-right:10px;
}