body {font-family:helvetica,arial; background-color:#000; }
h3 {padding-left:15px; padding-bottom:5px;}
textarea {font-family:arial,helvetica; font-size:10pt; background-color:#eee;}
#container {width:959px;margin:15px auto; }
#contentwrap {min-height:600px }
.disclaimer {font-size:8pt; font-weight:normal; margin-bottom:5px;}
.no_sidebar {background:url("../images/bg2.gif") repeat-y scroll 0 0 #FFFFFF; }
.bold {font-weight:bold; }
.caption_small {font-size:8pt;font-weight:bold;padding:0;color:#D47B2D;text-align:center;}
.caption {font-size:10pt;font-weight:bold;padding:15px 0 10px 15px;color:#fff;}
.bold-brown {font-weight:bold; color:#6E4B23; }
.bold-red {font-weight:bold;color:#C52039;}
#mask {display:none; background-color:#000; position:absolute; left:0; top:0; z-index:50; overflow:hidden;}
.subtitle1 {font-weight:bold; color:#6E4B23; border-bottom:3px solid #FCB93A; border-top:3px solid #FCB93A; margin-top:25px;padding:3px 0 3px 0; font-size:11pt;margin-left:15px;}
.uline {text-decoration:underline; }
.banner {text-align:center; margin-top:-2px;}

/* POPUP WINDOW STYLES */
.extlinks { cursor:pointer; position:absolute; top:172px; display:none; z-index:100; margin:0 auto;}
.extlinks iframe { border:5px solid #8C9337; }
.popups {position:absolute; top:170px; display:none; z-index:100; margin:0 auto; font-size:10pt;line-height:1.2; }
.popups p {padding:10px 25px; }
.popups h3 {padding:15px 0 5px 25px; }
#mpt { width:800px; height:445px; background:url('../images/pu-bg.jpg') no-repeat scroll 0 0; border:4px ridge #8C9337; }
#mpt .closebtn a:link, #mpt .closebtn a:visited {color:#fff; text-decoration:none;}
#mpt .closebtn a:hover {color:#555922; }
#mpt .closebtn {background-color:#8C9337; color:#fff; font-size:8pt; font-weight:bold; padding:7px 5px 5px 5px; text-align:center; }
.closebtn a:link, .closebtn a:visited {color:#fff; text-decoration:none;}
.closebtn a:hover {color:#555922; }
.closebtn {background-color:#8C9337;	color:#fff;	font-size:8pt; font-weight:bold; padding:7px 5px 5px 5px; text-align:center; }
/* END OF POPUP WINDOW STYLES */

/* header styles */
#header {width:100%;height:150px;background-color:#fff;font-weight:bold;font-size:10pt;color:#C52039; }
#header .logo {position:relative;top:15px; left:25px;float:left;}
#locations {position:relative;font-size:9pt;text-align:right;top:25px;color:#6c491d;font-weight:normal;line-height:1.2;float:right;right:50px}
#locations li.loc {float:left;width:185px; }
#topnav {float:left;border-top:3px solid #FDB93C;border-bottom:3px solid #FDB93C;position:relative;width:100%;padding:5px 0;margin-top:20px;}
#topnav li {display:inline;background:url('../images/arrow.png') no-repeat scroll 0 2px transparent; margin-left:30px;padding-left:12px}
#topnav li a:link, #topnav li a:visited {text-decoration:none; color:#6F4A1E; }
#topnav li a:hover {color:#C52039; }
/* left side styles */
#leftside {width:214px;height:250px;float:left; }
#leftside .headline {font-size:18pt; color:#fff;position:relative;top:-210px;left:30px;width:300px }
#sidenav {margin-top:15px; }
#sidenav li {padding-bottom:10px;padding-left:20px;font-weight:bold;font-size:10pt;margin-left:30px;background:url('../images/arrow.png') no-repeat scroll 0 2px transparent; color:#C52039; }
#sidenav li a:link, #sidenav li a:visited {text-decoration:none;color:#fff; }
#sidenav li a:hover {color:#FDB93C; }
/* middle content styles */
#main {font-size:10pt; width:500px; line-height:1.1; float:left;margin-left:15px}
#main p {padding:10px 15px 15px 15px; }
#main ul {padding: 15px 15px 15px 30px;}
#main ul li {background: url("../images/check.png") no-repeat scroll 0 -1px transparent;padding-bottom: 10px;padding-left: 20px;}
#main a:link, #main a:visited {color: #C52039;text-decoration: none;}
#main a:hover{color:#6C491D;}
/* right side styles */
#rightside {float:right;width:194px;padding: 11px 0;font-size:9pt;line-height:1.3; margin-right:15px;}
#rightside .small {font-size:8pt;}
#rightside.copy {padding:25px 0;}
#rightside ul {background:url('../images/sidebox_mid.png') repeat-y scroll 50% 0 transparent;}
#rightside ul li {line-height: 1;margin-left: 20px;padding-bottom: 10px;padding-left: 20px;width:120px;}
#rightside a:link, #rightside a:visited, #rightside ul li a:visited {color: #C52039;font-weight: bold;text-decoration: none;}
#leftside .copy a:link, #leftside .copy a:visited, #leftside .copy ul li a:visited {color: #C52039;font-weight: bold;text-decoration: none;}
.boxtop {background:url('../images/sidebox_top.png') no-repeat scroll 0 0 transparent; width:194px; height:18px;}
.boxbottom {background:url('../images/sidebox_bottom.png') no-repeat scroll 0 0 transparent; width:194px; height:17px; }
.copy p {background:url('../images/sidebox_mid.png') repeat-y scroll 0 0 transparent !important; padding-left:20px;padding-right:10px}

/* STYLES FOR HOME PAGE */
#vid1wrapper { display:none; z-index:5000;position:absolute;top:150px;width:505px;height:350px;background-color:#8C9337;}
#ytvid1 {height:314px; width:100%;visibility:visible !important;}
#vid2wrapper { display:none; z-index:5000;position:absolute;top:150px;width:505px;height:400px;background-color:#8C9337;}
#ytvid2 {height:314px; width:100%;visibility:visible !important;}
#vid1thumb_wrapper {float:left; padding:15px 0 0 30px;}
#vid2thumb_wrapper {padding:15px 50px 0 250px;}
#temp {background-color:orange; height:300px; width:460px; margin-left:15px; }
#vid2wrapper  p{ padding:5px 10px 0 10px; color:#fff;font-size:10pt;}

#banner {position:absolute; right:58px; top:43px; z-index:9999;}
#nf-banner {position:absolute;}
#nf-banner img {position:relative; top:-6px; left:632px;}
/* END OF STYLES FOR HOME PAGE */

/* STYLES FOR "OUR SPECIALISTS" PAGE */
#bios {padding-top:15px;}
#bios .biopic {padding:5px 15px 15px 15px;float:left;width:150px;text-align:center;}
#bios .info {float:right;width:300px;line-height:1.2;text-align:justify;}
#bios p {padding:0 10px 20px 0;}
#bios .bioname {font-weight:bold;padding:15px 0 0 0;}
#bios .biotitles {font-size:8pt;}
#bios .bioemail {padding:15px 0;}
#bios .comment {font-style:italic;color:#606525;font-size:9pt;}
#kelli { display:block; }
#bullet-kelli { background:url('../images/arrow.png') no-repeat scroll 0 2px transparent; }
#kelly { display:none; }
#kevin { display:none; }
#taresa { display:none; }
#kacie { display:none; }
#brett {display:none; }
#lisa {display:none; }
#albert {display:none; }
#shawn {display:none; }
#amy {display:none; }
#cindy {display:none; }
#peter {display: none; }
/* END OF "OUR SPECIALISTS" STYLES */

/* PATIENTS PAGE */
#patients-address1 {float:left; width:210px; background-color:#d0d58f; border:2px solid #C52039;}
#patients-address2 {float:right;	width:210px; background-color:#d0d58f; border:2px solid #C52039;}
#privacypolicy {font-size:8pt;top:25px;width:900px; height:816px;background-color:#fff; border:4px ridge #8C9337; overflow:auto; }
#privacypolicy ul {padding:10px 10px 0 10px; }
#privacypolicy ul li {padding:3px 0 3px 10px; }
#privacypolicy .subbullet { margin-left: 5px;}
#privacypolicy .bulleted {list-style: disc;}
p.faq_ques {font-weight:bold;padding:20px 0 0 15px !important;}
p.faq_ans {font-style:italic;padding:5px 0 0 15px !important; }
/*#main .northaddress {float:left;	padding-left:55px; background:url('../images/map_icon.png') no-repeat scroll 20px 7px transparent;}
#main .southaddress {padding-left:275px;	background:url('../images/map_icon.png') no-repeat scroll 240px 7px transparent;}*/
#loc1 {width:165px; font-size:12px;margin-left:15px;margin-bottom:20px; margin-top:20px;}
#loc2 {width:165px; font-size:12px;margin-bottom:20px; margin-top:20px;}
#loc3 {width:165px; font-size:12px;margin-bottom:20px; margin-top:20px;}
#backformdescrip {display:none; font-size:10pt; }
#neckformdescrip {display:none; font-size:10pt; }
#dashformdescrip {display:none; font-size:10pt; }
#lefformdescrip {display:none; font-size:10pt; }
/* END OF PATIENTS PAGE STYLES */

/* (POPUP) STYLES FOR TESTIMONIAL FORM */
#testimonialForm {padding:25px; width:550px; height:570px; border:4px ridge #FCB93A; font-weight:bold; background:url('../images/testform-bg.jpg') no-repeat scroll 0 0;}
#testimonialForm ul { margin-top:25px; }
#testimonialForm ul li { padding-bottom:20px; }
#testimonialForm ul li span.fieldname {float:left; width:160px; text-align:right; padding-right:10px;}
#testimonialForm  ul li .tfield {width:250px; background-color:#eee; }
#testimonialForm {font-size:10pt;}
#testimonialForm  p{ padding:10px 0; }
#testimonialForm .closebtn a:link, #testimonialForm .closebtn a:visited {color:#fff; text-decoration:none; padding:0 15px;}
#testimonialForm .closebtn a:hover {color:#771524; }
#testimonialForm .closebtn {background-color:#c52039; color:#fff; font-size:9pt;	font-weight:bold; padding:7px 5px; text-align:center; margin-bottom:10px; }
#submit {position:relative; margin-left:235px; }
/* END OF STYLES FOR TESTIMONIAL FORM */

/* STYLES FOR INSURANCE PAGE */
#insurance_companies {width:264px;float:left; }
#insurance_companies ul {padding:none;}
#insurance_companies ul  li{list-style:none; background:none !important; padding-bottom:5px;padding-left:0;}
#insurance_logos {margin-top:50px;float:left;width:150px;}
#leftside p {padding-top:45px;padding-left:30px;font-size:10pt;line-height:1.5;}
#leftside p a:link , #leftside p a:visited{ text-decoration:none; color:#fff;}
#leftside p a:hover{	color:#FDB93C;}
#leftside .copy {margin-left:10px; }
#leftside .copy p {padding:5px 30px 5px 20px; }
#ins_disclaimer {clear: both;font-size: 10px;font-style: italic;}
/* END OF STYLES FOR INSURANCE PAGE */

#accordion, #packages { font-size:8pt;padding:10px 0 15px 15px;width:465px;}
#accordion.painpoints {width:275px;padding-left:425px;*padding-left:15px}
#accordion.insurance {width:270px;padding:15px 0 0 425px;}
#accordion p, #packages p {padding:5px;}

/* STYLES FOR THE CONTACT FORM */
#contact_form {margin-top:130px;padding:0px 0px 0px 110px;width:460px;}
#contact_form table{color:#000000;padding:5px 0px 5px 0px;width:460px;}
#contact_form_sections {font-size:10pt;width:460px;border:1px solid black;margin:3px 0 0 0;padding:3px 10px 10px 15px;}
#contact_form #legend {color:#C52039;font-weight:bold;font-size:9pt;}
#contact_form #reason {color:#C52039;font-weight:bold;font-size:9pt;}
input.txt {background-color:#EECAAB;font-family:arial;margin:3px;border:1px solid #BAB3C5;}
input.button {border:1px solid black;}
select.txt {background-color:#EECAAB;font-family:arial;}
textarea.txt {background-color:#EECAAB;font-family:arial;font-size:10pt;}
#main .contactnorthaddress {float:left;	padding-left:50px;}
#main .contactsouthaddress {float: left;}
#main .contactrraddress {float:left;}
#main.contactus {width:700px; margin-top:-10px}
#issues {margin-top:10px;margin-left:94px;}
/* END OF STYLES FOR THE CONTACT FORM */

/* PAIN POINTS PAGE */
#main.painpoints {width:700px; }
#painpoints_body {background:url('../images/painpoints_body.png') no-repeat scroll 0 0 transparent;width:403px;height:427px;float:left; }
/*#painpoints_front {background:url('../images/body_front.png') no-repeat scroll 0 0 transparent;margin-left:30px;	width:332px;height:718px;}
#painpoints_back {background:url('../images/body_back.png') no-repeat scroll 0 0 transparent;margin-left:20px;width:345px;height:718px;display:none;} */
.point_off{background:url('../images/painpoint_off.png') no-repeat scroll 0 0 transparent; }
.point_on{background:url('../images/painpoint_on.png') no-repeat scroll 0 0 transparent; }
/*#viewfront {position:relative; top:15px; left:10px;}
#viewback {position:relative; top:15px; }*/
#wristAccordion{width:227px; }
#wristAccordion  a:link, #wristAccordion a:visited {color:#6E4B23; }
#wristAccordion  a:hover {color:#D47B2D; }
#headAccordion{width:227px; }
#headAccordion  a:link, #headAccordion a:visited {color:#6E4B23; }
#headAccordion  a:hover {color:#D47B2D; }
#neckAccordion{width:227px; }
#neckAccordion  a:link, #neckAccordion a:visited {color:#6E4B23; }
#neckAccordion  a:hover {color:#D47B2D; }
#shoulderAccordion{width:227px; }
#shoulderAccordion  a:link, #shoulderAccordion a:visited {color:#6E4B23; }
#shoulderAccordion  a:hover {color:#D47B2D; }
#elbowAccordion{width:227px; }
#elbowAccordion  a:link, #elbowAccordion a:visited {color:#6E4B23; }
#elbowAccordion  a:hover {color:#D47B2D; }
#upperbackAccordion{width:227px;}
#upperbackAccordion  a:link, #upperbackAccordion a:visited {color:#6E4B23; }
#upperbackAccordion  a:hover {color:#D47B2D; }
#lowerbackAccordion{width:227px;}
#lowerbackAccordion  a:link, #lowerbackAccordion a:visited {color:#6E4B23; }
#lowerbackAccordion  a:hover {color:#D47B2D; }
#hipAccordion{width:227px;}
#hipAccordion  a:link, #hipAccordion a:visited {color:#6E4B23; }
#hipAccordion  a:hover {color:#D47B2D; }
#kneeAccordion{width:227px;}
#kneeAccordion  a:link, #kneeAccordion a:visited {color:#6E4B23; }
#kneeAccordion  a:hover {color:#D47B2D; }
#footAccordion{width:227px;}
#footAccordion  a:link, #footAccordion a:visited {color:#6E4B23; }
#footAccordion  a:hover {color:#D47B2D; }

#head {position:relative; top:9px; left:96px; width:8px; height:8px; z-index:1; cursor:pointer; }
#neck {position:relative; top:44px; left:302px; width:8px; height:8px; z-index:1; cursor:pointer; }
#wristhand {position:relative; top:180px; left:173px; width:8px; height:8px; z-index:1; cursor:pointer; }
#shoulder {position:relative; top:61px; left:47px; width:8px; height:8px; z-index:1; cursor:pointer; }
#elbow {position:relative; top:128px; left:252px; width:8px; height:8px; z-index:1; cursor:pointer; }
#upperback{position:relative; top:65px; left:313px; width:8px; height:8px; z-index:1; cursor:pointer; }
#lowerback {position:relative; top:116px; left:312px; width:8px; height:8px; z-index:1; cursor:pointer; }
#hip {position:relative; top:168px; left:57px; width:8px; height:8px; z-index:1; cursor:pointer; }
#knee {position:relative; top:242px; left:123px; width:8px; height:8px; z-index:1; cursor:pointer; }
#foot {position:relative; top:337px; left:265px; width:8px; height:8px; z-index:1; cursor:pointer; }
/* END OF PAIN POINTS PAGE */

/* STYLES FOR NEWS PAGE */
#main.news-events {width:700px; margin-top:-15px; margin-left:32px;}
.news-events iframe {width:300px; height:450px;}
#news {border:3px solid #FDB93C;margin: 0 50px 0 15px;float:left;}
#events {border:3px solid #FDB93C;}
#newsfeed_wrapper {font-size:10pt;padding:25px 15px 15px 15px;background: #fff url('../images/news_heading.png') no-repeat 0 0;}
#newsfeed_wrapper p {padding-top:10px; line-height:1.1; }
#eventsfeed_wrapper {font-size:10pt;padding:25px 15px 15px 15px;background: #fff url('../images/events_heading.png') no-repeat 0 0;}
#eventsfeed_wrapper p {padding-top:10px; line-height:1.1;}
.year {border-bottom:1px dotted #000;border-top:1px dotted #000;font-weight:bold;margin-top:15px;padding:2px 0 2px 10px }
/* END OF STYLES FOR NEWS PAGE */

/* STYLES FOR SYNERGY STORE PAGE */
#main.store {width:700px;position:relative; }
#main #thelists {margin:0;padding:0;position:relative;}
#main #thelists li {background:none;margin:0; float:left;display:inline; padding-left:0}
#thelists ul.page { width:690px;text-align:center;margin:0}
#thelists ul.page li {background:none; padding:10px; display:inline; float:left;width:155px;font-size:11px;height:175px}
#thelists ul.page li span {display:block; margin-bottom:2px; }
#thelists ul.page li span.item-name-line1 {font-weight:bold;}
#thelists ul.page li span.item-name-line2 {font-style:italic;}
#thelists ul.page li span.bold-red {display:inline;}
#thelists img {
	margin-bottom:7px;
	width:100px;
	height:100px;
	-webkit-transition: -webkit-transform 0.2s ease-in-out;
	-moz-transition: -moz-transform 0.2s ease-in-out;
	-o-transition: -o-transform 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out;
}
#thelists img:hover {
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-ms-transform: scale(1.5,1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	border:4px solid #C61F39;
	margin-top:-12px\9;
	margin-left:-16px\9;
	width:125px\9;
	height:125px\9;
}
.product-pagenav {
	/*background-color:#EECAAB;*/
	font-size:14px;
	font-weight:bold;
	margin: 0 auto;
	padding:7px 0;
	text-align:center;
	width:100px;
	position:relative;
}

.right-arrow {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #C61F39;
    border-top: 10px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
	top:5px;
	left:100px;
	cursor:pointer;
}
.left-arrow {
    border-bottom: 10px solid transparent;
    border-right: 10px solid #C61F39;
    border-top: 10px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
	top:5px;
	left:-10px;
	cursor:pointer;
}
#main .product-pagenav .active {
	color:#D47B2D;
}

#main .disclaimers {

}
#main .disclaimers p {
	padding:0;
	margin-left:17px;
}
#main .disclaimers p.indent {
	margin-left:25px;
}

/* END OF STYLES FOR SYNERGY STORE PAGE */

/* STYLES FOR FRIENDS OF SYNERGY */
.friend_companies {width:225px; }
#main.friends {width:650px; margin-left:50px;margin-top:-10px}
#main.friends ul {width:735px; padding:0}
#main.friends ul li {background:none; display:inline;float:left;height:200px;padding:0}
#main.friends p {padding:10px 0 15px 0; }
#main.friends p.centered {font-size:8pt;line-height:1.3; text-align:center}
#main.friends img {padding-bottom:12px; }
/* END OF STYLES FOR FRIENDS OF SYNERGY */

/* CREDENTIALS PAGE STYLES */
#main ul.credentials  li{list-style:none;background:none;}
#main ul.credentials {padding:15px 0 15px 20px; }
#main ul.orgs {padding:15px 0 15px 20px; }
#main ul.orgs  li{list-style:none;background:none;font-weight:bold;}
.credentials_img{position:relative;top:20px;left:-5px;}
/* END OF CREDENTIALS PAGE STYLES */

/* STYLES FOR REFERRALS PAGE */
#main.referrals {width:650px; margin-top:-10px }
#main.referrals p.content {padding:0 0 10px 15px; }
/* END OF STYLES FOR REFERRALS PAGE */

/* FOOTER STYLES */
#footer {position:relative;padding-left:240px;color:#000;font-size:8pt;}
#footer .tagline {padding:10px 0 10px 0;}
#footer #fb {position:absolute;top:22px;left:900px;}
#footer ul {padding:10px;}
#footer ul li {	display:inline;}
#footer .spacer {padding:0 5px;}
#footer a:link , #footer ul li a:visited{ text-decoration:none; color:#000}
#footer a:hover{ color:#6C491D;}

#archive {position:absolute; left:807px; top:-58px; font-weight:bold; font-size:12px;}
#archive a {color: #C52039 !important;}
/* END OF FOOTER STYLES */

/* NEW MODAL styles (used for covid-19 messaging) */
.modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.85);
    opacity: 0;
    visibility: hidden;
    transform: scale(1.1);
    transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
}
.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 1rem 1.5rem;
    width: 75%;
	border-radius: 0.5rem;
	font-size: 14px;
	line-height: 1.25;
	padding: 25px;
}
.modal-content img {
	float: right;
	padding: 25px;
}
.modal-content p {
	padding: 10px;
}
.modal-content ul {
	display: block;
	list-style: disc !important;
}
.modal-content ul li {
    display: list-item !important;
    padding: 5px;
    margin-left: 25px;
}
.close-button {
    margin: 0 auto;
    width: 30%;
    line-height: 2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 0.25rem;
    background-color: #FDB93C;
}
.close-button:hover {
    background-color: rgb(216, 162, 62);
}
.show-modal {
    opacity: 1;
    visibility: visible;
    transform: scale(1.0);
    transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
