/* CSS Document */

*{
margin:0px;
padding:0px;
	}

html { 
	background: #2E0C0C url(http://www.drdobbsskincare.com/assets/images/background.gif) repeat; 
}
body{font-family: verdana, arial, georgia, sans-serif; 
	font-size: 12px;
	line-height: 14pt;
}

#container{
background: #fff url(http://www.drdobbsskincare.com/assets/images/paperbkgrnd.jpg) repeat-y 0 8px;
width: 807px;
margin-left:0px;
height: auto;
margin: 0px auto;
text-align: left;
}

#header { 
	width: 807px;
	height: 417px;
	background: transparent url(http://www.drdobbsskincare.com/assets/images/header.jpg) no-repeat top left;
padding-left:0px;
margin: 0 auto;
}

#navigation {
padding-top:350px;
margin-left:150px
}

#navigation, #navigation a, #navigation a:visited {
font-size: 18px;
font-wight: bold;
}

#navigation a, #navigation a:visited{
	text-decoration: none;
	color: #000;
}
#navigation a:hover{
	text-decoration: underline;
	color: #7B8854;
}

#footer {
background-color: #7B8854;
padding: 10px;
	font: normal 9px  Verdana, Arial, Georgia, sans-serif; 
	color: #fff;
	margin-top:20px;
}

.rightside {
float:right;
margin-right:-150px
}


p {
	margin-bottom: 10px;
	color: #000;
	padding: 5px 20px;
	text-align: justify;
}

ul {
	margin-bottom: 10px;
	color: #000;
	padding: 5px 20px 5px 40px;
	text-align: justify;
}

h1 {
font-size: 18px;
font-weight: bold;
	color: #40270E;
	padding: 5px 20px;
	/*top   right  bottom left*/
}
h2 {
font-size: 14px;
font-weight:bold;
	color: #000;
	padding: 5px 20px;
	/*top   right  bottom left*/
}

h2 {
font-size: 12px;
font-weight:normal;
	color: #000;
	padding: 5px 20px;
	/*top   right  bottom left*/
}

a, a:visited {
	text-decoration: underline;
	color: #0000FF;
}

a:hover{
	text-decoration: none;
	color: #7B8854;
}

a img, a:visited img, a:hover img, a:link img, a:active img {
	text-decoration: none;
	border: none;
}

a:focus {
	text-decoration: none;
	outline: 0px;
}

.prod_table {
width: 770px;
border: 1px solid #7B8854;
margin: 0 auto;
padding: 5px;
}

.ingredients {

border: 1px solid #7B8854;
margin: 0 auto;
padding: 5px;
font-size:9px;
text-align:left;
}

/* navigation */
/* remove the bullets, padding and margins from the lists */
.menu ul{
list-style-type:none;
padding:0;
margin:0;
}
/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
float:left;
position:relative;
z-index:100;
}

/* use the table to position the dropdown list */
#mainmenu{
	position: absolute;
	z-index: 90000;
	margin: 0 auto;
	top: 350px;

}

.menu table{
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:20px;
}

/* style all the links */
.menu a, .menu :visited {
display:block;
font: normal 14px Verdana, Arial, Georgia, sans-serif;
width:120px;
padding:3px 0;
color:#fff;
background:#4f0004;
zbackground: transparent url(images/FFFmenubkgrnd.png) repeat 0 0;
text-decoration:none;
margin-right:0px;
text-align:center;
border-top:1px solid #000;
border-bottom:1px solid #000;

}
/* style the links hover */
.menu :hover{
color:#fdf5b9;
background: transparent url(images/FFFmenubkgrnd.png) repeat 0 0;
background:#380004
}


.menu  ul li ul li a:link, .menu  ul li ul li a:visited{
color:#000;
font-size:10px;
background:#fff;
width:250px;
text-align:left;
padding:5px;
border-bottom: 1px solid #ccc;
border-top:0px solid #000;
}

.menu ul li ul li a:hover{
color:#fff;
background:#000;
}

/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:149px;
height:0;
}
/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}