/* --- standard --- */
body { /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
background-color :#7F8959;
font-family:Arial, Helvetica, sans-serif;
font-size : 11px;
line-height : 18px;
color : #0E3038;
text-align : center;
border-top : 0 solid #fff;
padding : 0;
margin : 0;
}
/*Global Whitespace Reset*/
body, form, input {
padding : 0;
margin : 0;
}
/*
form {
display:inline
} */
/* setting form to inline messes up countless forms throughout the site in all
 */
h1, h2, h4, h5, h6, p, form, label, ul, ol, li {
padding : 0;
margin : 0;
}

a:link {
color : #3A5A66;
text-decoration: none;
outline : none;
}
a:visited {
color : #3A5A66;
text-decoration : none;
}
a:hover {
color : #444;
text-decoration : underline;
}
/* --- format --- */
#wrapper-top {
background: #fff url(../images/topheader-wrap.jpg) no-repeat top center;
display : block;
border-bottom : 6px solid #507282;
padding : 0;
margin : 0;
}
#wrapper-content {
background :#7F8959 url(.../images/wrap-content-bg.jpg) center repeat-y;
display : block;
border-top : 1px solid #fff;
padding : 0;
margin : 0;
}
#wrapper-one {
display : block;
width : 950px;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#wrapper-two {
background-color : #fff;
display : block;
width : 950px;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#wrapper-media {
width : 950px;
height : 170px;
overflow : hidden;
padding : 0;
margin : 0;
}
#topheader {
border-bottom : 0 solid #999;
overflow : hidden;
padding : 0;
margin : 0;
}
#topheader .logo {
float : left;
margin : 0 0 0 0;
}
#topheader #contact {
position: relative;
float: right;
top: 0px;
right: 0px;
padding: 5px;
}
#topheader #contact a {
color: #507282;
font-weight: bold;
text-decoration: none;
padding: 5px;
line-height: 24px;
vertical-align: top;
}
#topheader #contact a:hover {
text-decoration: underline;
color: #c3c3c3;
}
/* main navigation */
#navbar {
display : block;
width : 950px;
background-color : #3A5A66;
text-align : left;
overflow : hidden;
border-top : 1px solid #fff;
border-right : 0 solid #fff;
border-bottom : 0 solid #fff;
border-left : 0 solid #fff;
padding : 0;
margin : 0;
}
ul#navlist {
display : block;
font-family : "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
padding : 0;
margin : 0;
float : left;
}
ul#navlist li {
display : block;
width: 110px;
float : left;
text-align: center;
}

ul#navlist li.big {
display : block;
width: 145px;
float : left;
}

ul#navlist li a {
display : block;
text-decoration : none;
text-transform : uppercase;
font-size : 10px;
color : #fff;
letter-spacing : 1px;
border-right : 1px solid #e8eef6;
border-left : 0 solid #95a5b2;
white-space : nowrap;
padding : 6px 0 6px 0;
}


ul#navlist li a.last {
display : block;
text-decoration : none;
text-transform : uppercase;
font-size : 10px;
color : #fff;
letter-spacing : 1px;
border-right : 0px solid #e8eef6;
border-left : 0 solid #95a5b2;
white-space : nowrap;
padding : 6px 0 6px 0;
}


ul#navlist li a:hover {
display : block;
background-color : #507282;
color : #fff;
}
/* end main navigation */
/* main content wrapper */
#main {
padding : 0;
margin : 0;
}

#main .clear {
clear : both;
height : 1px;
}
/* endmain content wrapper */
/* bottom header */
#bottom-header {
display : block;
width : 300px;
background-color : #a0b7a3;
float : left;
border-right : 0 solid #526063;
padding : 0;
margin : 0;
}
/* ---  media --- */
#media {
display : block;
width : 650px;
background-color : #a0b7a3;
float : right;
padding : 0;
margin : 0;
}
/* column sidebar */
#sidebar {
display : block;
width : 325px;
background : #fff url(../images/top_shade_fff.jpg) repeat-x top left;
text-align : left;
border-top : 2px solid #fff;
float: left;
padding : 0;
margin: 0
}
#sidebar h1 {
font-size : 18px;
text-transform : none;
color : #7f9bbe;
border-right : 0 dotted #fff;
border-bottom : 0 dotted #E5DED1;
padding : 20px 0 0 10px;
margin : 0;
}
#sidebar h2 {
font-size : 12px;
color : #cc0000;
text-transform : none;
border-bottom : 2px dotted #E5DED1;
padding : 8px 0 0 20px;
margin : 0;
}
#sidebar h3 {
font-size : 11px;
color : #444;
padding : 10px 10px;
margin : 0;
}
#sidebar h4 {
background : #E5DED1 url(.../images/top_shade_F9E7DE.jpg) repeat-x;
font-size : 90%;
font-weight : bold;
color : #526063;
text-transform : uppercase;
text-align : left;
letter-spacing : 3px;
border-bottom : 1px solid #bb8216;
padding : 15px 0 0 20px;
margin : 0;
}
#sidebar h4.F9E7DE {
background : #E5DED1 url(.../images/top_shade_F9E7DE.jpg) repeat-x;
font-size : 90%;
color : #526063;
text-transform : uppercase;
letter-spacing : 3px;
border-bottom : 1px solid #bb8216;
}
#sidebar p {
background-color : #fff;
padding : 15px 20px 15px 20px;
}

#sidebar p .imageLeft {
float: left;
padding-right: 8px;
margin: 0;
}

#sidebar p.orangbg {
background-color : #e1aa42;
color : #ffffff;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
border-bottom : 2px solid #fff;
}
#sidebar p.sidebg2 {
background-color : #A97C50;
color : #ffffff;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
border-bottom : 2px solid #fff;
}

#sidebar p.sidebg3 {
background-color : #a9d289 ;
color : #335518;
font-weight : bold;
border-bottom : 2px solid #fff;
}

#sidebar p.bluebg {
background-color : #3A5A66;
color : #ffffff;
border-bottom : 2px solid #fff;
}

#sidebar p.clearblubg {
background-color : #000;
color : #ffffff;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
border-bottom : 2px solid #fff;
}

#sidebar p.sideaddress {
background-color : #E5DED1;
color : #444;
border-bottom : 2px solid #fff;
}

#sidebar p span.bignumber {
display : block;
font-family: Georgia, "Times New Roman", Times, serif;
line-height : 25px;
font-size : 22px;
font-weight : bold;
color : #ff0000 /*ed6919*/;
}
#sidebar form.contact {
border-top : 1px dotted #E5DED1;
padding : 10px 20px 10px 20px;
margin : 0;
}
input[type="text"]/* To keep form fields consistent */ {
background : #fff !important;
}
#sidebar .inputBlock {
width : 170px;
font-size : 10px;
color : #333;
text-transform : lowercase;
border-bottom : 1px dotted #E5DED1;
padding : 0;
margin : 2px 0 2px 0;
}
#sidebar .inputbox {
background-color : #fff;
width : 170px;
color : #777777;
padding : 0;
margin : 0 0 10px 0;
}
#sidebar .contactLabel {
font-size : 10px;
color : #000000;
}
#sidebar .clear {
clear : both;
height : 1px;
}
/* Treatment navigation */
ul#treatlist {
display : block;
background-color : #C2C6B3 /*1d4b8c*/;
font-size : 11px;
font-weight : bold;
list-style : none;
border-bottom : 2px solid #fff;
padding : 10px 0 10px 0;
margin : 0 0 0 0;
}
ul#treatlist li {
display : block;
width: 100%;
padding : 0 0 0 0;
margin : 0;
}
ul#treatlist li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #343A1B;
text-decoration : none;
border-left : 5px solid#7F8959;
padding : 2px 0 2px 20px;
margin : 0;
}
ul#treatlist li a:hover {
display : block;
background-color : #fff;
font-weight : normal;
color : #526063;
border-left : 5px solid #343A1B;
margin : 0;
}
/*treatlist 2 */
/* Treatment2 navigation */
ul#treatlist2 {
display : block;
background-color : #BACED3 /*1d4b8c*/;
font-size : 11px;
font-weight : bold;
list-style : none;
border-bottom : 2px solid #fff;
padding : 10px 0 10px 0;
margin : 0 0 0 0;
}
ul#treatlist2 li {
display : block;
padding : 0 0 0 0;
margin : 0;
}
ul#treatlist2 li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #14386d;
text-decoration : none;
border-left : 5px solid#7F8959;
padding : 2px 0 2px 20px;
margin : 0;
}
ul#treatlist2 li a:hover {
display : block;
background-color : #fff;
font-weight : normal;
color : #526063;
border-left : 5px solid #3A5A66;
margin : 0;
}


ul#treatlist3 {
display : block;
background-color : #BACED3 /*1d4b8c*/;
font-size : 11px;
font-weight : bold;
list-style : none;
border-bottom : 2px solid #fff;
padding : 10px 0 10px 0;
margin : 0 0 0 0;
}
ul#treatlist3 li {
display : block;
padding : 0 0 0 0;
margin : 0;
}
ul#treatlist3 li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #14386d;
text-decoration : none;
border-left : 5px solid#7F8959;
padding : 2px 0 2px 20px;
margin : 0;
}
ul#treatlist3 li a:hover {
display : block;
background-color : #fff;
font-weight : normal;
color : #526063;
border-left : 5px solid #3A5A66;
margin : 0;
}

/*  end column sidebar */
/*  main column  */
#content {
width : 624px;
background : #fff url(../images/top_shade_fff.jpg) repeat-x top left;
float: left;
text-align : left;
border-top : 2px solid #fff;
border-right : 1px dotted #E5DED1;
padding : 0;
margin : 0 0 0 0;
}
#content h1 {
display : block;
font-family: "Century Gothic", verdana, arial;
color: #507282;
border-right : 0 solid #E5DED1;
border-bottom : 0 dotted #E5DED1;
padding : 0 0 0 0;
margin : 30px 20px 20px 20px;
}
#content h3 {
display : block;
border-right : 0 solid #E5DED1;
border-bottom : 0 dotted #E5DED1;
padding : 0 0 0 0;
margin : 30px 20px 1px 20px;
}
#content h3 span.largeHead {
font-size : 28px;
text-transform : none;
text-align : left;
color : #3A5A66;
text-transform : uppercase;
border : 0 solid #ddd;
letter-spacing : 1px;
padding : 0;
margin : 0 0 0 0;
}
#content h3 span.smallHead {
font-size : 20px;
text-transform : uppercase;
text-align : left;
color : #507282;
letter-spacing : 1px;
border : 0 solid #ddd;
}
#content h2 {
display : block;
font-size : 11px;
text-transform : uppercase;
text-align : left;
color : #1d4b8c;
letter-spacing : 1px;
padding : 0 0 0 0;
margin : 0 0 8px 30px;
}

#content h2.mainDocHead {
display : block;
width: 300px;
background: #ffffff url(../images/grade-bluewht.jpg) top left repeat-x;
font-size : 11px;
text-transform : uppercase;
text-align : left;
color : #1d4b8c;
letter-spacing : 1px;
border: 1px #3A5A66 solid;
padding : 10px 0 1px 5px;
margin : 0 0 3px 30px;
}

#content h4 {
display : block;
font-size : 11px;
text-transform : uppercase;
text-align : left;
color : #e1aa42;
letter-spacing : 1px;
border-bottom: 0px #e1aa42 /* 507282*/ dotted;
padding : 0 0 2px 0;
margin : 0 0 13px 80px;
}



#content h5 {
display : block;
font-size : 10px;
text-transform : uppercase;
text-align : left;
color : #7F8959;
letter-spacing : 1px;
padding : 0 0 0 0;
margin : 0 0 5px 30px;
}

#content h6 {
display : block;
font-size : 11px;
text-transform : uppercase;
text-align : left;
color : #e1aa42;
letter-spacing : 1px;
border-bottom: 0px #e1aa42 /* 507282*/ dotted;
padding : 0 0 2px 0;
margin : 0 0 0px 20px;
}

#content .PDFBar {
display: block;
text-align: right;
padding: 0;
margin : 5px 30px 15px 30px;
}

#content p {
font-size : 11px;
line-height : 25px;
padding : 0;
margin : 5px 30px 15px 30px;
}

#content p.mainDocList {
font-size : 10px;
line-height : 20px;
border-bottom: 1px #507282 dotted;
padding : 0;
margin : 5px 30px 15px 30px;
}

#content p.smallText {
font-size: 10px;
border-bottom : 0px dotted #E5DED1;
line-height: 14px;
}

#content p.last {
border-bottom : 1px dotted #E5DED1;
padding-bottom : 10px;
}
#content span.red_bold {
color : #990000;
font-weight : bold;
padding : 0;
margin : 0;
}
#content ul {
display : block;
list-style-image: url(.../images/list-icon-bluesquare.jpg);
padding : 0;
margin : 0 30px 15px 70px;
}

#content ol {
display : block;
padding : 0;
margin : 0 30px 15px 70px;
}

#content li {
font-weight : bold;
padding : 0;
margin : 0;
}

#content li strong {
color: #3A5A66;
font-weight : bold;
border-bottom: 1px #507282 solid;
padding : 0 0 1px 0;
margin : 0;
}

#content .imageLeft {
float: left;
margin-right: 10px;
margin-bottom: 8px;
}

#content .imageRight {
float: right;
padding : 0 0 10px 10px;
margin : 0;
}

/* contact block set */
#content #contactForm {
display: block;
float: left;
border: 0px #999 dotted;
padding: 10px 15px 10px 10px;
margin: 0 10px 0 20px;
}

#content #contactForm p {
font-size: 11px;
padding: 0;
margin : 5px 0 15px 30px;
}

#content #contactForm ul {
list-style: none;
padding: 0;
margin: 0;
}

#content #contactForm ul li {
padding-top: 10px;
}

#content #contactForm ul li a {
text-decoration: none;
color: #ff0000;
}

#content #contactForm ul li a:hover {
color: #000;
}

#content #contactForm ul li label {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #555;
text-transform: uppercase;
letter-spacing: 1px;
text-align: left;
border-right: 0px #444 solid;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#content #contactForm ul li .formfieldarea {
width: 400px;
height: 200px;
background-color:  #E5DED1;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #BACED3;
padding: 2px 2px;
margin: 0;
}

#content #contactForm .inputBox {
width: 400px;
height: 15px;
background-color: #E5DED1;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #BACED3;
padding: 0;
margin: 0;
}

#content #contactForm fieldset {
border-top: 0px #0E3038 dotted;
border-right: 0px #0E3038 dotted;
border-bottom: 0px #0E3038 dotted;
border-left: 0px #0E3038 dotted;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

#content #contactForm label.submit {
display: block;
text-align: left;
padding: 10px;
}

/* end contact block set */

/* login form */

#content #loginForm {
display: block;
width: 400px;
padding: 0;
margin: 40px 20px 0 30px;
}

#content #loginForm p {
font-size: 11px;
padding: 0;
margin : 5px 0 15px 30px;
}

#content #loginForm ul {
list-style: none;
padding: 0;
margin: 0;
}

#content #loginForm ul li {
padding-top: 2px;
float: left;
}

#content #loginForm .inputBox {
width: 200px;
height: 15px;
background-color: #E5DED1;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #E5DED1;
padding: 0;
margin: 0;
}

#content #loginForm fieldset {
border-top: 0px #1B2E33 dotted;
border-right: 0px #1B2E33 dotted;
border-bottom: 0px #1B2E33 dotted;
border-left: 0px #1B2E33 dotted;
padding: 0 0 5px 0;
margin: 0 0 0 0;
}

#content #loginForm label {
display: block;
width: 200px;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;
text-align: right;
text-transform: uppercase;
border-right: 0px #444 solid;
padding: 0 0 0 0;
margin: 0 20px 0 0;
}

#content #loginForm label .formfieldarea {
width: 200px;
height: 200px;
background-color:  #E5DED1;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #E5DED1;
padding: 2px 2px;
margin: 0;
}

#content #loginForm label.submit {
display: block;
text-align: right;
padding: 10px;
}

/* end of login */

/* formBox */

#content #formBox {
padding: 0;
margin: 0;
}

#content #formBox h3 {
background-color: #E5DED1;
color: #507282;
border: 1px #E5DED1 solid;
padding: 5px 0 5px 5px;
margin : 0 30px 15px 30px;
}

#content #formBox ul {
list-style: none;
padding: 0;
margin : 0 30px 15px 50px;
}

#content #formBox ul li {
padding-top: 2px;
}

#content #formBox ul li.formLink {
border-bottom: 1px #E5DED1 dotted;
text-align: left;
margin-bottom: 10px;
}

#content #formBox ul li a {
text-decoration: none;
color: #507282;
}

#content #formBox ul li a:hover {
color: #000;
}

/* topPDF bar */

#content #topPDF {
display: none;
padding: 2px;
margin: 10px 5px 5px 30px;
}

#content #topPDF ul {
background-color: #f5f5f5;
display: block;
float: left;
list-style: none;
padding: 0;
margin: 0;
}

#content #topPDF ul li {
background-color: #cc0000 /* 507282 */;
float: left;
padding: 0;
margin: 0;
}

#content #topPDF ul li.pdf {
background-color: #E5DED1;
float: left;
padding: 0;
margin: 0 3px 0 0;
}

#content #topPDF ul li a {
text-decoration: none;
color: #fff;
font-weight: bold;
padding: 2px;
margin: 0;
}

#content #topPDF ul li a:hover {
color: #999999;
}

/* end topPDF bar */

#content .clear {
clear : both;
height : 1px;
}

#content #topPage{
text-align: right;
margin-right: 2px;
}

#content #topPage a {
background-color: #fff;
font-size: 10px;
color:#555;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
border: 0px #E5DED1 solid;
padding: 2px 3px 2px 3px;
margin: 1px;
}

#content #topPage a:hover{
background-color: #fff;
color: #ccc;
text-decoration: none;
}

/* patient quick link */

#patientQlink {
overflow: hidden;
padding: 0;
margin : 0 30px 15px 30px;
}

#patientQlink ul {
display: block;
list-style: none;
padding: 0;
margin: 0;
}

#patientQlink ul li {
float: left;
width: 175px;
height: 220px;
margin: 0;
}

#patientQlink ul li.np {
background: #fff url(.../images/med_icon_newpatient.jpg) bottom left no-repeat;
border-right: 3px #ffffff solid;
margin: 0;
}

#patientQlink ul li.locations {
background: #fff url(.../images/med_icon_locations.jpg) bottom left no-repeat;
border-right: 3px #ffffff solid;
margin: 0;
}

#patientQlink ul li.instructions {
background: #fff url(.../images/med_icon_instructions.jpg) bottom left no-repeat;
margin: 0;
}

#patientQlink ul li h2 {
background: #ffffff url(.../images/grade-bluewht.jpg) top left repeat-x;
font-size: 16px;
color: #507282;
border-bottom: 1px #507282 solid;
padding: 10px 0 0 10px;
margin: 0;
}

#patientQlink ul li p {
font-size: 10px;
padding: 10px;
margin: 0;
}

#patientQlink ul li .patientMorelink {
display: block;
text-align: right;
padding: 0;
margin-right: 10px;
}

#patientQlink ul li .patientMorelink a {
background-color: #507282;
color: #ffffff;
text-decoration: none;
border: 1px #ffffff solid;
padding: 5px;
margin: 0;
}

#patientQlink ul li .patientMorelink a:hover {
color: #444;
}
/* patient instrctions orderlist */

#patientInstructions {
overflow: hidden;
padding: 0;
margin : 0 30px 15px 30px;
}

#patientInstructions #titleBar {
text-align: right;
padding: 0;
margin : 0 30px 15px 30px;
}

#patientInstructions ol {
text-align: left;
}

#patientInstructions ol li {
background: #E5DED1;
text-align: left;
border: 1px #E5DED1 solid;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
margin-bottom: 8px;
}

#patientInstructions ol li span.downloads {
display: block;
width: 105px;
float: right;
text-align: right;
list-style: none;
margin-right: 5px;
}


#patientInstructions ol li span.downloads a {
background-color: #ff0000;
font-size: 10px;
color:#fff;
letter-spacing: 1px;
text-transform: uppercase;
text-decoration: none;
border: 1px #E5DED1 solid;
padding: 2px 3px 2px 3px;
margin: 1px;
}

#patientInstructions ol li span.downloads a:hover{
background-color: #E5DED1;
color: #555;
text-decoration: none;
}


/*  end main column  */

/*  footer  */
#footer {
display : block;
width : 950px;
background-color : #ffffff;
text-align : center;
border-top : 1px #7F8959 dotted;
padding : 0;
margin : 0 0 0 0;
}
#foot-wrap {
display : block;
width : 950px;
overflow : hidden;
border-top : 0 solid #F2ECE4;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#foot-wrap h5 {
width : 950px;
font-size : 11px;
color : #3A5A66;
text-align : left;
padding : 10px 10px;
margin : 0;
}
#foot-block {
display : block;
width : 950px;
float : left;
padding : 0;
margin : 0;
}
#foot-block ul {
font-size : 10px;
font-weight : bold;
color : #2e4423;
list-style : none;
padding : 0 0 0 15px;
margin : 0;
}
#foot-block ul li {
float : left;
color : #b9b883;
padding : 0 5px 0 0;
margin : 0 5px 0 0;
}
#foot-block ul li a {
font-size : 10px;
font-weight : normal;
text-decoration : none;
color : #3A5A66;
margin : 0;
}
#foot-block ul li a:hover {
font-weight : normal;
color : #2e4423;
text-decoration : none;
}
#bottomcap {
display : block;
padding : 0;
margin : 0;
}
#wrapcap {
display : block;
width : 990px;
height: 20px;
background:#7F8959 url(../images/bottomcap.jpg) no-repeat; 
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#grip {
width:990px;
height:20px;
background-color:#7F8959;
text-align: right;
padding: 8px 2px 8px 0;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}

#grip a:link {
font-size : 11px;
font-weight: bold;
color: #0066ff;
text-decoration : none;
outline : none;
}
#grip a:visited {
color : #0066ff;
font-weight: bold;
text-decoration : none;
}
#grip a:hover {
color : #fff;
font-weight: bold;
text-decoration : none;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {
height : 1%;
}
/* End hide from IE-mac */




.box img { padding-left: 20px;}
.box .col1 {width: 250px; text-align:left; padding-right: 10px; padding-bottom: 10px;}
.box .col2 {width: 250px; padding-bottom: 10px;}