@charset "utf-8";
/* CSS Document */

/* <!-- */
/* General styles */
body {
	margin:40px 0 0 0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	background: #FFFFFF url(/uploads/images/body-bg.jpg) repeat-x 0 0 fixed;
	min-width:600px;    /* Minimum width of layout - remove line if not required */
						/* The min-width property does not work in old versions of Internet Explorer */
	text-align:center;
	font-family: arial, verdana, sans-serif;
	font-size:12px;
}
#fixed {
   margin:0 auto;
   width:1000px;   /* you can use px, em or % */
   text-align:left;
}
h1, h2, h3, h4 {
	color:#b69c1b
}
h1 { font-size:24px;}
h2 { font-size:18px;}
h3 { font-size:15px;}
h4 { font-size:11px;}
p {
	margin: 0;
	font-size:12px;
	padding:0;
}
/* Header styles */
#header {
	clear:both;
	float:left;
	width:100%;
}
/* 'widths' sub menu */
#layoutdims2 {
	clear:both;
	margin:0;
	margin-bottom:25px;
	background: transparent;
	width:100%;
}
#layoutdims {
	clear:both;
	margin:0;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
}
#layoutdims3 {
	clear:both;
	margin:0;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
	width:100%;
}


/* column container */
.colmask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
	height:100%;
}
/* 1 column full page settings */
/*.fullpage {} */
.fullpage .col1 {
	margin:0 15px;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	background: url(/uploads/images/content_bg.png) repeat-y 0 0;
}
#footer2 {
	clear:both;
	float:left;
	width:100%;
	margin:0;
}


#header_top {
	width:100%;
	height:40px;
	clear:both;
	overflow:hidden;
	border:1px solid #000
}
#logo { background:url(/uploads/images/header_home.png) no-repeat; width:1000px; height:208px;}
#logo .tel { position:relative; float:right; color:#FFF; font-size:24px; font-weight:bold; margin-right:40px; margin-top:145px }

#search_form {float:right; margin:0; margin-right:2px;}

.topboxes {width:990px; margin:0 auto; height:130px}
.topphoto {width:990px; margin:0 auto; border:1px solid #000; height:70px}
.topheading {float:left; margin:40px 0 0 50px;}
.topheadingtext {color:#b69c1b; font-size:24px; padding:0; margin:0}
.motto {float:right; margin:30px 40px 0 0;}
.backtotop { text-align:right; margin-top:5px; margin-bottom:5px}
.backtotop a { font-size:9px}

.mag-logos {
	margin:30px 0;
	text-align:center;
}
#boxes-rows {
	 width: 985px; 
	 font-family:Arial;
	 font-size:12px;
	 background-image:url(/uploads/images/takipet-bg.jpg);
	 float:left;
	 padding:5px 0 10px 0;
	 margin:10px 0 0 7px;
}
.cqc-logo {
	 width:114px;
	 margin-top:40px;
	 float:left;
	 margin-left:5px;
	 padding-left:10px;
}
.bottom-contact { width:670px; margin:15px 0 15px 20px; float:left; }
.bottom-contact p { color:#333; font-size:13px; text-align:center }
.color-red-bold { font-weight:bold; color:#f00 }

#NewsletterContainer { float:left; width: 300px; font-family:Arial; font-size:12px; margin-top:20px; margin-left:7px; text-align:left; display:inline;}
#NewsletterContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; padding-left:10px; margin:0 0 8px 0;}
.news1 {margin-left:10px; background-image:url(/uploads/images/hemenal-takipet-mektup.jpg); background-repeat:no-repeat;; padding-left:70px; margin-top:10px; float:left; font-size:11px; color:#676767; height:77px}
.newsform {float:left; width:94%; margin-left:80px; margin-top:-25px; padding-bottom:14px}
.newsinput {border:1px #c3c3c3 solid; width:145px; height:20px;font-size:12px; color:#898989; float:left;}

#ContactDetailsContainer { float:left; width: 340px; font-family:Arial; font-size:12px; margin-top:20px; margin-left:20px; text-align:left; padding-left:10px; display:inline;}
#ContactDetailsContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; margin:0 0 8px 0;}
#ContactDetailsContainer .first-two {background-image:url(/uploads/images/icon-takipet.png); height:77px; background-repeat:no-repeat; float:left; margin-top:10px}
#ContactDetailsContainer .first-two p.p1 {font-size:20px; padding-top:3px; padding-left:40px; color:#333; font-weight:bold;}
#ContactDetailsContainer .first-two p.p2 {padding-top:26px; padding-left:40px; color:#333}
#ContactDetailsContainer .second-two {width:120px; background-image:url(/uploads/images/icon-takipet2.png); height:77px; background-repeat:no-repeat; float:left; margin-left:40px; margin-top:10px}
#ContactDetailsContainer .second-two p.p1 {padding-top:8px; padding-left:40px;}
#ContactDetailsContainer .second-two p.p2 {padding-top:30px; padding-left:40px;}
#ContactDetailsContainer a { color:#333333; font-size:14px; text-decoration:none; font-weight:bold}
#ContactDetailsContainer a:hover { text-decoration:underline}

#WebContainer { width: 270px; font-family:Arial; font-size:12px; margin-top:20px; float:right; margin-right:7px; display:inline;}
#WebContainer h1 { font-size:18px; font-weight:bold;color:#7d5608; padding-left:10px; text-align:left; margin-top:0;}
#WebContainer ul { margin-bottom:0; margin-top:15px; margin-left:10px; padding:0;}
#WebContainer ul li {float: left; display: inline; list-style: none; padding: 0 5px}
#WebContainer ul li a { color:#7d5608}
#WebContainer ul li p { margin-top:10px; font-size:9px; text-align:center}
#WebContainer ul li img { border:0}

#LangContainer {width:500px; font:12px Arial; margin:10px 0 10px 7px; float:left; padding-left:7px; display:inline}
#LangContainer h1 {font-size:18px; font-weight:bold;color:#7d5608; text-align:left; margin-top:10px}
#LangContainer ul {padding:0; margin:40px 0 10px 0;}
#LangContainer ul li { list-style:none; display:inline; padding-right:19px;}
#LangContainer ul li img { border:1px solid #999}
#LangContainer a { color:#7d5608}
#LangContainer .text {float:left; font-size:12px; color:#676767; text-align:left; margin-top:0}

#virtual_tour {float:right; margin-right:20px; width:400px; display:inline; margin-top:10px; margin-bottom:10px}
#virtual_tour h1 {float:right; margin-right:25px; font-size:18px; font-weight:bold;color:#7d5608; margin-top:10px}
#virtual_tour .anim_tour {float:left; margin-top:20px; margin-left:50px}
#virtual_tour .text {float:right; margin-right:30px; margin-top:55px; width:150px; font-size:12px; color:#676767; display:inline}

.footerOuterWrap { margin: 0 auto;}
.footerInnerWrap {width: 1000px; margin: 0 auto; background-image:url(/uploads/images/content_bg.png); background-position:center; background-repeat:repeat-y; }
.footerNavContainer { background-color:#2E73A3; width: 966px; height: 26px; padding: 20px 17px 0 5px;font-family: arial; font-size: 11px; color: #fff; margin-bottom: 0px; overflow: hidden; margin-left:6px;}
ul.footerNav {float: left; margin: 0; padding: 0;}
.footerNav li {float: left; display: inline; list-style: none; padding: 0 4px;}
.footerNavPipe li {float: left; display: inline; list-style: none; padding: 0 4px;}
.footerNav li a {color: #fff; font-size:11px;}
.footerNavContainer p {float: right; margin: 0; padding: 0;}
.footer_bottom {clear:both; margin:0 auto; background:url(/uploads/images/footer_bg2.png) no-repeat; width:1000px; height:6px}
.footer_contact {margin:0 auto;}
.footer_contact p {font-family: arial; font-size: 11px; text-align: center; margin: 0 0 2px 0; padding: 0;}
.footer_contact .locationTitle {font-weight: bold; font-size: 13px; margin-top:20px}
#footer_bottom {margin:0 auto; width: 990px; padding-top:10px; padding-bottom:10px;}
#footer_bottom p {color:#58595b; text-align:center; line-height:16px}
#footer_bottom p a{color:#58595b; font-size:11px}
#footer_bottom p a:hover{color:#85d3d3; text-decoration:none;}

#articles{width:90%; margin:0 auto; margin-top:30px; border-bottom:1px #CCC dotted; position:relative}
#articles .leftpanel {float:left; width:20%}
#articles .leftpanel img {border:1px solid #000}
#articles .leftpanel div {margin:0 auto; margin-top:30px}
#articles .leftpanel div ul li img {border:0}
#articles .rightpanel {float:right; width:75%}
#articles .rightpanel .namedate {width:99%;}
#articles .rightpanel .namedate .medianame {float:left; width:70%; border-bottom:1px solid #000; color:#F00}
#articles .rightpanel .namedate .mediadate {float:right; width:30%; border-bottom:1px solid #000; text-align:right; color:#F00}
#articles .rightpanel .mediaheader {width:100%; clear:both; padding-top:15px; text-align:center; font-family:Verdana; font-size:20px; line-height:24px; font-weight:bold;}
#articles .rightpanel .mediaheader .writer {font-size:11px; color:#f00; text-align:left; float:left; font-style:italic; font-weight:bold;}
#articles .rightpanel .mediacontent {width:100%; clear:both; margin-top:10px}
#articles .rightpanel .mediacontent p {padding:10px 0 5px 0;}
#articles .rightpanel .copyright {width:100%; clear:both; margin-top:20px; font-size:10px; font-style:italic}
#articles .clinicinfo {width:100%; clear:both; margin-top:20px; text-align:center; background-color:#FFC; padding:10px 0}
#articles .pagetop {width:100%; clear:both; margin-top:20px;}

.icons {margin-top:10px; list-style:none}
.icons li {margin-top:9px}
.icons li a {text-decoration:none; color:#FFF; font-size:12px;}
.icons li a:hover {text-decoration:underline; color:#F00}
.icons li a.articles {text-decoration:none; color:#000; font-size:12px;}
.icons li a.articles:hover {text-decoration:underline; color:#F00}
/* --> */