@charset "UTF-8";
/* Your Look Stylesheet -  18/11/07*/

/*RESET
------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin:0;padding:0 } 
table { border-collapse: collapse; border-spacing: 0; padding: 0; width:100%; }
fieldset,img { border: 0; }
caption, th { text-align: left; }
q:before, q:after { content:''; }
input, textarea, select { font:inherit; }


/*GLOBAL*/
body { padding: 20px 0; font: 0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; color: #5c5b5b; }
.clearer { clear: both; }
.hidden { display: none; }


/*STRUCTURE*/
#wrap { width: 955px; margin: 0 auto; background: url(../img/shared/backgrounds/wrap-bg.gif) 0 0 repeat-x; padding-top: 40px; }
.header { height: 80px; }
.content { padding-bottom: 20px; }


/*Header*/
.header h1	{ float: left; width: 199px; height: 74px; }
.header h2	{ float: right; width: 300px; height: 12px; background: url(../img/shared/header/address.gif) 0 0 no-repeat; margin: 20px 0 0 0; }
.header h2 span { display: none; }
/*Menu*/
#menu { float: right; width: 610px; margin: 0 50px 0 0; padding-left: 1px; background: url(../img/shared/menu/mm-divider.gif) 0 0 no-repeat; }
#menu li { list-style: none; float: left; padding-right: 1px; background: url(../img/shared/menu/mm-divider.gif) 100% 0 no-repeat; }
#menu li a { display:  block; height: 45px; background-repeat: no-repeat; background-position: 50% 0; }
#menu li a:hover { background-position: 50% -45px; }
#menu li a span { display: none; }
#menu li a#mm-home { background-image: url(../img/shared/menu/mm-home.gif); width: 60px; }
#menu li a#mm-aboutus { background-image: url(../img/shared/menu/mm-aboutus.gif); width: 75px; }
#menu li a#mm-personalstylist { background-image: url(../img/shared/menu/mm-personalstylist.gif); width: 136px; }
#menu li a#mm-fashionstylist { background-image: url(../img/shared/menu/mm-fashionstylist.gif); width: 180px; }
#menu li a#mm-shop { background-image: url(../img/shared/menu/mm-shop.gif); width: 60px; }
#menu li a#mm-contactus { background-image: url(../img/shared/menu/mm-contactus.gif); width: 90px; }
#menu li ul { position: absolute; left: -999em; width: 165px; border: 1px solid #c0c0c1; border-top: none; height: auto;}	
#menu li ul li { height: auto; background: none;  background: #9e9fa2 url(../img/shared/menu/sm-bg.gif) 0 0 repeat-x; }	
#menu li ul li a { height: auto; display: block; width: 150px; padding: 3px 7px;  color: #333; text-decoration: none; border-bottom: 1px solid #969799; border-top: 1px solid #cfcfd0; }	
#menu li ul li a:hover { color: #FFF;  }
#menu li ul li.first { border-top: none; }
/*hide/show submenu's*/
#menu li:hover ul ul { left: -999em; }
#menu li:hover ul { left: auto; }
/*active section*/
body.home a#mm-home,
body.aboutus a#mm-aboutus,
body.personal a#mm-personalstylist,
body.fashion a#mm-fashionstylist,
body.shop a#mm-shop,
body.contactus a#mm-contactus { background-position: 50% -45px; }

/*main content*/
.content .main-content { float: left; width: 595px; backg//round: red; }
/*leftcolumn - use for quote*/
.main-content .leftcolumn { float: left; width: 205px; backg//round: green; }
/*rightcolumn - body text*/
.main-content .rightcolumn { float: right; width: 335px; bac//kground: yellow; }
/*subcontent - use for hero image*/
.content .sub-content { float: right; width: 340px; back//ground: blue; }

/*Footer*/
.footer { width: 520px; margin-left: 255px; background: url(../img/shared/footer/ft-line.gif) 0 0 no-repeat; padding: 20px 0; }
.footer li { list-style: none; float: left; border-right: 1px solid #cfd0d1; padding: 0 10px; }
.footer li a { display: block; height: 11px; background-repeat: no-repeat; background-position: 50% 0; }
.footer li a:hover { background-position: 50% -11px; }
.footer li a span { display: none; }
.footer li a#ft-home { background-image: url(../img/shared/footer/ft-home.gif); width: 32px; }
.footer li a#ft-aboutus { background-image: url(../img/shared/footer/ft-aboutus.gif); width: 40px; }
.footer li a#ft-personal { background-image: url(../img/shared/footer/ft-personal.gif); width: 88px; }
.footer li a#ft-fashion { background-image: url(../img/shared/footer/ft-fashion.gif); width: 130px; }
.footer li a#ft-shop { background-image: url(../img/shared/footer/ft-shop.gif); width: 35px; }
.footer li a#ft-contactus { background-image: url(../img/shared/footer/ft-contactus.gif); width: 51px; }
/*active section*/
body.home a#ft-home,
body.aboutus a#ft-aboutus,
body.personal a#ft-personal,
body.fashion a#ft-fashion,
body.agency a#ft-agency,
body.contactus a#ft-contactus { background-position: 50% -11px; }


/*TEXT STYLES*/
.content h1 { font-size: 120%; background-repeat: no-repeat; background-position: 0 0; height: 30px; margin-bottom: 15px; }
.content h1 span { display: none; }
.content h2 { font-size: 100%; }
.content h3 {}
.content p,
.content ul,
.content ol,
.content dl { margin: 0 0 0.625em 0; }
.content li { margin: 0 0 0.325em 1.4em; padding: 0 0 0 0.325em; list-style-position:outside; }

.content a:link,
.content a:visited { color: #BBB; text-decoration: underline; }
.content a:hover,
.content a:active { color: #999; text-decoration: none; }

.content blockquote { background-repeat: no-repeat; background-position: 0 0; width: 205px; }
.content blockquote span { display: none; }

.content dl dt { float: left; width: 100px; padding: 2px 0; }
.content dl dd { margin-left: 110px; padding: 2px 0; width: 200px; }

#download-acrobat a { display: block; padding: 5px 0 10px 122px; background: url(../img/shared/icons/ico-acrobat.gif) 0 50% no-repeat; border-top: 1px dotted #CCC; color: #999; }


/*IMAGES*/
.content img { margin-bottom: 10px; }

/*HOME STYLES*/
body.home .content .main-content { float: none; width: 100%; margin-bottom: 20px; }
body.home .main-content .leftcolumn { display: none; }
body.home .main-content .rightcolumn { float: none; width: 100%; text-align: center; }
body.home .content .sub-content { display: none; }
h1#hd-welcome { background-image: url(../img/shared/headings/hd-welcome.gif); width: 582px; height: 50px; margin: 35px auto; }


/*ABOUT US STYLES*/
h1#hd-aboutus { background-image: url(../img/shared/headings/hd-aboutus.gif); }
body.aboutus blockquote { background-image: url(../img/shared/quotes/quote-cchanel.gif); height: 150px; height: 225px; }
body.aboutus .content .sub-content li {
	float: left;
	width: 155px;
	display: block;
	margin: 0 10px 0 0;
	border-bottom: 1px solid #CCC;
	padding: 2px 5px;
	list-style: none;
	margin: 0;
	font-size: 0.92em;
}

/*CONTACT US US STYLES*/
h1#hd-contactus { background-image: url(../img/shared/headings/hd-contactus.gif); }
body.contactus blockquote { background-image: url(../img/shared/quotes/quote-mtwain.gif); height: 150px; height: 200px; }


/*SERVICES*/
body.services .content .main-content { float: none; width: 100%;  }
body.services .main-content .rightcolumn { width: 705px; }
body.services .content .sub-content { display: none; }
/*fashion*/
h1#hd-fashionstylist { background-image: url(../img/shared/headings/hd-fashionstylist.gif); }
body.fashion .gallery-container				{ wi//dth: 640px; }
body.fashion .main-content .rightcolumn a { float: left; margin: 0 20px 20px 0; }
body.fashion .main-content .rightcolumn a:hover { filter:alpha(opacity=75); -moz-opacity:.75; opacity:.75; }
body.fashion .main-content .rightcolumn img { width: 90px; height: 120px; margin: 0 20px 20px 0; padding: 1px; border: 1px solid #CCC; }
body.fashion blockquote { background-image: url(../img/shared/quotes/quote-bblass.gif); height: 72px; }


/*agency*/
h1#hd-shop { background-image: url(../img/shared/headings/hd-shop.gif); }
body.shop .main-content .rightcolumn img { float: left; margin: 0 20px 20px 0; }
/*personal*/
h1#hd-shopping { background-image: url(../img/shared/headings/hd-shopping.gif); }
body.personal blockquote { background-image: url(../img/shared/quotes/quote-ckressley.png); height: 415px; }
/*Gift Voucher Ad*/
p#voucher { float: right; width: 355px; height: 47px; margin: 8px 0 0 0; background:url(../img/personalstylist/giftvoucher.gif) 0 0 no-repeat; }
p#voucher span { display: none; }
.accordion {
	padding-top: 10px;
	display: block;
}
.accordion h3 {
	font-weight: normal;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	behavior:url(css/border-radius.htc);
	background: #CCC;
	padding: 5px 10px;
	display: block;
	margin: 0;
	font-size: 1em;
	border-bottom: 2px solid #FFF;
	outline: none;
	overflow: hidden;
	height: 1%;
}
.content .accordion h3 a {
	text-decoration: none;
	color: #777;
	outline: none;
}
.content .accordion h3.ui-state-active {
	background: #999;
}
.content .accordion h3.ui-state-active a {
	color: #FFF;
	cursor: default;
}
.content .accordion .acc-content {
	padding: 10px;
}