*{
margin: 0;
padding: 0;
}

body {
	color: #333;
	background-color: #886A85;
	margin:10px 0px 0px 0px;
}

/* Sets the font family and base font size for the site. */
body {
font-family: Verdana, Arial, sans-serif;
font-size: small;
}

/* START - Layout DIVS */
#wrapper{
position: relative;
margin: 0 auto;
width: 862px;
padding: 0px;
background: #EDDFCC url('../img/bg_wrapper.gif') repeat-y right;
border-left: 1px solid #886A85;
}

#wrapperexample{
margin: 0 auto;
width: 862px;
padding: 0px;
background: #EDDFCC;
border-left: 1px solid #886A85;
}

#corner{
position: absolute;
bottom: 0px;
right: 0px;
width: 67px;
height: 100px;
}

/* Hack to remove 1px of space for IE 6 and below */
* html #corner {
	bottom: -1px;
}

#header{
margin: 0 auto;
width: 862px;
background: #EDDFCC;
border-left: 1px solid #886A85;
}

#strap{
float: left;
color: #8A644A;
}

#logo{
float: right;
width: 250px;
}

#breadcrumbs{
background: #EDDFCC;
padding: 0 0 8px 160px;
font-size: 80%;
color: #53284F;
margin-right: 70px;
}

#navone{
float: left;
width: 141px;
padding: 0 0px 0 19px;
background-color: #EDDFCC; 
}

#contentwrap{
width: 634px;
float: left;
}

#contentwrapnomenu{
width: 634px;
float: left;
background: #fff url('../img/bg_contentwrap.gif') no-repeat;
padding-top: 28px;
}


#navtwo{
height: 36px;
width: 633px;
padding-top: 1px;
border-left: 1px solid #A690A4;
background:  #BAA9B9 url('../img/bg_nav2.gif') top right no-repeat;
}

#content{
width: 592px;
background: #fff;
border-right: 1px solid #A690A4;
border-left: 1px solid #A690A4;
padding: 20px 20px 0 20px;
}

#contentnomenu{
width: 592px;
background: #fff;
border: 1px solid #A690A4;
border-bottom: none;
border-top: none;
padding: 0px 20px 0 20px;
}

#buttons{
margin-top: 30px;
}

#contentone{
width: 286px;
float:left;
background: #fff;
}

#contenttwo{
width: 286px;
float: right;
background: #fff;
}

#contentonenarrow{
width: 194px;
float:left;
background: #fff;
}


#contenttwowide{
width: 378px;
float: right;
background: #fff;
}

.contenttwosubleft{
width: 186px;
float: left;
display: inline;
}

.contenttwosubright{
width: 192px;
float: left;
display: inline;
}

#threeone{
float: left;
width: 185px;
}

#threetwo{
float: left;
width: 185px;
margin-left: 19px;
}

#threethree{
float: right;
width: 185px;
}

#onecolwide{
width: 592px;
float: left;
}

#contact{
width:863px;
height: 113px;
text-align: center;
color: #53284F;
margin: 0 auto;
font-size: 100%;
background: url('../img/bg_contact.gif') no-repeat top right;
clear: both;
}

#contact span {
font-size: 120%;
font-weight: bold;
}

#footer{
margin: 0 auto;
font-size: 70%;
width: 862px;
padding: 0px 0 22px 0px;
color: #EDDFCC;
}



/* START - Nav */
/* START - General Nav */
a:link{
color: #7B91CA;
font-size: 100%;
text-decoration: none;
}

a:visited{
color: #B3C8E6;
font-size: 100%;
text-decoration: none;
}

a:hover{
font-size: 100%;
text-decoration: underline;
}


/* START - Nav One */
#navone ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navone li{
margin: 0;
padding: 0;
width: 121px;
}

#navone a{
width: 116px;
padding: 5px 0 4px 5px;
font-size: 85%;
border-bottom: 1px solid #D9C5D7;
display: block;
}

#navone a:link, #navone a:visited{
color: #53284F;
font-weight: bold;
text-decoration: none;

}

#navone a:hover{
background: url('../img/nav/nav1_over.gif') no-repeat;
}

#navone #current {
background: url('../img/nav/nav1_current.gif') no-repeat;
color: #fff;
}


/* START - Breadcrumbs */
#breadcrumbs a:link, #breadcrumbs a:visited{
text-decoration: none;
color: #53284F;
font-size: 100%;
}

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


/* START - Navtwo */

#navtwo ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#navtwo li{
margin: 0;
padding: 0;
float: left;
}

#navtwo a {
color: #53284F;
font-weight: bold;
text-decoration: none;
display: block;
width: auto;
padding: 4px 11px 4px 11px;
border-right: 1px solid #fff;
font-size: 85%;
font-family: Arial, sans-serif;

}

#navtwo a:link.first{
padding-left: 14px;
}

#navtwo a:link.last, #navtwo a:visited.last, #navtwo a:hover.last{
margin-right: 0px;
padding-right: 5px;
border: none
}

#navtwo a:link, #navtwo a:visited{
background: #BAA9B9;
}

#navtwo a:hover{
background: #876984;
color: #fff
}

#navtwo #currenttwo{
background: #fff;
color: #53284F;
}

/* START - Buttons Nav - to prevent them picking up Navtwo styles */

#buttons a {
	height: 77px;
	width: 134px;
	border: none;
	padding: 0px;
}

#buttons a.tell-a-friend_button {
	background: transparent url('../img/tell-a-friend.jpg') no-repeat 0px 0px;
}

#buttons a.tell-a-friend_button:hover {
	background: transparent url('../img/tell-a-friend.jpg') no-repeat 0px -77px;
}

#buttons a.newsletter_button {
	background: transparent url('../img/newsletter.jpg') no-repeat 0px 0px;
}

#buttons a.newsletter_button:hover {
	background: transparent url('../img/newsletter.jpg') no-repeat 0px -77px;
}

/* Start footer nav */
#footer a:link, #footer a:visited{
color: #EDDFCC;
font-size: 100%;
text-decoration: none
}

#footer a:hover{
text-decoration: underline
}



/* START - Text Styles */
h1, h2, h3{
color: #8A644A;
}

		
h1 {
font-size : 135%;
padding-bottom: 15px;
font-weight: normal
}

h2 {
font-size : 85%;
margin-top: 7px;
margin-bottom: 1px;
}


h2.headright {
margin-bottom: 10px;
margin-top: 3px
}
	
	
p {
	margin-top: 0px;
	margin-bottom: 10px;
}


p.textright {
margin-right: 106px
}

#contentone p, #contentone ul, #contenttwo p, #contenttwo ul, #content p, #content ul, #onecolwide p, #onecolwide ul, #contentnomenu p, #contentnomenu ul{
font-size: 85%
}

#content ul, #contentone ul, #contenttwo ul, #onecolwide ul, #contentnomenu ul{
margin-left: 17px;
list-style-image: url(../img/bullet.gif)
}

#content li, #contentone li, #contenttwo li, #onecolwide li, #contentnomenu li{
margin-bottom: 3px
}
		
.top{
	text-align: right;
	width: 100%
}

br.clear{
clear: left;
line-height: 0
}

img{
border: none
}

.picright{
float:right;
margin: 0px 0px 7px 7px;
}

.picleft {
float: left;
margin: 0px 7px 7px 0px;
}

.imgnoborder {
	border: 0px solid #000000; 
}


/* START - Form Code */
#formcontain{
width: 422px
}

label, input, textarea {
display: block;
width: 200px;
float: left;
margin-bottom: 10px;
font-family : Verdana, arial, sans-serif;
font-size : 85%;
border: 1px solid #A690A4;
height: 18px
}

label {
text-align: right;
width: 200px;
padding-right: 20px;
border: 0px;
}

label.radiosmall {
width: 32px;
text-align: left;
font-size : 85%;
}

input.radionarrow{
width: 20px;
height: 13px;
border: none;
font-size : 85%;
}

input.submit_subscribe, input.submit_unsubscribe {
display: block;
float: right;
width: 108px;
height: 18px;
border: 0px solid #A690A4;
}

input.submit_subscribe {
	background: transparent url('../img/subscribe.gif') no-repeat 0px 0px;
}

input.submit_subscribe:hover {
	background: transparent url('../img/subscribe.gif') no-repeat 0px -18px;
}

input.submit_unsubscribe {
	background: transparent url('../img/unsubscribe.gif') no-repeat 0px 0px;
}

input.submit_unsubscribe:hover {
	background: transparent url('../img/unsubscribe.gif') no-repeat 0px -18px;
}

/* Extra CSS for Home Page buttons */

h3 {
	margin: 0px;
	padding: 0px 0px 0px 8px;
	font-size: 85%;
}

a.home_message {
	margin-top: 14px;
	height: 150px;
	width: 185px;
	display: block;
	background: transparent url('../img/give_vouchers.gif') no-repeat 0px -150px;
}

a.home_message:hover {
	background: transparent url('../img/give_vouchers.gif') no-repeat 0px 0px;
}

ul#home_buttons {
	list-style: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px 0px 0px 7px;
}

ul#home_buttons li {
	padding: 0px;
	margin: 8px 0px 6px 0px;
	width: 185px;
	height: 19px;
	float: left;
	clear: both;
}

ul#home_buttons li a {
	padding: 0px;
	margin: 0px;
	width: 185px;
	height: 19px;
	display: block;
}

ul#home_buttons li a.colour {
	background: transparent url('../img/colour.gif') no-repeat 0px 0px;
}

ul#home_buttons li a.style {
	background: transparent url('../img/style.gif') no-repeat 0px 0px;
}

ul#home_buttons li a.wardrobe {
	background: transparent url('../img/wardrobe.gif') no-repeat 0px 0px;
}

ul#home_buttons li a.personal {
	background: transparent url('../img/personal.gif') no-repeat 0px 0px;
}

ul#home_buttons li a:hover {
	background-position: 0px -19px;
}

/* Extra CSS for Why page */

ul#whybox {
	float: left;
	list-style: none;
	padding: 0px;
	margin: 0px;
	height: 100px;
	width: 590px;
}

ul#whybox li {
	float: left;
	padding: 0px;
	margin: 0px;
	margin-right: 10px;
	display: inline;
	width: 140px;
	height: 70px;
}

ul#whybox li.last {
	margin-right: 0px;
}

ul#whybox li img {
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
}

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

#whypageright{
	float: left;
	width: 390px;
	height: 250px;
	background-color: white;
}

/* Extra CSS for Services page */

#content .serviceleft {
	float: left;
	width: 280px;
	padding-right: 25px;
}

#content .serviceright {
	float: left;
	width: 280px;
}

#content .serviceleft .picright, #content .serviceright .picright {
	float: right;
	margin: 6px 0px 0px 0px;
}

#content .serviceleft h2 a, #content .serviceright h2 a {
	color: #8A644A;
}

#content .serviceleft p, #content .serviceright p {
	width: 180px;
	padding: 8px 0px 0px 0px;
}

#content .serviceleft p.wide, #content .serviceright p.wide {
	width: 280px;
}

#content .divider {
	width: 585px;
	height: 20px;
	border-bottom: 1px #886a85 solid;
	clear: both;
	margin-bottom: 25px;
}