body
{
    font-size: 68.9%; /* Default (medium) is 16px: scale to 11px */
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    margin-top: 0;
    color: #666666;
    line-height: 1.4em;
    background: transparent url(images/template/header-bg-gradient.jpg) top right repeat-x;
}
p, 
img {
	padding: 0;
	margin: 0;
}

a {
    outline: none; /* stops FF rollover highlight */
}

 /* Layout"
------------------------------------------------
------------------------------------------------*/
#wrapper {
    margin: 0 auto;
    width: 950px;
    /*background-color: red;*/
}
#col-left { /* Used in all layouts */
    float: left;
    width: 380px;
}
#col-middle { /* Used in Layout 2of3 */
    float: left;
    width: 380px;
    background-color: #A8A9AD; /* Dark Grey */
}
#col-middle #content {
    float: left;
    width:340px;
    margin:0;
    padding:0;
    padding:20px;
    display:inline;
}
#col-right-small { /* Used in Layout 2of3 */
    float: left;
    width: 150px;
    padding-top:0;
    /*background-color: blue;*/
}
.padded { /* Used in Layout 2of3 */
    padding:15px;
}
#col-right-large { /* Used in Layout 3of3 */
    float: left;
    width: 570px; /* originally 570px */
    padding:20px 0 20px 0;
    /*background-color: green;*/
}

 /* #col-right-small "
------------------------------------------------*/
#col-right-small h2 {
    font-size: 1.4em;
    width:150px;
    margin:0;
    padding:0;
    margin-bottom: 2px;
}
#col-right-small strong {
    font-weight:bold;
    color:#92C16D;
}
#col-right-small h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
#col-right-small table.opening-times {
    border:0;
    width:150px;
    /*border: 1px solid red;*/
}

 /* #contact us page form "
------------------------------------------------*/
#content table.contact-us-form {
    float:left;
    border:0;
    width:340px;
    /*border: 1px solid red;*/
}
#content table.contact-us-form td {
    padding-bottom:10px;
    vertical-align:top;
    /*border: 1px solid red;*/
}
#content table.contact-us-form td.col2 {
    text-align:right;
}
#content a.submit {
    float: right;
    clear:both;
    width: 168px;
    height: 24px;
    padding:0;
    text-indent: -3000px;
    background: url('images/template/btn-submit-off.gif') no-repeat left top;
    /*border: red 1px solid;*/
}
#content a.submit:hover {
	background: transparent url(images/template/btn-submit-on.gif) top left no-repeat;
}



 /* #col-left specifics "
------------------------------------------------*/

#col-left #sub-info {
    float:left;
    width:360px;
    padding-right:20px;
    padding-bottom:20px;
}
#col-left #sub-info h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    margin: 0;
    margin-bottom: 5px !important;
}
#col-left #sub-info img {
    float:left;
    margin-right:10px;
    padding-top:0px;
}
#col-left #sub-info p{
    margin-bottom:10px;
}
#col-left #sub-info p.quote{
    font-size:1.3em;
    line-height:1.5em;
    margin-bottom:20px;
    font-style:italic;
    font-weight:bold;
    color:#A8A9AD; /* grey */
}

 /* product content area "
------------------------------------------------*/

#content-heading {
    padding-left:20px;
    /*border: 1px solid red;*/
    border-bottom:#fff 1px solid;
}
#content {
    float: left;
    display:inline;
    width:380px;
    color:#fff;
    padding-top:20px !important;
}
#content a{
    color:#fff;
}
#content p{
    margin-bottom:15px;
}
#col-middle #footer2{
    float: left;
    width:380px;
    padding-bottom:20px;
    background: transparent url(images/template/content-bg.gif) bottom left no-repeat;
}

 /* brand-selector "
------------------------------------------------*/
#brand-selector {
    float: left;
    width: 950px;
    background: transparent url(images/template/brand-selector-bg2.gif) top left repeat-x;
    /*border: 1px solid red;*/
}
#brand-selector-logos {
    float: left;
    width: 380px;
    height:64px;
    background: transparent url(images/template/brand-selector-bg.gif) top left no-repeat;
    text-align:center;
}
#brand-selector-logos img{
    padding-top:2px;
}
#brand-selector-menu {
    float: left;
    width: 560px; /* originally 570px */
    margin-top:24px;
    padding-top:10px;
    padding-left:10px;
    background: transparent url(images/template/corner-top-right.gif) top right no-repeat; /* light grey */
}

 /* Left Navigation - sub "
------------------------------------------------*/
#col-left #nav {
    float: left;
    width:380px;
    background: #F0F0F0 url(images/template/corner-bottom-left.gif) bottom left no-repeat; /* really light grey */
    padding-top:20px;
    padding-bottom:20px;
}
#col-left ul {
    float: left;
    display: inline;
    width: 188px;
    margin:0;
    padding:0;
    margin-left: 0;
    padding: 0;
    /*border: 1px solid green;*/
}
#col-left ul.leftonly {
     border-right: 4px solid white;
}
#col-left ul li {
    float: left;
    display: inline;
    width: 188px;
    list-style: none;
    line-height: 1.55em;
	margin:0;
    padding:0;
	/*background-color: yellow;*/
}
#col-left ul li a {
    float: left;
    text-decoration: none;
    width: 148px; /* originally 188px */
    font-size: 0.9em;
    letter-spacing: 0.2px;
    color: #231F20; /* Black */
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	background: transparent url(images/template/nav-arrow-double-green.gif) right 0.50em no-repeat;
	/*background-color: green;*/
}
#col-left ul li a:hover, 
#col-left ul li strong a {
    background: transparent url(images/template/nav-arrow-double-grey.gif) right 0.45em no-repeat;
    background-color: white;
}

 /* Layout - header"
------------------------------------------------*/
#header {
    float: left;
    padding: 0;
	margin: 0;
    width: 950px;
    /*background-color: yellow;*/
}
#header-container {
    float: left;
    padding: 0;
	margin: 0;
    width: 637px; /* this had to be 1px less in width */
    /*background-color: blue;*/
}
#welcome, #basket {
    float: left;
    padding: 0;
	margin: 0;
    text-align: right;
    margin-top: 9px;
    width: 142px;
    display: inline;
    /*background-color: green;*/
}
#welcome {
    background: transparent url(images/template/log-in.gif) top right no-repeat;
    padding-top: 17px;
    margin-left: 74px !important;
}
#welcome p {
    display: block;
    /*border: red 1px solid;*/
}

#basket {
    padding-right: 22px;
    width: 98px;
}
#basket strong {
    position: relative;
    top: -1px;
    left: 0;
    font-size: 2.0em;
    color: #A8A9AD;
}
#basket a {
    position: relative;
    top: 2px;
    left: 22px;
    /*background-color:Red;*/
}
#basket div {
    float: right;
    padding-top: 10px;
    position: relative;
    width: 23px;
    top: -17px;
    left: 30px;
    background: transparent url(images/template/bag.gif) top left no-repeat;
    /*background-color: purple;*/
    text-align: center;
    color: #92C16D;
    /*border: 1px solid red;*/
}
#basket div span {
    font-size: 1.5em;
    color: #fff;
}
#search {
    float: left;
    padding: 0;
	margin: 0;
    padding-top: 9px;
    width: 279px;
    margin-left: 22px;
    display: inline;
    text-align: right;
    height: 52px;
    background: transparent url(images/template/divider.gif) top left no-repeat;
    /*background-color: purple;*/
}
.search-button {
    margin-left: 10px;
    display: inline;
}
#header #header-container h3 {
    float: right;
    padding: 0;
    margin: 0;
    height: 20px;
    width: 225px;
    text-indent: -3000px;
    background: transparent url(images/template/call-us-on.gif) bottom right no-repeat;
    /*border:red 1px solid;*/
}

 /* Basket Page"
------------------------------------------------*/
#fullwidth-top #bag-page {
    float: left;
    margin:0;
    padding:0;
    padding-left:150px;
    padding-top:24px;
    width: 800px;
    background: transparent url(images/template/title-basket.gif) top left no-repeat;
    /*border:red 1px solid;*/
}
#fullwidth-top #bag-page #maintable {
    float: left;
    margin:0;
    padding:0;
    width: 600px;
}

#fullwidth-top #checkout-page {
    float: left;
    margin:0;
    padding:0;
    padding-left:150px;
    padding-top:24px;
    width: 800px;
    background: transparent url(images/template/title-checkout.gif) top left no-repeat;
}
#fullwidth-top #checkout-page #maintable {
    float: left;
    margin:0;
    padding:0;
    width: 600px;
}


 /* Layout - other"
------------------------------------------------*/

#fullwidth-top #text-page {
    float: left;
    margin:0;
    padding:0;
    padding-left:150px;
    padding-top:24px;
    width: 800px;
	/* background: transparent url(images/template/title-basket.gif) top left no-repeat; */
}

.white-bg {
    background-color:#fff !important;
    /*border: 1px solid red;*/
}

#fullwidth-top {
    float: left;
    margin-top:15px;
    width: 950px;
    background-color:#f0f0f0; /* light grey */
}
#fullwidth-top span.leftEdge
{
    background: transparent url(images/template/curved-corners.png) 0 0;
    width: 137px;
    height: 210px;
    float: left;
}
#gift-vouchers {
    float: left;
    text-align: center;
    width: 135px;
    height: 84px;
    padding: 55px 0 0 0;
    background: transparent url(images/template/blob-1.png) top left no-repeat;
    margin-left: -137px;
    text-decoration: none;
}
#gift-vouchers em {
    text-decoration: underline;
    font-style: normal;
}
#gift-vouchers:hover em {
    text-decoration: none;
}
#featured-main {
    float: left;
    width: 332px; /* originally 380px */
    padding: 24px 24px 24px 267px;
    height: 162px; /* originally 210px */
}
.featured-main-lower
{
    padding-left: 24px !important;
}
#our-top-five {
    float: left;
    width: 176px; /* originally 190px */
    margin:0;
    padding:0;
    padding: 15px 0 0 14px;
    height: 193px; /* originally 210px */
    border-top: 1px #f0f0f0 solid;
    border-bottom: 1px #f0f0f0 solid;
    background: #fff url(images/template/topfive-bg.gif) top left no-repeat;
}
#fullwidth-bottom {
    float: left;
    width: 950px;
    background-color: #fff;
    /*border: 1px solid red;*/
}
#brand-categories {
    float: left;
    width: 380px;
    border-top: none;
    margin-top: 20px;
    /*background-color: green;*/
}
#brand-categories-bottom {
    float: left;
    width: 378px;
    background-color: #fff;
    border: 1px solid #EBEBEB; /* light grey */
    border-top: none;
    padding-bottom: 20px;
}
#featured-products {
    float: left;
    width: 570px;
    padding: 21px 0 45px 0;
    background: transparent url(images/template/item-footer-bg.gif) bottom center no-repeat;
    /*border: 1px solid red;*/
}
#featured-products hr {    display:none;}

.product-container {
    float: left;
    display: inline;
    width: 118px;
    margin: 10px 0 0 20px;
    /*background-color:red;*/
}
.product-container h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 0;
    margin: 5px 0 5px 0;
	height: 2.5em;
	overflow: hidden;
}
.product-container h3:hover {
    text-decoration: none;
}
.product-container form {
	margin: 0; padding: 0;
}

.product-container a img:hover {
    border: #92C16D solid 1px; /* green */
}
.product-container a.add {
    float: right;
    position: relative;
    top: -25px;
    left: 0;
    margin-bottom: -25px;
    width: 51px;
    height: 18px;
    text-indent: -3000px;
    background: transparent url(images/template/btn-add-off.gif) top left no-repeat;
}
.product-container a.add:hover {    background: transparent url(images/template/btn-add-on.gif) top left no-repeat;}
.product-container p             {    margin-top: 5px;}
.product-container p strong      {    font-size: 1.3em;}
.product-container img           {    border: 1px solid #EBEBEB; /* light grey */}

#brands-logos {
    float: left;
    width: 950px;
    background: #fff url(images/template/line-bg.gif) top left repeat-x;
    margin-top: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
#footer {
    float: left;
    width: 950px;
    background: #EFEFEF url(images/template/footer-bg.gif) top left no-repeat;
    height: 36px;
    border-bottom: 10px solid #fff;
}

 /* Navigation Level 1"
------------------------------------------------*/
#header ul {
    width: 637px;
    float: left;
	padding: 0;
	margin: 0;
    display: inline;
	/*background-color:pink;*/
}
#header li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
	margin-top: 19px !important; /* originally 23px */
	/*border: red 1px solid;*/
	
}
#header li a {
    height: 33px;
    padding: 0;
	margin: 0;
	float: left;
    display: inline; /* for ie6!*/
    width: 119px; /* originally 127px */
    color: #fff;
    text-decoration: none;
    margin-left: 8px;
    font-weight: bold;
}
#header li a:hover, 
#header li.beauty-products-on a strong, 
#header li.beauty-treatments-on a strong, 
#header li.gift-ideas-on a strong, 
#header li.about-us-on a strong, 
#header li.contact-us-on a strong
{
    color: #000;
}
#header li.beauty-products {       background: transparent url(images/template/tab-beauty-products-off.jpg)     0 0 no-repeat; padding-top:8px;  height:44px; /* originally 52px */}
#header li.beauty-treatments {     background: transparent url(images/template/tab-beauty-treatments-off.jpg)   0 0 no-repeat; padding-top:19px; height:33px; /* originally 52px */}
#header li.gift-ideas {            background: transparent url(images/template/tab-gift-ideas-off.jpg)          0 0 no-repeat; padding-top:30px; height:22px; /* originally 52px */}
#header li.about-us {              background: transparent url(images/template/tab-about-us-off.jpg)            0 0 no-repeat; padding-top:20px; height:32px; /* originally 52px */}
#header li.contact-us {            background: transparent url(images/template/tab-contact-us-off.jpg)          0 0 no-repeat; padding-top:8px;  height:44px; /* originally 52px */}

#header li.beauty-products-on {       background: transparent url(images/template/tab-beauty-products-on.jpg)     0 0 no-repeat; padding-top:8px;  height:44px; /* originally 52px */}
#header li.beauty-treatments-on {     background: transparent url(images/template/tab-beauty-treatments-on.jpg)   0 0 no-repeat; padding-top:19px; height:33px; /* originally 52px */}
#header li.gift-ideas-on {            background: transparent url(images/template/tab-gift-ideas-on.jpg)          0 0 no-repeat; padding-top:30px; height:22px; /* originally 52px */}
#header li.about-us-on {              background: transparent url(images/template/tab-about-us-on.jpg)            0 0 no-repeat; padding-top:20px; height:32px; /* originally 52px */}
#header li.contact-us-on {            background: transparent url(images/template/tab-contact-us-on.jpg)          0 0 no-repeat; padding-top:8px;  height:44px; /* originally 52px */}

 /* Images
------------------------------------------------*/
.hp {    background: transparent url(images/treatments/treatment1-large.jpg) top left no-repeat;}
.bp {    background: transparent url(images/products/product1-large.jpg) top left no-repeat;}
.bt {    background: transparent url(images/treatments/treatment1-large.jpg) top left no-repeat;}
.gp {    background: transparent url(images/treatments/treatment1-large.jpg) top left no-repeat;}

 /* SIFR   "
------------------------------------------------*/
h1.titles { /* This is for non sIFR version of text (i.e. HTML) */
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #fff;
	line-height: 1em;
	text-align: left;
	font-size: 30px !important;
	width: 320px; /* odd due to ie6 */
	margin-bottom:15px;
	/*border:1px solid red;*/
}
h1.featured, h2.featured { /* This is for non sIFR version of text (i.e. HTML) */
	font-family: Arial, Verdana, sans-serif;
	font-weight: normal;
	color: #A8A9AD; /* dark grey */
	line-height: 1em;
	text-align: left;
	font-size: 30px !important;
	margin-bottom:15px;
	/*border:1px solid red;*/
}
h2.featured { 
	width: 320px; /* odd due to ie6 */
}
.cat {
    background: transparent url(images/template/title-categories.gif) top left no-repeat; 
    width:129px; 
    height:29px;
    margin: 0 0 10px 20px;
    text-indent:-3000px;
}

#content #price-and-add-btn h3 {
    float:right;
    display:inline;
    clear:both;
    padding: 0;
    margin: 0;
    padding-top:5px;
    font-size: 2.0em;
    /*border: 1px solid red;*/
}
#content #price-and-add-btn p {
    float:right;
    display:inline;
    text-align:right;
    width:85px;
    color:#000;
    clear:both;
    margin:0;
    padding:0;
    margin-bottom:8px;
    /*border: 1px solid red;*/
}
#content #price-and-add-btn {
    float: right;
    width: 85px;
    margin-left:5px;
    /*border: 1px solid red;*/
}
#content #price-and-add-btn a.add {
    float: right;
    clear:both;
    width: 63px;
    height: 24px;
    margin:0;
    padding:0;
    text-indent: -3000px;
    background: transparent url(images/template/btn-add-large-green.gif) top left no-repeat;
    /*border: red 1px solid;*/
}

#content #price-and-add-btn a.add:hover {    background: transparent url(images/template/btn-add-large-black.gif) top left no-repeat;}

#col-middle #footer2 a.email {
    float: right;
    clear:both;
    width: 168px;
    height: 24px;
    margin:0;
    padding:0;
    text-indent: -3000px;
    margin-right:20px;
    background: transparent url(images/template/btn-email-grey.gif) top left no-repeat;
    /*border: red 1px solid;*/
}

#col-middle #footer2 a.email:hover {    background: transparent url(images/template/btn-email-black.gif) top left no-repeat;}



 /* Typography Generics"
------------------------------------------------
------------------------------------------------*/
a {
	text-decoration: underline;
	color: #231F20;
}
a:hover {
	text-decoration: none;
}
#header h2.logo {
	margin:0;
	padding:0;
}
#header h2.logo a {
	text-indent: -3000px;
	background-image: url(images/template/logo-skincareinc-off.jpg);
	width: 291px;
    height: 105px;
	float: left;
	display: inline;
	margin-left: 22px;
}
#header h2.logo a:hover {
	background-image: url(images/template/logo-skincareinc-on.jpg);
}
h3.related-items {
    float:left;
    display:inline; /* for ie6 */
    padding: 0;
    margin: 0;
    margin-top:10px !important;
    margin-left:15px !important;
    text-indent: -3000px;
    width: 90px;
    height: 17px;
    background: transparent url(images/template/title-related-item.gif) top left no-repeat;
}

 /* Basket and Checkout
------------------------------------------------*/
table.carttable {
	border-width: 1px;
	border-style: none;
	border-color: #EBEBEB;
	border-collapse: collapse;
	background-color: white;
	color: #231f20;
}
table.carttable th {
	border-width: 1px;
	border-style: solid;
	border-color: #f0f0f0;
	background-color: #f0f0f0;
	padding: 2.0em 1em 1em 1em;
	font-weight: bold;
	text-align: left;
}
table.carttable td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #f0f0f0;
	vertical-align: top;
	padding: 1em;
}
table.carttable .price {
	text-align: right;
}
table.carttableinner td {
	padding: 0 2px 2px 0;
	border: 0;
}
table.carttable td.product img {
	border: 1px solid #f0f0f0;
}

table.carttable td.carttotal {
	font-size: 2em;
    color: #A8A9AD;
}

table.carttable td.green {
	color: #92C16D; /* green */
}

table.carttable input.txt { width: 15px; }
table.carttable a.update {
	float:left;

	position: relative;
	top: -20px;
	left: 28px;
	background: transparent url(images/template/btn-update-off.gif) top left no-repeat;
	width: 61px;
	height: 18px;
	text-indent: -3000px;
}
table.carttable a.update:hover { background: transparent url(images/template/btn-update-on.gif) top left no-repeat; }

table.carttable a.delete {
    float:right;
    position: relative;
    background: transparent url(images/template/btn-delete-off.gif) top left no-repeat;
    width: 61px;
    height: 18px;
    text-indent: -3000px;
}
table.carttable a.delete:hover { background-image: url(images/template/btn-delete-on.gif); }

table.carttable a.checkout {
    float:right;
    position: relative;
    background: transparent url(images/template/btn-checkout-off.gif) top left no-repeat;
    width: 91px;
    height: 18px;
    margin-top: 10px;
    text-indent: -3000px;
}
table.carttable a.checkout:hover { background: transparent url(images/template/btn-checkout-on.gif) top left no-repeat; }



/* Checkout form
------------------------------------------------*/
div.checkout {
	background-color: #f0f0f0; 
	padding: 1px;
	color: #231f20;
}

form.checkout {
	background-color: #ffffff;
	border: 0;
	padding: 0;
	margin: 0;
}

div.checkout p, div.checkout h2, div.checkout form.checkout h3 {
	margin-left: 15px;
	margin-right: 15px;
}
.checkout h2 {
	font-size: 1.4em;
	margin-bottom: 0.3em;
}
.checkout h3 {
	font-size: 1.1em;
}


form.checkout a.login {
    float:left;
    position: relative;
    background: transparent url(images/template/btn-login-off.gif) top left no-repeat;
    width: 52px;
    height: 18px;
    text-indent: -3000px;
}
form.checkout a.login:hover { background: transparent url(images/template/btn-login-on.gif) top left no-repeat; }

form.checkout a.submit {
    float: left;
	position: relative;
    clear:both;
    width: 168px;
    height: 24px;
    padding:0;
	left: 25px;
	top: -20px;
    text-indent: -3000px;
    background: url('images/template/btn-submit-off.gif') no-repeat left top;
}
form.checkout a.submit:hover {
    background: transparent url(images/template/btn-submit-on.gif) top left no-repeat;
}

form.checkout a.modify {
    float: left;
    clear:both;
    width: 61px;
    height: 18px;
    padding:0;
    text-indent: -3000px;
    background: url('images/template/btn-update-off.gif') no-repeat left top;
}
form.checkout a.modify:hover {
    background: transparent url(images/template/btn-update-on.gif) top left no-repeat;
}


form.checkout div {
	clear: both;
	vertical-align: middle;
	margin-bottom: 8px;
}
form.checkout fieldset {
	background: #ffffff;
	border: none;
	margin-top: 8px;
	padding: 0.5em 2em;
}
form.checkout fieldset p {
	color: #231f20;
	margin-bottom: 1em;
}
form.checkout h3 {
	color: #231f20;
	margin-top: 5px;
	margin-bottom: 3px;
}
form.checkout label {
	color: #231f20;
	display: block;
	float: left;
	text-align: right;
	width: 150px;
	padding-right: 0.5em;
	vertical-align: middle;
}
form.checkout input.txt {
	width: 15em;
}

 /* Our Top Five  "
------------------------------------------------*/
#our-top-five {
    font-size: 0.9em;
}
#our-top-five h3 {
    margin:0;
    padding:0;
    background-color: green;
    text-indent: -3000px;
    background-image: url(images/template/top5.gif);
    width: 119px;
    height: 38px;
    background: transparent url(images/template/top5.gif) top left no-repeat;
}
#our-top-five a img {
    float: right;
    border: 1px solid #f0f0f0; /* light grey */
}
#our-top-five ol {
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    padding: 0;
    list-style: none;
    /*border:1px solid green;*/
    width: 168px; /* Required for ie6 */
}
#our-top-five ol li{
    float: left;
    clear: left;
    /*border:1px solid red;*/
    width: 168px;
    margin-bottom: 3px;
}
#our-top-five ol li+li a{
    float: left;
    /*border:1px solid yellow;*/
    background-color: #fff;
}
#our-top-five ol li a span {
    display: block;
    padding-top: 20px;
    text-decoration: underline; /* for FF */
}
#our-top-five ol li a:hover span { /* for FF */
    text-decoration:none;
}
#no-one {
    background: transparent url(images/template/top5-no1.gif) top left no-repeat;
    background-image:url(images/template/top5-no1.gif) !important;
    background-position:top left;
    background-color:Transparent;
    background-repeat:no-repeat;
    padding-top: 0;
    
}
#no-two {
    background: transparent url(images/template/top5-no2.gif) center left no-repeat !important;
    padding-left: 24px !important;
    width: 152px !important;
}
#no-three {
    background: transparent url(images/template/top5-no3.gif) center left no-repeat !important;
    padding-left: 24px !important;
    width: 152px !important;
}
#no-four {
    background: transparent url(images/template/top5-no4.gif) center left no-repeat !important;
    padding-left: 24px !important;
    width: 152px !important;
}
#no-five {
    background: transparent url(images/template/top5-no5.gif) center left no-repeat !important;
    padding-left: 24px !important;
    width: 152px !important;
}

 /* brand-categories  "
------------------------------------------------*/
#brand-categories ol {
    float: left;
    width: 380px;
    padding: 0;
	margin: 0;
	background: transparent url(images/template/b-tab-bg.gif) top left repeat-x;
}
#brand-categories ol li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
}
#brand-categories ol li a {
    float: left;
    height: 19px;
    padding: 0;
	margin: 0;
	padding: 8px 0 0 10px;
    display: inline; /* for ie6!*/
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    /*border: 1px solid red;*/
}
#brand-categories ol li a:hover {
    color: #000;
}
#brand-categories ol li.all a {
    background: transparent url(images/template/b-tab-all-off.jpg) top left no-repeat;
    width: 25px;
    /*border: 1px solid red;*/
}
#brand-categories ol li.dermalogica a {
    background: transparent url(images/template/b-tab-dermatalogica-off.jpg) top left no-repeat;
    width: 101px;
    /*border: 1px solid red;*/
}
#brand-categories ol li.bare-escentuals a {
    background: transparent url(images/template/b-tab-bare-escentuals-off.jpg) top left no-repeat;
    width: 112px;
    /*border: 1px solid red;*/
}
#brand-categories ol li.guinot a {
    background: transparent url(images/template/b-tab-guinot-off.jpg) top left no-repeat;
    width: 61px;
    /*border: 1px solid red;*/
}

#brand-categories ol li.all a.on             {background: transparent url(images/template/b-tab-all-on.jpg) top left no-repeat;                 color:#000;}
#brand-categories ol li.dermalogica a.on     {background: transparent url(images/template/b-tab-dermatalogica-on.jpg) top left no-repeat;      color:#000;}
#brand-categories ol li.bare-escentuals a.on {background: transparent url(images/template/b-tab-bare-escentuals-on.jpg) top left no-repeat;    color:#000;}
#brand-categories ol li.guinot a.on          {background: transparent url(images/template/b-tab-guinot-on.jpg) top left no-repeat;             color:#000;}

 /* Footer"
------------------------------------------------*/
#footer ul {
    float: left;
    height: 23px;
	padding: 0;
	margin: 0;
	padding: 10px 0 0 20px;
	/*background-color:yellow;*/
}
#footer ul li {
    float: left;
    display: inline;
    list-style: none;
    padding: 0;
	margin: 0;
	margin-right: 8px;
	/*background-color:pink;*/
}
#footer ul li a {
    float: left;
    display: inline; /* for ie6!*/
    padding: 0;
	margin: 0;
    /*background-color:green;*/
}
#footer h5 {
    float: right;
	width: 155px;
    display: inline; /* for ie6!*/
    padding: 0;
    margin:0;
	margin-top: 10px;
    padding-left: 24px;
    font-size: 1em;
    font-weight: normal;
    background: transparent url(images/template/logo-design-haus.gif) top left no-repeat;
    height: 18px;
    /*border: 1px solid red;*/
}

 /* Breadcrumb in Footer"
------------------------------------------------*/
#breadcrumb {
    float: left;
    width:950px;
	background: transparent url(images/template/breadcrumb-title.gif) top left no-repeat;
	/*border: 1px solid green;*/
}
#breadcrumb p {
    margin-top:18px;
}

#breadcrumb h6 {
	float: left;
	background: transparent url(images/template/breadcrumb-title.gif) top left no-repeat;
	height:47px;
	text-indent:-3000px;
	width:140px;
	margin:0;
	padding:0;
	/*border: 1px solid red;*/
}

 /* brand-categories-bottom  "
------------------------------------------------*/
#brand-categories-bottom p {
    background: transparent url(images/template/b-tab-title.gif) top left no-repeat;
    text-indent:-3000px;
    height: 20px;
    margin: 14px 0 14px 0;
    margin-left: 17px !important;
    /*border: 1px solid green;*/
}
#brand-categories-bottom ul {
    width: 320px;
    float: left;
    display: inline;
    margin-left: 30px;
    padding: 0;
}
#brand-categories-bottom ul li 
{
    float: left;
    display: inline;
    width: 150px;
    list-style: none;
    line-height: 1.55em;
	margin: 0 10px 0 0;
	/*background-color: yellow;*/
}
#brand-categories-bottom ul li a 
{
    padding-left: 13px;
    margin: 0;
	margin-left: 10px;
    font-size: 0.9em;
    letter-spacing: 0.2px;
    color: #231F20; /* Black */
    text-decoration: none;
    float: left;
	display: inline;
	/*background: transparent url(images/template/arrow-green.gif) 0% 15% no-repeat;*/
	background: transparent url(images/template/arrow-green.gif) 0em 0.35em no-repeat;
	/*border: 1px solid yellow;*/
}
#brand-categories-bottom ul li a:hover {
    padding-left: 9px;
    margin-left: 14px;
    color: #92C16D; /* green */
}

 /* brand-logos  "
------------------------------------------------*/
#brands-logos ul {
    float: left;
    width: 920px;
    padding: 0;
	margin: 0;
	margin-left: 15px;
	display: inline;
	padding-bottom: 10px;
}
#brands-logos ul li {
    float: left;
    list-style: none;
    padding: 0;
	margin: 0;
/*	background: transparent url(images/template/circle-arrow-grey.gif) top center no-repeat;*/
	padding-top: 30px;
	/*border: red 1px solid;*/
}
#brands-logos ul li a {
    padding: 0;
	margin: 0;
	float: left;
	text-indent: -3000px;
    display: inline; /* for ie6!*/
    height: 58px;

    -moz-opacity: .45;
    opacity: .45;
    filter: Alpha(opacity=45);
    
    margin-left: 20px;
    padding: 0 10px 0 10px;
	border-right: 1px solid #92C16D; /* green */
}
#brands-logos ul li a.dermalogica{              background: transparent url(images/template/logo-dermalogica.gif) top left no-repeat;        width:233px;}
#brands-logos ul li a.bare-escentuals{          background: transparent url(images/template/logo-bare-minerals.gif) top left no-repeat;    width:258px;}
#brands-logos ul li a.guinot{                   background: transparent url(images/template/logo-guinot.gif) top left no-repeat;             width:124px;}
#brands-logos ul li a.gift-ideas{               background: transparent url(images/template/logo-gift-ideas.gif) top left no-repeat;         width:134px;}

#brands-logos ul li a:hover {
    -moz-opacity: .99;
    opacity: .99;
    filter: Alpha(opacity=99);
}
#brands-logos ul li a.end {
    border-right: none;
}

#brands-logos ul li a span
{
    background: transparent url(images/template/circle-arrow-grey.gif) 45% 0 no-repeat;
    width: 100%;
    height: 29px;
    float: left;
    position: relative;
    top: -45px;
}


 /* Featured-main"
------------------------------------------------*/
#featured-main h1#ftm {    background: transparent url(images/template/featured-this-month.gif) top left no-repeat;}

#featured-main h3 {
    font-size: 1.4em;
    margin:0;
    padding:0;
    margin-bottom: 2px;
}
#featured-main p {
    margin-bottom: 12px;
}
#featured-main h4 {
    padding: 0;
    margin: 0;
    font-size: 1.2em;
}

 /* My CSS Tools"
------------------------------------------------*/
.hide {
    display: none;
}
.clearer {
	float: left;
	clear: both;
	width: 950px;
}
.clearer1 {
	visibility: hidden;
	clear: both;
	width: 100px;
}
.clearer2 {
	clear: both;
	height: 20px;
	visibility: hidden;
	width: 100px;
	background-color: blue;
	overflow: hidden;
}
.images {
	float: right;
	margin: 28px 0 10px 20px;
	padding: 1px;
	border: solid 1px #38743F;
}
.content-to-come {
    color: black;
	font-weight: bold;
}

 /* common persistent"
------------------------------------------------*/
.audio {
    display: none;
	background-color: #009900;
}