html{
height: 99%;
}


body {
font-size: 1em;
position: relative;
z-index: 0;
font-family: "Comic Sans MS", sans-serif;
font-style: normal;
font-weight: normal;
color: #000000;
background-color: #FFFFFF;
width: 100%;
height: 98%;
margin-top: 10px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
padding:0;
text-align: left;
}


img{
border-width: 0px;
margin: 0;
padding: 0;
}

span.accesskey{
text-decoration: underline;
font-style: normal;
}
em{
text-decoration: underline;
font-style: normal;
}

.clear{
width: 100%;
clear: both;
font-size: 0pt;
line-height: 0pt;
}

.innerprop{
float: left;
width: 0px;
height: 50px;
}

div.shortdiv{
height: 1px;
line-height: 1px;
font-size: 1pt;
color: #6E1F71;
margin:0;
padding:0;
}

div.outer{
position: relative;
z-index: 0;
width: 100%;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
background-image: url(imagesr/namevert.jpg);
background-repeat: no-repeat;
background-position: 99% 0%;
}

div.inner{
position: relative;
z-index: 1;
width: 760px;
height: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0;
margin-bottom: 0;
padding: 0;
border-color: #972898;
border-style: solid;
border-width: 1px 0 0 0;
}

div.headerhead{
position: relative;
z-index: 1;
float: right;
padding: 0;
margin: 0;
height: 402px;
width: 239px;
border-color: #972898;
border-style: solid;
border-width: 0 1px 0 0;
}
div.headermain{
position: relative;
z-index: 2;
float: left;
width: 520px;
height: 308px;
background-image: url(imagesr/headermainback.jpg);
background-repeat: repeat-x;
background-position: left bottom;
background-color: #FFFFFF;
}
img.nameimg{
position: relative;
top: 25px;
/* Hide from ie5mac \*/
position: absolute;
top: 40px;
/* end of hide */
left: 10px;
}
div.headermain h1{
position: relative;
/* Hide from ie5mac \*/
position: absolute;
/* end of hide */
width: 500px;
font-size: 1.5em;
font-weight: bold;
font-style: italic;
left: 20px;
top: 150px;
padding: 0;
margin: 0;
color: #6E1F71;
}


div.main{
position: relative;
z-index: 2;
top: -95px;
left: 0px;
font-size: 0.8em;
float: left;
width: 759px;
text-align: left;
text-align: justify;
margin: 0 0 0 0;
padding: 10px 0 0 0;
background-color: transparent;
border-color: #972898;
border-style: solid;
border-width: 0 1px 0 0;
}
#main1{
background-image: url(imagesr/revlonline.jpg);
background-repeat: no-repeat;
background-position: 0% 100%;
}
div.main a{
text-decoration: none;
color: #6E1F71;
}
div.main a:hover{
text-decoration: none;
color: #888888;
}

div.bag{
float: right;
clear: right;
height: 10px;
padding: 0;
margin: 0;
line-height: 1pt;
}
#bag1{
width: 180px;
}
#bag2{
width: 170px;
}
#bag3{
width: 160px;
}
#bag4{
width: 150px;
}
#bag5{
width: 140px;
}
#bag6{
width: 125px;
}
#bag7{
width: 115px;
}
#bag8{
width: 100px;
}

div.main p{
margin: 0;
padding: 10px 10px 5px 0;
}

div.main h2{
font-size: 1.3em;
font-weight: normal;
padding: 0;
margin: 0;
}

div.main h3{
font-size: 1.1em;
font-weight: bold;
padding: 0;
margin: 0;
}

div.innermain{
position: relative;
padding: 0 0 0 150px;
}
div.innermain ul{
margin: 0;
padding: 0 0 0 20px;
}

img.prodimgr {
float: right;
clear: right;
margin: 15px 0 10px 10px;
padding: 0px;
border-style: solid;
border-color: #6E1F71;
border-width: 1px 1px 0 0;
}
img.prodimgl {
float: left;
clear: left;
margin: 10px 10px 10px 0px;
padding: 0px;
border-style: solid;
border-color: #6E1F71;
border-width: 1px 1px 0 0;
}

div.navbox{
position: relative;
z-index: 2;
top: -90px;
left: 10px;
float: left;
width: 130px;
font-size: 1em;
padding: 5px 0 10px 0;
margin: 0 20px 0 0;
color: #FFFFFF;
background-color: #6E1F71;
text-align: center;
}
div.navbox h1{
font-size: 1.1em;
font-weight: bold;
padding: 0;
margin: 2px 0 0 0;
}
div.navbox h2{
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 4px 0 0 0;
}
div.navbox p{
padding: 0;
margin: 0;
font-size: 1em;
}
div.navbox form{
margin: 0;
padding: 0;;
width: 100%;
}
form.searchform p{
font-size: 1.5em;
}
#searchheader{
font-size: 1em;
}
#searchstring{
background-color: #FFFFFF;
color: #000000;
font-size: 0.95em;
font-family: "Comic Sans MS", sans-serif;
border: 1px solid #000000;
padding: 2px;
margin: 0;
width: 50%;
}
#searchbutton {
background-color: #E2D8E2;
color: #000000;
font-size: 0.9em;
font-family: "Comic Sans MS", sans-serif;
border-style: solid;
border-color: #000000;
border-width: 1px;
padding: 1px;
margin: 1px 0 0 1px;
}

div.innernav{
margin: 5px 3px 0px 2px;
padding: 1px;
border-color: #FFFFFF;
border-style: solid;
border-width: 1px 1px 0px 0px;
}
#info{
margin-top: 25px;
padding-top: 5px;
font-size: 0.85em;
}

form.cartthumb{
width: 100%;
}
form.cartthumb p{
font-size: 1.1em;
}
form.cartthumb input{
text-align: center;
background-color: #6E1F71;
color: #FFFFFF;
font-size: 0.8em;
font-family: "Comic Sans MS", sans-serif;
border: 1px solid #6E1F71;
padding: 0;
margin: 0;
width: 90%;
}

div.navbox a{
text-decoration: none;
color: #FFFFFF;
font-size: 1em;
}
div.navbox a:hover {
text-decoration: none;
color: #E2D8E2;
}
#colink1{
font-size: 0.8em;
}

div.cataloguenavs{
position: absolute;
z-index: 2;
float: left;
top: -35px;
left: 170px;
font-size: 1em;
color: #000000;
background-color: #B29CB2;
}
div.cataloguenavs a{
color: #000000;
}
div.cataloguenavs a:hover{
color: #E2D8E2;
}

div.ournavs{
position: relative;
z-index: 2;
float: left;
top: -50px;
left: 10.5em;
left: 150px;
font-size: 0.9em;
color: #000000;
background-color: #B29CB2;
width: 465px;
}	

div.ournavs a{
text-decoration: none;
color: #000000;
font-size: 1em;
}
div.ournavs a:hover {
text-decoration: none;
color: #E2D8E2;
}


div.product{
position: relative;
float: right;
width: 605px;
padding: 10px 0 0 0;
margin: 0;
}
div.stats{
position: relative;
float: left;
width: 240px;
width: 21em;
padding: 0px 20px 10px 0;
margin: 0;
font-size: 0.85em;
color: #A00860;
}

div.briefproduct{
position: relative;
float: left;
width: 250px;
border-style: solid;
border-color: #6E1F71;
border-width: 1px 1px 0 0;
margin: 5px 15px 0 20px;
padding: 0;
text-align: left;
}
div.briefproduct img{
float: left;
margin: 0 5px 0 0;
}
div.briefproduct div{
padding: 10px 0 0 0;
}
div.briefproduct a{
text-decoration: none;
color: #6E1F71;
font-size: 1em;
}
div.briefproduct a:hover {
text-decoration: none;
color: #000000;
}
div.briefproduct p{
font-size: 0.9em;
}
p.fromthe{
font-size: 0.8em;
}

div.prodnavigator{
float: right;
width: 604px;
font-size: 0.9em;
text-align: center;
margin: 0;
padding: 0 5px 0 0;
}
div.prodnavigator a{
text-decoration: none;
color: #6E1F71;
}
div.prodnavigator a:hover{
text-decoration: none;
color: #888888;
}

div.fullproduct{
position: relative;
float: left;
clear: none;
width: 500px;
margin: 5px 0 0 0;
padding: 0;
text-align: left;
}
img.prodimage{
float: left;
margin: 0 5px 0 0;
}

div.fullproduct a{
text-decoration: none;
color: #6E1F71;
font-size: 1em;
}
div.fullproduct a:hover {
text-decoration: none;
color: #000000;
}
div.fullproduct p{
font-size: 0.9em;
}
div.productinfo{
position: relative;
float: right;
width: 602px;
margin: 10px 0 0 0;
padding: 0 5px 0 0;
}

div.showhide{
position: relative;
float: left;
clear: left;
width: 125px;
text-align: center;
margin: 0;
padding: 0;
font-size: 1em;
}
#showhideprim{
display: inline;
}
#showhidealt{
display: none;
}

div.allcolours{
position: relative;
float: left;
width: 600px;
margin: 0;
padding: 0;
font-size: 0.7em;
text-align: center;
}


div.colourblock{
position: relative;
float: left;
width: 60px;
margin: 0;
padding: 0 2px 0 0px;
text-align: center;
}

div.colourblock img{
position: relative;
float: left;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}
div.colourblock P{
margin: 0;
padding: 0;
}


div.colourbar{
position: relative;
float: left;
width: 265px;
margin: 0;
padding: 0;
font-size: 0.8em;
text-align: center;
}
#descriptionbar{
width: 260px;
}

div.colourbar p{
margin: 0;
padding: 0;
}
div.colourID {
position: relative;
left: 20px;
float: left;
width: 43px;
font-size: 0.8em;
}


img.sidecolour{
position: relative;
float: left;
border: 3px solid #FFFFFF;
height: 40px;
width: 37px;
margin: 0;
padding: 0;
}
img.centrecolour{
position: relative;
float: left;
border: 3px double #6E1F71;
height:40px;
width: 37px;
margin: 0;
padding: 0;
}
img.colourarrow{
position: relative;
float: left;
margin: 0;
padding: 0;
}
img.largecolour{
position: relative;
float: right;
right: 0;
padding: 0;
margin:0;
}

div.preload{
position: relative;
float: right;
display: none;
width: 1px;
height: 1px;
}

div.findothers{
position: relative;
float: right;
width: 220px;
font-size: 0.9em;
margin: 5px 0 0 0;
padding: 0;

}


div.addbasket{
position: relative;
float: right;
width: 150px;
margin: 5px 0 0 0;
padding: 0;
line-height: 30px;
}
div.addbasket img{
position: relative;
float: left;
}

div.largepicture{
position: relative;
float: right;
width: 603px;
margin: 5px 0 0 0;
padding: 0;
text-align: center;
}


img.catlogo{
position: absolute;
left: 1px;
top: 400px;
/* Hide from ie5mac \*/
left: 11px;
top: 340px;
/* end of hide */
}


table.sizes{
width: 90%;
}
tr.toprow td{
font-weight: bold;
}

table.shopping{
position: relative;
float: right;
width: 600px;
border: 0;
padding: 2px;
background-color: #B39DB2;
margin: 0 5px 0 0;
padding: 0;
}
tr.row1{
text-align: center;
background-color: #B39DB2;
}
tr.bodyrows{
text-align: center;
background-color: #FFFFFF;
}
#lastcol{
width: 20px;
}
#totalcell{
background-color: #CFC1CF;
}
.lhcol{
text-align: left;
}
.rhbutton{
position: relative;
right: 30px;
float: right;
clear: right;
}
#lhbutton{
position: relative;
float: left;
}

div.paypalform{
position: relative;
float: right;
width: 609px;
}


div.sitemaptopcat{
position: relative;
width: 607px;
float: right;
clear: right;
padding: 0;
margin: 0;
}


div.innermainmap p{
margin: 0;
padding: 2px 0 0 0;
}

div.sitemapcat{
position: relative;
width: 200px;
float: left;
padding: 7px 0 0 0;
margin: 0;
text-align: left;
}

p.level0{
position: relative;
font-weight: bold;
}
p.level1{
position: relative;
left: 8px;
width: 192px;
font-weight: bold;
}
p.level2{
position: relative;
left: 12px;
width: 189px;
}

img.innerimage{
float: right;
margin: 0 3px 3px 3px;
padding: 0 0 0 5px;
}

form.enquiry{
width: 600px;
font-size: 1.2em;
float: left;
margin: 0;
padding: 0;
}
div.formline div{
float: left;
text-align: right;
padding: 0 1% 0 0;
margin: 0;
font-size: 0.8em;
line-height: 1.5em;
}
div.formlinel{
width: 190px;
}
div.formliner{
width: 390px;
}
div.formline input{
font-family: "Comic Sans MS", sans-serif;
font-size: 1em;
font-style: normal;
font-weight: normal;
padding: 0;
margin: 0;
width: 98%;
}
div.formline textarea{
width: 98%;
font-family: "Comic Sans MS", sans-serif;
font-style: normal;
font-weight: normal;
font-size: 1em;
}



div.footer{
position: relative;
float: left;
clear: both;
width: 749px;
padding: 5px;
margin: 10px 0 0 0;
background-color: #B29CB1;
text-align: left;
font-size: 0.85em;
}

div.footer a{
text-decoration: none;
color: #000000;
font-size: 1em;
}
div.footer a:hover {
text-decoration: none;
color: #E2D8E2;
}

span.copy{
position: relative;
font-size: 1.4em;
top: 3px;}

span.footernavs{
position: relative;
right: 5px;
text-align: left;
color: #000000;
font-size: 0.75em;
line-height: 2em;
}
span.spacer{
font-size: 0.2em;
color: #A4B8CF;
}



.footernavs a{
text-decoration: none;
color: #000000;
}
.footernavs a:hover {
text-decoration: none;
color: #888888;
color: #850068;
}