@import url("../css/reset.css");

/* News Ticker
--------------------------------------------------------------------------------------------------- */

#newsBox {
	float:left;
	position: relative;
	height: 32px;
	line-height: 32px;
	width: 550px;
	margin: -9px 0px 0px 45px!important;
	padding: 0px 0px 0px 20px;
}
#newsBox h3 a,
#newsBox h3 a:hover {
	color:#f19528;
	text-decoration: none;
	font-weight: normal;
	font-size: 12px; 
		line-height:30px; 
}
#newsBox h3 { float: left; width: 137px; text-align: right;}
#newsBox ul { float: left; width: 500px; padding: 0;}
#newsBox ul li { 
	width: 500px; 
	line-height:32px; 
	margin: 0px 0px 0px 14px;
}
#newsBox ul li a{ 
	color:#478ec4;
	font-weight: normal;
	font-size: 12px; 
}
#newsBox ul li a:hover{ 
	color:#f19528;
	text-decoration: none;
}

#newsBox ul li {display: none;}



/*  
Globals
--------------------------------------------------------------------------------------------------- */
* {margin:0; padding:0;}

body {
    font: 11px/1.4em Verdana, Arial, Helvetica, sans-serif;
    background: url(../gfx/bg.jpg) repeat-x 0 0 #4791C5;
    color:#444;
	margin: 0;
} 
hr { display: none; }
strong, b { font-weight: bold; }
em, i { font-style: italic; }

.small {
	font-size: 11px;
}
blockquote .small {
	font-weight: bold;
}
a {
	color: #336699;
	text-decoration: none;
}
a:hover {
	color: #6699CC;
}

/* Layout Divisions
--------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 990px;  
	position: relative;
}
#comfort {
	display: block;
	width: 550px;
	height: 164px;
	background: url(../gfx/comfort.png) no-repeat 0 0;
	position: absolute;
	top: 9px;
	right: 50px;
	padding: 74px 10px 0px 0px;
}
#header {
	height: 110px;
	background:url(../gfx/head_bg.jpg) no-repeat 0 100%;
	position: relative;
}
#logo {
	display: block;
	width: 390px;
	height: 131px;
	background: url(../gfx/logo.png) no-repeat 0 0;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	left: 0;
}

/* Content 
--------------------------------------------------------------------------------------------------- */
#global_container {
	background: url(../gfx/content_bg.jpg) repeat-y 0 0;
}
#video{
	width: 650px;
	height: 450px;
	border: 1px solid #999;
}
#content {
	padding: 30px 30px 110px 30px;
	width: 650px;
	margin: 0 auto;
}
#contentb {
	padding: 30px 30px 110px 20px;
	width: 650px;
	margin: 0 auto;
}
#content2 {
	padding: 30px 70px 110px 70px;
	width: 570px;
	margin: 0 auto;
}
#content2 UL {
	line-height: 140%; 
	list-style: square url(../gfx/nav/b1.gif) outer;
}
#content3 {
	padding: 50px 70px 110px 70px;
	width: 470px;
	margin: 0 auto;
}
#content4 {
	padding: 30px 180px 110px 50px;
	width: 480px;
	margin: 0 auto;
}
#content p,
#content2 p,
#content3 p,
#content4 p {
	margin: 0 0 20px 0;
}
#content_bg {
	width: 803px;
	height: 114px;
	background: url(../gfx/content_foot.jpg) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 96px;
}
#primary {
	width: 130px;
	position: absolute;
	top: 140px;
	left: 0;
	z-index: 1000;
}
#secondary {
	width: 130px;
	position: absolute;
	top: 140px;
	right: 0;
	z-index: 999;
}
#thumb {
	width: 150px;
	position: absolute;
	top: 140px;
	right: 0;
	z-index: 999;
}
#guarantee {
	padding: 12px 1px 0px 0px;
}
/* media
--------------------------------------------------------------------------------------------------- */

#mediaContainer {
	width: 650px;
	height: 370px;
	padding: 3px 0px;
	margin: 0px;
}
#videoContent,
#videoContainer,
#imgContainer {
	margin: 0px;
	width: 650px;
	height: 370px;
	padding: 3px 0px;
}

div.videoHidden {
	position: absolute;
	left:-9999px;
	margin: 0px;
	width: 650px;
	height: 370px;
}

#imgContainer {
	display: none;
}
.bg640 {
	width: 650px;
	height: 370px;
	background: url(../img/bg640.gif) no-repeat 0 0;
}
/* content
--------------------------------------------------------------------------------------------------- */

#content h2,
#content2 h2,
#content3 h2,
#content4 h2 {
	display: block;
	margin:0;
	padding:0;
	width: 350px;
	height: 60px;
	line-height: 45px;
	text-indent: -9999px;
}
#content p.next,
#content2 p.next,
#content3 p.next  {
	margin: 44px 0px;
	padding: 30px 0 0 0;
	border-top: 3px dotted #e0a312;
	font-weight: bold;
	text-align: centered;
}
div.question1 {
	border-top: 1px solid #CCCCCC;
	padding: 24px 20px 30px 60px; 
	margin: 24px 0px 0px 0px; 
	background: #F4F4F4 url(../gfx/nav/question1.gif) no-repeat;
}	
div.question2 {
	padding: 24px 20px 10px 60px; 
	margin: 4px 0px 0px 0px;
	background: #FFFFFF url(../gfx/nav/question2.gif) no-repeat;
}
div.quote1 {
	border-top: 1px solid #CCCCCC;
	padding: 24px 20px 30px 60px; 
	margin: 24px 0px 0px 0px; 
	background: #F4F4F4;
}	
div.quote2 {
	padding: 24px 20px 10px 60px; 
	margin: 4px 0px 0px 0px;
	background: #FFFFFF;
}
h1 {
	color: #e0a312; 
	font: bold 15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 14px 0px;
}
h3 {
	color: #336699; 
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 7px 0px;
}
h4 {
	width: 200px;
	color: #777777; 
	font: italic 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 7px 0px 7px 100px;
}
.quote1 h5,
.quote2 h5 {
  margin: 3px 0px 7px 0px;
  font: 12px/14px Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:#336699;
  }
ul.questions li {
	background: url(../gfx/nav/bullet.png) no-repeat 0 1px;
	font-size: 11px;
	margin: 3px 0;
	padding: 0 0 0 10px;
	line-height: 11px;
	outline: none;
	border: none;
}
ul.questions {
	margin: 0 0 0 61px;
}
.form {width: 200px;
	text-align: left;
	margin: 4px 0px 0px 3px;
	padding: 3px 0px 3px 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: normal; 
	color: #777;}
.type {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	font-weight: bold; 
	padding: 14px 0px;
}
/* gallery
--------------------------------------------------------------------------------------------------- */
.gallery1,
.gallery2,
.gallery3 {
	float: left; width: 140px;
  	font:  10px/12px Verdana, Arial, Helvetica, sans-serif;
  	color:#777;
	text-align: center;
	margin: 0px 20px 10px 0px;
}
.gallery4 {
	float: left; width: 140px;
  	font:  10px/12px Verdana, Arial, Helvetica, sans-serif;
  	color:#777;
	text-align: center;
	margin: 0px 0px 10px 0px;
}
.galtext {
	width: 400px;
	margin: 3px 0px;
	text-align: left;
}
#galwrap {
		margin: 0px 0px 20px 0px;
}

/* Main Page Specific Headings
-------------------------------------- */
body#orthotics #content2 h2 {background: url(../gfx/hd/orthotics.gif) no-repeat 0 0;}
body#tour #content h2 {background: url(../gfx/hd/tour.gif) no-repeat 0 0;}
body#testimonials #content2 h2 {background: url(../gfx/hd/testimonials.gif) no-repeat 0 0;}
body#about #content3 h2 {background: url(../gfx/hd/about.gif) no-repeat 0 0;}
body#contact #content2 h2 {background: url(../gfx/hd/contact.gif) no-repeat 0 0;}
body#privacy #content3 h2 {background: url(../gfx/hd/privacy.gif) no-repeat 0 0;}
body#news #content4 h2 {background: url(../gfx/hd/news.gif) no-repeat 0 0;}
body#conditions #content3 h2 {background: url(../gfx/hd/conditions.gif) no-repeat 0 0;}
body#map #content3 h2 {background: url(../gfx/hd/map.gif) no-repeat 0 0;}
body#thanks #content3 h2 {background: url(../gfx/hd/thanks.gif) no-repeat 0 0;}
body#resources #content2 h2 {background: url(../gfx/hd/resources.gif) no-repeat 0 0;}
body#links #content2 h2 {background: url(../gfx/hd/links.gif) no-repeat 0 0;}
body#corrections #content3 h2 {background: url(../gfx/hd/corrections.gif) no-repeat 0 0;}
body#foot_pain #content3 h2 {background: url(../gfx/hd/foot_pain.gif) no-repeat 0 0;}
body#medicare #content2 h2 {background: url(../gfx/hd/medicare.gif) no-repeat 0 0;}
body#partners #content3 h2 {background: url(../gfx/hd/partners.gif) no-repeat 0 0;}


/* Side Blue Box
--------------------------------------------------------------------------------------------------- */
.box_wrap {
	width: 130px;
}
.box_wrap .box_top {
	display: block;
	height: 14px;
	background:url(../gfx/mini_box_top.png) no-repeat 0 0;
}
.box_wrap .box_content {
	display: block;
	background: url(../gfx/mini_box_bt.png) no-repeat 0 100%;
	padding: 0 7px 15px 7px;
	color: #336699;
	font-size: 10px;
	line-height: 11px;
	text-align: center;
}
.box_wrap .box_content img {
	margin: 0 0 5px 0;
}
.med_box_wrap {
	width: 150px;
}
.med_box_wrap h5 {
	color: #fff;
	font-weight: bold !important;
	margin-top: 0px !important;
	padding: 15px 0px 5px 0px;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
  	text-transform:uppercase;
  	letter-spacing:.2em;
}
.med_box_wrap .box_top {
	display: block;
	height: 14px;
	background:url(../gfx/med_box_top.png) no-repeat 0 0;
}
.med_box_wrap .box_content {
	display: block;
	background: url(../gfx/med_box_bt.png) no-repeat 0 100%;
	padding: 0 0 0 14px;
	color: #336699;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}
.med_box_wrap .box_content img {
	margin: 0 0 9px 0;
}
.big_box_wrap {
	width: 269px;
}
.big_box_wrap h5 {
	color: #fff;
	font-weight: bold !important;
	margin-top: 0px !important;
	padding: 15px 0px 5px 0px;
	font: 10px/11px Verdana, Arial, Helvetica, sans-serif;
  	text-transform:uppercase;
  	letter-spacing:.2em;
}
.big_box_wrap .box_top {
	display: block;
	height: 14px;
	background:url(../gfx/big_box_top.png) no-repeat 0 0;
}
.big_box_wrap .box_content {
	display: block;
	background: url(../gfx/big_box_bt.png) no-repeat 0 100%;
	padding: 0 20px 0px 20px;
	color: #336699;
	font-size: 10px;
	line-height: 11px;
	text-align: left;
}
.big_box_wrap .box_content img {
	margin: 0 0 10px 0;
}

#bigbox {
	width: 269px;
	position: absolute;
	top: 140px;
	right: 0;
	z-index: 999;
}
/* Left Navmenu
--------------------------------------------------------------------------------------------------- */

.box_wrap .box_lnav {
	display: block;
	background: url(../gfx/mini_box_bt.png) no-repeat 0 100%;
	padding: 0 7px 0px 0px;
	font-size: 11px;
	text-align: left;
}
#navmenu {
	margin: 0px;
	padding: 10px 0px 0px 0px;
 	list-style: none;
	text-align: left;
	height: 250px;
}
#navmenu li {
	line-height: 1.4em !important;
 	text-transform: capitalize;
	width: 133px;
}
#navmenu li a {
 	display: block;
 	width: 130px;
 	padding: 5px 5px 5px 7px;
	color: #336699;
	font-weight: bold;
 	text-decoration: none;
	background: url(../gfx/nav/lnav_off.gif) no-repeat 0 0;
}
#navmenu li a:hover {
	background: url(../gfx/nav/lnav_on.gif) no-repeat 0 0;
	padding: 5px 5px 5px 7px;
	margin-left: 0px;
	color: #336699;
}
#navmenu li.active a {
	background: url(../gfx/nav/lnav_on.gif) no-repeat 0 0;
	padding: 5px 5px 5px 7px;
	margin-left: 0px;
	color: #336699;
}
#navmenu li.active a:hover {
	background: url(../gfx/nav/lnav_on.gif) no-repeat 0 0;
	padding: 5px 5px 5px 7px;
	margin-left: 0px;
	color: #336699;
}
.google {
	margin: 20px 0px 0px 12px;
	padding: 0px;
}
/* Action Buttons
--------------------------------------------------------------------------------------------------- */

.actions {
	height: 50px;
	padding: 20px 0px 0px 14px;
}
.actions ul li {
	height: 50px;
	line-height:30px;
	float:left;
}
.actions ul li a {
	display:block;
	height: 50px;
	text-indent:-9999px;
}
#button1,
#button2,
#button3,
#button4 {
	width:179px;
	padding: 2px 0px 0px 20px;
}
#button1 a {
	background: url(../gfx/nav/button1.gif) no-repeat 0 0;
}
#button2 a {
	background: url(../gfx/nav/button2.gif) no-repeat 0 0;
}
#button3 a {
	background: url(../gfx/nav/button3.gif) no-repeat 0 0;
}
#button4 a {
	background: url(../gfx/nav/button4.gif) no-repeat 0 0;
}
#button1 a:hover,
#button2 a:hover,
#button3 a:hover,
#button4 a:hover {
	background-position: -179px;
}
a.more {
	font-size: 10px;
	color: #fff;
	padding: 0px 0px 3px 0px;
}
a.more:hover {
	color: #6699CC;
	text-decoration: none;
}
a.zoom {
	font-size: 10px;
	color: #999;
	padding: 0px 0px 3px 0px;
}
a.zoom:hover {
	color: #6699CC;
	text-decoration: none;
}
/* Footers
--------------------------------------------------------------------------------------------------- */
#footer {
	width: 100%;
	height: 200px;
	background:url(../gfx/foot_bg.jpg) repeat-x 0 0;
}
#foot_wrapper {
	width: 990px;
	margin: 0 auto;
	padding: 50px 0 0 0;
	position: relative;
}
#foot_wrapper p {
	font-size: 10px;
	line-height: 11px;
	text-align: center;
	color: #89bfc8;
	margin: 0 0 10px 0;
}
#foot_wrapper a {
	color: #89bfc8;
}
#foot_wrapper .note {
	margin: 20px 0px 50px 0px;
	color: #336699;
	width: 640px;
	font-size: 10px;
	line-height: 11px;
	text-align: justify;
}

/* Foot Navigation
--------------------------------------------------------------------------------------------------- */
#foot_nav {
	position: absolute;
	top: 6px;
	left: 150px;
}
#foot_nav li {
	float: left;
	background:url(../gfx/footnav_bg.gif) no-repeat 100% 50%;
	padding: 0 10px;
}
#foot_nav li.last {
	float: left;
	background: none;
}
#foot_nav li a {
	font-size: 10px;
	color: #336699;
}
#foot_nav li a:hover {
	color: #6699CC;
}

/* ---------------- Ticker newsBox ----------------- */

#newsBox {
	height: 40px;
	width: 560px;
}
#newsBox h3 a,
#newsBox h3 a:hover {
	color:#777;
}
#newsBox h3 { float: left; width: 120px; font-size: 11px; text-align: right; font-weight: normal;}
#newsBox ul { float: right; width: 420px; padding: 0; }
#newsBox ul li { width: 300px; line-height: 30px; margin: 0;}

/* ---------------- Ticker browser hack for display ----------------- */

#newsBox ul li {display: none;}

/* ---------------- Tables ----------------- */

table#target p {
	line-height: 15px;
	margin: 0 0 15px 0;
}
table#target td {
	width: 300px;
}
table#target {padding: 0px; margin: 0px 0px 40px 0px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;}
	
table#target td#first_pair {color: #0E3C5C; text-align: left;
	border-top: solid #4791C5; border-width: 1px;
	border-left: solid #4791C5; border-width: 1px;
	border-bottom: solid #4791C5; border-width: 1px;
	padding: 20px; background: #ffffa9;}
	
table#target td#add_pair {color: #0E3C5C; text-align: left; 
	border: solid #4791C5; border-width: 1px;
	padding: 20px; background: #d8eaf7;}
	
ul.bullets li {
	background: url(../gfx/nav/bullet.png) no-repeat 0 3px;
	font-size: 11px;
	margin: 10px 0;
	padding: 0 0 0 10px;
	line-height: 14px;
	outline: none;
	border: none;
}
ul.bullets {
	margin: 0 0 0 12px;
}	
.submit {padding: 7px 12px;}

/* Helpers 
--------------------------------------------------------------------------------------------------- */

#name {display: none;}
#email {display: none;}
#comments {display: none;}

.clear {
	clear: both;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */