/* @override 
http://localhost:8888/dt/steamcream/store.css
http://erolhosting.co.uk/steamcream/store.css
*/

body {
font-size: 62.5%;
font-family: Helvetica, 'Helvetica Neue', Arial, Verdana, 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
color: #000;
background: #fff;
}

/* @group general element styles */

*{
margin: 0;
padding: 0;
font-size: 1.0em;
}

img{
border: 0;
}

ul{
list-style-position: outside;
list-style: none;
}

li{
list-style: none;
}

#content p {
margin: 1.0em 0;
}


address{
line-height: 1.4em;
font-style: normal;
}

#content ul, #content ol{
padding-left:  35px;
margin: 1.0em 0;
}

#content li{
margin: 0.5em 0;
}

#content ul li{
list-style: disc;
}

a{
color: #000;
}

a:hover{
color: #993300;
}

/* @group Main */

#master{
width: 850px;
margin: 0 auto 0em auto;
}

#master2{
float: left;
padding: 0 0 5.0em 0;
background: #ff9900;
}

#header{
float: left;
width: 100%;
padding-bottom: 138px;
background: url(images/site/banner-big01.jpg) bottom no-repeat;
}

#col_left{
float: left;
width: 200px;
}

/* @end */

h1{
background: url(images/site/logo-main.gif) no-repeat;
width: 850px;
height: 104px;
text-indent: -9999em;
}

h2{
text-align: center;
margin: 0.5em 0 0.8em 0;
font-size: 2.0em;
font-weight: normal;
}

h3{
text-transform: uppercase;
font-size: 1.6em;
line-height: 1.2em;
}

/* @group search or shopping */

#searchshopping{
background: #999;
padding: 0.5em 10px;
float: left;
width: 830px;
color: #fff;
font-size: 1.3em;
}

#searchshopping a{
color: #ffb649;
}

#search{
float: left;
}

#search .label{
margin-right: 10px;
}

#search .text{
margin-right: 2px;
padding: 1px 2px;
}

#e_basket{
float: right;
margin-top: 0.3em;
}

/* @end */

/* @group col_left */

#col_left{
font-weight: bold;
}

#col_left a{
color: #000;
text-decoration: none;
}

#col_left a:hover{
text-decoration: underline;
}

#col_left .tsandcs{
float: left;
margin-top: 2.0em;
width: 155px;
text-align: center;
}

#col_left .tsandcs a{
color: #fff;
text-decoration: underline;
font-size: 1.2em;
}

#e_toolbar{
background: url(images/site/nav-big-tin.gif) no-repeat;
padding: 2.0em 60px 4.8em 10px;
font-size: 1.8em;
}

#e_toolbar li{
margin: 0.2em 0;
}

#e_menu{
text-align: center;
width: 149px;
background: url(images/site/nav-tin-bottom.gif) bottom no-repeat;
padding-bottom: 68px;
margin-left: 3px;
}

#e_menu li{
background: url(images/site/nav-tin-middle.gif) no-repeat;
height: 20px;
font-size: 1.6em;
padding-top: 60px;
}

#e_menu li.first{
background: url(images/site/nav-tin-top.gif);
}

/* @end */

#e_page{
width: 630px;
float: left;
font-size: 1.2em;
}

#page{
width: 570px;
background: #fff;
margin-left: 10px;
padding: 1.0em 10px 1.0em 40px;

}

/* @group page */

#e_page p, #e_page li{
margin: 1.0em 0;
line-height: 1.4em;
}

ul.standout{
margin-left: -30px;
margin-bottom: 3.0em;
}

ul.standout li{
background: url(images/site/list-circle.gif) no-repeat;
padding-left: 30px;
font-size: 1.5em;
}

.introducingsteamcream h2{
background: url(images/page/text-title-introducingsteamcream.gif) no-repeat;
height: 38px;
text-indent: -9999em;
margin-bottom: 0;
}

.whysteam h2{
background: url(images/page/text-title-whysteam.gif) no-repeat;
height: 46px;
text-indent: -9999em;
margin-bottom: 0.6em;
}

.whysteam h3{
color: #ff9900;
}

#e_page .textbottom01{
background: url(images/page/text-bottom-availablefrom.gif);
width: 544px;
height: 42px;
text-indent: -9999em;
margin-top: 2.0em;
}

#e_page .textbottomaddress{
background: url(images/page/text-bottom-wwwsteam.gif) no-repeat;
width: 542px;
height: 42px;
text-indent: -9999em;
margin: 2.0em auto 1.0em auto;
}

#e_page p.price{
font-size: 1.3em;
margin-top: -6px;
}

.strong{
font-weight: bold;
}

small{
font-size: 0.9em;
}

.larger{
font-size: 1.15em;
}

.extraspacebot{
margin-bottom: 2.0em;
}

.nospacebot{
margin-bottom: 0;
}

h3.larger{
font-size: 1.5em;

}

#e_page .nomargin{
margin-top: 0;
}

.clear{
clear: both;
}

.larger.again{
font-size: 1.4em;
}

.coloured01{
color: #ff9900;
font-weight: bold;
}

.prodimg01{
float: right;
}

.whysteam .prodimg01{
margin: -60px 0 10px 10px;

}

#e_page .extrabold{
font-size: 2.0em;
left: -20px;
width: 580px;
text-align: center;
position: relative;
margin: 0;
}

/* @end */

/* @group gallery */

#e_page .gallery li{
float: left;
margin-left: 15px;
text-align: center;
padding: 3px;
float: left;
width: 294px;
text-decoration: none;
background: #666;
color: #fff;
position: relative;
}

.gallery a{
color: #fff;

}

.gallery img{
float: left;
}

.galdesc{
float: left;
width: 150px;
margin-left: 13px;
}

.gallery h3{
margin-bottom: 0.2em;
}

#e_page .gallery .zoom{
margin-top: 1.0em;
}

#e_page .gallery .zoom a{
background: url(images/site/icon-zoom-grey-3.gif) no-repeat;
width: 98px;
height: 18px;
display: block;
position: absolute;
bottom: 10px;
right: 70px;
}

#e_page .gallery .zoom a img{
display: none;
}

#e_page .gallery .zoom span{
background: url(images/site/icon-zoom-grey-3.gif) no-repeat;
padding-left: 18px;
}

#e_page .gallery a:hover .zoom span{
background-image: url(images/site/icon-zoom-grey-hover2.gif);
}

#e_page .gallery p{
margin: 0;
}

/* @end */

/* @group Shop and search */

.shop .search{
width: 610px;
margin-left: 15px;
}

#e_page .shop li, #e_page .search li{
background: #fff;
float: left;
width: 594px;
margin: 0.2em  0;
padding: 8px;
clear: both;
}

.shop li img, .search li img{
float: left;
}

.shopdesc{
width: 394px;
float: right;

}

.shopdesc h3{
color: #999;
font-size: 2.1em;
margin-top: 0.7em;
text-align: center;
}

.shopdesc h3 a{
color: #999;
text-decoration: none;
}

.shopdesc h3 a:hover{
text-decoration: underline;
}

.shopdesc h3 span{
margin-left: 20px;
}

#e_page .shopdesc p{
margin: 0;
}


#e_page p{
margin: 1.0em 0;
}

#e_page .shopdesc .price{
margin: 0em 0 1.0em 0;
font-size: 1.0em;
text-align: center;
}

#e_page .shopdetail{
float: left;
width: 230px;
font-size: 1.1em;
margin-top: 0.5em;
}

#e_page .shop .zoom, #e_page .search .zoom{
margin: 1.5em 0 0 0;
}



#e_page .shop .zoom a, #e_page .search .zoom a{
background: url(images/site/icon-zoom-white2.gif) no-repeat;
width: 21px;
height: 22px;
display: block;
color: #000;
text-decoration: none;
}

#e_page .shop .zoom a img, #e_page .search .zoom a img{
display: none;
}

#e_page .shop a:hover, #e_page .search a:hover{
text-decoration: underline;
}

.shopbut{
float: right;
width: 160px;
margin-top: 1.5em;
}

#e_page .shopdesc p.addtocart{
margin-bottom: 0.7em;
}


#e_page p.addtocart a{
background: url(images/site/icon-addtocart.gif) no-repeat;
width: 149px;
height: 19px;
display: block;
text-indent: -9999em;
}

#e_page p.addtocart a img{
display: none;
}

#epage .shop .addtocart a,#epage .search .addtocart a{
background: url(images/site/icon-addtocart.gif) no-repeat;
}

#e_page p.outofstock {
background: url(images/site/icon-outofstock.gif) no-repeat;
width: 150px;
height: 19px;
text-indent: -9999em;
}

.searchfields{
background: #999;
padding: 0.4em 0;
text-align: center;
width: 610px;
margin-left: 10px;
}

.pagination{
text-align: center;
width: 610px;
margin-left: 10px;
}

/* @end */

/* @group Expanded */

#masterexpanded{
background: #000;
width: 492px;
height: 546px;
padding: 20px 10px;
position: relative;
margin: 1.0em 0 0 15px;
}

.titlebox{
background: #999;
width: 460px;
padding: 0.3em 10px;
margin: 0 auto 1.8em auto;
}

#masterexpanded h3{
color: #ccc;
display: inline;
margin-right: 15px;
font-weight: normal;
}

#masterexpanded h3 span{
font-weight: bold;
}

#masterexpanded h3, #masterexpanded h4{
font-size: 1.5em;
}

#masterexpanded h4{
display: inline;
color: #444;
}

#masterexpanded h4 span{
margin-left: 15px;
}

#masterexpanded img{
display: block;
margin-left: 20px;
}

#e_page #masterexpanded .addtocart a{
background: url(images/site/icon-addtocart-black.jpg) no-repeat;
width: 149px;
height: 19px;
display: block;
text-indent: -9999em;
position: absolute;
right: 20px;
bottom: 15px;
}

#e_page #masterexpanded .outofstock {
background: url(images/site/icon-outofstock-black.gif) no-repeat;
width: 149px;
height: 19px;
display: block;
text-indent: -9999em;
position: absolute;
right: 20px;
bottom: 15px;
}


#e_page #masterexpanded .addtocart .Primary_Options{
display: none;
}

#masterexpanded .addtocart a img{
display: none;
}

#e_page #masterexpanded .price{
color: #fff;
text-decoration: none;
display: block;
text-align: center;
margin-top: 1.5em;
font-weight: normal;
font-size: 1.2em;
}

#masterexpanded .close:hover{
text-decoration: underline;
}

/* @end */

/* @group ingredients */

h3.ingredients{
background: url(images/page/text-circle-ingredients.gif) no-repeat;

}

h3.effects{
background: url(images/page/text-circle-effectsbenefits.gif) no-repeat;
}

h3.ingredients, h3.effects{
width: 127px;
height: 127px;
text-indent: -9999em;
float: left;
margin-right: 15px;
}

.pageingredients h4{
color: #ff9900;
margin-bottom: 0;
font-size: 1.2em;
}

#e_page .pageingredients .col p{
margin-top: 0;
font-size: 0.9em;
}

.section{
clear: both;
float: left;
width: 100%;
}

.pageingredients .subsection{
float: left;
width: 420px;
margin-top: 1.0em;
}

.pageingredients .col{
width: 205px;
float: left;
margin-left: 10px;
}

.pageingredients .col.one{
margin-left: 0px;
}

h3.block{
clear: both;
font-size: 1.2em;
margin-top: 1.0em;
background: #ff9900;
padding: 0.3em 5px;
color: #fff;
}

#e_page .pageingredients p.ingredientlist{
margin-top: 0.5em;
}

/* @end */

/* @group Art */

.art h2{
background: url(images/page/text-title-onecream.gif) no-repeat;
text-indent: -9999em;
height: 53px;
}

.art h3.launch{
background: url(images/page/text-circle-steamcreamlaunch.gif) no-repeat;
width: 200px;
height: 200px;
float: left;
text-indent: -9999em;
margin-right: 5px;
}

.imgdisplay{
width: 363px;
float: left;
}

.imgdisplay .item{
width: 120px;
float: left;
margin-left: 1px;
}

#e_page .imgdisplay .item p{
text-align: right;
font-weight: bold;
margin: 0 0 1.0em 0;
}

/* @end */

.ethics .topinfo h3{
margin-bottom: 0.8em;
color: #ff9900;
font-size: 1.9em;

}

.ethics .topinfo h3.last{
margin-bottom: 0;
}

.ethics h3{
margin-bottom: 1.0em;
text-transform: none;
}

#e_page .topinfo{
margin: 0 0 0.5em 40px;
} 

#e_page .topinfo p{
margin-top: 0;
}

#e_page .arrowlist li{
clear: both;
margin: 0.5em 0;
float: left;
width: 100%;
}

.arrowlist h4{
background: url(images/page/list-arrow.gif) no-repeat;
width: 180px;
padding: 4px 5px 5px 5px;
font-size: 1.15em;
color: #fff;
float: left;
}

.arrowlist .right{
width: 370px;
float: left;
font-size: 0.9em;
font-weight: bold;
}

#e_page .arrowlist p{
margin-top: 0;
}

.contact h3{
color: #ff9900;
margin: 1.0em 0;
}

.contact h4{
font-size: 1.2em;
margin: 1.0em 0 0.5em 0;
}

#e_page .contact p{
margin: 0;
}

.contact h5{
margin-top: 0.5em;
}

#contentmain{
margin-bottom: 2.0em;
}

/* @group Checkout */

#checkout_content{
width: 590px;
margin-left: 10px;
background: #fff;
padding: 1.0em 10px;
}

#checkout_content fieldset {

padding: 0 10px;
border: 1px solid #999;

}



#checkout_content legend {

font-size:140%;

font-weight: normal;

margin: 0;

}



#checkout_content label{

font-size: 95%;

font-weight: bold;

margin: 0 0 0.5em 0;
padding-bottom: 0.5em;

}

#checkout_content fieldset input, #checkout_content fieldset select{
margin: 0.5em 0;
padding: 0.1em 2px;
}



#checkout_content h3 {

font-size:150%;

font-weight: bold;

margin: 0;

}

#checkout_content td{
padding: 0.2em 0;
}

.Order_Notes{
padding-left: 10px;
display: block;
}

.Additional_Info{
margin-bottom: 1.0em;
padding: 0.4em 4px;
}

.Link_Name{
margin-right: 10px;
}
/* @end */



/*#e_page{

width: 650px;

float: left;

font-size: 1.2em;

}

 

#page{

width: 590px;

background: #fff;

margin-left: 10px;

padding: 1.0em 10px 1.0em 40px;

}
*/