/* --- standard --- */
body { /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
background : #fff url(../images/backgroundS.jpg) repeat;
font-family : "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
line-height : 16px;
color : #000;
text-align : center;
border-top : 0 solid #fff;
}
/*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 {
text-decoration : none;
outline : none;
}
a:hover {
text-decoration : underline;
}
/* --- format --- */
#wrapper-top {
background :#fff;
display : block;
border-bottom : 0px solid #888;
padding : 0;
margin : 0;
}
#wrapper-content {
display : block;
border-top : 0px 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;
overflow : hidden;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#wrapper-media {
width : 950px;
height : 220px;
overflow : hidden;
padding : 0;
margin : 0;
}
#topheader {
border-bottom : 0 solid #999;
overflow : hidden;
padding : 0;
margin : 0;
}
#topheader .logo {
padding: 0;
margin : 0;
}
/* main navigation */
#navbar { display : block; width : 950px; background: #000; text-align : left; overflow : hidden; border-top : 0px solid #fff; border-right : 0 solid #fff; border-bottom : 0px solid #fff /*b33a2c*/; border-left : 0 solid #fff; padding : 0; margin : 0; }

ul#navlist { display : block; background-color : #000; font-family : "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; padding : 0; margin : 0; float : left; }

ul#navlist li { display : block; width: 135px; float : left; }

ul#navlist li.start { border-left: 0px solid #555; }

ul#navlist li.conSer { width: 160px; }

ul#navlist li.end { width: 115px; }

ul#navlist li a { display : block; background: #000 url(../images/navBack.jpg) bottom repeat-x; color : #fff; border-right : 1px solid #555; border-bottom: 4px solid #000; letter-spacing : 1px; white-space : nowrap; text-align: center; padding : 10px 0 6px 0; text-decoration:none; }

ul#navlist li a:hover { display : block; background: #000 url(../images/navBack_tan.jpg) bottom repeat-x; color : #fff; border-bottom: 4px solid #fff; }
/* end main navigation */
/* main content wrapper */
#main {
padding : 0;
margin : 0;
}

#main .clear {
clear : both;
height : 1px;
}
/* endmain content wrapper */

/* ---  media --- */
#media {
display : block;
width : 950px;
padding : 0;
margin : 0;
}
/* column sidebar */
#sidebar {
display : block;
width : 325px;
background : #fff url(../images/top_shade_fff.jpg) repeat-x top left;
float: left;
text-align : left;
padding : 0;
margin: 0;
}

#sidebar a { color: #000000; text-decoration: underline; }

#sidebar a:hover { color: #555; }

#sidebar h1 {
font-size : 18px;
text-transform : none;
color : #7f9bbe;
border-right : 0 dotted #fff;
border-bottom : 0 dotted #ccc;
padding : 20px 0 0 10px;
margin : 0;
}
#sidebar h2 {
font-size : 12px;
color : #cc0000;
text-transform : capitalize;
border-bottom : 2px dotted #ccc;
padding : 8px 0 0 20px;
margin : 0;
}
#sidebar h3 {
font-size : 11px;
color : #444;
padding : 10px 10px;
margin : 0;
}
#sidebar h4 {
background : /* #cdc561*/ url(../images/top_shade_red2.jpg) top repeat-x;
font-size : 12px;
font-weight : bold;
color : #fff;
text-transform : uppercase;
text-align : left;
letter-spacing : 0px;
border-bottom : 3px solid #fff;
padding : 5px 0 5px 10px;
margin : 0;
}
#sidebar h5 {
display: none;
background : #eee;
font-size : 10px;
font-weight : normal;
color : #000 /*691d03*/;
text-transform : uppercase;
text-align : right;
letter-spacing : 0px;
border-bottom : 1px solid #999;
padding : 0 0 0 10px;
margin : 0;
}
#sidebar h4.radio {
color: #4a8ccf;
}
#sidebar p {
background-color : #fff;
padding : 15px 20px 15px 20px;
}
#sidebar #radio {
background-color : #000;
border-bottom : 2px solid #fff;
}
#sidebar #radio p.radioText {
background-color : #000;
color: #fff;
font-weight: bold;
padding : 10px 20px 10px 20px;
border-bottom: 1px solid #fff;
}
#sidebar #radio p.radioText .radioTitle {
display: block;
font-size: 10px;
color : #ccc;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
}
#sidebar #radio p.radioText a {
color: #cc0000;
text-decoration: underline;
font-weight: bold;
}
#sidebar #radio p.radioText a:hover {
color: #fff;
}
#sidebar #news {
background-color : #b4d0f7;
border-bottom : 0px solid #fff;
}
#sidebar #news p.newsText {
background-color : #b4d0f7;
padding : 10px 20px 10px 20px;
border-bottom: 1px solid #fff;
}
#sidebar #news p.newsText a {
color: #000;
text-decoration: underline;
font-weight: bold;
}
#sidebar #news p.newsText a:hover {
color: #fff;
}
#sidebar #news p.newsText .newsTitle {
display: block;
font-size: 10px;
color : #000;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
}

#sidebar p.blueBack { background-color : #b4d0f7; }

#sidebar p.blueBack .bignumber { font-weight: bold; font-size: 16px; color: #691d03; }

#sidebar #orange {
background-color : #ccc;
border-bottom : 2px solid #fff;
}
#sidebar #orange p.orangeText {
background-color : #ccc;
padding : 10px 20px 10px 20px;
border-bottom: 1px solid #fff;
}
#sidebar #orange p.orangeText a {
color: #000;
text-decoration: underline;
font-weight: bold;
}
#sidebar #orange p.orangeText a:hover {
color: #fff;
}
#sidebar #orange p.orangeText .orangeTitle {
display: block;
font-size: 10px;
color : #000;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
}

#sidebar form.contact {
border-top : 1px dotted #ccc;
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 #cccccc;
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 .imageLeft {
float: left;
margin-right: 8px;
margin-bottom: 5px;
}

#sidebar .imageRight {
float: right;
margin-left: 8px;
margin-bottom: 5px;
}
#sidebar .clear {
clear : both;
height : 1px;
}
/* Treatment navigation */
#sidebar ul#treatlist {
display : block;
background: #5c554e;
list-style : none;
border-bottom : 0px solid #fff;
padding : 0;
margin : 0 0 0 0;
}
#sidebar ul#treatlist li {
display : block;
border-bottom: 1px #fff dotted;
padding : 0 0 0 0;
margin : 0;
}
#sidebar ul#treatlist li.start {
border-top: 0px solid #fff;
}
#sidebar ul#treatlist li.end {
border-bottom: 0px solid #fff;
}
#sidebar ul#treatlist li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #fff;
text-decoration : none;
border-left : 0px solid #928700;
padding : 6px 0 6px 20px;
margin : 0;
}
#sidebar ul#treatlist li a:hover {
display : block;
background: #5c554e url(../images/top_shade_blue1.jpg) center repeat-x;
font-weight : normal;
color : #000;
border-left : 0px solid #fff;
margin : 0;
}
/* Treatment2 navigation */
#sidebar ul#treatlist2 {
display : block;
background-color : #eee;
list-style : none;
border-bottom : 3px solid #fff;
padding : 0;
margin : 0 0 0 0;
}
#sidebar ul#treatlist2 li {
display : block;
border-bottom: 1px #b4d0f7 dotted;
padding : 0 0 0 0;
margin : 0;
}
#sidebar ul#treatlist2 li.start {
border-top: 2px solid #fff;
}
#sidebar ul#treatlist2 li.end {
border-bottom: 0px solid #fff;
}
#sidebar ul#treatlist2 li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #000;
text-decoration : none;
border-left : 4px solid #691d03;
padding : 6px 0 6px 20px;
margin : 0;
}
#sidebar ul#treatlist2 li a:hover {
display : block;
background-color : #b4d0f7;
font-weight : normal;
color : #526063;
border-left : 4px solid #b4d0f7;
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;
color : #444;
border-right : 1px solid #ccc;
padding : 0;
margin : 0;
}

#content #fontAdj { text-align: right; padding: 0 10px 0 0; margin: 0; }

#content #fontAdj a { background-color: #691d03; color: #fff; text-decoration: none; padding: 4px; margin: 0 0 0 2px; }

#content #fontAdj a:hover { background-color: #555; color: #ffffff; }

#content a {
color: #000;
text-decoration: underline;
outline : none;
}
#content a:hover {
color:#555;
text-decoration : underline;
}

#content h1 { display : block; font-family: "Lucida Sans", Verdana, Arial, Helvetica, sans-serif; color: #691d03; font-weight: normal; text-transform: none; letter-spacing: 0; border-bottom : 1px solid #ccc; padding : 8px 8px 8px 0px; margin : 20px; }

#content h1 span.largeHead { color: #691d03; border-bottom: 0px #691d03 solid; padding: 0; margin: 0; }

#content h2 {
display : block;
font-size : 12px;
font-weight: normal;
text-transform : none;
text-align : left;
color : #691d03;
letter-spacing : 0px;
border-right: 10px #ccc solid;
padding : 0 0 0 0;
margin : 0 0 8px 30px;
}

#content h4 {
display : block;
font-size : 10px;
font-weight: bold;
text-transform : uppercase;
text-align : left;
color : #5c554e;
letter-spacing : 0px;
padding : 0 0 0 0;
margin : 0 0 8px 30px;
}

#content p {
font-size : 11px;
line-height : 20px;
padding : 0;
margin : 0px 30px 20px 30px;
}
#content p.last {
border-bottom : 0px dotted #cccccc;
padding-bottom : 10px;
}
#content span.red_bold {
color : #990000;
font-weight : bold;
padding : 0;
margin : 0;
}
#content ul {
display : block;
list-style: none;
padding : 5px;
margin : 0 50px 10px 80px;
}
#content li {
font-weight: normal;
padding : 5px;
margin : 0;
border-bottom: 1px #ccc /* 98897d */ solid;
}
#content .imageLeft {
float: left;
margin-right: 25px;
margin-bottom: 10px;
}

#content .imageRight {
float: right;
margin-left: 25px;
margin-bottom: 10px;
}

/* 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;
border: 0;
}

#content #contactForm ul li a {
text-decoration: underline;
color: #555;
}

#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:  #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 2px solid #b4d0f7;
padding: 2px 2px;
margin: 0;
}

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

#content #contactForm fieldset {
border-top: 0px #111 dotted;
border-right: 0px #111 dotted;
border-bottom: 0px #111 dotted;
border-left: 0px #111 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: #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #cccccc;
padding: 0;
margin: 0;
}

#content #loginForm fieldset {
border-top: 0px #111 dotted;
border-right: 0px #111 dotted;
border-bottom: 0px #111 dotted;
border-left: 0px #111 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:  #eee;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
color: #000;
border : 1px solid #cccccc;
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: #eee;
color: #3376d4;
border: 1px #ccc 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 #cccccc dotted;
text-align: left;
margin-bottom: 10px;
}

#content #formBox ul li a {
text-decoration: underline;
color: #3376d4;
}

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


/* topPDF bar */

#content #topPDF {
display: block;
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 /* 3376d4 */;
float: left;
padding: 0;
margin: 0;
}

#content #topPDF ul li.pdf {
background-color: #eee;
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;
}

#content strong.red { color: #691d03; }

/* end topPDF bar */

/* patient instrctions orderlist */

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

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

#patientTreatments ol {
text-align: left;
}

#patientTreatments ol li {
background: #b4d0f7;
text-align: left;
border: 1px #cccccc solid;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5px;
margin-bottom: 8px;
}

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


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

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


/*  end main column  */

/*  footer  */
#footer {
display : block;
width : 950px;
background: #ccc url(../images/footNub.png) bottom no-repeat;
text-align : center;
border-top : 1px solid #999 /*bad147*/;
padding : 0 0 10px 0;
margin : 0 0 0 0;
}
#footer #foot-wrap {
display : block;
width : 950px;
overflow : hidden;
border-top : 0 solid #fefdd9;
margin-top : 0;
margin-right : auto;
margin-bottom : 0;
margin-left : auto;
}
#footer #foot-wrap h5 {
width : 950px;
font-size : 11px;
color : #555;
text-align : left;
padding : 10px 10px;
margin : 0;
}
#footer #foot-wrap #foot-block {
display : block;
width : 950px;
float : left;
padding : 0;
margin : 0;
}
#footer #foot-wrap #foot-block ul {
font-size : 10px;
font-weight : bold;
color : #2e4423;
list-style : none;
padding : 0 0 0 15px;
margin : 0;
}
#footer #foot-wrap #foot-block ul li {
float : left;
color : #b9b883;
padding : 0 5px 0 0;
margin : 0 5px 0 0;
}
#footer #foot-wrap #foot-block ul li a {
font-size : 10px;
font-weight : normal;
text-decoration : none;
color : #555;
margin : 0;
}
#footer #foot-wrap #foot-block ul li a:hover {
font-weight : normal;
color : #2e4423;
text-decoration : none;
}

#bottomcap {
display : block;
padding : 0;
margin : 0;
}
#bottomcap #wrapcap {
display : block;
width : 966px;
height: 20px;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#bottomcap #grip {
width:990px;
height:20px;
text-align: right;
padding: 8px 2px 8px 0;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}

#bottomcap #grip a {
font-size : 11px;
font-weight: bold;
color: #fff;
text-decoration : none;
}

#bottomcap #grip a:hover {
color : #cc0000;
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 */

/* hide hack from Mac-IE5 \*/
* html #media { height: 1em; }
/* end hiding */