body { margin: 26px 0px 0px 0px;  } 
#container { height: 850px; text-align: center; width: 1536px; margin-left: auto; margin-right: auto; }
#header { height: 229; background: #ffffff url('') repeat; width: 1536px;  margin-left: auto; margin-right: auto; background-image:url(''); background-repeat: repeat-x; }
#logo { text-align: center; position: relative; top: 19px; }
#menu { text-align: center; position: relative; top: 15px; }
#footer { text-align: center; position: relative; top: -10px;}
#footer-slogan { margin-bottom: 70px; }
#main { height: 850px; text-align: center; width: 1536px;}
#left-arrow { float: left; height: 846px; }  
/* #content { width: 1212px; float: left; text-align: left; padding-left: 100px; padding-right:100px; padding-top: 50px; } */
#content { width: 840px; float: left; text-align: left; padding-left: 295px; padding-right:285px; padding-top: 50px; }
#right-arrow { float: left; height: 846px; } 
#arrow { position: relative; top: 373px; }
#product { float: left; width: 407px; height: 600px;  margin-right: 0px; }
#photo { float: left;  position:relative; top: 69px; }
#contact-form {  }
a { text-decoration: none; }
#play_pause { background:url('../images/audio-on.png') no-repeat; width:33px; height:33px; display:block; float: left;  }
#pause { background:url('../images/audio-off.png') no-repeat; width:33px; height:33px; display:block; float: left;}
img { border: 0px; }

h1 { color: #ffffff; font-size: 21px; text-transform: uppercase; font-weight: normal; text-decoratoin: none; font-family: Arial; letter-spacing: 3px; margin-top: 20px;  }
h1.center { }
h2 { color: #ffffff; font-size: 15px; text-transform: uppercase; font-weight: normal; text-decoratoin: none;  font-family: Arial;  letter-spacing: 3px; }
p { color: #666366; font-size: 18px; font-family: Arial; line-height: 150%;}
input { border: 1px solid #7f7f7f; opacity:0.5; filter:alpha(opacity=50); margin-left: 0px; /* For IE8 and earlier */}
textarea { border: 1px solid #7f7f7f; opacity:0.5; filter:alpha(opacity=50); margin-left: 0px; /* For IE8 and earlier */} 

/*.grey-text { color: #7f7f7f; } */
.grey-text { color: #666366; }
.white-text { color: #ffffff; }


#scrollbarproductfacecream { width: 433px; clear: both; 0px;; }
#scrollbarproductfacecream .viewport { width: 420px; height: 500px; overflow: hidden; position: relative; }
#scrollbarproductfacecream .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarproductfacecream .thumb .end,
#scrollbarproductfacecream .thumb { background-color: #cccccc; }
#scrollbarproductfacecream .scrollbar { position: relative; float: right; width: 7px; }
#scrollbarproductfacecream .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#scrollbarproductfacecream .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbarproductfacecream .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbarproductfacecream .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#scrollbarproductfacebodylotion { width: 433px; clear: both; 0px;; }
#scrollbarproductfacebodylotion .viewport { width: 420px; height: 460px; overflow: hidden; position: relative; }
#scrollbarproductfacebodylotion .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarproductfacebodylotion .thumb .end,
#scrollbarproductfacebodylotion .thumb { background-color: #cccccc; }
#scrollbarproductfacebodylotion .scrollbar { position: relative; float: right; width: 7px; }
#scrollbarproductfacebodylotion .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#scrollbarproductfacebodylotion .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbarproductfacebodylotion .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbarproductfacebodylotion .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


#scrollbarpress { width: 433px; clear: both; margin: 00px 0 10px; }
#scrollbarpress .viewport { width: 420px; height: 500px; overflow: hidden; position: relative; }
#scrollbarpress .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarpress .thumb .end,
#scrollbarpress .thumb { background-color: #cccccc; }
#scrollbarpress .scrollbar { position: relative; float: right; width: 7px; }
#scrollbarpress .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#scrollbarpress .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbarpress .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbarpress .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scrollbarstory { width: 433px; clear: both; margin: 0px; }
#scrollbarstory .viewport { width: 420px; height: 510px; overflow: hidden; position: relative; }
#scrollbarstory .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarstory .thumb .end,
#scrollbarstory .thumb { background-color: #cccccc; }
#scrollbarstory .scrollbar { position: relative; float: right; width: 7px; }
#scrollbarstory .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#scrollbarstory .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbarstory .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbarstory .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

#scrollbarabout { width: 433px; clear: both; margin: 0px; }
#scrollbarabout .viewport { width: 420px; height: 510px; overflow: hidden; position: relative; }
#scrollbarabout .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbarabout .thumb .end,
#scrollbarabout .thumb { background-color: #ffffff; }
#scrollbarabout .scrollbar { position: relative; float: right; width: 7px; }
#scrollbarabout .track { height: 100%; width: 5px; position: relative; padding: 0 1px; }
#scrollbarabout .thumb { height: 20px; width: 5px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
#scrollbarabout .thumb .end { overflow: hidden; height: 5px; width: 5px; }
#scrollbarabout .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }