@charset "UTF-8";
/* PET DOCTOR CSS Document */

/* ===================================================== GENERAL STARTS ===================================================== */
body {
	padding:0; margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px;
	color:#13192C; background:#1C2C61 url(../images/header_footer/background_repeat.gif) repeat-x; 
}
#wrapper { 
	width:920px; height:auto; padding:0; margin:0 auto; overflow:hidden;
	background:url(../images/header_footer/header_shadow.jpg) no-repeat center 180px;
}

a { outline:none; text-decoration:none; }
a:hover { text-decoration:underline; }
img { border:none; padding:0; margin:0; }
/* ===================================================== GENERAL FINISH ===================================================== */

/* ===================================================== HEADER  STARTS ===================================================== */
#headerContainer { 
	width:900px; height:140px; padding:0; margin:0 10px; float:left; display:block;
	background:url(../images/header_footer/header_background.jpg) right no-repeat;
}
#logoContainer { width:900px; height:140px; padding:0; margin:0; float:left; display:block; }

#navigationContainer { 
	width:870px; height:40px; padding:0 15px; margin:0 10px; float:left; display:block;
	background:url(../images/header_footer/navigation_background.gif) repeat-x;
}
ul.mainMenu { margin:0px; padding:0px; float:left; color:#FFF; font-size:15px; font-weight:bold; }
ul.mainMenu li { list-style-type:none; float:left; display:block; position:relative; }

ul.mainMenu li ul { position:absolute; left:0; top:40px; display:none; margin:0px; padding:0px; }
ul.mainMenu li ul li { 
	position:relative; float:left; clear:left; list-style-type:none; display:block;
	border-bottom:1px solid #A0CF67; 
}
ul.mainMenu li ul li a { 
	float:left; display:block; color:#FFF; padding:5px 15px; width:170px; font-size:13px; background:#84B34C;
	margin:0; border-left:1px solid #A0CF67; border-right:1px solid #A0CF67; 
}
ul.mainMenu li ul li a:hover { 
	float:left; display:block; color:#FFF; padding:5px 15px; width:170px; background:#263C86;
}

ul.mainMenu li a {
	display:block; color:#FFF; text-decoration:none; height:20px; width:auto; padding:13px 10px 7px 10px;
	float:left; margin:0 2px 0 0;
}
ul.mainMenu li a:hover {
	display:block; color:#FFF; text-decoration:none; width:auto; float:left; border-right:1px solid #283f84; 
	border-left:1px solid #283f84; background:url(../images/header_footer/navigation_active.gif) repeat-x;
	padding:13px 9px 7px 9px;
}
ul.mainMenu li a.active {
	display:block; color:#FFF; text-decoration:none; width:auto; float:left; border-right:1px solid #283f84; 
	border-left:1px solid #283f84; background:url(../images/header_footer/navigation_active.gif) repeat-x;
	padding:13px 9px 7px 9px;
}
ul.mainMenu li:hover ul, ul.mainMenu li.over ul { display: block; } /* The magic */
/* ===================================================== HEADER  FINISH ===================================================== */

/* ===================================================== CONTENT STARTS ===================================================== */
#clientPage { background:#FFF url(../images/client_image.jpg) no-repeat top center; }
#linksPage { background:#FFF url(../images/links_image.jpg) no-repeat top center; }
#facilitiesPage { background:#FFF url(../images/facilities_image.jpg) no-repeat top center; }
#subscribePage { background:#FFF url(../images/subscribe_image.jpg) no-repeat top center; }
#competitionPage { background:#FFF url(../images/competition_image.jpg) no-repeat top center; }
#testimonialPage { background:#FFF url(../images/testimonial_image.jpg) no-repeat top center; }

#mainImageContainer { 
	width:870px; height:auto; padding:0 15px; margin:0 10px; float:left; display:block;
	background:#FFF;
}
.contentImageContainer { 
	width:870px; height:210px; padding:0 15px; margin:0 10px; float:left; display:block; 
}
.pageTitle { 
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:26px; font-weight:bold; color:#7285BB;
	width:250px; float:right; display:block; padding:5px; margin:120px 20px 5px 5px; text-align:right;
}
#contentContainer { 
	width:870px; height:auto; padding:10px 15px 45px 15px; margin:0 10px; float:left; display:block;
	background:#FFF;
}
#leftContent { width:560px; height:auto; padding:0; margin:0; float:left; display:block; }
#leftContent h1 { 
	width:520px; padding:15px 0 10px 40px; margin:0 0 15px 0; float:left; display:block; color:#273C86;
	background:url(../images/h1_background.jpg) left no-repeat; font-size:22px; font-weight:bold; 
	line-height:25px; border-bottom:2px dotted #81B73E;
}
#leftContent p { width:550px; height:auto; padding:5px; margin:0 0 5px 0; float:left; display:block; }
.h1green { color:#81B73E; }
.blue { color:#273C86; font-size:16px; font-weight:bold; }

#leftImageContainer { 
	width:180px; height:203px; padding:10px; margin:0 15px 0 0; float:left; display:block;
	background:url(../images/index_left_image_background.jpg) no-repeat;
}
#rightInfoContainer { width:345px; height:auto; padding:5px 0; margin:0; float:left; display:block; }
#rightInfoContainer p { width:345px; padding:5px 0; margin:0 0 10px 0; float:left; display:block; }

#openingHours { width:345px; padding:0; margin:0; float:left; display:block; }
#openingHours h2 { 
	width:340px; padding:5px 0; margin:0; float:left; display:block; color:#273C86; 
	font-weight:bold; font-size:16px;  
}
#openingHours .tableTitle { border:none; }
#openingHours td { padding:2px 0; border-bottom:1px solid #C8C8C8; font-weight:bold; color:#646464; }
#openingHours label { width:100px; padding:0; margin:0 10px 0 0; float:left; display:block; }
#openingHours .openingTime { width:230px; padding:0; margin:0; float:left; display:block; }

#appointmentContainer { 
	width:345px; padding:0; margin:30px 0 10px 0; float:left; display:block; font-size:15px; color:#273C86; font-weight:bold;
	font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:25px;
}
.red { font-size:20px; font-weight:bold; color:#ff0000; }

#rightContent { width:260px; height:auto; padding:0; margin:0 5px 0 0; float:right; display:block; }

#newsContainer { width:260px; padding:0 0 10px 0; margin:0 0 10px 0; float:left; display:block; background:#D3DBF4 url(../images/news_bg.png) repeat-x; height:100px; }
#newsContainer h3 { 
	width:210px; padding:5px 5px 5px 45px; margin:0 0 10px 0; float:left; display:block; color:#FFF; font-weight:bold; font-size:15px;
	background:#273C87 url(../images/news_icon.jpg) no-repeat 5px center; 
}
#domticker{width: 240px;height: 100px;padding: 2px 5px;}
#domticker div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
	width: 240px;
}
#domticker a{font-weight: bold;color:#273c87;text-decoration:underline;}
#domticker a:hover{text-decoration:none;}


.sideInfoContainer { width:260px; height:60px; padding:0; margin:0 0 15px 0; float:left; display:block; }
/* ===================================================== CONTENT FINISH ===================================================== */

/* ===================================================== FOOTER  STARTS ===================================================== */
#footerContainer { width:900px; height:auto; padding:15px 0 35px 0; margin:0 10px; float:left; display:block; color:#A8B7DE; }
#footerContainer a { color:#FFF; }

#leftFooter { 
	width:350px; height:auto; padding:5px 0 5px 50px; margin:0; float:left; display:block;
	background:url(../images/header_footer/left_footer_background.jpg) left center no-repeat; 
}
#rightFooter { width:420px; height:auto; padding:0; margin:0; float:right; display:block; text-align:right; }
#rightFooter a { padding:4px; }
/* ===================================================== FOOTER  FINISH ===================================================== */

/* ===================================================== ABOUT   STARTS ===================================================== */
#aboutPage { background:#FFF url(../images/about_image.jpg) no-repeat top center; }
.doctorContainer { 
	width:550px; height:auto; padding:10px 5px; margin:0 0 15px 0; float:left; display:block; border-bottom:1px dotted #81B73E; 
}
#leftContent .doctorImage { width:120px; height:160px; padding:0; margin:0 20px 0 0; float:left; display:block; border:5px solid #81B73E; }
#leftContent .doctorContainer h3 { width:375px; padding:0; margin:0 0 10px 0; float:right; display:block; color:#1C2C61; font-size:16px; }
#leftContent .doctorContainer p { width:375px; padding:0; margin:0 0 10px 0; float:right; display:block; line-height:18px; text-align:justify; }

#leftContent h4 { 
	width:520px; padding:15px 0 5px 40px; margin:0 0 5px 0; float:left; display:block; color:#273C86;
	background:url(../images/h1_background.jpg) left no-repeat; font-size:22px; font-weight:bold; 
	line-height:25px;
}
#leftContent ul { padding:0 0 15px 20px; margin:0; float:left; display:block; width:540px; }
#leftContent li { 
	display:block; float:left; padding:5px 5px 5px 30px; margin:0 0 5px 0; width:505px; list-style:none;
	background:url(../images/list_image.jpg) no-repeat left 5px; 
}
#leftContent li ul { padding:10px 0 0 20px; margin:0; float:left; display:block; width:520px; }
#leftContent li ul li { 
	display:block; float:left; padding:5px 5px 5px 30px; margin:0 0 5px 0; width:485px; list-style:none;
	background:url(../images/list_image.jpg) no-repeat left 5px; 
}
#leftContent a { color:#273C86; font-weight:bold; }

#leftContent ol { padding:10px 0 15px 20px; margin:0; float:left; display:block; width:540px; }
#leftContent ol li { 
	display:block; float:left; padding:5px 5px 5px 30px; margin:0 0 5px 0; width:505px; font-size:11px; line-height:15px;
}
.prize { font-size:14px; font-weight:bold; color:#273C86; }

#registerButton {
	width:245px; padding:10px; margin:0; float:right; display:block; background:#273C86; color:#FFF;
	cursor:pointer; font-weight:bold; text-align:center;
}

/* ===================================================== ABOUT   FINISH ===================================================== */

/* ===================================================== SERVICE STARTS ===================================================== */
#servicePage { background:#FFF url(../images/service_image.jpg) no-repeat top center; }
#leftContent .twoColumn { width:265px; padding:0 0 0 10px; margin:0; float:left; display:block; }
#leftContent .twoColumn li { 
	display:block; float:left; padding:5px 0 5px 30px; margin:0 0 5px 0; width:235px; list-style:none;
	background:url(../images/list_image.jpg) no-repeat left 5px; 
}
#leftContent .twoColumn li a { color:#273C86; font-weight:bold; }

.botContact { margin:0; padding:15px 15px 15px 35px; width:510px; height:20px; font-size:16px; color:#666; float:left; display:block; background:url(../images/phone.gif) left center no-repeat; }
/* ===================================================== SERVICE FINISH ===================================================== */

/* ===================================================== CLIENT STARTS ===================================================== */
#leftContent .clientContainer { 
	width:550px; height:auto; padding:10px 5px; margin:0 0 15px 0; float:left; display:block; border-bottom:1px dotted #81B73E;
}
#leftContent .clientContainer p { 
	 width:550px; height:auto; padding:0; margin:0 0 10px 0; float:left; display:block; text-align:justify; font-style:italic; 
}
#leftContent .clientContainer h3 { 
	width:300px; height:auto; padding:0; margin:0 10px; 10px 0; float:right; display:block; color:#1C2C61; text-align:right; font-weight:bold; font-size:14px
}
#leftContent .clientTop { padding-bottom:15px; border-bottom:2px dotted #81B73E; }
/* ===================================================== CLIENT FINISH ===================================================== */

/* ===================================================== CONTACT STARTS ===================================================== */
#contactPage { background:#FFF url(../images/contact_image.jpg) no-repeat top center; }

#contactForm { width:538px; padding:10px; margin:10px 0; float:left; display:block; border:1px solid #3C4F92; }
#contactForm legend { padding:5px 10px; margin:0 5px; display:block; background:#273C86; color:#FFF; font-weight:bold; }
.contactRow { width:510px; padding:0 0 5px 0; margin:5px 10px; float:left; display:block; }

#contactForm label { width:100px; padding:4px 2px; margin:0 10px 0 0; float:left; display:block; font-weight:bold; color:#273C86; }
#contactForm label.longLabel { 
	width:220px; padding:4px 2px; margin:0 10px 0 0; float:left; display:block; font-weight:bold; color:#273C86; 
}
#contactForm input { width:385px; padding:4px; margin:0; float:left; display:block; border:1px solid #3C4F92; }
#contactForm input.shortInput { width:150px; padding:4px; margin:0; float:left; display:block; border:1px solid #3C4F92; }
#contactForm select { width:260px; padding:4px; margin:0; float:left; display:block; border:1px solid #3C4F92; }
#contactForm textarea { width:498px; padding:4px 2px; margin:0; float:left; display:block; border:1px solid #3C4F92; height:150px; }
#contactForm input.submit { 
	width:245px; padding:10px 0; margin:0; float:left; display:block; background:#273C86; color:#FFF;
	cursor:pointer; font-weight:bold;
}
#contactForm img { float:left; display:block; width:70px; height:22px; border:1px solid #3C4F92;; margin:0 10px 0 0; padding:0 }
#contactForm small { float:left; display:block; margin:0 0 0 10px; padding:5px 0 0 0; }
.required { color:#900; font-size:15px; font-weight:bold; padding:0; margin:0 0 0 5px; }
.error { color:#900; font-weight:bold; }
.accept { color:#06F; font-weight:bold; }
/* ===================================================== CONTACT FINISH ===================================================== */

/* ===================================================== LOCATION STARTS ===================================================== */
#locationPage { background:#FFF url(../images/location_image.jpg) no-repeat top center; }
#mapContainer { width:548px; padding:0px; margin:5px 0 15px 0; float:left; display:block; border:5px solid #A0CF69; }
#googleMap { width:548px; height:350px; padding:0; margin:0 0 10px 0; float:left; display:block; }
#addressInfo { width:538px; padding:5px; margin:0; float:left; display:block; }
/* ===================================================== LOCATION FINISH ===================================================== */

/* ===================================================== PRICES  STARTS ===================================================== */
#pricesPage { background:#FFF url(../images/prices_image.jpg) no-repeat top center; }
#pricesContainer { 
	width:558px; padding:0; margin:5px 0 15px 0; float:left; display:block; border:1px dotted #A0CF69; border-bottom:none; 
}
#pricesContainer th { 
	width:259px; padding:8px 10px; margin:0; background:url(../images/th_bg.gif) bottom repeat-x; color:#fff; text-align:left; font-size:14px; 
}
#pricesContainer td { 
	width:259px; padding:10px; margin:0; background-color:#fff; vertical-align:top;
	font-size:12px; border-bottom:1px dotted #A0CF69; 
}
.right { width:297px; text-align:left; border-left:1px dotted #A0CF69; }


#pricesContainer2 { 
	width:558px; padding:0; margin:5px 0 15px 0; float:left; display:block; 
	border:1px dotted #A0CF69; border-bottom:none; 
}
#pricesContainer2 th { 
	width:200px; padding:8px 10px; margin:0; color:#fff; text-align:left; font-size:14px; font-weight:bold;
	background:url(../images/th_bg.gif) bottom repeat-x; 
}
#pricesContainer2 td { 
	width:200px; padding:10px; margin:0; background-color:#fff; color:#273c86;
	vertical-align:text-top; font-size:12px; border-bottom:1px dotted #A0CF69; 
}
#pricesContainer2 td a { color:#82b14a; font-weight:normal; }
#pricesContainer2 td span { color:#13192c; }
#pricesContainer2 .right2 { width:356px; border-left:1px dotted #A0CF69; }

#leftContent .newsletterInfo { display:block; padding:0; margin:0 0 15px 0; }
#leftContent .newsletterInfo h2 { display:block; padding:5px 0; margin:0; font-size:18px; }
#leftContent .newsletterInfo span { font-size:11px; }

#leftContent .newsletterContent { display:block; margin:0 0 20px 0; overflow:hidden; }
#leftContent .newsletterContent p { display:block; padding:5px 0; margin:0 0 5px 0; width:100%; font-size:12px; }

#leftContent #graduation { padding:0; margin:0 0 15px 0; width:100%; }
#leftContent #graduation li { 
	background:#81b73e; padding:5px; width:165px; display:block; float:left;
	margin:5px 5px 10px 5px; color:#FFF; text-align:center;
}
#leftContent #graduation li img { display:block; margin:0; padding:0; }
#leftContent #graduation li span { display:block; padding:0; margin:5px 0 0 0; height:36px; color:#273C86; }
#leftContent #graduation li span a { color:#FFF; }

/* ===================================================== PRICES  FINISH ===================================================== */

/* ===================================================== JOIN    STARTS ===================================================== */
#joinPage { background:#FFF url(../images/join_image.jpg) no-repeat top center; }
.quote { 
	width:540px; height:auto; padding:10px; margin:10px 0; float:left; display:block; text-align:center;
	font-size:14px; font-weight:bold; font-style:italic; line-height:20px; background:#E4E9F7; color:#273C86;
}
#pdfContainer { width:550px; height:auto; padding:5px; margin:10px 0; float:left; display:block; }
.pdf { 
	width:200px; height:auto; padding:8px 5px 5px 60px; margin:0 10px 0 0; float:left; display:block;
	background:url(../images/file_pdf.png) left no-repeat; height:35px;
}
#onlineContainer { width:550px; height:auto; padding:5px; margin:10px 0; float:left; display:block; }
.online { 
	width:200px; height:auto; padding:8px 5px 5px 60px; margin:0 10px 0 0; float:left; display:block;
	background:url(../images/file_online.png) left no-repeat; height:35px;
}
/* ===================================================== JOIN    FINISH ===================================================== */

/* ===================================================== FAQS    STARTS ===================================================== */
.faqTitle { /*header of 2nd demo*/
	cursor:hand; cursor:pointer; font-size:12px; margin:0; color:#252525; width:540px; float:left; display:block;
	font-family:Arial, Helvetica, sans-serif; background:#FFF url(../images/services_header.gif) bottom repeat-x; 
	min-height:20px; padding:7px 10px 3px 10px;
}
.faqAnswer { width:530px; padding:15px; margin:0 0 20px 0; float:left; display:block; }
#leftContent .faqAnswer p { width:530px; padding:5px 0; margin:0 0 5px 0; float:left; display:block; }
#leftContent .faqAnswer ul { padding:0 0 15px 10px; margin:0; float:left; display:block; width:520px; }
#leftContent .faqAnswer li { 
	display:block; float:left; padding:5px 5px 5px 30px; margin:0 0 5px 0; width:485px; list-style:none;
	background:url(../images/list_image.jpg) no-repeat left 5px; 
}
#leftContent .faqAnswer li ul { padding:10px 0 0 20px; margin:0; float:left; display:block; width:500px; }
#leftContent .faqAnswer li ul li { 
	display:block; float:left; padding:5px 5px 5px 30px; margin:0 0 5px 0; width:465px; list-style:none;
	background:url(../images/list_image.jpg) no-repeat left 5px; 
}

.openlanguage { /*class added to contents of 2nd demo when they are open*/
	color:#273C86; font-weight:bold; font-size:12px;
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
	color:#273C86; font-weight:bold; font-size:12px; padding:7px 10px 3px 10px;
}

.imageContainer { width:520px; height:auto; padding:5px; margin:0 0 10px 0; float:left; display:block; text-align:center; }
/* ===================================================== FAQS    FINISH ===================================================== */

/* ===================================================== SUBSCRIBE    STARTS ===================================================== */
#contactForm input.radioButton { width:20px; height:auto; padding:0; margin:5px; float:left; display:block; border:1px solid #3C4F92; }

#contactForm label.shortLabel { 
	width:50px; padding:4px 2px; margin:0 10px 0 0; float:left; display:block; font-weight:bold; color:#273C86; 
}
#contactForm label.longerLabel { 
	width:500px; padding:4px 2px; margin:0 10px 0 0; float:left; display:block; font-weight:bold; color:#273C86; 
}
#contactForm label.full { 
	width:500px; padding:4px 2px; margin:0 10px 0 0; float:left; display:block; font-weight:bold; color:#273C86; 
}
#contactForm select.short { width:200px; padding:4px; margin:0; float:left; display:block; border:1px solid #3C4F92; }
/* ===================================================== SUBSCRIBE    FINISH ===================================================== */

/* =================================================== TESTIMONIALS    STARTS ===================================================== */
#leftContent .testimonialContainer { 
	width:550px; height:auto; padding:10px 5px; margin:0 0 15px 0; float:left; display:block; border-bottom:1px dotted #81B73E;
}
#leftContent .testimonialContainer p { 
	width:540px; height:auto; padding:0; margin:0 0 10px 0; float:left; display:block; text-align:justify; font-style:italic; 
}
#leftContent .testimonialContainer h3 { 
	width:300px; height:auto; padding:0; margin:0 10px 10px 0; float:right; display:block; color:#1C2C61; text-align:right; font-weight:bold; font-size:14px
}
/* =================================================== TESTIMONIALS    FINISH ===================================================== */

/* ===================================================== NEWS STARTS ===================================================== */
#leftContent .newsPage { width:550px; height:auto; padding:10px 5px; margin:0; float:left; display:block; }
h5 { width:550px; height:auto; display:block; padding:0 0 10px 0; margin:0; float:left; font-size:12px; color:#999 }
.newsDate { font-weight:bold; color:red; }
#leftContent .newsPage img { width:180px; height:auto; margin:0; padding:0; display:block; float:right; }
#leftContent .newsPage p { padding:0; margin:0; float:left; display:block; }

/* ===================================================== NEWS FINISH ===================================================== */

#leftContent .contentRow { 
	display:block; padding:0 0 10px 0; margin:0 0 10px 0; border-bottom:1px solid #13192C;
	width:560px; float:left;
}

#leftContent .contentRow p { display:block; float:none; }
#leftContent .contentRow h3 { display:block; float:none; padding:5px; font-size:15px; margin:0 0 5px 0; color:#273C86; }