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

#previewHeader{ /* Preview header bar styles */
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin: 0 0 20px 0;
	background-image: url(../oms/images/blue/dark_grad.jpg);
	background-color: #67A7E3;
	border-bottom: solid 1px #3B709F;
	color: #FFF;
}
#previewHeader a { /* Preview header bar styles */
	margin: 0 5px;
	color: #FFF;
	font-weight: normal;
}

img.adjustment{
	padding-top:5px;
}

.font-small{
	font-size:10px;
}

.font-regular{
	font-size:12px;
}

.font-large{
	font-size:14px;
}

.no-bullet{
	list-style:none;
}


.cyan-copy{
	color:#00a1af;
	font-size:14px;
}

#header{
	height:195px;
}

#logo1{
	height:112px;
	width:675px;
	background:url(../images/general/bg-logo1.png) no-repeat top left;
	overflow:hidden;
}

.clear{
	float:none;
}

#header #logo1 span {
display:block;
height:170px;
text-decoration:none;
visibility:hidden;
width:130px;
}

#logo2{
	height:83px;
	width:675px;
	background:url(../images/general/bg-logo2.png) no-repeat top left;
}

#search{
	height:52px;
	background:url(../images/general/bg-nearest-clinic.png) no-repeat top left;
	padding-top:55px;
	font-size:9px;
	color:#6d6e71;
	line-height:0.8em;
}

#search input.text{
	width:85px;
	height:14px;
	border:1px solid #00a4b5;
	padding:1px 0 0 3px;
	float:left;
	font-size:11px;
	margin:6px 0 0 0px;
	color:#6d6e71;
}

.locator-form .textfield-bg .text-field{
	width:185px;
	height:12px;
	border:1px solid #00a4b5;
	padding:1px 0 0 3px;
	float:left;
	font-size:11px;
	margin:6px 0 0 0px;
	padding:6px;
	color:#00a4b5;
}

.locator-form input.go-button{
	width:45px;
	height:25px;
	background:#00a4b5;
	border:0;
	font-size:9px;
	color:#fff;
	float:left;
	margin:6px 0 0 5px;
}

#search input.button{
	width:45px;
	height:17px;
	background:#00a4b5;
	border:0;
	font-size:9px;
	color:#fff;
	float:left;
	margin:6px 0 0 5px;
}

#navigation a{
	font-weight:bold;
	color:#00aae2;
	font-size:12px;
	text-decoration:none;
}

#navigation ul{
	list-style:none;
	margin:0;
	padding:0;
	line-height:1.4em;
}

#herospace{
	height:310px;
	background:url(../images/general/bg-herospace.png) top left repeat-y;
	border-top:2px solid #3facaf;
	border-bottom:2px solid #3facaf;
}


#appointment-form{
	background:url(../images/general/bg-appointment-form.png)  #009195 top left repeat-y;
	height:300px;
	margin-top:5px;
	overflow:hidden;
}

#appointment-form-valentine{
	background:url(../images/general/bg-appointment-form-valentine.png)  #ec297b top left repeat-y;
	height:300px;
	margin-top:5px;
	overflow:hidden;
}

#appointment-form .form, #appointment-form-valentine .form{
	margin-left:24px;
	color:#fff;
	font-weight:normal;
	font-size:9px;
}

#appointment-form label, #appointment-form-valentine label{
	padding-left:5px;
}


#appointment-form .field-container, #appointment-form-valentine .field-container{
	height:40px;
	overflow:hidden;
}


#appointment-form input.button, #appointment-form-valentine input.button{
	width:45px;
	height:17px;
	background:#fff;
	border:0;
	font-size:9px;
	color:#333;
	margin:6px 0 0 25px;
}


#appointment-form .text-field, #appointment-form-valentine .text-field{
	width:155px;
	height:16px;
	border:0;
	font-size:10px;
	margin:5px 0;
}
 

#hero-image{
	margin:5px 0 0 0;
	height:300px;
	overflow:hidden;
}

#hero-hooks{
	background:url(../images/general/diagnals.gif);
	margin:5px 0 0 0;
	height:300px;
	overflow:hidden;
}

#hero-hooks .hook{
	background:#fff;
	width:182px;
	margin:6px 0 5px 7px;
	overflow:hidden;
}

#hero-hooks .hook p{
	display:block;
	height:7px;
	padding-top:7px;
}


#hero-hooks .hook h2{
	color:#fff;
	font-size:14px;
	line-height:1em;
	padding:7px 0 7px 20px;
	margin:0;
}

#hero-hooks .hook h2.teal{
	background:url(../images/general/bg-bullet-hook-teal.gif) #009195 no-repeat top left;
}

#hero-hooks .hook h2.blue{
	background:url(../images/general/bg-bullet-hook-blue.gif) #0098d2 no-repeat top left;
}


#hero-hooks .hook h2.pink{
	background:url(../images/general/bg-bullet-hook-pink.gif) #f28bab no-repeat top left;
}


#hero-hooks .hook h2.green{
	background:url(../images/general/bg-bullet-hook-green.gif) #9ac558 no-repeat top left;
}

#hero-hooks .hook a{
	text-decoration:none;
	color:#534e4b;
	padding:7px 0 7px 20px;
}

#hero-hooks .hook a.no-styling{
	padding:0;
}

#hero-hooks .hook h2 a{
	color:#fff;
	padding:0;
}

#hero-hooks .hook a.green{
	background:url(../images/general/bg-bullet-green-small.gif) no-repeat center left;
}

#hero-hooks .hook a.teal{
	background:url(../images/general/bg-bullet-teal-small.gif) no-repeat center left;
}

#hero-hooks .hook a.pink{
	background:url(../images/general/bg-bullet-pink-small.gif) no-repeat center left;
}

.copy{
	font-size:12px;
}

.copy a{
	color:#f5c058;
	text-decoration:none;
	font-weight:bold;
}

.copy p{
	padding:0 15px;
	color:#534e4b;
}

.copy h2{
	padding:0 15px;
	font-size:18px;
	color:#534e4b; /*00aae2;*/
}

.copy li{
	list-style:none;
	padding:0 0 10px 0px;
	color:#05a4a7;
	font-size:14px;
	margin-left:20px;
	list-style:circle;
}


.copy-2{
	padding:10px 0 0 0;
	background:#acdce6;
	margin:0 15px;
}

.copy-2 li{
	color:#534e4b;
	font-size:12px;
	list-style:disc;
}

#content-container .left-col{
	background:url(../images/general/diagnals.gif);
}

#content-container .left-col .hook{
	background:#54727e;
	width:182px;
	margin:6px 0 5px 7px;
	overflow:hidden;
}

#content-container .left-col .hook h2{
	color:#fff;
	font-size:18px;
	line-height:1em;
	padding:7px 0 7px 20px;
	background:url(../images/general/bg-bullet-hook-charcoal.gif) no-repeat top left;
	margin:0;
}

#content-container .right-col .hook{
	background:#009195;
	width:177px;
	margin:6px 0 5px 7px;
	overflow:hidden;
}

#content-container .right-col .hook h2{
	color:#fff;
	font-size:14px;
	line-height:1em;
	padding:7px 0 7px 20px;
	margin:0;
}

#content-container .right-col .hook h2.teal{
	background:url(../images/general/bg-bullet-hook-teal.gif) #009195 no-repeat top left;
}

#content-container .right-col .hook img{
	padding-bottom:4px;
}

#content-container .left-col .hook p{
	color:#fff;
	padding:7px 5px 0px 20px;
}


#content-container .left-col .hook p.no-margin{
	margin:0;
	padding:0;
}


#content-container .left-col .hook a{
	color:#fff;
	text-decoration:none;
	font-size:10px;
}


#content-container .branches-col{
	width:200px;
	float:left;
	padding-left:15px;
}


#content-container #branch_locator{
	margin-left:15px;
}

		
/* --- GOOGLE MAPS - LOCATOR --- */

#map_canvas{
	height:300px;
	width:471px;
	overflow:hidden;
}

.f-links {
float:left;
}

.f-links a {
color: #534E4B;
font-size:9px;
}

.credit {
float:right;
}

.outside-footer {
margin:0 auto;
width:955px;
color:#fff;
}

.outside-footer a{
color:#ccc;
}

.pink a {
color:#ec297b;
}