/* --------- 1. defaults  --------- */
*{
	margin:0px;
	padding:0px;
}
body{
	background:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: small;
	color:#000000;
line-height:1.3em;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
padding-bottom:10px;
margin-bottom:20px;
font-size: 175%;
border-bottom:3px solid #CC0000;
		}

#maincolumnhome h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#CC0000;
padding-bottom:10px;
margin-bottom:20px;
font-size: 210%;
border:none;
		}



body h2{
font-size:115%;
padding-bottom:7px;
}

h3{
font-size:145%;
line-height:1.3em;
padding-bottom:10px;
}


p {
padding-bottom:10px;
}

body h4{
font-size:115%;
padding-bottom:7px;
}

body a {
color:#CC0000
}

body a:hover {
color:#FF3300;
}

* html body {
	font-size: x-small; /* for IE5/Win */
	f\ont-size: small; /* for other IE versions */
}


/* --------- 2. structure  --------- */


* html #wrapper  /* this is recognized by IE only */
{
	width: 780px;  /* total width, only for IE5.x/Win */
	w\idth: 780px; /* content width for other IE */
}
  
#wrapper{
	width:780px;
	margin:0 auto;
	padding:0px;
}

#maincolumn {
float:left;
padding:29px;
background:#FDE800;
display:inline; /* fixes IE/Win double margin bug */
margin:6px 10px 10px 0px;
width:508px;
border:1px solid #FFFFFF;
}


#calculator {
float:left;
padding:30px;
background:#FDE800;
display:inline; /* fixes IE/Win double margin bug */
margin:6px 10px 10px 0;
width:718px;
border: 1px solid #FFFFFF;
}

#maincolumnhomenew2 {
float:left;
padding:15px 0px 0px 0px;
display:inline; /* fixes IE/Win double margin bug */
margin:6px 0px 0px 0;
width:779px;
background-color:#FDE800;
border:1px solid #FFFFFF;
}
#maincolumnhomenewbottom2 {
float:left;
background-color:#FDE800;
display:inline; /* fixes IE/Win double margin bug */
margin:0px 0px 0px 0;
width:719px;
}
.homepanel {
	margin: 20px 30px 30px 30px;
	padding: 0px 0px 5px 0px;
	background-image:url(../image_bank/Box_bg.jpg);
	background-repeat: repeat-x;
}

.homepanel h1{
	color:#FFFFFF;
	padding: 13px 10px 14px 20px;
	margin-bottom:10px;
	border:none;
}

.steppanel{
	background-color:#FDE800;
	margin:0px 230px 10px 10px;
	padding: 8px 10px 8px 10px;
	border:1px solid #000000;
}

.bigboldredtext {
font-size:130%;
font-weight:bold;
color:#CC0000;
}



#maincolumnhomenew {
float:left;
padding:60px 0px 0px 0px;
background: #FDE800 url(../image_bank/makeup-images/homepage_bg_new_01.gif) no-repeat center top;
display:inline; /* fixes IE/Win double margin bug */
margin:6px 0px 0px 0;
width:779px;
}
#maincolumnhomenewbottom {
float:left;
padding:50px 30px 30px 30px;
background:#FDE800 url(../image_bank/makeup-images/homepage_bg_new_03.jpg) no-repeat center top;
display:inline; /* fixes IE/Win double margin bug */
margin:0px 0px 10px 0;
width:719px;
background-color:#CCFF00;
}

.homepagenewright {
padding: 10px 20px 25px 25px;
background-color:FDE800;
}

.homepagenewleft {
	padding: 30px 40px 80px 270px;
	margin-bottom:0px;
	background-image:url(../image_bank/makeup-images/homepage_bg_title_03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color:FDE800;

}

.homepagenewbottom {
	padding:20px 240px 70px 25px;
	margin:0px;
	background-image:url(../image_bank/makeup-images/ss_home_03.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;

}
.lightyellow {
padding:15px;
background-color:#FFFF99;
border:1px solid #FFFFFF;
margin: 0 0 10px 10px;
}

.homepagenewtop {
	padding: 10px 10px 10px 10px;
	margin-bottom:0px;
	background-color:FDE800;
	font-size:130%;
	font-weight:bold;

}
.homepagenewtop ul {
float:right;
margin:0;
padding:0 30px 0 0px;
}

.homepagenewtop ul li {
	margin:0px 0 0 12px;
	padding:10px 0 10px 40px;
	list-style:none;
	background-image:url(../image_bank/ss_tick.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.homepagenewtop ul li a {
color:#000000;
text-decoration:none;
}

.homepagenewtop ul li a:hover {
color:#CC0000;
}


.newhomeflash{
float:left;
padding:0px 0px 0 15px;
}

#buttonbar {
text-align:center;
clear:both;
padding: 15px 0 0px 0;
}

#buttonbar img {
border:none;
}



.homepagenewleft h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-bottom:3px;
margin-bottom:10px;
font-size: 190%;
line-height:1.15em;
color:#000000;
border-bottom:#CC0000 solid 1px;
}

.homepagenewleft h2 {
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;
margin-bottom:0px;
font-size: 135%;
line-height:1.15em;
border-bottom:none;
color:#CC0000;
}

.homepagenewleft img {
float:left;
padding-right:10px;
border:0px;
}
.homepagenewright img {
float:right;
padding-left:10px;
border:0px;
}
.offerbuttons {
float:right;
width:310px;
}

.homepagenewleft p {
font-size: 100%;
line-height:1.3em;
}

.homepagenewright h1 {
font-family:Arial, Helvetica, sans-serif;
font-weight:normal;
padding-bottom:3px;
margin-bottom:10px;
font-size: 190%;
line-height:1.15em;
color:#000000;
border-bottom:#CC0000 solid 1px;
}

.homepagenewright h2 {
font-family:Arial, Helvetica, sans-serif;
padding-bottom:5px;
margin-bottom:0px;
font-size: 135%;
line-height:1.15em;
border-bottom:none;
color:#CC0000;
}

.homepagenewright p {
font-size: 100%;
line-height:1.3em;
}




#maincolumnhome {
float:left;
padding:50px 30px 30px 30px;
background:#FDE800 url(../image_bank/makeup-images/home_bg.jpg) no-repeat center top;
display:inline; /* fixes IE/Win double margin bug */
margin:6px 10px 10px 0;
width:508px;

}
.homepage {
padding: 70px 350px 0 10px;
}

#rightcolumn {
float:right;
padding:0px 0 0 0px;
display:inline; /* fixes IE/Win double margin bug */
width:200px;
margin:6px 0px 10px 0;

}

#footer {
padding-top:0px;
clear:both;
color:#FDE800;
line-height:1.4em;
font-size:80%;
text-align:center;
background-color:#000000;
}

#footer a {
color:#FFFFFF;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
color:#FDE800;
}

#footer a:visited {
color:#FF9900;
}
#footerhome {
padding-top:10px;
clear:both;
color:#FDE800;
line-height:1.4em;
font-size:80%;
text-align:center;
background-color:#000000;
}

#footerhome a {
color:#FFFFFF;
text-decoration:none;
}

#footerhome a:hover {
text-decoration:underline;
color:#FDE800;
}

#footerhome a:visited {
color:#FF9900;
}

.buttonboxoffer {
background-color:#FDE800;
border: 1px solid #FFFFFF;
margin-bottom:10px;
}
.buttonboxoffer h3 {
background:url(../images/nav-bg-over.gif) repeat-x left top;
padding: 5px 8px 5px 12px;
background-color:#CC0000;
font-size: 115%;
color:#FFFFFF;
margin-bottom:8px;
border-bottom: 1px solid #FFFFFF;
}

.buttonbox {
background-color:#FDE800;
border: 1px solid #FFFFFF;
margin-bottom:10px;
}
.buttonbox h3 {
background:url(../images/nav-bg-over.gif) repeat-x left top;
padding: 5px 8px 5px 12px;
background-color:#CC0000;
font-size: 115%;
color:#FFFFFF;
border-bottom: 1px solid #FFFFFF;
}


.box {
background-color:#FDE800;
border: 1px solid #FFFFFF;
margin-bottom:0px;
}
.box h3 {
background:url(../images/nav-bg-over.gif) repeat-x left top;
padding: 5px 8px 5px 12px;
background-color:#CC0000;
font-size: 115%;
color:#FFFFFF;
border-bottom: 1px solid #FFFFFF;
}

.box h4 {
padding: 8px 8px 0px 10px;
font-size: 110%;
}

.buttonbox img {
border:0px;
margin-left:2px;
}
.buttonboxoffer img {
border:0px;
margin-left:4px;
}


/* --------- 3. navigation  --------- */


#mainnav{
	height:22px;
	margin-bottom:0px;
	padding-right: 0px;
	padding-left: 0px;
	font-size:11px;
	font-weight:bold;
}
#mainnav ul {
list-style-type:none;
}
#mainnav li {
display:inline;
float:left;
}
#mainnav a {
display:block;
width:154px;
background:url(../images/nav-bg.gif) repeat-x left top;
text-align:center;
background-color:#FDE800;
line-height:22px;
text-decoration:none;
color:#000000;
border: 1px solid #FFFFFF;
}
#mainnav a:hover {
background-color:#CC0000;
background:url(../images/nav-bg-over.gif) repeat-x left top;
	color: #FFFFFF;
}

.mainnav selected {
background:url(../images/nav-bg-over.gif) repeat-x left top;
	color: #ffffff;
}

		
#secondnav{
	padding-top: 0.9em;
	padding-bottom: 0.3em;
	text-align: center;
	vertical-align: middle;
	color:#FDE800;
}

#secondnav ul {
list-style-type:none;
	margin-right: 40px;
	margin-left: 40px;
	line-height: 1.4em;
}
#secondnav li {
display:inline;
}
#secondnav a {
text-decoration:none;
	color:#FFFFFF;
}
#secondnav a:hover {
	text-decoration:underline;
	color:#FDE800;
}
.snavselec {
	font-weight:bold;
	text-decoration:none;
}


.superstorage #selected {
background:#CC0000 url(../images/nav-bg-over.gif) repeat-x left center;
color: #ffffff;
}


/* --------- 4. page styling  --------- */

#flashcontent {
font-size:95%;
text-align:center;
color:#FFFF00;
padding:5px 0px 3px 0px;
}

#flashcontent a {
color:#FFFF00;
}

#flashcontent h2 {
color:#FFFFFF;
font-size:140%;
padding-top:10px;
}

.featureright {
padding: 0px 10px 10px 15px;
}

.featureright h3{
font-size:135%;
line-height:1.3em;
padding-bottom:10px;
}

.featureright img{
float: right;
padding: 0	0 0px 10px;
margin: 0;
}

.featureleft {
padding: 0px 10px 10px 15px;
}

.featureleft h3{
font-size:135%;
line-height:1.3em;
padding-bottom:10px;
}

.featureleft img{
float: left;
padding: 0	10px 0 0px;
margin: 0;
}


dl.newsfeature {
margin: 5px 8px 5px 10px;
line-height:1.3em;

}

dl.newsfeature dt img {
float:right;
margin:2px 2px 2px 4px;
}

dl.newsfeature dd {
margin-right: 90px;
margin-bottom: 10px;
}

dl.newsfeature:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

dl.depotinfo {
margin: 0px 0px 10px 0px;
}


dl.depotinfo dt img {
float:right;
margin-top:0px;
}

dl.depotinfo dd {
margin-right: 245px;
}

dl.depotinfo:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

dl.leftpicsmall {
margin: 0px;
}

dl.leftpicsmall dt img {
float:left;
margin:0px 0px 0px 0px;
}

dl.leftpicsmall dd {
margin-left: 210px;
margin-bottom: 0px;
}

dl.leftpicsmall:after {
content: ".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


.redtext {
color:#CC0000;
}

.boldredtext {
color:#CC0000;
font-weight:bold;
}

.boldtext {
font-weight:bold;
}

.infotext {
padding-top:8px;
padding-bottom:10px;
}


.heading {
background-color:#003399;
border-bottom:#CC0000;
}

.bullet {
margin:0 0 10px 0px;
}


.bullet li {
font-size:95%;
padding: 8px 0 0 18px;
list-style:none;
background-image:url(../image_bank/makeup-images/bullet_arrow.gif);
background-repeat: no-repeat;
background-position:0px 10px;
}

.bulletsimple {
margin:0 0 10px 0px;
}


.bulletsimple li {
font-size:95%;
padding: 8px 0 0 0px;
list-style:none;
}



#titlepage {
float:left;
width:508px;
padding: 0px;
}

#titlepage dl {
	float:left;
	width:448px;
	margin: 10px 20px;
	padding:0 10px 10px 10px;
	display: inline;
	background-image:url(../image_bank/makeup-images/linkbg.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
}

#titlepage dt {
float:right;
width:270px;
margin: 0;
padding: 10px 0 5px 0;
font-size: 140%;
font-weight:bold;
color:#CC0000;
}

#titlepage dd {
margin: 0 0 0 98px;
margin: 0;
padding: 0;
font-size:100%;
line-height: 1.5em;
color:#000000;
}

#titlepage dl dd.img {
margin: 0;
}

#titlepage dd.img img {
float:left;
margin: 0 8px 0 0;
padding: 4px;
margin-bottom:4px;
border: 1px solid #666666;
background: #ffffff;
}

/* reverse float */

#titlepage .alt dt {
float:left;
}

#titlepage .alt dd {
margin: 0 98px 0 0;
}

#titlepage .alt dd.img img {
float:right;
margin: 0 0 4px 8px;
padding: 4px;
}












#contactpage {
float:left;
width:508px;
padding: 0px;
}

#contactpage dl {
	float:left;
	width:468px;
	margin: 10px 20px;
	padding:0 0px 10px 0px;
	display: inline;
	border-bottom: 1px dotted #666666;
	}

#contactpage dt {
float:right;
width:290px;
margin: 0;
padding: 10px 0 5px 0;
font-size: 140%;
font-weight:bold;
color:#CC0000;
}

#contactpage dd {
margin: 0 0 0 98px;
margin: 0;
padding: 0;
font-size:100%;
line-height: 1.5em;
color:#000000;
}

#contactpage dl dd.img {
margin: 0;
}

#contactpage dd.img img {
float:left;
margin: 0 8px 0 0;
padding: 4px;
margin-bottom:4px;
border: 1px solid #666666;
background: #ffffff;
}

/* reverse float */

#contactpage .alt dt {
float:left;
}

#contactpage .alt dd {
margin: 0 98px 0 0;
}

#contactpage .alt dd.img img {
float:right;
margin: 0 0 0 8px;
}






/* new right hand side */


.nav1 {
font-size:90%;
margin:0px;
padding:0;
font-weight:bold;
background-image:url(../newsiteimages/nr_nav_bg.gif);
}

.nav1 li {
border-bottom: 1px solid #FFFFFF;
padding:0px;
margin:0px;
}

.nav1 a {
display:block;
list-style: none;
color:#000000;
padding:4px 0 4px 10px;
background-color:#FDE800;
text-decoration:none;
}


.nav1 ul {
margin: 0;
padding: 0;
list-style: none;
line-height: 1.6em;
}

.nav1 ul a:hover {
color:#CC0000;
background-color:#FFF69F;
background-image:url(../images/navigation_over.gif);
background-position: top;
background-repeat: repeat-x;
}

.nav1 #selectedsegment {
color:#FFFFFF;
background-color:#CC0000;
}


.rightformnew {
	background-color:#CC0000;
	margin-bottom:10px;
	border:1px solid #FFFFFF;
	padding:225px 4px 10px 10px;
	font-weight:bold;
	background-image:url(../images/rhs_postcode_box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	color:#FFFFFF;
}

.contentpagetitle {
margin:0px 0px 20px 0px;
border-bottom:3px solid #CC0000;
padding-bottom:0px;
}

.contentpagetitle h1 {
font-family:Arial, Helvetica, sans-serif;
padding-bottom:10px;
margin-bottom:0px;
font-size: 175%;
border-bottom:none;
}

.contentpagetitle p {
margin-bottom:0px;
padding-bottom:5px;
}

.contentpagetitle a {
color:#666666;
}

















.smcolumnleft {
width:150px;
float:left;
margin:0 0 25px 0px;
padding:0 0px 0 0;
display:inline;
}

.smcolumnleft li {
list-style:none;
padding:2px 0 0 0;
}


.smcolumnmiddle {
width:150px;
float:left;
margin:0 0 25px 10px;
padding:0 10px 0 0;

}

.smcolumnmiddle li {
list-style:none;
padding:2px 0 0 0;
}


.smcolumnright {
width:150px;
float:left;
margin:0 0 25px 10px;
padding:0 0px 0 0;
}

.smcolumnright li {
list-style:none;
padding:2px 0 0 0;
}

.sitemappage {
padding:0px 10px 0 10px;
}


.sitemappage h2 {
margin-bottom:10px;
font-size:130%;
font-weight:bold;
border-bottom:1px dotted #CC0000;
}



.separator{
clear:both;
height:0px;
}

.imageright img {
float:right;
padding:10px 0px 10px 10px;
}

.buttonnoborder img {
border:0px;
}

.smalltext {
font-size:80%;
line-height:1.2em;
}

.imageleftnew img {
float:left;
padding:0px 15px 0px 0px;
margin:0px;
}