/* -------------------------------------------------------------- 
   typeface
-------------------------------------------------------------- */
@font-face {
	font-family: 'ClassicRomanStdRegular';
	src: url('font/ClassicRomanStd-Regular.eot');
	src: local('font/Classic Roman Std'), local('font/ClassicRomanStd-Regular'), url('font/ClassicRomanStd-Regular.woff') format('woff'), url('font/ClassicRomanStd-Regular.ttf') format('truetype');
}

/* general
---------------------------------------------------------------------------------*/
body {
	background:#f6e8f3 url(images/Page-background-v3.png) repeat-y top center;
	text-align:center;
}
a {text-decoration:none; color:#e384b6; outline:none;}
a:hover {text-decoration:underline; cursor:pointer;}

/* headings and typography
---------------------------------------------------------------------------------*/
h1 {
	background:#fff url(images/logo-v3.png) no-repeat 0 40px;	/* ypos should be equal to padding-top (and h1 a top) */
	margin:0 auto;
	padding-top:40px;	/* value should be equal to background ypos (and h1 a top) */
	height:120px;
	width:444px;
	position:relative;
}
h1 a {
	display: block;
	height:120px;
	overflow: hidden;
	position: absolute;
	text-indent: -9999px;
	top: 40px;	/* top should be equal to background and padding-top in h1 */
	width: 100%;
}
/* shadow
---------------------------------------------------------------------------------*/
.shadow {float:left;}
.container {position:relative; background:#fff; padding:0 25px; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
/*.frame {position:relative; background:#fff; padding:0; display:block;
-moz-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}*/
 
/* header
---------------------------------------------------------------------------------*/
.container {
	margin:40px auto;
	padding:0 25px;	/* using blueprint 950px wide container makes total width 1000 (950 + 25 + 25)*/
	/*width:990px;*/
	background-color:#fff;
	font-family:Verdana, Geneva, sans-serif;
}
#skipLink {
	display: none;
}
#header {
	/*background:#fff url(images/logo-v3.png) no-repeat 50% 0;*/
	/*width:100%;
	float:left;*/
}
#copyright {
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	margin:0 auto 20px;
	width:1000px;
}
/* navagation-bar
---------------------------------------------------------------------------------*/
ul#topnav {
	margin:0 0 5px 0; padding:0;
	list-style:none;
	height:66px;
	background:#fff url(images/topnav/nav-bgnd.png) repeat-x 0 0;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
	top:0;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 66px;
	position:relative;
	top:0;
	border:none;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: 0 -66px; }
ul#topnav li.nav-bgnd {
	margin-left:20px;
}
ul#topnav a.home {
	background: url(images/topnav/nav-home.png) no-repeat 0 0;
	width: 61px;
}
ul#topnav a.about {
	background: url(images/topnav/nav-about.png) no-repeat 0 0;
	width: 91px;
}
ul#topnav a.brands {
	background: url(images/topnav/nav-brands.png) no-repeat 0 0;
	width: 109px;
}
ul#topnav a.advice {
	background: url(images/topnav/nav-advice.png) no-repeat 0 0;
	width: 132px;
}
ul#topnav a.stores {
	background: url(images/topnav/nav-stores.png) no-repeat 0 0;
	width: 109px;
}
ul#topnav a.news {
	background: url(images/topnav/nav-news.png) no-repeat 0 0;
	width: 109px;
}
ul#topnav a.contact {
	background: url(images/topnav/nav-contact.png) no-repeat 0 0;
	width: 113px;
}
ul#topnav a.blog {
	background: url(images/topnav/nav-blog.png) no-repeat 0 0;
	width: 55px;
}

ul#topnav li .sub {
	text-align:left;
	position: absolute;	
	top: 53px; left: -15px;
	background: #f6e8f3;
	padding: 20px;
	float: left;
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	z-index:100;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 8px;
	-khtml-border-radius-bottomright: 8px;
	-webkit-border-bottom-right-radius: 8px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 8px;
	-khtml-border-radius-bottomleft: 8px;
	-webkit-border-bottom-left-radius: 8px;/**/
	display: none;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 250px;
	float: left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-weight:normal;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	padding: 5px 0;
	background-image: none;
	color: #660066;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	width:auto;
	margin: 0;
	padding: 3px 3px 3px 8px;
	display: block;
	text-decoration: none;
	color: #000;
	position:relative;
	top:-10px;
	left:0;
}
ul#topnav .sub ul li a:hover {color: #000; background-color:#dda1c8; background-position: 5px 12px;}

/* specify drop down widths for each link - 20px greater than height from bottom of last link */
ul#topnav li .sub ul#about {width:190px; height:118px;}
ul#topnav li .sub ul#advice {width:130px; height:231px;}
ul#topnav li .sub ul#stores {width:160px; height:96px;}
ul#topnav li .sub ul#news {width:145px; height:51px;}
ul#topnav li .sub ul#contact {width:95px; height:5px;}

/* content
---------------------------------------------------------------------------------*/
#content {
	text-align:left;
	min-height:500px;
	background:url(images/bgnd-bustier.png) no-repeat top right;
	position:relative;
}
#content p {
	font-size:12px;
	line-height:1.5em;
}
#content.bustier {
}

/* breadcrumbs
---------------------------------------------------------------------------------*/
#breadcrumb {margin:0 0 30px 0;}
#breadcrumb p {font-size:10px;}
#breadcrumb span {font-weight:bold;}

/* footer
---------------------------------------------------------------------------------*/
#footer {
	height:165px;
	margin-top:0;
}

.footernav {
	width: 950px;
	height: 89px;
	background: url(images/footer-v5.png) no-repeat;
	position: relative;
	top: 0;
	left: 0;
	margin:0 auto;
}
.footernav li {
	display: inline;
}
.footernav li a:link, .footernav li a:visited {
	position: absolute;
	top: 0;
	height: 89px;
	text-indent: -9999px;
	overflow: hidden;
	z-index: 10;
}
.footernav .newsletter a:link, .footernav .newsletter a:visited {
	left: 0px;
	width: 210px;
}
.footernav .newsletter a:hover, .footernav .newsletter a:focus, .footernav .newsletter a:active, .current-newsletter .newsletter a:link, .current-newsletter .newsletter a:visited {
	background: url(images/footer-v5.png) no-repeat -0px -89px;
}
.footernav-newsletter, .footernav-newsletter-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 210px;
	height: 89px;
	background: url(images/footer-v5.png) no-repeat -0px -89px;
}
.footernav .appointment a:link, .footernav .appointment a:visited {
	left: 230px;
	width: 198px;
}
.footernav .appointment a:hover, .footernav .appointment a:focus, .footernav .appointment a:active, .current-appointment .appointment a:link, .current-appointment .appointment a:visited {
	background: url(images/footer-v5.png) no-repeat -230px -89px;
}
.footernav-appointment, .footernav-appointment-click {
	position: absolute;
	top: 0;
	left: 230px;
	width: 198px;
	height: 89px;
	background: url(images/footer-v5.png) no-repeat -230px -89px;
}
.footernav .gift-card a:link, .footernav .gift-card a:visited {
	left: 448px;
	width: 190px;
}
.footernav .gift-card a:hover, .footernav .gift-card a:focus, .footernav .gift-card a:active, .current-gift-card .gift-card a:link, .current-gift-card .gift-card a:visited {
	background: url(images/footer-v5.png) no-repeat -448px -89px;
}
.footernav-gift-card, .footernav-gift-card-click {
	position: absolute;
	top: 0;
	left: 448px;
	width: 190px;
	height: 89px;
	background: url(images/footer-v5.png) no-repeat -448px -89px;
}
.footernav .facebook a:link, .footernav .facebook a:visited, .footernav .facebook a:hover, .footernav .facebook a:focus, .footernav .facebook a:active, .current-facebook .facebook a:link, .current-facebook .facebook a:visited, .footernav-facebook, .footernav-facebook-click {
	top: 20px;
	left: 669px;
	width: 78px;
	height: 70px;
}
.footernav .twitter a:link, .footernav .twitter a:visited, .footernav .twitter a:hover, .footernav .twitter a:focus, .footernav .twitter a:active, .current-twitter .twitter a:link, .current-twitter .twitter a:visited, .footernav-twitter, .footernav-twitter-click {
	top: 20px;
	left: 753px;
	width: 78px;
	height: 70px;
}
.footernav .blog a:link, .footernav .blog a:visited, .footernav .blog a:hover, .footernav .blog a:focus, .footernav .blog a:active, .current-blog .blog a:link, .current-blog .blog a:visited, .footernav-blog, .footernav-blog-click {
	top: 20px;
	left: 844px;
	width: 78px;
	height: 70px;
}

/* footernav2 */
.footernav2 {	
	background:#f6e8f3;
	height:35px;
	margin:10px auto 0;
	text-align:center;
}
.footernav2 a {
	background:#f6e8f3;
	color:#000;
	display:block;
	float:left;
	font:Verdana, Geneva, sans-serif;
	font-weight:700;
	font-size:10px;
	line-height:35px;
	margin:0 44px;
	text-decoration: none;
}
.footernav2 a.first {margin-left:40px;}
.footernav2 a.last {margin-right:0;}
.footernav2 a:hover {color:#d891bc;}


/* buttons
---------------------------------------------------------------------------------*/
.button, button {background:#dda1c8; margin-left:10px; display:inline; border:1px solid #dda1c8;}
a.button:hover, button:hover {background:#fff; color:#dda1c8; text-decoration:none; cursor:pointer;}
 
.button, button {display:block; line-height:36px; color:#000; font-family:arial, sans-serif; font-size:14px; font-weight:bold; float:left; text-decoration:none; padding:0 13px 0 14px;
/*text-shadow: -1px -1px 6px rgba(0, 0, 0, 0.6), -1px -1px 1px #dda1c8;*/
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
-moz-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 255, 255, 0.2)), color-stop(52%,  rgba(255, 255, 255, 0)));
background-image: -moz-linear-gradient(-90deg, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0) 42%, rgba(255, 255, 255, 0));
}
.button:hover, button:hover {
text-shadow: none;
}

.req {color:#F00;}
select {padding:5px;}
.background {background-color:#f6e8f3; padding:20px;}
.bottom-20 {margin-bottom:20px;}
.bottom-75 {margin-bottom:75px;}
.top_40 {margin-top:-40px;}
.top_60 {margin-top:-60px;}
.top_80 {margin-top:-80px;}
.top_105 {margin-top:-105px;}
.top_150 {margin-top:-150px;}
.top-20 {margin-top:20px;}
.top-30 {margin-top:30px;}
.top-40 {margin-top:40px;}
.top-50 {margin-top:50px;}
.top-75 {margin-top:75px;}
.right-30 {margin-right:30px;}
.left-190 {margin-left:190px;}

ul li {margin-bottom:15px; color:#e384b6;}
.blacktext {color:#000;}

/* contact-us */
div.head-office {padding-top:20px;}
div.appointments {margin-top:45px;}
div.stores {margin-top:50px;}
div.store-list {margin-top:50px;}

label {width:130px; text-align:right; float:left; padding:10px 10px 0 0;}
textarea {height:150px;}
form#contactForm p {margin:0;}
form#contactForm button {margin:10px 0 0 140px; padding:10px;}

/* about-us */
.mission {margin-left:0;}
.center {text-align:center;}
.right {text-align:right;}

/* in-the-news */

/* advice centre */
h3.title-pink {color:#e384b6; text-indent:0; overflow:visible;}
.pink {color:#e384b6;}
ul.advice-centre {margin:-10px 0 2.5em -25px;}

/* our-brands */
.search {	
	background:#f6e8f3;
	height:35px;
	margin:10px auto 0;
}
.our-brands {
	background:#f6e8f3;
	text-align:left;
}
.our-brands-text {
	text-align:left;
	margin-top:-10px;
}
.our-brands-text-full {
	text-align:left;
	margin-top:22px;
	margin-left:-310px;
}
#content p#our-brands-paging-bar {font-size:10px; font-weight:bold;}
#content p#our-brands-paging-bar a {color:#000; text-decoration:none;}
#content p#our-brands-paging-bar a:hover {color:#e384b6; text-decoration:none;}
.viewall {position:absolute; right:100px;}
.tint-bar-top {background:url(../images/our-brands/tint-bar-top.png) repeat-x 0 0; height:54px; padding:10px 0;}
.tint-bar-bottom {background:url(../images/our-brands/tint-bar-bottom.png) repeat-x 0 0; height:72px; padding:18px 0 0;}
.dividing-line-horizontal {background: url(../images/our-brands/dividing-line-horizontal.png) no-repeat center bottom; min-height:260px;}
.dividing-line-both {background: url(../images/our-brands/dividing-line-both.png) no-repeat right top; min-height:260px;}
.dividing-line-horizontal a, .dividing-line-both a {color:#000;}
.dividing-line-horizontal a:hover, .dividing-line-both a:hover {color:#e384b6;}

.mini {display:block; position:relative;}
.full {display:none; background: url(../images/our-brands/brand-text-mouseover-bgnd.png) no-repeat left bottom; height:420px; position:absolute; width:290px; margin-top:0;}

.coming-soon {margin:-15px 0 30px 129px;}