/*
                        div.yslider-body            JS
div.slider-wrap         div.yslider-wrap            JS
div.stripNavL           div.yslider-navl            JS
div.stripNav            div.yslider-nav             JS
div.csw                 div.yslider-toggle          NOJS
div.stripViewer         div.yslider-viewer          JS
div.panelContainer      div.yslider-container       JS
div.panel               div.yslider-panel           JS
div.wrapper             div.yslider-panelwrapper    NOJS
div.stripNavR           div.yslider-navr            JS
*/

/* These 2 lines specify style applied while slider is loading */
div.yslider-toggle {width: 100%; background: #fff;} 
/*height: 460px; overflow: scroll*/
div.yslider-toggle .loading {margin: 200px 0 300px 0;}


div.yslider-toggle div.yslider-panelwrapper{
/* Wrapper to give some padding in the panels, without messing with existing panel width */
padding: 10px;
text-align:left;
}

h1 { font-size:18px; font-weight:normal; margin:0; padding: 10px 10px 5px 10px; font-family: Arial,Verdana,Helvetica;}
h2 {font-size:12px; padding: 10px 10px 0px 10px; margin:0; line-height:150%; font-weight:normal; font-family: Arial,Verdana,Helvetica;}
.aroma{ margin-top:20px;}
.content ul { }
.content ul li{font-size:12px; padding:3px 5px 5px 5px; margin:0; line-height:120%; font-weight:normal; font-family: Arial,Verdana,Helvetica;}
body {
font-family: Arial;
color: #000;
width: 100%;
margin: auto;
text-align: center;
padding-bottom: 20px;
}

img{ border:0;}

.container {
width: 900px;
height:682px;
background-image: url("steamer_back.jpg"); 
background-repeat: no-repeat;
margin-left: auto;
margin-right: auto;
color: #808181;
}

.menu{
font-size:13px;
width: 900px;
text-align:left;
padding-left:110px;
height: 25px;
padding-top:116px;
color: #fff;
}

.menu ul{
padding: 1px 0 0 0 ;
margin: 0;
text-align: left;
}

.menu ul li{
display: inline;
}

.menu ul li a{
color: #fff;
padding: 6px 1px 4px 8px;
margin-right: 15px;
text-decoration: none;
}

.menu ul li a:hover{
color: #808181;
}

.menuhover{
color: #808181;
}

.content {
width: 900px;
padding-top:2px;
text-align:left;
}

.contentWide {
width: 706px;
padding-top:20px;
padding-left: 97px;
padding-right: 97px;
text-align:left;
}

.contentLeft{
float:left;
width:370px;
padding-left: 97px;
padding-top: 20px;
}

.contentRight{
float:right;
padding-right: 97px;
padding-top: 20px;
}

.contentLeft2{
float:left;
text-align:left;
width:370px;
padding-left: 0px;
padding-top: 0px;
color: #808181;
}

.contentRight2{
float:right;
padding-right: 0px;
padding-top: 0px;
}

.footer {
clear: both;
height:20px;
width:100%;
margin-top:1px;
}

.footerText {
width:900px;
margin-left: auto;
margin-right: auto;
}

.footerTextRight {
float:right;
padding-right:102px;
font-size:12px;
color: #808181;
}

a{ text-decoration:none; color:#808181;}
a:hover{ text-decoration:underline; color:#000000;}