/* css for Derby Skin Laser & Cosmetic Clinic */

body {
 padding: 0px;
 margin: 0px;
 font: 62.5%/1.5em  Arial, Verdana, "Trebuchet MS", sans-serif; 
}
img { border: none;}
a {
 color: #53565b;
 text-decoration: none;
}
a:hover {
 color: #bdbebf;
 text-decoration: none;
}

#wrapper {
	text-align: left;
	margin: 8px auto;
	padding: 0px;
	border:0;
	width: 762px;
	background: #fff;
	border: 1px solid #78a2b5;
}

table, tr, td {
	margin:0px;
	padding:0px;
}
table#main {
 border: none;
 width: 760px;
 margin:1px;
 padding:0px;
}
tr#header {
 margin:0px;
 padding:0px;
 background: url(i/logo.gif) no-repeat 0 0;
 height: 109px;
}
tr#topnav {
 margin:0px;
 padding:0px;
 height: 37px;
}
tr#topnav img {
 vertical-align: bottom;
}
tr#header2 img {
 vertical-align: top;
}
td#right {
 margin:0px;
 padding:0px;
 width: 214px;
}
table #links_right {
 border: none;
 margin:0px;
 padding:0px;
}

/* the search form */

#searchform {
 height: 73px;
 width: 214px;
 background: url(i/searchform_background.gif) no-repeat 0 0;
}
form {}
fieldset.frame {
 margin: 0px;
 padding: 0px;
 border:none;
}
#form_top_blank {
 height: 36px;
}
#form_left_blank {
 width: 14px;
}
input#search_me {
 border: 1px solid #ebebeb;
 color: #53565b;
 background: #fff;
 width: 133px;
 height: 20px;
}
input#search_me:focus {
 border: 1px solid #555;
 background: #eee;
}
input#search_button {
 padding: 1px 0 0 1px;
}

/* end the search form */

td#main_text {
 margin: 0px;
 padding: 10px;
 width: 546px;
 font-size: 1.1em;
 letter-spacing: 0.005em;
 color: #666;
}

#main_text table td{
padding-left: 2px;
}

tr#footer {
 height: 90px;
 background: url(i/footer_background.gif) no-repeat 0 0;
}
tr#footer p {
 text-align: center;
 font-size: 1.2em;
 color: #5f5c51;
}

/* navigation */
/*#bar tr td {
 margin: 0;
 padding: 0;
 height: 37px;
 float:left;
}
#profile {
 width: 66px;
 background: url(i/nav_profile_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#laser {
 width: 155px;
 background: url(i/nav_laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#non-laser {
 width: 149px;
 background: url(i/nav_non-laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#cosmetic {
 width: 184px;
 background: url(i/nav_cosmetic_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#comments {
 width: 80px;
 background: url(i/nav_comments_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#contact {
 width: 67px;
 background: url(i/nav_contact_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#home {
 width: 59px;
 background: url(i/nav_home_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}

#profile a {
 width: 66px;
 background: url(i/nav_profile.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#laser a {
 width: 155px;
 background: url(i/nav_laser.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#non-laser a {
 width: 149px;
 background: url(i/nav_non-laser.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#cosmetic a {
 width: 184px;
 background: url(i/nav_cosmetic.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#comments a {
 width: 80px;
 background: url(i/nav_comments.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#contact a {
 width: 67px;
 background: url(i/nav_contact.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#home a {
 width: 59px;
 background: url(i/nav_home.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}

#profile a:hover {
 width: 66px;
 background: url(i/nav_profile_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#laser a:hover {
 width: 155px;
 background: url(i/nav_laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#non-laser a:hover {
 width: 149px;
 background: url(i/nav_non-laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#cosmetic a:hover {
 width: 184px;
 background: url(i/nav_cosmetic_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#comments a:hover {
 width: 80px;
 background: url(i/nav_comments_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#contact a:hover {
 width: 67px;
 background: url(i/nav_contact_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#home a:hover {
 width: 59px;
 background: url(i/nav_home_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}

#profile a.active {
 width: 66px;
 background: url(i/nav_profile_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#laser a.active {
 width: 155px;
 background: url(i/nav_laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#non-laser a.active {
 width: 149px;
 background: url(i/nav_non-laser_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#cosmetic a.active {
 width: 184px;
 background: url(i/nav_cosmetic_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#comments a.active {
 width: 80px;
 background: url(i/nav_comments_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#contact a.active {
 width: 67px;
 background: url(i/nav_contact_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
#home a.active {
 width: 59px;
 background: url(i/nav_home_h.gif) no-repeat 0 0;
display: block;
 margin: 0;
 padding: 0;
 height: 37px;
}
end navigation */


/* Inner pages */
tr#header_inner {
 margin:0px;
 padding:0px;
 background: url(i/logo_small.gif) no-repeat 0 0;
 height: 55px;
}
h1 {
 font-size: 1.5em;
 font-weight: 600;
 color: #224a93;
}
#side_nav {
 width: 207px;
 margin: 0;
 padding: 0;
}
* html #side_nav {
 padding: 5px 0 0 0;
}
#side_nav_img {
 display: block;
 margin-bottom:0px;
}
#side_nav ul {
 background: #d7f8f1;
 margin: 0 0 5px 0;
 padding: 0 0 0 23px; /* if you adjust this, also adjust with ... and note the IE fix below */
 width: 182px;
 list-style: url(i/smallbox_white.gif);
 border: 1px solid #d3cbca;
}
* html #side_nav ul {
 padding: 0 0 0 25px;
 width: 180px;
}
#side_nav ul li {
 height: 20px;
 width: 173px;
 line-height: 1.8em;
}
#side_nav ul li a {
 height: 20px;
 width: 173px;
 color: #242424;
 text-decoration: none;
 display: block; 
 background: #d7f8f1 url(i/list_background.gif) repeat-x left bottom;
}
#side_nav ul li a:hover {
 height: 20px;
 width: 173px;
 color: #242424;
 text-decoration: none;
 display: block; 
 background: #cbebe3 url(i/list_background.gif) repeat-x left bottom;
}
#side_nav ul li:hover {
 list-style: url(i/smallbox_dark.gif);
}

/* IE scroll bar fix */

html{
margin-bottom:1px;
min-height:100%
}