body {
	margin: 0;
	font: 11px/14px Arial, sans-serif;
	color: #000;
}
img {
	border: none;
	display: block;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}
#main {
	margin: 5px auto 0;
	width: 938px;
	position: relative;
}
/* header start */
#header {
	width: 938px;
	height: 119px;
	position: absolute;
	left: 0;
	top: 0;
	border-bottom: 7px solid #000;
}
/* logo */
.logo {
	position: absolute;
	top: 26px;
	left: 0;
	background: url(../images/logo.gif) no-repeat;
	width: 204px;
	height: 22px;
	text-indent: -9999px;
	overflow: hidden;
}
/* main nav start */
.main-nav-box {
	border: 1px solid #dcd9d7;
	border-bottom: 1px solid #efefef;
	background: url(../images/main-nav-bg.gif) no-repeat;
	height: 30px;
	width: 936px;
	position: absolute;
	top: 79px;
	left: 0;
}
.main-nav-box ul {
	float: left;
	margin: 0;
	padding: 0;
}
.main-nav-box ul li {
	float: left;
	display: inline;
}
.main-nav-box ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	height: 30px;
}
/* items bg */
.main-nav-box ul li.item-1 a {
	background: url(../images/item-1.gif) no-repeat;
	width: 68px;
}
.main-nav-box ul li.item-2 a {
	background: url(../images/item-2.gif) no-repeat;
	width: 97px;
}
.main-nav-box ul li.item-3 a {
	background: url(../images/item-3.gif) no-repeat;
	width: 90px;
}
.main-nav-box ul li.item-4 a {
	background: url(../images/item-4.gif) no-repeat;
	width: 97px;
}
.main-nav-box ul li.item-5 a {
	background: url(../images/item-5.gif) no-repeat;
	width: 67px;
}
.main-nav-box ul li.item-6 a {
	background: url(../images/item-6.gif) no-repeat;
	width: 110px;
}
/* active/rollover states */
.main-nav-box ul li a.active {
	background-position: 0 -30px;
}
.main-nav-box ul li a:hover {
	background-position: 0 -60px;
}
.main-nav-box ul li a.active:hover {
	background-position: 0 -90px;
}
#main-nav li:hover,
#main-nav li.hover {
	position: relative;
}
#main-nav li:hover ul,
#main-nav li.hover ul {
	display: block;
}
#main-nav li ul {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	font: 11px/14px Verdana, Arial, sans-serif;
	background: #ede9e7 url(../images/drop-down-bg.gif) repeat-x;
	padding: 5px 0 2px 11px;
	z-index: 999;
}
#main-nav li.item-1 ul {
	width: 79px;
}
#main-nav li.item-2 ul {
	width: 86px;
}
#main-nav li.item-3 ul {
	width: 79px;
}
#main-nav li.item-4 ul {
	width: 86px;
}
#main-nav li.item-5 ul {
	width: 79px;
}
#main-nav li.item-6 ul {
	width: 79px;
}
#main-nav li ul li {
	float: none;
	display: block;
	list-style: none;
	padding: 0 2px 5px 0;
}
#main-nav li ul li a {
	background: none;
	display: inline;
	color: #81817d;
	text-decoration: none;
	text-indent: 0;
}
#main-nav li ul li a:hover {
	text-decoration: underline;
}
/* main nav end */
/* header end */

/* footer start */
.footer {
	height: 86px;
	background: url(../images/footer-bg.gif) repeat-x;
	overflow: hidden;
	width: 100%;
}
/* footer navigation start */
.footer ul {
	float: left;
	margin: 19px 0 0 7px;
	padding: 0;
	font: 11px/14px Arial, sans-serif;
	display: inline;
}
.footer ul li {
	float: left;
	list-style: none;
	background: url(../images/sep.gif) no-repeat 0 3px;
	padding: 0 6px 0 7px;
}
.footer ul li.first {
	padding-left: 0;
	background: none;
}
.footer ul li a {
	text-decoration: none;
	color: #000;
	float: left;
}
.footer ul li a:hover {
	text-decoration: underline;
}
.footer ul li a.active:hover {
	text-decoration: none;
}
.footer ul li a.active {
	border-bottom: 2px solid #ceefe3;
}
/* footer navigation end */
/* form email start */
.form-email {
	background: url(../images/footer-form-bg.gif) repeat-x;
	height: 46px;
	float: right;
	padding: 0 1px 0 33px;
}
.form-email label {
	float: left;
	background: url(../images/label-join-club.gif) no-repeat;
	width: 184px;
	height: 16px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 14px;
	margin: 16px 5px 0 0;
}
.form-email input {
	color: #000;
	font: 10px/13px Arial, sans-serif;
	border: 1px solid #a7a5a6;
	width: 150px;
	padding: 2px 5px;
	float: left;
	margin: 13px 4px 0 0;
}
.form-email a {
	margin: 13px 4px 0 0;
	background: url(../images/btn-join-now.gif) no-repeat;
	width: 68px;
	height: 19px;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}
.form-email a:hover {
	background-position: 0 -19px;
}
/* form email end */
.footer .copyright {
	overflow: hidden;
	width: 100%;
	clear: both;
	padding: 6px 0 0;
}
.footer .copyright p {
	margin: 7px 0 0 -1px;
	display: inline;
 	float: left;
	color: #000;
	font: 9px/11px Verdana, Arial, sans-serif;
}
/* footer logo */
.footer .footer-logo {
	float: right;
	background: url(../images/footer-logo.gif) no-repeat;
	width: 26px;
	height: 17px;
	text-indent: -9999px;
	overflow: hidden;
}
/* footer end */

/* main container start */
.container {
	overflow: hidden;
	width: 100%;
	padding: 10px 0 17px;
}
.columns-holder {
	overflow: hidden;
	width: 100%;
}
/* left column */
.col-1 {
	float: left;
	width: 475px;
	position:relative;
}
/* main box start */
.main-box {
	position:absolute;
	width: 463px;
	overflow: hidden;
}
/* image title */
.main-box .title {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../images/white-opacity.png) repeat;
	padding: 3px 0 19px;
	width: 100%;
}
* html .main-box .title {
	bottom: -1px;
}
.main-box .title h2 {
	margin: 0 0 2px;
	text-indent: -9999px;
	overflow: hidden;
	height: 25px;
	font-size: 22px;
}
.main-box .title h2.campaign_title {
	background: url(../images/heading-campaign.gif) no-repeat;
}
.main-box .title p {
	margin: 0;
	padding: 0 0 0 1px;
	color: #666;
	font: 11px/13px Arial, sans-serif;
	position: relative;
}
.main-box .title p .more {
	background: url(../images/arrow.gif) no-repeat;
	text-decoration: none;
	padding: 1px 5px;
	margin: 0 0 0 1px;
}
.main-box .title p .more:hover {
	background-position: 0 -14px;
}
/* main box end */
/* center column start */
.col-2 {
	float: left;
	width: 223px;
	margin: 1px 0 0 3px;
	display: inline;
	position:absolute;
	left:475px;
}
.magazine {
	padding: 58px 0 0;
	background: url(../images/col-2-bg.gif) repeat-y;
}
/* magazine box start */
.magazine-box {
	background-color: #f8f8f8;
	overflow: hidden;
	min-height: 74px;
	width: 221px;
}
* html .magazine-box {
	height: 74px;
	overflow: visible;
}
.magazine-box h2 {
	margin: 9px 0 4px;
	background: url(../images/heading-magazine.gif) no-repeat;
	font-size: 12px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}
.magazine-box p {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 17px;
	width: 180px;
}
/* links more */
.look-book-box .more {
	float: right;
	background: url(../images/arrow-2.gif) no-repeat;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	margin: 13px 23px 0 0;
}
.magazine-box .more {
	float: right;
	background: url(../images/arrow-2.gif) no-repeat;
	width: 14px;
	height: 14px;
	overflow: hidden;
	text-indent: -9999px;
	display: inline;
	margin: 13px 5px 0 0;
}
.look-book-box .more {
	float: none;
	position: absolute;
	bottom: 20px;
	right: 7px;
	margin: 0;
}
.magazine-box .more:hover,
.look-book-box .more:hover {
	background-position: 0 -14px;
}
/* magazine box end */
/* right column */
.col-3 {
	float: right;
	width: 225px;
}
/* look book start */
.look-book-box {
	background: url(../images/image.jpg) no-repeat;
	width: 225px;
	height: 274px;
	position: relative;
	margin: 17px 0 0;
	overflow: hidden;
}
.look-book-box:hover {
	cursor:pointer;
}
.look-book-box h2 {
	margin: 209px 0 5px;
	background: url(../images/heading-look-book.gif) no-repeat;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}
.look-book-box p {
	margin: 0;
	color: #666;
	font-size: 11px;
	line-height: 13px;
	width: 120px;
}
/* look book end */
/* rotator box start */
.rotator-box {
	background-color: #f8f8f8;
	min-height: 132px;
}
* html .rotator-box {
	height: 132px;
}
.rotator-box h3 {
	height: 10px;
	font-size: 9px;
	margin: 5px 0 0;
	overflow: hidden;
}
.rotator-box p {
	margin: 0;
	color: #666;
	font-size: 10px;
	line-height: 11px;
	width: 200px;
}
.rotator-box .more {
	float: right;
	background: url(../images/arrow-2.gif) no-repeat;
	width: 11px;
	height: 13px;
	text-indent: -9999px;
	overflow: hidden;
	margin: -11px 10px 0 0;
	display: inline;
}
/* rotator box end */
/* bottom grids boxes start */
.grids {
	overflow: hidden;
	width: 100%;
	margin: 16px 0 0;
}
/* boxes */
.grids .box-1,
.grids .box-2,
.grids .box-3,
.grids .box-4 {
	float: left;
	width: 225px;
	margin: 0 17px 0 1px;
	display: inline;
	overflow: hidden;
}
.grids .box-2 {
	width: 220px;
	margin: 0 15px 0 0;
}
.grids .box-3 {
	width: 222px;
	margin: 0 14px 0 0;
}
.grids .box-4 {
	width: 224px;
	margin: 0;
}
/* headings */
.grids h3,
.post-box h3 {
	margin: 8px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	height: 13px;
	font-size: 12px;
}

.grids h3#black {
	background: url(../images/heading-black.gif) no-repeat;
}
.grids h3#vintage {
	background: url(../images/heading-vintage.gif) no-repeat;
}
.grids h3#style {
	background: url(../images/heading-style-icon.gif) no-repeat;
}
.grids h3#organic-cotton  {
	background: url(../images/heading-organic-cotton.gif) no-repeat;
}
.grids h3#film  {
	background: url(../images/heading-film.gif) no-repeat;
}
.grids h3#vero-moda {
	background: url(../images/spot6-header-uk.gif) no-repeat;
}
.grids h3#find,
.post-box h3#find {
	background: url(../images/heading-find-your.gif) no-repeat;
}
.post-box h3#vm-club {
	background: url(../images/heading-vm-club.gif) no-repeat;
}
.post-box h3#vm-Universe {
	background: url(../images/spot6-header-uk.gif) no-repeat;
}
.grids p,
.post-box p {
	margin: 4px 0 0;
	padding: 0;
	color: #666;
	font: 10px/12px Verdana, Arial, sans-serif;
	display: block;
	position: relative;
	width: 100%;
}
.inner-page .grids p {
	color: #898989;
}
/* link more */
.grids p .more {
	background: url(../images/arrow-2.gif) no-repeat;
	text-decoration: none;
	position: absolute;
	bottom: -1px;
	right: 7px;
	width: 11px;
	height: 13px;
}
.grids p .more:hover,
.rotator-box .more:hover {
	background-position: 0 -13px;
}
/* bottom grids boxes end */
/* home page end */

/* campaign page */
.campaign {
	background: url(../images/campaign-bg.gif) repeat-y;
	margin: 2px 0 0;
	padding: 0 0 60px;
	overflow: hidden;
	width: 100%;
}
/* video box start */
.video-box {
	background: url(../images/video-box-bg.jpg) no-repeat;
	width: 479px;
	height: 421px;
	float: left;
	overflow: hidden;
}
.container .campaign h1 {
	margin: 7px 0 0 6px;
	background: url(../images/heading-campaign-main.gif) no-repeat;
	height: 23px;
	font-size: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
.campaign h2 {
	background: url(../images/heading-autumn.gif) no-repeat 100% 0;
	height: 35px;
	font-size: 32px;
	overflow: hidden;
	text-indent: -9999px;
	margin: 41px 17px 0 0;
}
/* thumbnails start */
.video-box ul {
	margin: 0;
	padding: 0;
	margin: 5px 0 0 13px;
	overflow: hidden;
	height: 62px;
}
.video-box ul li {
	float: left;
	display: inline;
	border: 1px solid #121212;
}
.video-box ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	width: 110px;
	height: 60px;
}
.video-box ul li a.video-1 {
	background: url(../images/video-image-1.jpg) no-repeat;
}
.video-box ul li a.video-2 {
	background: url(../images/video-image-2.jpg) no-repeat;
	width: 111px;
}
.video-box ul li a.video-3 {
	background: url(../images/video-image-3.jpg) no-repeat;
}
.video-box ul li a.video-4{
	background: url(../images/video-image-4.jpg) no-repeat;
}
.video-box ul li a:hover {
	background-position: 0 -60px;
}
/* thumbnails end */
/* player */
.video-box .player {
	clear: both;
	margin: 0 0 0 13px;
}
/* video box end */
/* slider box start */
.slider {
	float: right;
	margin: 1px 0 0;
	width: 459px;
	height: 420px;
	overflow: hidden;
	position: relative;
}
#slider {
	width: 459px;
	height: 420px;
	overflow: hidden;
	position: relative;
}
#slider .mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 30000px;
}
#slider .slide {
	float: left;
	width: 459px;
}
/* paginator */
.paginator {
	position: absolute;
	bottom: 8px;
	left: 10px;
	z-index: 999;
}
/* prev ant next buttons */
.paginator #btn-prev,
.paginator #btn-next {
	float: left;
	position: relative;
	height: 22px;
	overflow: hidden;
	width: 28px;
}
.paginator #btn-prev a,
.paginator #btn-next a {
	display: block;
	width: 28px;
	height: 44px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/btn-prev.png) no-repeat;
	cursor: pointer;
}
.paginator #btn-next a {
	background: url(../images/btn-next.png) no-repeat;
}
.paginator #btn-prev a:hover,
.paginator #btn-next a:hover {
	background-position: 0 -22px;
}
.paginator p {
	float: left;
	color: #5e5e60;
	font-size: 11px;
	line-height: 15px;
	width: 35px;
	margin: 0;
	padding: 3px 0 0;
	text-align: center;
}
/* slider box end */
/* campaign page start */

/* store locator page start */
.store-locator-container {
	overflow: hidden;
	width: 100%;
}
.store-locator-body {
	background-color: #fafafa;
	overflow: hidden;
	width: 100%;
	margin: 28px 0 0;
	padding: 0 0 2px;
}
/* pages main headings */
.container h1 {
	height: 24px;
	width: 210px;
	overflow: hidden;
	font-size: 22px;
	text-indent: -9999px;
	margin: 9px 0 0 5px;
}
.container h1#heading-store-locator {
	background: url(../images/heading-store-locator.gif) no-repeat;
}
.container h1#heading-organic-store-locator {
	background: url(../images/heading-organic-locator.gif) no-repeat;
}
.container h1#heading-about {
	background: url(../images/heading-about.gif) no-repeat;
	margin-top: 8px;
}
.container h1#heading-news {
	background: url(../images/heading-news.gif) no-repeat;
}
.container h1#heading-notes {
	background: url(../images/heading-notes.gif) no-repeat;
}
.container h1#heading-autumnlineup {
	background: url(../images/heading-autumnlineup.gif) no-repeat;
}
.container h1#heading-hotpicks {
	background: url(../images/heading-hotpicks.gif) no-repeat;
}
.container h1#heading-code-of-conduct {
	background: url(../images/heading-code-of-conduct.gif) no-repeat;
	margin: 11px 0 0 6px;
}
.container h1#heading-contact {
	background: url(../images/heading-contact-us.gif) no-repeat;
	margin: 6px 0 0 5px;
}
.container h1#heading_gift {
	background: url(../images/heading-gift-voucher.gif) no-repeat;
	margin: 8px 0 0 7px;
}
.container h1#heading_jobs {
	background: url(../images/heading-jobs.gif) no-repeat;
	margin: 12px 0 -1px 5px;
}
.container h1#seasons {
	background: url(../images/heading-seasons.gif) no-repeat;
	margin: 8px 0 0 6px;
}
.container h1#heading-organic-cotton {
	background: url(../images/heading-organic-cotton-big.gif) no-repeat;
	margin: 8px 0 0 6px;
}
.container h1#heading-magazine {
	background: url(../images/heading-magazine-big.gif) no-repeat;
	margin: 8px 0 0 6px;
}
.container h1#heading-article {
	background: url(../images/heading-article-big.gif) no-repeat;
	margin: 8px 0 0 6px;
}
.container h1#heading-look-book {
	background: url(../images/heading-look-book-big.gif) no-repeat;
	margin: 8px 0 0 5px;
	position: relative;
	z-index: 10;
}
.container h1#heading-must-haves {
	background: url(../images/heading-must-haves.gif) no-repeat;
	margin: 8px 0 0 6px;
}
/* country, city, store columns */
.store-locator-body .sub-col-1,
.store-locator-body .sub-col-3 {
	float: left;
	width: 230px;
	display: inline;
	margin: 11px 0 0 5px;
}
.store-locator-body .sub-col-3 {
	width: 190px;
}
/* headings */
.store-locator-body #country,
.store-locator-body #city,
.store-locator-body #store {
	margin: 1px 0 0 1px;
	text-indent: -9999px;
	background: url(../images/heading-country.gif) no-repeat;
	height: 16px;
	font-size: 15px;
}
.store-locator-body #city {
	background: url(../images/heading-city.gif) no-repeat;
}
.store-locator-body #store {
	background: url(../images/heading-store.gif) no-repeat;
}
/* scroll areas start */
.scroll-area {
	width: 220px;
	height: 320px;
	position: relative;
	margin: 13px 0 0 1px;
}
.sub-col-3 .scroll-area {
	width: 180px;
}
/* text styles */
.store-locator-body ul {
	margin: -1px 0 0;
	padding: 0 0 0 1px;
	font-size: 11px;
	line-height: 14px;
}
.store-locator-body ul li {
	list-style: none;
	padding: 0 0 2px;
}
.store-locator-body ul li a {
	text-decoration: none;
	color: #000;
}
.store-locator-body p {
	margin: -3px 0 0;
	padding: 0 0 15px;
	font-size: 11px;
	line-height: 16px;
	color: #000;
}
.store-locator-body p a,
.store-locator-body ul li a {
	color: #000;
}
.store-locator-body p a:hover,
.store-locator-body ul li a:hover {
	text-decoration: underline;
}
/* scroll areas end */
/* photo */
.store-locator-body .photo {
	float: right;
	margin: 75px 4px 0 0;
	display: inline;
}
/* store locator page end */

/* slider buttons states start */
.paginator #btn-prev .prev-no-active {
	background: url(../images/btn-prev.png) no-repeat 0 -44px;
}
.paginator #btn-prev .prev-no-active:hover,
.paginator #btn-next .next-no-active:hover {
	background-position: 0 -44px;
}
.paginator #btn-prev .prev-active {
	background: url(../images/btn-prev.png) no-repeat 0 0;
}
.paginator #btn-prev .prev-active:hover,
.paginator #btn-next .next-active:hover {
	background-position: 0 -22px;
}
.paginator #btn-next .next-no-active {
	background: url(../images/btn-next.png) no-repeat 0 -44px;
}
.paginator #btn-next .next-active {
	background: url(../images/btn-next.png) no-repeat 0 0;
}
/* slider buttons states end */

/* about page */
.scroll-area-2 {
	width: 455px;
	height: 395px;
	position: relative;
	margin: 18px 0 0 6px;
}
.scroll-area-5 {
	height: 371px;
	width: 465px;
	position: relative;
	margin: 18px 0 0 7px;
}
.scroll-area-2 h2,
.scroll-area-5 h2,
.border-box h2 {
	margin: 0;
	padding: 0 0 4px;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
}
.scroll-area-3 h2,
.scroll-area-4 h2,
.border-box h2 {
	padding-bottom: 7px;
}
.scroll-area-5 h2 {
	padding-bottom: 7px;
}
.scroll-area-2 p,
.scroll-area-5 p {
	margin: 0;
	padding: 0 0 10px;
	color: #666;
	font-size: 11px;
	line-height: 12px;
	letter-spacing: 1px;
}
.scroll-area-3 p {
	padding-bottom: 11px;
}
.scroll-area-4 p {
	color: #000;
}
.scroll-area-5 p {
	letter-spacing: 0;
	line-height: 13px;
}
/* content line */
.line {
	border-bottom: 1px solid #f2f2f2;
	font-size: 0;
	width: 100%;
	clear: both;
	padding: 10px 0 0;
	margin: 0 0 15px;
	height: 1px;
	overflow: hidden;
}
/* content photo */
.content-photo {
	background: url(../images/photo-bg-top.jpg) no-repeat;
	float: right;
	width: 135px;
	margin: 2px 0 0 0;
}
.content-photo-3 {
	float: right;
	border: 1px solid #e3e3e3;
	margin: 1px 0 0 15px;
}
.content-photo div {
	background: url(../images/photo-bg-bottom.jpg) no-repeat 0 100%;
	padding: 1px 0 6px 9px;
}
/* abou image */
.about-image {
	margin: 51px 0 0 -1px;
}
/* right column text box */
.column-content {
	padding: 70px 15px 0 1px;
}
.column-content-2 {
	padding: 58px 10px 0 0;
}
.column-content-2 h2#working {
	margin: 0 0 14px;
	background: url(../images/heading-working.gif) no-repeat;
	height: 17px;
	font-size: 14px;
	overflow: hidden;
	text-indent: -9999px;
}
.column-content p,
.column-content-2 p {
	color: #666;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0 0 11px;
}
.column-content-2 p {
	padding-left: 2px;
}
.column-content p span {
	font-size: 13px;
	line-height: 16px;
}
/* articles page */
.scroll-area-3 {
	width: 455px;
	height: 512px;
	position: relative;
	margin: 18px 0 0 6px;
}
/* right column */
.col-4 {
	float: right;
	width: 462px;
	margin: 0 -1px 0 0;
	display: inline;
	position: relative;
}
/* big image */
.big-image {
	margin: 77px 0 0;
}
/* Code of Conduct page */
.col-5 {
	float: left;
	width: 693px;
}
.gray-area {
	width: 100%;
	background-color: #f8f8f8;
	overflow: hidden;
	margin: 12px 0 0 6px;
	padding: 0 0 13px;
}
.border-box {
	border: 1px solid #eee;
	margin: 11px 0 0 11px;
	padding: 27px 0 0 15px;
	width: 654px;
	background-color: #fafafa;
	overflow: hidden;
}
/* scroll area */
.scroll-area-4 {
	width: 645px;
	height: 302px;
	position: relative;
	margin: 0;
}
/* side navigation box start */
.side-nav-box {
	width: 219px;
	background-color: #f8f8f8;
	margin: 47px 0 0;
	min-height: 370px;
	padding: 0 0 10px;
}
* html .side-nav-box {
	height: 370px;
}
/* side navigation start */
.side-nav-box ul {
	margin: 0;
	padding: 5px 0 0;
	font-size: 13px;
	line-height: 16px;
}
.side-nav-box ul li {
	list-style: none;
}
.side-nav-box ul li a {
	text-decoration: none;
	color: #000;
	padding: 2px 14px 2px 14px;
	display: block;
	width: 191px;
}
.side-nav-box ul li a:hover,
.side-nav-box ul li a.active {
	background-color: #f0f0f0;
}
/* side navigation end */
/* bottom image */
.side-nav-box .image {
	border: 1px solid #eee;
	width: 181px;
	background-color: #fafafa;
	padding: 5px;
	margin-left: 13px;
	margin-top: 12px;
}

/* contact page */
.contact-container {
	background: url(../images/contact-page-bg.jpg) no-repeat;
	height: 481px;
	width: 100%;
	overflow: hidden;
	margin: 2px 0 0;
}
/* contact form start */
.form-contact {
	width: 435px;
	margin: 40px 0 0 6px;
	overflow: hidden;
}
.form-contact .row {
	background: url(../images/line-2.gif) repeat-x;
	width: 100%;
	overflow: hidden;
	margin: 17px 0 0;
}
.form-contact .row label {
	float: right;
	color: #666;
	font-size: 12px;
	line-height: 14px;
	margin: 2px 16px 0 0;
	display: inline;
}
.form-contact .row input,
.form-contact .row textarea {
	float: right;
	border: 1px solid #a6a5a6;
	width: 196px;
	padding: 1px 0;
	font: 12px Arial, Helvetica, sans-serif;
}
.form-contact .row textarea {
	height: 153px;
}
.form-contact #btn-send {
	float: right;
	background: url(../images/btn-send.gif) no-repeat;
	width: 68px;
	height: 19px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 8px 0 0;
}
.form-contact #btn-send:hover {
	background-position: 0 -19px;
}
/* address */
.form-contact .address {
	width: 220px;
	text-align: right;
	margin: 25px 0 0;
}
.form-contact p {
	margin: 0;
	color: #000;
	font-size: 11px;
	line-height: 13px;
} 
.form-contact p a {
	color: #000;
	text-decoration: none;
}
.form-contact p a:hover {
	text-decoration: underline;
}
/* contact form end */

/* Gift Voucher page */
/* content */
.content {
	padding: 23px 20px 0 5px;
	margin: 0 0 -5px;
}
ul.content {
	padding: 7px 0 0;
	margin: 0;
	width: 460px;
}
ul.content li {
	list-style: none;
	min-height: 250px;
}
.content h2 {
	margin: 0;
	padding: 0 0 22px;
	color: #000;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
}
.content p {
	margin: 0;
	padding: 0 0 10px;
	color: #666;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1px;
}
ul.content p {
	line-height: 13px;
	letter-spacing: 0;
	padding: 0 0 15px;
}
/* voucher box */
.voucher-box {
	width: 212px;
	background-color: #f8f8f8;
	min-height: 270px;
	margin: 51px 0 0;
	padding: 16px 0 10px 11px;
}
* html .voucher-box {
	height: 270px;
}
.voucher-box h2 {
	margin: 0 0 8px;
	background: url(../images/heading-voucher.gif) no-repeat;
	height: 13px;
	font-size: 12px;
	overflow: hidden;
	text-indent: -9999px;
}
.voucher-box p {
	margin: 0;
	color: #4a4a4a;
	font-size: 11px;
	line-height: 13px;
}
/* form card start */
.form-card {
	margin: 16px 0 0;
	width: 197px;
	overflow: hidden;
}
.form-card label {
	color: #4a4a4a;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 1px;
	float: left;
}
.form-card #inputcard {
	float: right;
	border: 1px solid #a9a7a8;
	width: 136px;
	padding: 0;
	font: 11px Arial, Helvetica, sans-serif;
}
.form-card #inputok {
	float: right;
	clear: both;
	margin: 2px 0 0;
}
/* form card end */
/* bottom image */
.voucher-box .image {
	margin: 34px 0 0;
}
/* right boxes */
.boxes-content {
	margin: 42px 0 -2px 2px;
	overflow: hidden;
	width: 223px;
}
.post-box {
	margin: 10px 0 0;
	overflow: hidden;
	width: 100%;
}

/* jobs page */
.slider-area {
	width: 460px;
	overflow: hidden;
	padding: 7px 0 6px;
	position: relative;
	z-index: 2;
	float: left;
}
/* slider scroll start */
#slider_box,
#slider_box_2 {
	width: 277px;
	height: 16px;
	font-size: 0;
	overflow: hidden;
	background: url(../images/line-3.gif) no-repeat 0 6px;
	float: right;
	margin: 0 2px 0 0;
	display: inline;
}
.store-locator-container #slider_box,
.store-locator-container #slider_box_2 {
	width: 374px;
	margin: 8px 0 0;
}
#button,
#button_2 {
	width: 31px;
	height: 17px;
	background: url(../images/button.gif) no-repeat;
	cursor: pointer;
	overflow: hidden;
}
/* slider scroll end */
/* slider pages start */
#pages {
	min-height: 258px;
	margin: 0;
	padding: 0;
	width: 460px;
	position: relative;
	z-index: 1;
}
* html #pages {
	height: 258px;
}
#pages li {
	list-style: none;
	padding: 0 30px 0 0;
	display: none;
}
/* slider pages end */
/* current page indicator */
#current_page {
	margin: 0 0 0 310px;
	padding: 0 0 3px;
	color: #666;
	font-size: 9px;
	line-height: 12px;
}
/* right column */
.content-photo-2 {
	float: left;
	display: inline;
	margin: 10px 0 0 21px;
	width: 156px;
}
.content-photo-2 img {
	border: 1px solid #5f5f5f;
}
.content-photo-2 span {
	display: block;
	border: 1px solid #cfcfcf;
	border-top: none;
	color: #666;
	text-align: center;
	font-size: 9px;
	line-height: 12px;
	padding: 4px 0 3px;
	background-color: #f5f5f5;
}
/* job category form start */
.job-category {
	margin: 7px 0 0 1px;
}
.job-category label {
	color: #949494;
	font-size: 11px;
	line-height: 12px;
	display: block;
	padding: 0 0 4px 1px;
}
.job-category select {
	border: 1px solid #e6e6e6;
	color: #666;
	font: 10px/10px Arial, Helvetica, sans-serif;
	width: 213px;
	margin: 0 0 23px;
}
.search-results {
	border: 1px solid #e5e5e5;
	width: 213px;
}
.search-results p {
	margin: 0;
	padding: 2px 0 0 8px;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
.search-results .scroll-result {
	margin: 5px 0 0;
	padding: 0 0 7px;
	position: relative;
	height: 126px;
}
/* category name */
.search-results h3 {
	margin: 0;
	padding: 0 0 0 8px;
	color: #666;
	font-size: 10px;
	line-height: 13px;
}
/* job list */
.search-results ul {
	margin: 1px 0 0;
	padding: 0;
}
.search-results ul li {
	list-style: none;
	font-size: 10px;
	line-height: 12px;
}
.search-results ul li a {
	text-decoration: none;
	color: #666;
	background: url(../images/bullet.gif) no-repeat 15px 6px;
	width: 190px;
	padding: 1px 0 1px 22px;
	display: block;
}
.search-results ul li a:hover {
	background: #efefef url(../images/bullet.gif) no-repeat 15px 6px;
}
/* job category form end */

/* seasons page */
.seasons-container {
	background: url(../images/seasons-bg.jpg) no-repeat;
	min-height: 535px;
	overflow: hidden;
	margin: 4px 0 0;
}
* html .seasons-container {
	overflow: visible;
	height: 535px;
}
/* white box start */
.seasons-container .white-box {
	width: 226px;
	background-color: #fff;
}
.seasons-container .white-box p {
	font-size: 13px;
	line-height: 16px;
	color: #000;
	margin: 10px 0 0 6px;
	padding: 0 5px 0 0;
}
/* white box end */

/* organic cotton page */
.columns-holder-2 {
	float: left;
	width: 699px;
}
/* left column */
.col-6 {
	float: left;
	width: 330px;
	margin: 31px 0 0 6px;
	display: inline;
}
/* center column */
.col-7 {
	width: 363px;
	float: left;
}
/* bottom banner */
.col-7 .banner {
	display: block;
	margin: 10px 0 0 1px;
}
/* page content start */
.content-2 {
	background-color: #f8f8f8;
	margin: 31px 0 0 1px;
	padding: 8px 15px 5px 12px;
	min-height: 455px;
}
* html .content-2 {
	height: 455px;
}
.content-2 h2 {
	margin: 0;
	padding: 0 0 7px;
	color: #000;
	font-size: 15px;
	line-height: 18px;
	font-weight: normal;
}
.content-2 p {
	margin: 0;
	padding: 0 0 12px;
	color: #666;
	font-size: 11px;
	line-height: 14px;
}
/* page content end */
/* right column */
.moda-box {
	background-color: #f8f8f8;
	overflow: hidden;
	width: 100%;
	margin: 63px 0 0;
	padding: 0 0 18px;
}
.moda-box .scroll-column {
	border: 1px solid #ececec;
	width: 190px;
	height: 501px;
	margin: 17px 0 0 17px;
	padding: 0;
	background-color: #fafafa;
	position: relative;
}
.moda-box .scroll-column h2 {
	margin: 10px 0 0 13px;
	color: #666;
	font-size: 14px;
	line-height: 17px;
	font-weight: normal;
}
/* products list start */
.moda-box .scroll-column ul {
	margin: 0;
	padding: 0;
}
.moda-box .scroll-column ul li {
	list-style: none;
	text-align: center;
	padding: 11px 0 17px 4px;
}
.moda-box .scroll-column ul li img {
	display: inline;
}
.moda-box .scroll-column ul li p {
	margin: 11px 0 0;
	color: #646464;
	font-size: 11px;
	line-height: 14px;
}
.moda-box .scroll-column ul li p a {
	color: #646464;
	text-decoration: none;
}
.moda-box .scroll-column ul li p a:hover {
	text-decoration: underline;
}
/* products list end */

/* magazine page */
.magazine-container {
	overflow: hidden;
	width: 100%;
}
/* left column */
.mag-col-1 {
	width: 180px;
	float: left;
	margin: 0 0 0 7px;
	display: inline;
	overflow: hidden;
}
/* magazine navigation start */
.mag-nav {
	margin: 37px 0 0;
	padding: 0;
	width: 180px;
	font-size: 11px;
	line-height: 14px;
}
.mag-nav ul {
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 10px;
	line-height: 13px;
}
.mag-nav li {
	list-style: none;
	margin: 6px 0 0;
}
.mag-nav li a {
	display: block;
	background: url(../images/mag-nav-bg.gif) no-repeat;
	width: 170px;
	height: 17px;
	overflow: hidden;
	color: #666;
	text-decoration: none;
	padding: 3px 0 0 10px;
}
.mag-nav ul li a {
	padding: 4px 0 0 5px;
	height: 16px;
	width: 165px;
}
.mag-nav li a:hover,
.mag-nav li a.active {
	background-position: 0 -20px;
	color: #000;
}
/* open/close */
.inner {
	display: block;
}
.roll-close .inner {
	display: none;
}
.close ul.inner {
	display: none;
}
.open ul.inner {
	display: block;
}
.close .button {
	background: url(../images/mag-nav-bg.gif) no-repeat;
	color: #666;
}
.open .button {
	background-position: 0 -20px;
	color: #000;
}
/* magazine navigation end */
/* right column */
.mag-col-2 {
	float: left;
	margin: 5px -4px 0 -64px;
	width: 818px;
	overflow: hidden;
	position: relative;
	display: inline;
}
/* application box */
.mag-col-2 .pdf {
	height: 553px;
	width: 818px;
}
/* prev/next buttons */
.mag-col-2 .buttons {
	overflow: hidden;
	width: 100%;
	margin: -4px 0 0;
}
.mag-col-2 .buttons #btn-prev-2,
.mag-col-2 .buttons #btn-next-2 {
	background: url(../images/btn-prev-2.gif) no-repeat;
	width: 35px;
	height: 15px;
	float: right;
	text-indent: -9999px;
	overflow: hidden;
	display: inline;
}
.mag-col-2 .buttons #btn-next-2 {
	background: url(../images/btn-next-2.gif) no-repeat;
	width: 34px;
	margin: 0 3px 0 5px;
}

/* news page */
/* press release box */
.press-release {
	background-color: #f8f8f8;
	min-height: 391px;
	margin: 30px 0 0;
	width: 223px;
	overflow: hidden;
}
* html .press-release {
	height: 391px;
	overflow: visible;
}
.press-release h2 {
	margin: 20px 0 0 9px;
	background: url(../images/heading-press-release.gif) no-repeat;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 12px;
}
/* press release list start */
.press-list {
	margin: 0 0 0 10px;
	padding: 0;
	overflow: hidden;
	width: 204px;
}
.press-list li {
	border-top: 1px solid #f2f2f2;
	margin: -1px 0 0;
	padding: 0 0 11px;
	list-style: none;
}
.press-list li h3 {
	margin: 9px 0 0;
	color: #4a4a4a;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
}
.press-list li h3 a {
	text-decoration: none;
	color: #4a4a4a;
}
.press-list li h3 a:hover {
	text-decoration: underline;
}
.press-list li p {
	margin: 0;
	color: #636363;
	font-size: 11px;
	line-height: 14px;
}
.press-list li p.link-more {
	text-align: right;
	color: #636363;
	background: url(../images/arrow-3.gif) no-repeat 100% 5px;
	padding: 0 12px 0 0;
}
.press-list li p.link-more a {
	color: #636363;
	font-size: 9px;
	line-height: 12px;
}
.press-list li p.link-more a:hover {
	text-decoration: none;
}
/* press release list end */
/* press contact box start */
.press-contact-box {
	margin: 51px 0 0;
	padding: 0 0 11px 23px;
	border-bottom: 1px solid #f2f2f2;
}
.press-contact-box h2,
.image-bank h2 {
	margin: 0;
	background: url(../images/heading-press-contacts.gif) no-repeat;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
	font-size: 12px;
}
.image-bank h2 {
	background: url(../images/heading-image-bank.gif) no-repeat;
	height: 17px;
}
/* form select country */
.press-contact-box .form-country {
	overflow: hidden;
	width: 100%;
	margin: 10px 0 0;
	padding: 0 0 13px;
}
* html .press-contact-box .form-country {
	padding-bottom: 11px;
}
*+html .press-contact-box .form-country {
	padding-bottom: 11px;
}
.press-contact-box .form-country label {
	float: left;
	color: #7c7c7c;
	font-size: 11px;
	line-height: 14px;
	padding: 0 0 0 1px;
}
.press-contact-box .form-country select {
	float: right;
	color: #7b7b7b;
	font: 9px/12px Arial, sans-serif;
	border: 1px solid #a7a5a6;
	width: 144px;
}
.press-contact-box p {
	margin: 0;
	padding: 0 0 10px;
	text-align: right;
	color: #666;
	font-size: 11px;
	line-height: 13px;
}
.press-contact-box p span {
	font-size: 12px;
}
.press-contact-box p a {
	color: #666;
}
.press-contact-box p a:hover {
	text-decoration: none;
}
/* press contact box end */
/* bottom image */
.bottom-image {
	margin: 16px 0 0;
}
/* image bank box */
.image-bank {
	margin: 14px 0 0 23px;
}
/* login form start */
.login-form {
	overflow: hidden;
	width: 100%;
	margin: 7px 0 0;
}
.login-form .clear {
	font-size: 0;
	height: 9px;
	clear: both;
	overflow: hidden;
}
.login-form label {
	float: left;
	color: #7c7c7c;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
}
.login-form input {
	font: 11px/14px Arial, sans-serif;
	border: 1px solid #afadae;
	width: 136px;
	float: right;
	padding: 0 3px;
}
.login-form #btn-ok {
	float: right;
	width: 29px;
	height: 11px;
	border: none;
	padding: 0;
	display: inline;
	margin: 0 7px 0 0;
}
/* login form end */

/* look book page */
.look-book-container {
	overflow: hidden;
	width: 100%;
}
.flash {
	margin: -23px 0 0;
}

/* must haves page */
.must-haves-body {
	background-color: #f7f7f7;
	width: 923px;
	margin: 17px 0 0 6px;
	padding: 0 0 19px;
	overflow: hidden;
}
/* products box start */
.product-box {
	float: left;
	background-color: #fafafa;
	border: 1px solid #ececec;
	width: 437px;
	height: 334px;
	margin: 19px 0 0;
	display: inline;
}
.product-box h2 {
	color: #8d8d8d;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	margin: 5px 0 0 6px;
}
/* slide nimbers */
#current_page_1,
#current_page_2 {
	float: right;
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin: 5px 6px 0 0;
	display: inline;
	color: #8d8d8d;
	height: 15px;
	overflow: hidden;
}
.slider-area-2 {
	position: relative;
	width: 374px;
	height: 310px;
	overflow: hidden;
	margin: 0 0 0 31px;
}
/* products lists */
#products,
#products-2 {
	margin: 13px 0 0;
	padding: 0;
	width: 374px;
	position: relative;
}
#products li,
#products-2 li {
	list-style: none;
	text-align: center;
	width: 374px;
}
/* slide styles */
#products li img,
#products-2 li img {
	display: inline;
}
* html #products li img,
* html #products-2 li img {
	margin: 0 0 3px;
}
#products li h3,
#products-2 li h3 {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
	font-weight: normal;
	color: #8d8d8d;
	letter-spacing: 1px;
}
#products li p,
#products-2 li p {
	margin: 9px 0 0;
	font-size: 9px;
	line-height: 11px;
	font-weight: normal;
	color: #8d8d8d;
}
#tab-1,
#tab-2 {
	float: left;
	display: inline;
	width: 675px;
	margin: 0;
	padding: 0 0 0 19px;
}
/* products box end */
.photo-woman {
	float: left;
	border: 1px solid #ebebeb;
	display: inline;
	margin: 19px 0 0 13px;
}
/* right images buttons */
.button-images {
	float: left;
	margin: 6px 0 0 13px;
	display: inline;
}
.button-images a {
	display: block;
	margin: 14px 0 0;
}
.lookbook 
{
    background-color:White;
	min-height: 535px;
	overflow: hidden;
	margin: 4px 0 0;
}
.popup {
	background: url(../images/popup-bg.jpg) no-repeat;
	width: 460px;
	height: 291px;
	position: absolute;
	bottom: 47px;
	right: 0;
	overflow: hidden;
	display:none;
}
.popup a {
	display: inline;
	background: none;
	text-indent: 0;
	float: none;
}
.popup #btn-close {
	float: right;
	background: url(../images/btn-close.gif) no-repeat;
	width: 12px;
	height: 11px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 2px 2px 0 0;
}
.popup h2 {
	background: url(../images/heading-be-the-first-to-know.gif) no-repeat;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 110px 0 0 45px;
	padding: 0 0 5px;
}
.popup p {
	margin: 10px 0 0 46px;
	padding: 0 10px 2px 0;
	color: #231f20;
	font: 10px/12px Verdana, Arial, sans-serif;
}
.popup p.privacy {
	color: #a3a1a2;
	font-size: 9px;
	line-height: 11px;
	width: 305px;
}
.popup p a {
	color: #231f20;
}
.popup p a:hover {
	text-decoration: none;
}
#LinkButton1,ctl00_ContentPlaceHolder1_LinkButton1 {
	background: url(../images/btn-accept.gif) no-repeat;
	width: 68px;
	height: 19px;
	float: right;
	text-indent: -9999px;
	margin: -4px 18px 0 0;
}
 #LinkButton1:hover, ctl00_ContentPlaceHolder1_LinkButton1:hover {
	background-position: 0 -19px;
}


/* popup end */
