/* --- standard --- */
body { /* set the relative font size of IE5-5.5 differently to everything else, and we scale it from there */
background : #000 /* url(../images/backgroundS.jpg) repeat */;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
line-height : 20px;
color : #fff;
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 {
font-size : 9px;
color : #000;
text-decoration : none;
outline : none;
}
a:hover {
color : #f90024;
text-decoration : underline;
}
/* --- format --- */
#wrapper-top {
background :#ccc;
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 : #cc;
display : block;
width : 950px;
overflow : hidden;
margin-top : 0;
margin-right : auto;
margin-left : auto;
}
#wrapper-media {
width : 950px;
height : 295px;
overflow : hidden;
padding : 0;
margin : 0;
}
/* ---  logoL --- */
#wrapper-media #logoL {
display : block;
width : 220px;
float: left;
padding : 0;
margin : 0 0 0 0;
}
/* ---  media --- */
#wrapper-media #media {
display : block;
width : 730px;
padding : 0;
margin : 0 0 0 220px;
}
#topheader {
border-bottom : 0 solid #999;
overflow : hidden;
padding : 0;
margin : 0;
}
#topheader .logo {
float : left;
margin : 0 0 0 0;
}
/* main navigation */
#navbar {
display : block;
width : 950px;
background: #000 url(../images/navi-spacer.jpg) left top no-repeat;
text-align : left;
overflow : hidden;
border-top : 0px solid #000;
border-right : 0 solid #fff;
border-bottom : 0 solid #fff /*b33a2c*/;
border-left : 0 solid #fff;
padding : 0;
margin : 0;
}
ul#navlist {
display : block;
padding : 0;
margin : 0;
float : right;
}
ul#navlist li {
display : block;
float : left;
border-right : 0px dotted #333;
}
ul#navlist li.aboutus {
display: none;
}
ul#navlist li.ourfood {
display: none;
}
ul#navlist li.store {
display: none;
}
ul#navlist li.start {
border-left: 0px dotted #333;
}
ul#navlist li.end {
border-right: 0px #fff solid;
}
ul#navlist li a {
display : block;
float : left;
font-family : georgia, Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
text-transform : uppercase;
font-size : 11px;
font-weight: bold;
color : #fff;
letter-spacing : 1px;
white-space : nowrap;
border-bottom: 0px solid #ac1c0b;
padding : 12px 35px 12px 35px;
}
ul#navlist li a:hover {
display : block;
color : #ac1c0b;
border-bottom: 0px solid #fff;
}
/* end main navigation */
/* main content wrapper */
#main {
background-color: #ccc;
padding : 0;
margin : 0;
}
/* endmain content wrapper */
/* bottom header */
#bottom-header {
display : block;
width : 475px;
background-color : #a0b7a3;
float : left;
border-right : 0 solid #526063;
padding : 0;
margin : 0;
}
/* ---  logoL --- */
#logoL {
display : block;
width : 220px;
padding : 0;
margin : 0;
}
/* ---  media --- */
#media {
display : block;
width : 730px;
padding : 0;
margin : 0;
}
/* column sidebar */
#sidebar {
display : block;
width : 425px;
background : #fff url(../images/top_shade_fff.jpg) repeat-x top left;
float: left;
text-align : left;
border-top : 0px solid #8e2215;
border-right : 0px solid #8e2215;
border-bottom : 0px solid #8e2215;
border-left : 0px dotted #b33a2c;
padding : 0;
margin: 0
}
#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 : #f90024;
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 : #000 url(../images/top_shade_000.jpg) repeat-x;
font-size : 12px;
font-weight : bold;
color : #fff;
text-transform : uppercase;
text-align : right;
letter-spacing : 2px;
border-bottom : 5px solid #f90024;
padding : 25px 10px 10px 0;
margin : 0;
}
#sidebar p {
background-color : #000;
color: #fff;
padding : 15px 20px 15px 20px;
}
#sidebar p a {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#sidebar p a:hover {
color: #999;
}
#sidebar #news {
background-color : #000 /* e1aa42 */;
border-bottom : 0px solid #222;
}
#sidebar #news p.newsText {
font-size: 12px;
background-color : #000;
color: #fff;
padding : 10px 20px 10px 20px;
border-bottom: 1px dotted #222;
}
#sidebar #news p.newsText a {
color: #fff;
text-decoration: underline;
font-weight: bold;
}
#sidebar #news p.newsText a:hover {
color: #999;
}
#sidebar #news p.newsText .newsTitle {
font-family : Verdana, Arial, Helvetica, sans-serif;
display: block;
font-size: 10px;
color : #999;
font-weight : bold;
text-transform : uppercase;
letter-spacing : 2px;
}
#sidebar form.contact {
border-top : 1px dotted #ccc;
padding : 10px 20px 10px 20px;
margin : 0;
}
#sidebar .contactLabel {
font-size : 10px;
color : #000000;
}
#sidebar .clear {
clear : both;
height : 1px;
}
/* Treatment navigation */
ul#treatlist {
display : block;
background-color : #111;
list-style : none;
border-bottom : 0px solid #fff;
padding : 0;
margin : 0 0 0 0;
}
ul#treatlist li {
display : block;
border-bottom: 1px #333 dotted;
padding : 0 0 0 0;
margin : 0;
}
ul#treatlist li.start {
border-top: 0px solid #fff;
}
ul#treatlist li.end {
border-bottom: 0px solid #fff;
}
ul#treatlist li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #f90024;
text-decoration : none;
padding : 20px 0 20px 20px;
margin : 0;
}
ul#treatlist li a:hover {
display : block;
background-color : #222;
font-weight : normal;
color : #fff;
border-left : 0px solid #ff0000;
margin : 0;
}
/* Treatment2 navigation */
ul#treatlist2 {
display : block;
background-color : #eee;
list-style : none;
border-bottom : 3px solid #fff;
padding : 0;
margin : 0 0 0 0;
}
ul#treatlist2 li {
display : block;
border-bottom: 2px #fff solid;
padding : 0 0 0 0;
margin : 0;
}
ul#treatlist2 li.start {
border-top: 0px solid #fff;
}
ul#treatlist2 li.end {
border-bottom: 0px solid #fff;
}
ul#treatlist2 li a {
display : block;
font-weight : normal;
font-size : 11px;
color: #000;
text-decoration : none;
border-left : 5px solid #4a8ccf;
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 #b4d0f7;
margin : 0;
}
/*  end column sidebar */
/*  main column  */
#content {
width : 525px;
background : #000 url(../images/top_shade_000.jpg) repeat-x top left;
float: left;
text-align : left;
color : #fff;
border-top : 0px solid #8e2215;
border-right : 0px solid #eee;
padding : 0;
margin : 0;
}
#content h1 {
display : block;
font-size: 16px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
color: #ccc;
text-transform: uppercase;
letter-spacing: 5px;
border-right : 0 solid #ccc;
border-bottom : 0 solid #ac1c0b;
padding : 0;
margin : 40px 20px 5px 30px;
}
#content h2 {
display : block;
font-size : 24px;
font-weight: bold;
text-transform : uppercase;
text-align : left;
color : #f90024;
letter-spacing : 0px;
padding : 0 0 0 0;
margin : 0 0 15px 30px;
}
#content p {
font-size : 12px;
line-height: 25px;
padding : 0;
margin : 10px 40px 20px 50px;
}
#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 : decimal;
padding : 0;
margin : 0 0 10px 50px;
}
#content li {
font-weight : bold;
padding : 0;
margin : 0;
}
#content #formPad {
padding: 10px 10px 10px 45px;
margin: 0;
}
#content input[type="text"] /* To keep form fields consistent */
{
background: #fff !important;
color: #000;
}

#content #formPad .inputblock {
margin: 10px;
}

#content #formPad .inputbox {
width: 400px;
height: 30px;
color: #000;
border: 1px dotted #222;
padding: 0;
margin: 0;
}

#content #formPad .formfieldarea {
width: 400px;
height: 250px;
background: #fff;
color: #000;
border: 1px dotted #222;
padding: 0;
margin: 0;
}

/*  end main column  */

/*  footer  */
#footer {
display : block;
width : 950px;
background: #000 url(../images/footBack.jpg) bottom no-repeat;
text-align : center;
border-top : 0px solid #111;
padding : 0 0 25px 0;
margin : 0 0 0 0;
}
#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;
}
#foot-wrap h5 {
width : 950px;
font-size : 11px;
color : #555;
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;
list-style : none;
padding : 0 0 0 15px;
margin : 0;
}
#foot-block ul li {
float : left;
padding : 0 10px 0 0;
margin : 0;
}
#foot-block ul li.aboutus {
display: none;
}
#foot-block ul li.ourfood {
display: none;
}
#foot-block ul li.store {
display: none;
}
#foot-block ul li a {
font-size : 10px;
font-weight : normal;
text-decoration : none;
color : #555;
margin : 0;
}
#foot-block ul li a:hover {
font-weight : normal;
color : #ccc;
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 */