/* Common styles for SkinCare Physicians site */


/* GENERAL */

html, body {
  margin: 0px;
}
body {
  background-color: #333333;
  background-image: url(../images/pagebkg.gif);
  background-position: top center;
}

/* for div containing skip links and other content that should never be seen by visual browsers */
.offscreen {
  position: absolute;
  left: 0px; top: -9999px;
  width: 1px; height: 1px;
  overflow: hidden;
}
/* for back to top anchor */
#divtopanchor {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 1px;
  height: 1px;
  z-index: 1;
}

/* div to clear floating divs */
.divclear {
  clear: both;
}
/* style that does same and looks good on any block type */
.clear {
  clear: both;
}

/* remove space around form */
form {
  display: inline;
  margin: 0;
  padding: 0;
}

/* table cells all aligned left and top */
td {
  text-align: left;
  vertical-align: top;
}
/* nowrap on td */
/*td.nowrap {
  white-space: nowrap;
}*/
/* layout table */
/* note: cellspacing=0 must still be specified in table tag because of IE */
table.layouttable {
  border: none;
  border-spacing: 0px;
  margin: 0px;
  padding: 0px;
}
table.layouttable td {
  padding: 0px;
}

/* elements for screen display or print display only */
span.screenonly {
  display: inline;
}
span.printonly {
  display: none;
}
div.screenonly {
  display: block;
}
div.printonly {
  display: none;
}


/* default font and link characteristics */
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
a,
a:link {
  color: #666666;
  text-decoration: underline;
}
a:visited {
  color: #000000;
  text-decoration: underline;
}
a:active,
a:hover,
a:focus {
  color: #666666;
  text-decoration: none;
}

/* all lists use solid bullet by default */
ul {
  list-style-type: disc;
}
/* maintain font size in nested lists */
ul li ul li {
  font-size: 100%;
}

/* zero margin-tops by default */
p, li, h1, h2, h3, h4, h5 ,h6 {
  margin-top: 0px;
}



/* OUTER SHELL */
/* container for all page content */

#divoutershell {
  width: 748px;
  margin: 0px auto;
  padding: 44px 0px 20px 0px;
}



/* HEADER */

#divheader {
  position: relative;
  z-index: 1;
  width: 748px;
  background-color: #000000;
}

/* photo */
#divphoto {
}

/* logo */
#divlogo {
  position: absolute;
  left: 15px;
  top: 28px;
  z-index: 5;
}

/* primary navigation */
#divprimarynav {
  position: absolute;
  left: 0px;
  top: 305px;
  width: 748px;
  height: 31px;
  overflow: hidden;
  z-index: 5;
}
#divprimarynav ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#divprimarynav ul li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}

/* tool links */
#divtoolbar {
  position: absolute;
  top: -44px;
  height: 27px;
  z-index: 5;
}
#divtoolbar ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
#divtoolbar ul li {
  display: block;
  float: left;
  margin: 0px;
  padding: 0px;
}



/* BODY */

#divbody {
  position: relative;
  background-color: #ffffff;
  background-image: url(../images/home/gradient.gif);
  background-repeat: repeat-x;
	width: 748px;   /* without its width set, IE6 fails to show the backgrounds */
  padding-bottom: 26px;
}