/* - - - - - - - - - - - - - - - - - - - - -

Title : Black-Skin
Author : Seth Peploe
URL : www.black-skin.com

- - - - - - - - - - - - - - - - - - - - - */

body {background-color: #707070; font:1em verdana, arial, sans-serif; padding:0; margin:0px}
.black {background-image:url(photos/skincare.gif); background-repeat:repeat-x; z-index: 1; width:100%; height:304px; margin-left: auto; margin-right: auto; margin-top:0px; position:absolute }
#skin-suppies {z-index: 1; background-color:#000000; width:770px; height:302px; margin-left: auto; margin-right: auto; margin-top:1px;}
div.tab {position:absolute; 
	z-index:3; 
	margin-left:29px; margin-top:19px; }



div.postion {width:770px; height:77px; margin-left: auto; margin-right: auto; margin-top:40px;}

div.logo {position:absolute; 
	z-index:3; 
	margin-left:3px; margin-top:0px; }
	
img {border:0;}
	
div.content {width: 315px; height: 205px; background-color:#C9EBD1; background-image:url(photos/backgroundtab.jpg)}

ol#toc {
    height: 1.5em;
    list-style: none;
    margin: 0;
    padding: 0;}

ol#toc li {
    background: #9FBFA6 url(photos/tab.jpg);
    float: left;
    margin: 0 4px 0 0;
    padding-left: 0px; font: .8em verdana, arial, sans-serif;}

ol#toc a {
    background: url(photos/tab.jpg) 100% 0;
    color: #000000;
    display: block;
    float: left;
    height: 2em;
    line-height: 2em;
    padding-right: 10px;
    text-decoration: none;}

ol#toc li.current {
    background-color: #C9EBD1;
    background-position: 0 -60px;}

ol#toc li.current a {
    background-position: 100% -60px;
    color: #000000;
    font-weight: bold;}

div.content {
    clear: left;
    padding: 1em;}
div.content p {
    10px; font: .7em verdana, arial, sans-serif; color:#000000; float:left; width:200px; text-align:justify; padding:5px;}

div.content h1 {
    10px; font: .8em verdana, arial, sans-serif; color:#ffffff; font-weight:bold; float:left; width:200px; text-align:justify; padding:5px;}







#content {
	display:block; 
	overflow:auto; 
	position:absolute; 
	z-index:3; 
	top:30px; 
	bottom:7px; 
	width:230px; 
	margin-left:-160px; 
	left:50%; 
	background:#B6DCBF;}

* html #content {
	top:0; 
	bottom:0; 
	height:100%;
	width:230px;
	margin-left:-374px; margin-top:27px; }
	

.restpic {z-index: 2; margin-left: 400px; margin-top:10px; position:absolute; border:0px; background: #ffffff;}
#one {z-index: 3; margin-left: 580px; margin-right: auto; margin-top:10px; width:75px; background-color:#fff; position:absolute; z-index: 6;}
#one a.onepic, #one a.p1:visited {display:block; width:158px; height:90px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#one a img {border:0;}
#one a.onepic:hover {text-decoration:none; background-color:#ffffff; color:#000;}
#one a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#one a.onepic:hover .large {display:block; position:absolute; top:0px; left:-180px; width:173px; height:282px; border:0px}

#two {z-index: 3; margin-left: 580px; margin-right: auto; margin-top:106px; width:75px; background-color:#fff; position:absolute; z-index: 6;}
#two a.onepic, #one a.p1:visited {display:block; width:158px; height:90px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#two a img {border:0;}
#two a.onepic:hover {text-decoration:none; background-color:#ffffff; color:#000;}
#two a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#two a.onepic:hover .large {display:block; position:absolute; top:-96px; left:-180px; width:173px; height:282px; border:0px}

#three {z-index: 3; margin-left: 580px; margin-right: auto; margin-top:202px; width:75px; background-color:#fff; position:absolute; z-index: 6;}
#three a.onepic, #one a.p1:visited {display:block; width:158px; height:90px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#three a img {border:0;}
#three a.onepic:hover {text-decoration:none; background-color:#ffffff; color:#000;}
#three a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
#three a.onepic:hover .large {display:block; position:absolute; top:-192px; left:-180px; width:173px; height:282px; border:0px}

div.postion1 {width:770px; margin-left: auto; margin-right: auto; margin-top:1px; background-color:#707070; }

div.footer p {font-size:0.6em; color:#D4C8C3; }
div.footer h2 {font-size: 0.6em; color:#AFBDBD; font-weight:bold; }
div.footer1 {width:770px; height:77px; margin-left: auto; margin-right: auto; margin-top:-195px; }
div.footer1 p {font-size:0.6em; color:#C8C8C8; text-align: right; text-decoration: none; }
div.footer1 a {color:#C8C8C8; text-align: right; text-decoration: underline ; }
div.footer1 a:hover {text-decoration: none; color:#BDD8F8;}
span.benefit a {text-decoration: none; color:#ffffff;}

div.price {position:absolute; 
	z-index:7; 
	margin-left:287px; margin-top:295px; }
div.price h4 {font-size: 0.6em; color:#eeeeee; font-weight:bold; }


div.navigator {position:absolute; width:410px;
	z-index:10; 
	margin-left:321px; margin-top:35px; }

#nav, 
#nav ul {padding:0 0 5px 0; margin:0; list-style:none; font: 10px verdana, sans-serif; border:1px solid #fff; border-color:#9B9A9A ; border-width:0px ; background:#707070; position:relative; z-index:200;}
#nav {height:25px; padding:0;}

#nav table {border-collapse:collapse;}
#nav li {float:left; padding:0 8px 0 6px;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; color:#fff; height:25px; padding-right:5px; line-height:25px; text-decoration:none; white-space:nowrap;}
#nav li li a {height:20px; line-height:20px; float:none;}

#nav li:hover {position:relative; z-index:300; background:#BABABA;}
#nav a:hover {position:relative; z-index:300; text-decoration:underline; color:#358DF5;}

#nav :hover ul {left:0; top:22px;}
/* another hack for IE5.5 and IE6 */
#nav a:hover ul {left:-10px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

#press {z-index: 1; width:770px; height:302px; margin-left: auto; margin-right: auto; margin-top:1px; background-image: url(photos/background.gif); background-color:#E7E7E7;}
div.press1 {position:absolute; 
	margin-left:70px; margin-top:70px; }
div.press1 p {font-size: 0.8em; color:#000000;  }
span.strong {font-weight:bold; }
span.left a {padding-left:500px; color:#000000; text-decoration:underline; }
span.left a:hover {text-decoration: none; color:#358DF5;}
span.contact a {color:#000000; text-decoration:underline; font-weight:bold; }
span.contact a:hover {text-decoration: none; color:#358DF5;}

div.products {position:absolute; margin:20px 0px 0px 18px;}
div.products img {margin:3px; padding:17px 10px 67px 10px; background-color:#B6DCBF;}

div.a1 { position:absolute; margin:218px 0px 0px 28px;}
div.a1 a {font-size:.6em; color:#000000; text-decoration:none; font-weight:bold; }
div.a1 a:hover {text-decoration: underline; color:#358DF5;}
div.a2 { position:absolute; margin:218px 0px 0px 177px;}
div.a2 a {font-size:.6em; color:#000000; text-decoration:none; font-weight:bold; }
div.a2 a:hover {text-decoration: underline; color:#358DF5;}
div.a3 { position:absolute; margin:218px 0px 0px 327px;}
div.a3 a {font-size:.6em; color:#000000; text-decoration:none; font-weight:bold; }
div.a3 a:hover {text-decoration: underline; color:#358DF5;}
div.a4 { position:absolute; margin:218px 0px 0px 476px;}
div.a4 a {font-size:.6em; color:#000000; text-decoration:none; font-weight:bold; }
div.a4 a:hover {text-decoration: underline; color:#358DF5;}
div.a5 { position:absolute; margin:218px 0px 0px 625px;}
div.a5 a {font-size:.6em; color:#000000; text-decoration:none; font-weight:bold; }
div.a5 a:hover {text-decoration: underline; color:#358DF5;}
span.info a {color: #999999; text-decoration: underline; }

div.black-skin {z-index: 1; width:770px; margin-left: auto; margin-right: auto; margin-top:1px; background-image: url(photos/background.gif); background-color:#E7E7E7;}
div.black-skin h1{font-size: .8em; font-family: verdana, arial, sans-serif; color:#000000; font-weight:bold; padding:0px 40px 0px 40px;}
div.black-skin h2{font-size: .8em; font-family: verdana, arial, sans-serif; color:#000000; font-weight:bold; padding:0px 40px 0px 40px;}
div.black-skin p {font-size: .75em; font-family: verdana, arial, sans-serif; color:#000000; padding:0px 50px 0px 50px;}

.exfoliator {position:absolute; margin:0px 0px 0px 20px;}
.mensskin {position:absolute; margin:70px 0px 0px 255px; width:170px; font-size: .7em; line-height: 20px; font-family: verdana, arial, sans-serif; color:#ffffff; font-weight:bold;}
.ebony {position:absolute; margin:18px 0px 0px 430px; }

div.home {position:absolute; }