/* - css info -
author: Mateusz Jastrzebski 
contact: contact.pordesign@gmail.com
- */

/* - general - */
body {	font: 11pt/150% Tahoma, Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #232236; background: #f7f7f7 url(../images/body-bg.gif) 0 0 repeat; line-height:1.9em; text-align:justify;}
a {	color: #235c9c; text-decoration: none; }
a:visited {	/*color: navy;*/ }
a:hover,
a:focus { text-decoration: underline; }
a:active { color: #111; }
a img {	border: none; }
	
table { border-collapse: collapse; border: 1px solid #333; margin: 10px 0;}
table td, table th { border: 1px solid #555; padding: 2px 5px;}

h2,h3,h4,h5,h6 { margin: 10px 0; line-height: 100%; padding: 0; }
h2{ font-size: 155%; color: #235c9c; letter-spacing: 1px; border-bottom:1px solid #CCC; padding-bottom:10px;}
h3 { font-size: 135%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }
h6 { font-size: 100%; }

p { margin: 8px 0; padding: 0 0 10px;}
p strong { /*color: #235c9c;*/ }

hr {font-size: 0; line-height: 0; height: 0; margin: 0px 0;}

abbr { font-size: 150%; }

dl { margin: 10px 0; }
dt { font-weight: bold; margin: 0; padding: 5px 5px 2px 0;}
dd { margin: 0 0 5px; padding: 2px 0 5px; }

ul, ol { margin: 10px 0; padding: 0; list-style-position: outside;}
ul li, ol li { margin: 5px 0 0 1.5em; padding: 0 0 5px; }

/* site wide customized styles (eg. different list styles: style-1, style-2 etc.)*/
.main.half p { text-align: justify; }
img { display: block; margin: 10px auto; }

/* external structure (elements that make up for external page layout (eg. #wrapper, #container) The rest of styling for these selectors can be found in corresponding sections of this css file */
#header, #content, #footer {width: 100%; margin: 0 auto; overflow: hidden;}
.wrapper {margin: 0 auto; width: 940px;}
#header:after, #content:after, footer:after, .wrapper:after, .services-wrapper:after, #services-footer:after { display: block; visibility: hidden; content: "."; height: 0; line-height: 0; font-size: 0; clear: both; }	

/* header */
#header { background: url(../images/header-bg.png) 0 0 repeat-x; min-height: 160px; overflow: visible}

/* header > logo */
h1 { margin: 30px 0 0; padding: 0; float: left; display: inline; }
h1 a { display: block; width: 269px; height: 61px; background: url(../images/medical-care-direct-logo.png) 0 0 no-repeat; text-indent: -9999px;}

/* header > tel */
.tel { margin: 25px 0 0; padding: 0; float: right; color: #235c9c; font-size: 16pt; font-weight: bold;}
.tel dt { float: left; margin: 0; padding: 0 10px 3px 0;}
.tel dd { float: left; margin: 0; padding: 0 0 3px;}

/* header > nav */
#nav { float: right; width: 660px;margin: 16px 0 0; padding: 0 0 30px; font-weight: 100; position: relative; z-index: 999;}
#nav > ul { margin: 0 -6px 0 0; padding: 0; list-style: none; font-size: 13pt; font-weight: normal; float: right;position: relative; z-index: 999;}
#nav > ul > li { margin: 0 -5px; padding: 0; list-style: none; float: left; position: relative;}
#nav > ul > li > a { text-decoration: none; color: #232236; display: block; padding: 0 12px 40px; background: url(../images/nav-item-bg.png) 0 -5000px no-repeat; min-width:68px; text-align: center;}
#nav > ul > li > a:hover,
#nav > ul > li > a:focus,
#nav > ul > li.current a { color: #235c9c; background-position: 50% -20px;}

	/*subnav*/
#nav > ul > li:hover > ul { display: block; }

#nav > ul > li > ul { display: none; /*position: absolute; top: 0; left: 0;*/ border: 1px solid #cdcdcd; background: #fff;-webkit-border-radius: 4px; border-radius: 4px; -moz-border-radius: 4px; z-index: 999; list-style: none;margin: 0; padding: 0; overflow: hidden; width: auto; float: left; margin: -30px -2000px -2000px 10px; position: relative; }
#nav > ul > li > ul > li { list-style: none;margin: 0; padding: 0; border-top: 1px solid #e5e5e5; display: block; position: relative;}
#nav > ul > li > ul > li:first-child { border: none; }
#nav > ul > li > ul > li > a { display: block; padding: 5px 25px 5px 15px; font-size: 8pt; font-weight: bold; color: #666; margin-right: -190px; padding-right: 200px; font-size: 9pt; }
#nav > ul > li > ul > li > a:hover { background: #f1f1f1; }
#nav > ul > li > ul > li > a:hover { color: #000; text-decoration: none; }

/* content */
#content { margin-bottom:20px;}
#content .wrapper { padding: 20px 0 20px; }

/* content > columns */
.main { float: left; }
.aside { float: left; }
.half { width: 46%; margin: 0 2%; }

/* content > hero */
#hero { width: 940px; padding: 0 80px 75px; margin: 0 -80px -30px; background: url(../images/hero-shadow.png) 50% 100% no-repeat;  float: left;}
#hero img { display: block; margin: 0 0 -50px;}
#hero ul, #hero li { margin: 0; padding: 0; list-style: none; }
#hero ul { float: left; }
#hero li { width: 470px; float: left; overflow: hidden; height: 310px; position: relative;}
#hero h3 { position: relative; z-index: 1;  padding: 0; margin: 0px 0; background: url(../images/white-bg-87op.png) 0 0 repeat; font-weight: normal; float: left; width: 100%;}
#hero h3 a { text-decoration: none; color: #333;}
#hero h3 a > span { background: url(../images/blue-bg-20op.png) 0 0 repeat; height: 40px; display: block; float: left; padding: 10px 20px 0 40px; letter-spacing: 1px; background: #d3dfeb url(../images/style-1.png) 15px 50% no-repeat; background: rgba(35,93,156,.2) url(../images/style-1.png) 15px 50% no-repeat;}
#hero h3.alignright a > span { float: right;  }
#hero h3 a > span > span { font-size: 10pt; color: #235c9c; margin-left: 5px;}
/*#hero a { position: absolute; top: 0; left: 0; width: 470px; height: 310px; text-indent: -9999px; z-index: 2;} */

/* content > catchword */
.catchword { border: 1px solid #e0e0e0; border-left: none; border-right: none; padding: 30px 0 35px; color: #235c9c; font-size: 14pt; text-align: center; margin: 0 0 30px;}

/* content > text size */
.text-size { text-align: right; margin: 5px 0; padding: 0 0 5px 0;}
.text-size p { display: inline; padding-right: 5px; color: #235c9c;}
.text-size ul, .text-size li { list-style: none; margin: 0; padding: 0; display: inline;}
.text-size li {padding: 0 2px}
.text-size a { text-decoration: none; }
.text-size a:hover,
.text-size a:focus { text-decoration: underline; }
.text-size .size-2 { font-size: 1.2em; }
.text-size .size-3 { font-size: 1.4em;}

/* content > overview */
.overview { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; margin: 20px 0 40px; width: 100%; float: left;}

/* content > highlights */
.highlights { width: 100%; float: left; }
.highlights ul { width: 970px; float: left; margin: -35px -30px 0 0; list-style: none; padding: 0 0 30px;}
.highlights li { width: 160px; float: left; margin: 35px 30px 0 0; padding: 20px 25px 30px; list-style: none; background: #fff url(../images/highlights-gr.gif) 0 100% repeat-x; -webkit-box-shadow: #666 0 1px 1px; box-shadow: #666 0 1px 1px; -moz-box-shadow: #666 0 1px 1px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; height: 230px; text-align: center;}
.highlights h2 { font-size: 11pt; line-height: 1.5em; margin: 10px	 0 30px;}
.highlights ul p { font-size: 10pt; line-height: 1.9em; }
.highlights p.more { width: 50%; margin: 0; padding: 0 0 10px; color: #235c9c; text-align: center; }
.highlights p.more img { display: inline; margin: 0 0 -8px;}
.highlights p.alignleft { float: left; }
.highlights p.alignright { float: right; }

/* content > preview image */
.preview-image { margin: 90px 0 40px; }

/* content > quick links */
.quick-links { margin: 0 4%; padding:0; list-style: none;}
.quick-links li { margin: 30px auto; padding:0; list-style: none; font-size:1.2em;letter-spacing: 1px; text-align: center; }
.quick-links a { display: block; line-height: 70px; background: url(../images/gr-1.gif) 0 0 repeat-x; margin: 0; color: #fff;  -webkit-border-radius: 10px; border-radius: 10px; -moz-border-radius: 10px;}
.quick-links a:hover,
.quick-links a:focus { color: #d0e6ff; text-decoration: none;}
.quick-links a:active { color: #062446; }
.quick-links .alt-1 { width: 50%; }
.quick-links .alt-1 a { background: url(../images/gr-2.gif) 0 0 repeat-x; }
.quick-links .alt-1 a:hover,
.quick-links .alt-1 a:focus { color: #f6d4ae; }
.quick-links .alt-1 a:active { color: #773f00; }

/* footer */
#footer { background: #235c9c url(../images/footer-bg.gif) 0 100% repeat-x; line-height: 1.5em; color: #fff; font-size: 10pt;}
#footer .wrapper { padding: 30px 0 0; }
#footer a { color: #fff; text-decoration: none; }
#footer a:hover,
#footer a:focus { text-decoration: underline;color: #d0e6ff }
#footer a:active {  color: #d0e6ff}
#footer ul, #footer ul li {  margin: 0; padding: 0; list-style: inside;}
#footer h3 { font-size: 16pt; font-weight: normal; color: #fff; margin-bottom: .7em; letter-spacing: 1px;}
#footer .alt h3 { text-align: right; }
#footer dl { padding:}
#footer dl dt { display: inline; padding-right: 0;}
#footer dl dd { display: inline; margin-right: 10px; }

/* footer > columns */
#footer .cols { float: left; width: 100%; list-style-type: none;}
#footer .cols > li { width: 260px; margin-left: 78px; float: left; list-style-type: none;}
#footer .cols > li:first-child { margin-left: 0;}
#footer .cols li.alt { width: 264px;}
/*#footer li.alignright {float: right; margin-right: 0; width: 300px;}*/

/* footer > categories */
#footer ul.categories { list-style: none; margin: 10px 0; float: left; width: 100%;padding: 0;}
#footer ul.categories li {float: left; list-style: none; margin: 0 0 0 5px;width: 95px; padding-left: 15px; }
#footer ul.categories li a { list-style: disc; display: list-item; list-style-position: outside;}	

/* footer > investor in people */
#footer .investor-in-people { margin: -10px 0 10px; padding: 40px 0 0; background: #235c9c;position: relative; z-index: 9999;	} 
#footer .investor-in-people img { display: block; margin: 0 35px 0 0; float: right; }

/* footer > nav */
#footer .nav { float: left; margin: 50px 0 0 0; padding: 0; font-size: .9em;}
#footer .nav li { display: inline; border-left: 1px solid #fff;}
#footer .nav li:first-child { border: none; }
#footer .nav a { text-decoration: underline; padding: 0 5px 0 8px;}
#footer .nav li:first-child a { padding-left: 0; }
#footer .nav a:hover,
#footer .nav a:focus { color: #d0e6ff }
#footer .nav a:active { color: #65829e; }

/* footer > copyright */
#footer #copy { float: right; margin: 50px 0 15px; font-size: .9em;}

/* footer > separator */
#footer dl,
#footer h3 + p,
#footer .categories { background: url(../images/separator-1.gif) 0 0 repeat-x; padding: 15px 0 0 !important; margin-top: 0 !important; padding-bottom: 5px !important;}

/*ADDED BY KH*/
.layout1 { float:left; margin:10px 0 40px 0;}
.col-1 {  margin: 0 2%;}
.faq-question {margin-top:45px; color:#666;}
h3.faq-question {margin-bottom: 25px;}
.join-headings {margin:45px 0px 20px 0px; color:#666;}
/*.treatment-list {color:#fff;}*/
.half-alt { width: 42%; margin: 2% 2% 0 2%; padding: 2% 2%; background-color:#235c9c;}
#treatment-list { 
	margin: 40px 0px 0px 0px; 
	padding: 0px; 
/*background-color:#235c9c;*/
	background:url(../images/middle_bg.gif) top left repeat-y;
	color:#235c9c;
}

#treatment-list h6 {
	font-weight:normal;
	margin-bottom:10px;
	padding:0% 0% 0% 4%
	}
.treatment-list-heading {background:url(../images/navigation_bg_top.gif) top left no-repeat; padding:4% 0% 2% 4%;}
#treatment-list-footer {background:url(../images/middle_footer_bg.gif) top left no-repeat; height:76px; }

.highlights h2 {border-bottom:none; padding-bottom:0px;}
.google-map {margin-top:40px; border:1px solid #999; padding:2px 2px 2px 2px;}
.main dl dt { display: inline; padding-right: 0;}
.main dl dd { display: inline; margin-right: 0px; clear:both; }
/*Contact form styling begins*/	
.form-gray {
	width:422px;
	margin-top:25px;}

.form-gray input,
.form-gray textarea {
	border:none}
	
.select {
	margin:8px 14px 0 6px;
}

.form-gray .inputtext {
	background:url(../images/bg_input_gray.gif) no-repeat;
	width:210px;
	height:23px;
	padding:8px 4px 0 6px;
	color:#585858}
	
.form-gray .textarea {
	background:url(../images/bg_textarea_gray.gif) no-repeat;
	width:340px;
	height:129px;
	padding:8px 4px 0 6px;
	overflow:auto;
	color:#585858}

.form-gray .btn-submit {
	background:url(../images/btn-submit-gray.gif) no-repeat;
	width:74px;
	height:31px;
	color:#000;
	font-size:14px;
	cursor:pointer}
/*Contact form styling ends*/	
/*Online form styling begins*/	
.of-gray {
	margin-top:5px;}

.of-gray input,
.of-gray textarea {
	border:none}

.of-gray .inputtext {
	background:url(../images/bg_input_gray.gif) no-repeat;
	width:210px;
	height:23px;
	padding:8px 4px 0 6px;
	color:#000000;
	margin:0px 15px 20px 0px;}
	
.of-gray .inputtext110 {
	background:url(../images/bg_input_gray_110.gif) no-repeat;
	width:100px;
	height:23px;
	padding:8px 4px 0 6px;
	color:#000000;
	margin:0px 15px 20px 0px;}
	
	
.of-gray .textarea {
	background:url(../images/bg_textarea_gray.gif) no-repeat;
	width:340px;
	height:129px;
	padding:8px 4px 0 6px;
	overflow:auto;
	color:#000000;
	margin:0px 15px 20px 0px;
	vertical-align:middle;}
	
.of-gray .checkbox{
}

.of-gray .btn-submit {
	background:url(../images/btn-submit-gray.gif) no-repeat;
	width:74px;
	height:31px;
	color:#000;
	font-size:14px;
	cursor:pointer}
	
.of-gray br{
clear: both;
}

.of-gray .radio {
	margin:15px 5px 5px 5px;
	}
/*Online form styling ends*/	
.services-lcol { width: 66%; margin: 0 2%;}
.services-rcol { width: 26%; margin: 0 2%;}
.services-wrapper {
	margin: 30px auto 0px auto;
	width: 940px;
	background:url(../images/middle_bg.gif) top right repeat-y;
	padding: 0px 0px 0px 0px;
	}
.services-heading {background:url(../images/navigation_bg_top.gif) top right no-repeat;}

#services-nav {
		margin-top:-10px;
}
#services-nav li {
	display:block;
	clear:both;
	margin-bottom:5px;
	border-bottom:1px solid #CCC;
	padding:0px 0px 10px 20px;
	}
	
#services-nav li a {
	color:#666;
}
#services-nav li a:visited {
	color:#666;
}
#services-nav li a:hover {
	color:#232236;
	text-decoration:none;
}
#services-nav li.current a{
	color:#235c9c;
	font-weight:bold;
}
#services-footer {
	background:url(../images/middle_footer_bg.gif) top right no-repeat; height:76px; display:block; clear:both;}
.aside p.more { width:80%; margin: 50px 0px 0px 43px; padding: 0 0 10px; color: #235c9c; text-align: left; font-size:small; }
.aside p.more img { display: inline; margin: 0 0 -8px; padding-top:4px;}
.aside p.alignleft { float: left; }
.aside p.alignright { float: right; }
.main h4{
	text-size:13px;
	/*color:#999;*/
	color:#235c9c;
	margin-top:20px;}

#flowchart {
	text-align:center;
	margin-top:30px;
	}

#flowchart li{
	display:block;
	clear:both;
	margin-bottom:25px;
	background:url(../images/flowchart-arrow.gif) bottom left no-repeat;
	height:106px;
	width:603px;
	padding-top:25px;
	color:#235c9c;
	font-weight:bold;
}
#flowchart li.final{
	background:url(../images/flowchart-last.gif) bottom left no-repeat !important;
	}
.file-cat-list{
	font-weight:bold;}
.file-list{list-style:inside none; font-weight:normal !important;}
table.form-table {
	border-width: 0px;
	border-style: none;
	border-collapse: collapse;
	vertical-align:top;
	color:#666;
	font-size:small;
}
table.form-table th {
	border-width: 0px;
	padding: 5px;
	border-style: none;
	vertical-align:top;

}
table.form-table td {
	border-width: 0px;
	padding: 5px;
	border-style: none;
	vertical-align:top;

}
.form-info{
	font-size:smaller;
	color:#C00;
	color:}
	
#payment-types{
	text-align:center;
	width:100%;
	clear:both;
	padding:none;
	margin:25px 0px 25px 0px;}
.of-gray label{
	color:#666;}
	
.story-pic-container{
	padding:0px 10px 25px 10px;
	border: solid 1px #ccc;
	margin:20px auto 30px auto;
	width:425px;
	background-color:#FFF;
	text-align:center;
	display:block;
	-webkit-box-shadow: #ccc 0 5px 5px; box-shadow: #ccc 0 5px 5px; -moz-box-shadow: #ccc 0 5px 5px;
}

.story-pic{
	-webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; 
	border:1px solid #ccc;
	
}
img.link-image{
	display:block;
	clear:both;
	text-align:left;
	}
	
table.treatment-list-table{
	border-collapse:collapse;
	border:none;}
table.treatment-list-table td, table.treatment-list-table tr {
	border:none;
	border-bottom:1px solid #eee;
	}
td.treatment-list-table-price{
	padding-left:25px;}

	
/* content > highlights-blue */
.highlights-blue { width: 100%; float: left; }
.highlights-blue ul { width: 970px; float: left; margin: -35px -30px 0 0; list-style: none; padding: 0 0 30px;}
.highlights-blue li { width: 160px; float: left; margin: 35px 30px 0 0; padding: 20px 25px 30px; list-style: none; background: #fff url(../images/highlights-gr-blue.gif) 0 100% repeat-x;  -webkit-box-shadow: #666 0 1px 1px; box-shadow: #666 0 1px 1px; -moz-box-shadow: #666 0 1px 1px; -webkit-border-radius: 5px; border-radius: 5px; -moz-border-radius: 5px; border: 1px solid #ddd; border-top: 1px solid #eee; border-bottom: 1px solid #ccc; height: 240px; text-align: center;}
.highlights-blue h2 { font-size: 11pt; line-height: 1.5em; margin: 10px	 0 30px;}
.highlights-blue ul p { font-size: 10pt; line-height: 1.9em; }
.highlights-blue p.more { width: 50%; margin: 0; padding: 0 0 10px; color: #235c9c; text-align: center; }
.highlights-blue p.more img { display: inline; margin: 0 0 -8px;}
.highlights-blue p.alignleft { float: left; }
.highlights-blue p.alignright { float: right; }

	
/* styleswitcher resizeable elements below */

.resizeme{
	font-size:small;}