/* -----------------------------------*/
/* ---- GLOBAL <<<-----------*/
/* -----------------------------------*/
body, html {width: 100%; height: 100%;background-color: #C2B297;}
#container {width: 100%;height: 100%;position: relative;background:url(../img/bodyBG.jpg) repeat-x;padding-top:34px;}
#wrapper {width: 818px;margin: 0 auto;position: relative;}
div.cms_editable {overflow:hidden;}
/* -----------------------------------*/
/* - CONTACT FORM <<<--------*/
/* -----------------------------------*/
.message {color:#006;display:none;width:340px;padding:5px; margin-bottom: 10px;}
.contact {text-align:left; color: #3A7BAC;}
.contact ul {float: left; list-style-type:none;width:350px;}
.contact li {list-style-type:none;}
.contact li.special {display:none;}
.contact input {width:218px; margin: 0 0 20px 10px;}
.contact textarea {width:218px; margin: 0 0 10px 22px;}
li.emailLI input {margin-left: 43px;}
.contact label {float: left;display: block;}
li.submitbutton {margin: 5px 0 0 68px;}
li.submitbutton input {width: 60px;}
#contactUsForm {width: 398px;float: left;position: relative;}
p.required {font-size: 14px;color: red;margin: 5px 0 20px 0;}
#locationInfo {width: 340px;float: left;position: relative;}
#locationInfo p {font-family: georgia, times new roman, serif;font-size: 14px;color: #000;margin-bottom: 3px;}
#contactMap {margin: 30px 0 10px 0;border: 1px solid #000;}
#locationInfo h1 {font-family: georgia, times new roman, serif;font-size: 18px;color: #000;margin: 20px 0 15px 0;}
#contactWrapper h1 {font-family: georgia, times new roman, serif;font-size: 18px;color: #000;margin: 20px 0 15px 0;}
#contactWrapper {width: 740px;height: 500px;margin: 0 auto;position: relative;}
#resourcesWrapper {width: 740px;height: 500px;margin: 0 auto;position: relative;}
#resourcesWrapper h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:21px;color:#006;padding-top:30px;}
#formsWrapper {width: 740px;height: 500px;margin: 0 auto;position: relative;}
#formsWrapper h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:21px;color:#006;padding-top:30px;}
#storeWrapper {
	width: 740px;
	height: 910px;
	margin: 0 auto;
	position: relative;
}
#storeWrapper h1 {font-family:Georgia, "Times New Roman", Times, serif;font-size:21px;color:#006;padding-top:30px;}
a.mapLink {text-align:center; margin-top:10px;text-decoration:none;color:#000;display:block;}
a.mapLink a:hover {text-decoration:underline;}
/* -----------------------------------*/
/* ---- INTERIOR <<<---------*/
/* -----------------------------------*/
.interiorHeader {width: 818px;height: 263px;background: url(../img/interiorHeadBG.png) no-repeat;position: relative;clear: both;}
.interiorNavigation {width: 496px;height: 80px;float: left;margin-top: 100px;position: relative;}
/* -----------------------------------*/
/* -- INTERIOR NAV <<<-------*/
/* -----------------------------------*/
ul#intNav {list-style: none;width: 496px;height: 80px;clear: both;overflow: hidden;float: left;position:relative;}
ul#intNav li {height: 40px;display: block;overflow: hidden;float: left;}
ul#intNav li .intCol1 {width: 168px;}
ul#intNav li .intCol2 {width: 160px;}
ul#intNav li .intCol3 {width: 168px;}
ul#intNav a {display: block;height: 40px;background: url(../img/interiorNavSprite.png) no-repeat;overflow: hidden;text-indent: -5000px;}
li#intNavHome a {width: 168px;background-position: 0 0;}
#intNavHome a:hover {background-position: 0 -83px;}
li#intNavDoctors a {width: 160px;background-position: -168px 0;}
#intNavDoctors a:hover {background-position: -168px -83px;}
li#intNavStore a {width: 168px;background-position: -328px 0;}
#intNavStore a:hover {background-position: -328px -83px;}
li#intNavForms a {width: 168px;background-position: 0 -43px;}
#intNavForms a:hover {background-position: 0 -126px;}
li#intNavResources a {width: 160px;background-position: -168px -43px;}
#intNavResources a:hover {background-position: -168px -126px;}
li#intNavContact a {width: 168px;background-position: -328px -43px;}
#intNavContact a:hover {background-position: -328px -126px;}
/* -----------------------------------*/
/* ---- HEADER <<<-----------*/
/* -----------------------------------*/
#header {width: 818px;height: 266px;background: url(../img/headerBG.png) no-repeat;position: relative;clear: both;}
.logo {width: 246px;height: 254px;float: left;position: relative;}
#homeLogo {margin: 8px 1px 0 40px;}
#intLogo { margin: 8px 10px 0 40px;}
.slideshow {width: 514px;height: 167px;margin-top: 16px;float: left;}
#mainContent {width: 818px; min-height: 431px;position: relative;background: url(../img/contentAreaBG.png) repeat-y;clear: both;}
.intContent {width: 818px;position: relative;background: url(../img/contentAreaBG.png) repeat-y;clear: both;}
#doctorsContent {margin: 0 auto;padding-bottom: 20px;}
.clear {clear: both;}
#conditions {width: 225px;height: 167px;position: relative;background-color: #1F4AAD;}
#contentLeft {width: 531px;float: left;margin: 0 17px 0 20px;position: relative;}
#contentRight {width: 225px;float: left;margin-top: 3px; position: relative;}
#welcome {width: 225px;position: relative;}
#location {
	width: 321px;
	height: 216px;
	float: left;
	background-repeat: no-repeat;
	background-image: url(../img/locationBG3.jpg);
	position: relative;
	z-index: 5;
}
#navigation {width: 215px;height: 87px;clear: both;position: relative;}
#contactInfo {margin: 0 0 0 -5px;padding-top: 1px;position: relative;z-index: 20;}
#footer {width: 818px;height: 37px;clear: both;background: url(../img/bottomBG.png) no-repeat;}
ul#sitemap {width: 760px;margin: 0 auto;text-align: center;}
ul#sitemap li {float: left;display: block;overflow: hidden;border-right: thin solid #333399;}
ul#sitemap li#last {border-right: none;}
ul#sitemap a {font-family: georgia, times new roman, serif;font-size: 11px;line-height: 8px;text-decoration: none;padding: 0 10px 5px 10px;color: #333399;}
ul#sitemap li#last a {padding-right: 0;}
ul#sitemap a:hover {text-decoration: underline;}
/* -----------------------------------*/
/* ---- DOCTORS <<<----------*/
/* -----------------------------------*/
#doctorsWrapper {width: 780px;margin: 0 auto;background: url(../img/topFix.gif) no-repeat #e3dcd0;position: relative;}
a.vitae{font-family: georgia, times new roman, serif;font-size: 12px;font-weight: bold;color: #330000;text-align: center;text-decoration: underline;display: block;padding: 50px 0 10px 0;}
li.subList p {margin-left:20px;}
h6.currH6 {color:#006;}
.vitae a:hover {font-weight: bold;}
#loyaBox {height: 1060px;}
#willinghamBox {height: 1160px;}
#coutureBox {height:980px;}
#sterrikerBox {height:1260px;}
ul.doctorsOverlay {list-style: none;margin-left: 2px;padding-left:20px;}
ul.doctorsOverlay li {padding-left: 10px;font-family: Georgia, "Times New Roman", Times, serif;color: #000;font-size: 14px;margin: 5px 0 2px 5px;}
ul.doctorsOverlay li span {padding-left: 40px;font-family: Georgia, "Times New Roman", Times, serif;color: #000;font-size: 14px;margin: 5px 0 2px 10px;}
.column {margin:0;padding:0;}
#doctorsWrapper p {font-family: georgia, times new roman, serif;font-size: 12px;font-weight: normal;line-height: 1.2;color: #330000;text-align: left;margin: 0 0 10px 0;padding: 0 10px 0 10px;}
.overlayContent p {font-size:14px;font-family:Arial, Helvetica, sans-serif; margin-bottom:2px; text-align:left;}
.overlayContent h4 {font-size: 18px;color: #006;padding: 10px 0 10px 0;}
ul ul li p {font-style: italic;font-size:10px;margin:left:20px;}
/*.overlayContent h5 {font-size: 16px;color: #006;padding: 10px 0 30px 0;}*/
h2.infoH2 {font-family: georgia, times new roman, serif;font-size: 12px;font-weight: bold;color: #330000;text-align: left;padding: 15px 20px 10px 12px;}	
#loyaInfo {width: 190px;border-right: thin solid #999;position:relative;margin-top:124px;background:url(../img/loyaTitle.jpg) no-repeat top;}
#sterrikerInfo {width: 200px;border-right: thin solid #999;position:relative;margin-top:124px;background:url(../img/sterrikerTitle.jpg) no-repeat top;}
#willinghamInfo {width: 200px;border-right: thin solid #999;position:relative;margin-top:124px;background:url(../img/willinghamTitle.jpg) no-repeat top;}
#coutureInfo {width: 190px;position:relative;margin-top:124px;background:url(../img/coutureTitle.jpg) no-repeat top;}
img.drPortrait {margin-top:3px;padding:0;}
#loya {width:190px;float:left;position:relative;background: url(../img/loyaPortrait.jpg) no-repeat;margin-top:3px;}
#sterriker {width:200px;float:left;position:relative;background: url(../img/sterrikerPortrait.jpg) no-repeat;margin-top:3px;}
#willingham {width:200px;float:left;position:relative;background: url(../img/willinghamPortrait.jpg) no-repeat;margin-top:3px;}
#couture {width:190px;float:left;position:relative;background: url(../img/couturePortrait.jpg) no-repeat;margin-top:3px;}
#doctorsWrapper h1 span {display:none;}
/* -----------------------------------*/
/* ---- HEADINGS <<<---------*/
/* -----------------------------------*/
#conditions h4 {font-family: arial, helvetica, sans-serif;font-size: 12px;font-style: italic;padding: 5px 0 0 10px;font-weight: bold;margin-bottom: 7px;color: #fff;}
#bottomLeft h1 {font-family: georgia, times new roman, serif;font-size: 20px;letter-spacing: 1.5px;color: #336599;margin: 20px 0 20px 20px;}
#welcome h1 {margin: 8px 0 5px 0;font-family: georgia, times new roman, serif;font-size: 21px;text-transform: capitalize;color: #000;}
#welcome h1 span {font-size: 32px;}
ul#homeContact {list-style: none;margin: 5px 0 0 -5px;position: relative;z-index: 20;}
ul#homeContact li {text-indent: 0;margin: 0 0 15px 0;}
li#numbers p {font-family: georgia, times new roman, serif;font-size: 12px;margin: 0 0 3px 0;color: #333;}
li#address p {font-family: georgia, times new roman, serif;color: #333;font-weight: bold;font-size: 12px;margin-bottom: 3px;}
li#addressDesc p {font-family: georgia, times new roman, serif;color: #333;font-size: 12px;margin-bottom: 3px;}
li#hours p {font-family: georgia, times new roman, serif;color: #333;font-size: 12px;margin-bottom: 3px;}
/* -----------------------------------*/
/* -> HOME CONDITIONS UL <<<----*/
/* -----------------------------------*/
ul#conditionsUL {list-style:none;}
ul#conditionsUL li {font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:8px 0 0 12px;color:#fff;}
ul#conditionsUL a {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#fff;margin-left: 20px;text-decoration:none;}
ul#conditionsUL a:hover {text-decoration:underline;}
p.italic {font-style:italic;font-weight:bold;}
/* -----------------------------------*/
/* -- TEXT STYLES <<<--------*/
/* -----------------------------------*/
#welcome p {font-family: georgia, times new roman, serif;line-height: 1.5;font-size: 12px;}
/* -----------------------------------*/
/* -- NAVIGATION <<<---------*/
/* -----------------------------------*/
ul#mainNav {list-style: none;width: 531px;height: 87px;clear: both;overflow: hidden;float: left;}
ul#mainNav li {height: 44px;display: block;overflow: hidden;float: left;}
ul#mainNav li .col1 {width: 181px;}
ul#mainNav li .col2 {width: 178px;}
ul#mainNav li .col3 {width: 175px;}
ul#mainNav a {display: block;height: 44px;background: url(../img/homeNav.png) no-repeat;overflow: hidden;text-indent: -5000px;}
li#navHome a {width: 181px;background-position: 0 0;}
#navHome a:hover {background-position: 0 -95px;}
li#navDoctors a {width: 178px;background-position: -181px 0;}
#navDoctors a:hover {background-position: -181px -95px;}
li#navStore a {width: 172px;background-position: -357px 0;}
#navStore a:hover {background-position: -357px -95px;}
li#navForms a {width: 181px;background-position: 0 -47px;}
#navForms a:hover {background-position: 0 -142px;}
li#navResources a {width: 178px;background-position: -181px -47px;}
#navResources a:hover {background-position: -181px -142px;}
li#navContact a {width: 172px;background-position: -357px -47px;}
#navContact a:hover {background-position: -357px -142px;}
/* -----------------------------------*/
/* -- CONDITIONS <<<---------*/
/* -----------------------------------*/
#conditionsWrapper {width: 756px;margin: 0 auto;position: relative;clear: both;}
.conditionsLeft {width: 367px;float: left;position: relative;margin: 10px 21px 20px 0;}
.conditionsRight {width: 367px;float: left;margin: 10px 0 20px 0;position: relative;}
/* -----------------------------------*/
/* ---- OVERLAY <<<----------*/
/* -----------------------------------*/
.simple_overlay {display:none;z-index:10000;background-color: #fff; width:800px; border:1px solid #666;-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;}
#agingBox {height: 1400px;}
#sprainBox {height: 2590px;}
#fracturesBox {height: 560px;}
#arthritisBox {height:1920px;}
#athletesBox {height:1060px;}
#bunionsBox {height:1810px;}
#diabetesBox {height:3010px;}
#complicationsBox {height:1540px;}
#forefootBox {height:2840px;}
#childrensBox {height:3230px;}
#diWoundBox {height:2330px;}
#footInjuriesBox {height:1340px;}
#footwearBox {height:2230px;}
#generalBox {height:2290px;}
#hammerBox {height:2030px;}
#heelPainBox {height:2670px;}
#bloodPressureBox {height:1460px;}
#nailsBox {height:2310px;}
#neuromaBox {height:1720px;}
#orthoticsBox {height:1450px;}
#rearfootBox {height:1460px;}
#tailorsBox {height:1030px;}
#toeBox {height:2030px;}
#posteriorBox {height:1230px;}
#peronealBox {height:2000px;}
#walkingBox {height:2310px;}
#wortsBox {height:1580px;}
img#pttd1 {float:left;margin-right:40px;}
img#pttd2 {float:left;clear:right;}
#neuromaBox p span {font-style:italic;font-weight:bold;}
.overlayContent h5 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#006;font-weight:bold;margin-top:15px;}
#bloodPressureBox p span {font-style:italic;}
p.caption {padding: 0 0 20px 0;font-family:Arial, Helvetica, sans-serif;font-size:8px;font-weight:bold;font-style:italic;}
.details img {border:thin solid #000;margin-top:20px;}
.simple_overlay .close {background-image:url(../img/close.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;}
/* styling for elements inside overlay */ 
.details {position:absolute;top:30px;left:30px;width: 740px;font-size:16px;text-align: left;color:#fff;}
.overlayContent {width: 740px;position: relative;}
.overlayContent h3 {font-size: 21px;text-align: left;color: #2C3CA1;margin: 0 0 10px 0;text-decoration: underline;}
.details p {font-size: 16px;margin: 5px 0 5px 0;line-height: 1.2;color: #333;}
.details p strong {font-weight:bold;}
.details p strong span {font-style:italic;}
ul.overlayUL {list-style-position: inside;margin-left: 1em;width: 600px;}
ul.overlayUL li {list-style-type: disc;padding: 5px 0 10px 15px;font-size:13px;font-family:Arial, Helvetica, sans-serif;text-indent: -13px;color: #000;}
ul.condLeftUL, ul.condRightUL {list-style: none;width: 367px;}
ul.condLeftUL li, ul.condRightUL li {display: block;margin-bottom: 4px;}
ul.condLeftUL li.li1, ul.condRightUL li.li1 {background-color: #C4B59B;}
ul.condLeftUL li.li2, ul.condRightUL li.li2 {background-color: #E3DCD0;}
ul.condLeftUL a.triggerLink, ul.condRightUL a.triggerLink {display: block;float: right;width: 20px;height: 20px;background: url(../img/plus.png) no-repeat;text-indent: -5000px;margin-top: 3px;padding: 2px 0 3px 3px;}
ul.condLeftUL h2, ul.condRightUL h2 {font-family: georgia, times new roman, serif;font-size: 16px;color: #333;padding: 5px;}
ul.condLeftUL h2 span, ul.condRightUL h2 span {font-size: 12px;display: block;margin-top: 3px;}
ul.condLeftUL a span, ul.condRightUL a span {color: red;}