/* General Page Structure
-------------------------------------------------------------------------------------- */
html {
	height: 100%;
}
body {
	background-color: #382c16;
	height: 100%;
	margin: 0;
	min-height: 560px; /* same as #wrapper height */
	padding: 0;
}
body.fw-09-front,
body.fw-2010-front,
body.ss-2010-front,
body.previous,
body.brand {
	min-height: 660px;
}
body.ss2010-headwear {
	min-height: 662px;
}
#starter {
	color: #382c16;
	float: left;
	height: 50%;
	margin-top: -280px; /* 50% of #wrapper height */
	width: 100%;
}
body.fw-09-front #starter,
body.fw-2010-front #starter,
body.ss-2010-front #starter,
body.previous #starter,
body.brand #starter {
	margin-top: -330px; /* 50% of #wrapper height */
}
#wrapper {
	clear: both;
	height: 560px;
	margin: 0 auto;
	overflow: hidden;
	width: 835px;
}
body.gallery #wrapper {
	width: 1106px;
}
body.fw09 #wrapper,
body.ss2010 #wrapper {
	width: 1066px;
}
body.fw2010 #wrapper {
	width: 1136px;
}
body.fw-09-front #wrapper,
body.fw-2010-front #wrapper,
body.ss-2010-front #wrapper,
body.brand #wrapper {
	height: 660px;
	width: 980px;
}
body.previous #wrapper {
	height: 660px;
	width: 1046px;
}
body.fw-09-footwear #wrapper,
body.fw-2010-footwear #wrapper,
body.ss2010-footwear #wrapper {
	width: 935px;
}
body.fw09-headwear #wrapper,
body.fw2010-headwear #wrapper {
	width: 906px;
}
body.ss2010-headwear #wrapper {
	width: 1106px;
}
body.press #wrapper {
	width: 965px;
}
#header {
	height: 45px;
	margin: 0 0 5px;
	padding: 10px 0 0;
	overflow: hidden;
}
#main {
	height: 480px;
	overflow: hidden;
}
body.fw-09-front #main,
body.fw-2010-front #main,
body.ss-2010-front #main,
body.previous #main,
body.brand #main {
	height: 580px;
}
body.ss2010-headwear #main {
	height: 482px;
}
#nav {
	/* background: url(/_assets/images/base/bg-gradient.png) repeat-x top left; */
	float: left;
	height: 100%;
	margin: 0 1px 0 0;
	width: 114px;
}
body.fw-09-front #nav,
body.fw-2010-front #nav,
body.ss-2010-front #nav,
body.previous #nav,
body.brand #nav {
	width: 124px;
}
#content {
	background: url(/_assets/images/base/content-bg.gif) repeat-x top left;
	color: #fff;
	float: left;
	height: 400px;
	padding: 40px;
	overflow: hidden;
	width: 640px;
}
body.index #content {
	background: none;
	height: 480px;
	padding: 0;
	width: 720px;
}
body.gallery #content {
	height: 480px;
	padding: 0;
	width: 840px;
}
body.fw09 #content,
body.fw2010 #content,
body.ss2010 #content {
	width: 800px;
}
body.fw-09-front #content,
body.fw-2010-front #content,
body.ss-2010-front #content,
body.brand #content {
	height: 580px;
	width: 855px;
}
body.brand #content {
	background: none;
	padding: 0;
}
body.previous #content {
	height: 580px;
	position: relative;
	width: 921px;
}
body.fw09-headwear #content,
body.fw2010-headwear #content {
	width: 640px;
}
body.ss2010-headwear #content {
	height: 482px;
	width: 840px;
}
body.footwear #content {
	height: 480px;
	padding: 0;
	width: 720px;
}
body.fw-09-footwear #content,
body.fw-2010-footwear #content,
body.ss2010-footwear #content {
	width: 820px;
}
body.press #content {
	height: 480px;
	padding: 0;
	position: relative;
	width: 850px;
}
#sidebar {
	border-left: 1px solid #382c16;
	float: left;
	height: 480px;
	overflow: hidden;
	width: 150px;
}
body.fw2010 #sidebar {
	width: 220px;
}
#bottom {
	clear: both;
	line-height: 20px;
	height: 20px;
}


/* General Styles
-------------------------------------------------------------------------------------- */
/* IE 6  */ * html .clear { height: 1%; overflow: visible; }
/* IE 7  */ *+html .clear { min-height: 1%; }
/* Other */ .clear:after  { clear: both; content: "."; display: block; height: 0; visibility: hidden; }

a img {	border: none; }
hr {
	background: none;
	border: none;
	height: 0px;
	clear: both;
	margin: 0;
	overflow: hidden;
	padding: 0;
	visibility: hidden;
}


/* General Typography
-------------------------------------------------------------------------------------- */
body {
	font: 11px/1.6 Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin: 0 0 15px;
}
h1 {
	font-size: 20px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
}
h2 {
	font-size: 18px;
	font-weight: normal;
	line-height: 1.2;
	margin: 0 0 20px;
	text-transform: uppercase;
}
h3 {
	font-size: 13px;
	margin: 0;
}
ul {
	padding: 0;
}
a {
	color: #fff;
}
a:hover {
	color: #000;
}


/* Header
-------------------------------------------------------------------------------------- */
a#logo {
	display: block;
	float: left;
	height: 45px;
	margin: 0 0 0 114px;
	outline: none;
	position: relative;
	text-decoration: none;
	width: 210px;
}
body.fw-09-front a#logo,
body.fw-2010-front a#logo,
body.ss-2010-front a#logo,
body.previous a#logo,
body.brand a#logo {
	margin-left: 124px;
}
a#logo img {
	display: block;
	float: left;
}
a#logo span {
	color: #6a6150;
	display: none;
	float: left;
	line-height: 11px;
	position: absolute;
	text-decoration: none;
	text-transform: uppercase;
}
a#logo:hover span {
	display: block;
	left: 177px;
	top: 35px;
}
#cfda {
	float: left;
	height: 25px;
	margin: 0 0 0 40px;
	padding: 7px 0 0;
	width: 80px;
}
#cfda a,
#cfda a img {
	display: block;
	height: 25px;
	outline: none;
	width: 80px;
}
#header div.shop {
	float: right;
	width: 150px;
}
#header div.shop a {
	background-color: #4c422e;
	border-radius: 3px;
	color: #cdcac5;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin: 10px 0 0;
	outline: none;
	padding: 7px 0;
	text-align: center;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
#header div.shop a:hover {
	background-color: #564b39;
	color: #fff;
}
#notice {
	color: #ab8206;
	float: right;
	font-size: 12px;
	height: 54px;
	line-height: 18px;
	margin: -10px 20px 0 0;
	position: relative;
	text-align: right;
}
#header div.one {
	height: 26px;
	line-height: 26px;
	padding: 20px 0 0;
}
#header div.two {
	height: 40px;
	padding: 14px 0 0;
	line-height: 18px;
}
#header div.three {
	height: 54px;
	line-height: 18px;
}
#notice a {
	color: #ab8206;
	text-decoration: none;
}
#notice a:hover {
	color: #fff;
}


/* Nav Menu
-------------------------------------------------------------------------------------- */
#nav ul {
	line-height: 1;
	list-style: none;
	margin: 25px 0 0;
}
body.collection #nav ul {
	margin-top: 20px;
}
body.fw-09-front #nav ul,
body.fw-2010-front #nav ul,
body.ss-2010-front #nav ul,
body.previous #nav ul,
body.brand #nav ul {
	margin-bottom: 35px;
}
#nav ul li {
	margin: 0 0 1px;
	text-align: center;
	text-transform: uppercase;
}
#nav ul li a {
	display: block;
	outline: none;
	padding: 4px 5px;
	text-decoration: none;
}
#nav ul.shop {
	margin-bottom: 0 !important;
}
#nav ul.seasons {
	margin: 0 !important;
}
#nav ul.seasons li ul {
	display: none;
	margin: 1px 0 0;
}
#nav ul.stores {
	margin-top: 0 !important;
}
body.spring #nav ul li.spring ul,
body.fall #nav ul li.fall ul {
	display: block;
}
body.spring #nav ul li.fall,
body.fall #nav ul li.spring {
	display: none;
}
body.home #nav ul li.home a,
body.handbags #nav ul li.handbags a,
body.headwear #nav ul li.headwear a,
body.footwear #nav ul li.footwear a,
body.press #nav ul li.press a,
body.brand #nav ul li.brand a,
body.corporate #nav ul li.corporate a,
body.stores #nav ul li.stores a,
body.search #nav ul li.search a,
body.conditions #nav ul li.conditions a,
body.privacy #nav ul li.privacy a,
body.register #nav ul li.register a,
body.spring #nav ul li.spring a.title,
body.fall #nav ul li.fall a.title,
body.previous #nav ul li.previous a {
	background: url(/_assets/images/base/nav-hover.png) no-repeat top left;
	color: #fff;
}
body.spring #nav ul li.spring a.title,
body.fall #nav ul li.fall a.title {
	font-weight: bold;
}
#nav ul li a:hover {
	background: url(/_assets/images/base/nav-hover.png) no-repeat top left;
	color: #fff;
}


/* Shared Column Styles
-------------------------------------------------------------------------------------- */
div.column ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
div.column img {
	border: none;
	display: block;
	outline: none;
}


/* Feature Area
-------------------------------------------------------------------------------------- */
#feature {
	float: left;
	height: 100%;
	overflow: hidden;
	width: 360px;
}
body.fw-09-front #feature {
	width: 480px;
}
body.ss-2010-front #feature,
body.fw-2010-front #feature {
	width: 460px;
}
body.previous #feature {
	width: 921px;
}
body.previous div.feature {
	float: left;
	height: 580px;
	width: 921px;
}
body.previous div.toc {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
	z-index: 10;
}
body.previous div.panel {
	background: url(/_assets/images/base/bg-gradient.png) repeat-x 0 0;
	float: left;
	height: 540px;
	overflow: hidden;
	padding: 0 0 40px;
	position: relative;
	width: 460px;
}
body.previous div.panel a.view {
	bottom: 0;
	display: block;
	height: 40px;
	left: 0;
	position: absolute;
	width: 460px;
}
body.previous div.panel a.view img {
	display: block;
	height: 40px;
	width: 460px;
}
body.previous div.left {
	margin-right: 1px;
}
body.previous div.previous-toc {
	padding: 30px;
}
body.previous div.previous-toc h2 {
	font-size: 24px;
	margin: 0;
	opacity: 0.8;
}
body.previous div.previous-toc h3 {
	font-size: 18px;
	margin: 0 0 20px;
	opacity: 0.6;
}
body.previous div.previous-toc ul {
	float: left;
	list-style: none;
	margin: 0;
	width: 100px;
}
body.previous div.previous-toc ul li {
	margin: 0 0 10px;
}
body.previous div.previous-toc ul li a {
	font-size: 18px;
	text-decoration: none;
}
body.previous div.previous-toc div.comingsoon {
	display: none;
	font-size: 18px;
}
body.previous div.previous-toc div.comingsoon h4 {
	font-size: 24px;
	font-weight: normal;
}


/* Showcase (Rotating Products)
-------------------------------------------------------------------------------------- */
#showcase {
	float: right;
	height: 100%;
	width: 360px;
	overflow: hidden;
	position: relative;
}
#showcase ul li {
	height: 480px;
	overflow: hidden;
	width: 360px;
}
#showcase ul li img {
	height: 480px;
	width: 360px;
}
body.fw-09-front #showcase,
body.fw-09-front #showcase ul li,
body.fw-09-front #showcase ul li img {
	height: 580px;
	width: 375px;
}
body.ss-2010-front #showcase,
body.ss-2010-front #showcase ul li,
body.ss-2010-front #showcase ul li img,
body.fw-2010-front #showcase,
body.fw-2010-front #showcase ul li,
body.fw-2010-front #showcase ul li img {
	height: 580px;
	width: 394px;
}
body.ss-2010-front #showcase img.zoom {
	float: right;
	height: 170%;
	position: absolute;
	right: 0;
	top: 0;
	width: 170%;
	z-index: 10;
}
body.ss-2010-front #showcase img.zoom2 {
	float: right;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
}


/* Product Gallery
-------------------------------------------------------------------------------------- */
ul#product-gallery {
	list-style: none;
	margin: 0;
}
ul#product-gallery li {
	float: left;
	display: block;
	height: 120px;
	width: 120px;
}
ul#product-gallery li a {
	display: block;
	outline: none;
}
ul#product-gallery li a img {
	display: block;
	opacity: 0.9;
}
ul#product-gallery li a:hover img {
	opacity: 1;
}
body.fw09 ul#product-gallery li,
body.fw2010 ul#product-gallery li,
body.ss2010 ul#product-gallery li {
	height: 160px;
	width: 160px;
}
body.ss2010-headwear ul#product-gallery {
	background: url(/_assets/images/seasons/ss-2010/headwear/all.jpg) no-repeat 0 0;
	height: 482px;
	width: 840px;
}
body.ss2010-headwear ul#product-gallery li {
	height: auto;
	width: auto;
}
body.ss2010-headwear ul#product-gallery li a {
	height: 160px;
	width: 140px;
}
body.ss2010-headwear ul#product-gallery li.row1,
body.ss2010-headwear ul#product-gallery li.row2 {
	margin-bottom: 1px;
}
body.ss2010-headwear ul#product-gallery li a {
	background-color: #fff;
	opacity: 0.08;
}
body.ss2010-headwear ul#product-gallery li a:hover {
	opacity: 0;
}
body.ss2010-headwear ul#product-gallery li img {
	display: none;
}

body.ss2010-headwear ul#product-gallery li a.item01 { width: 132px; }
body.ss2010-headwear ul#product-gallery li a.item02 { width: 142px; }
body.ss2010-headwear ul#product-gallery li a.item03 { width: 148px; }
body.ss2010-headwear ul#product-gallery li a.item04 { width: 134px; }
body.ss2010-headwear ul#product-gallery li a.item05 { width: 124px; }
body.ss2010-headwear ul#product-gallery li a.item06 { width: 160px; }
body.ss2010-headwear ul#product-gallery li a.item07 { width: 155px; }
body.ss2010-headwear ul#product-gallery li a.item08 { width: 160px; }
body.ss2010-headwear ul#product-gallery li a.item09 { width: 120px; }
body.ss2010-headwear ul#product-gallery li a.item10 { width: 140px; }
body.ss2010-headwear ul#product-gallery li a.item11 { width: 140px; }
body.ss2010-headwear ul#product-gallery li a.item12 { width: 125px; }
body.ss2010-headwear ul#product-gallery li a.item13 { width: 135px; }
body.ss2010-headwear ul#product-gallery li a.item14 { width: 150px; }
body.ss2010-headwear ul#product-gallery li a.item15 { width: 135px; }
body.ss2010-headwear ul#product-gallery li a.item16 { width: 170px; }
body.ss2010-headwear ul#product-gallery li a.item17 { width: 125px; }
body.ss2010-headwear ul#product-gallery li a.item18 { width: 125px; }


/* Footwear
-------------------------------------------------------------------------------------- */
body.footwear #content {
	position: relative;
}
body.footwear #content div.special-notice {
	bottom: 0;
	color: #382c16;
	left: 0;
	padding: 5px 10px;
	position: absolute;
	z-index: 5;
}
ul#footwear {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 480px !important;
	width: 720px !important;
}
ul#footwear li img {
	border: none;
	display: block;
	height: 480px;
	outline: none;
}


/* Press
-------------------------------------------------------------------------------------- */
#press {
	margin: 0 auto;
	width: 760px;
}
#press ul {
	height: 480px;
	list-style: none;
	margin: 0;
	width: 760px;
}
#press ul li {
	display: block;
	height: 480px;
	margin: 0;
	padding: 0;
	width: 760px;
}
#press ul li a {
	border: 5px solid #000;
	display: block;
	float: left;
	height: 207px;
	margin: 15px 10px 0;
	outline: none;
	width: 160px;
}
#press ul li a:hover {
	border-color: #fff;
}
#press ul li a img {
	display: block;
	height: 207px;
	width: 160px;
}
body.press span#prevBtn,
body.press span#nextBtn {
	display: block;
	height: 22px;
	position: absolute;
	top: 229px;
	width: 45px;
}
body.press span#prevBtn {
	left: 0;
}
body.press span#nextBtn {
	right: 0;
}
body.press span#prevBtn a,
body.press span#nextBtn a {
	background-image: url(/_assets/images/base/press-arrows.gif);
	background-repeat: no-repeat;
	display: block;
	height: 22px;
	margin: 0 auto;
	outline: none;
	width: 11px;
}
body.press span#prevBtn a {
	background-position: 0 0;
}
body.press span#prevBtn a:hover {
	background-position: 0 -22px;
}
body.press span#nextBtn a {
	background-position: -11px 0;
}
body.press span#nextBtn a:hover {
	background-position: -11px -22px;
}


/* About Brand
-------------------------------------------------------------------------------------- */
body.brand #header div.shop,
body.brand #header #notice {
	display: none;
}
#about {
	height: 580px;
	padding: 0 30px;
	position: relative;
}
#about ul.tabs {
	font-size: 11px;
	list-style: none;
	margin: 0 0 10px;
	padding: 5px 0 0;
	text-align: center;
	text-transform: uppercase;
}
#about ul.tabs li {
	display: inline;
	margin: 0 10px;
}
#about ul.tabs li a {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 15px;
	text-decoration: none;
}
#about ul.tabs li a:hover {
	background-color: #4c422e;
	color: #fff;
}
#about ul.tabs li.ui-tabs-selected a {
	background-color: #4c422e;
	color: #AB8206;
}
#about .ui-tabs-hide {
	display: none;
}
#about div {
	clear: both;
}
#about h2 {
	height: 0;
	margin: 0;
	overflow: hidden;
	text-transform: none;
}
#about p {
	letter-spacing: 1px;
	margin: 0 0 11px;
}
#about-download {
	bottom: 0;
	font-size: 10px;
	height: 12px;
	left: 0;
	line-height: 12px;
	position: absolute;
	text-align: center;
	width: 855px;
}
#about-download a {
	color: #fff;
}


/* Corporate Showrooms
-------------------------------------------------------------------------------------- */
body.corporate hr {
	padding: 10px 0;
}
body.corporate div.first {
	margin-left: -1px;
	padding-left: 1px;
}
div.showroom {
	float: left;
	width: 33%;
}
div.showroom strong {
	padding-right: 5px;
}


/* Public Relations
-------------------------------------------------------------------------------------- */
body.press-inquiries hr {
	padding: 10px 0;
}
body.press-inquiries div.first {
	margin-left: -1px;
	padding-left: 1px;
}
div.contact-box strong {
	padding-right: 5px;
}


/* Stores
-------------------------------------------------------------------------------------- */
body.stores #content {
	position: relative;
}
div.stores {
	font-size: 12px;
	float: left;
	width: 310px;
}
#usa-stores {
	float: right;
}
div.stores h3 {
	border-bottom: 1px solid #938a72;
	color: #3c3728;
	margin: 0 0 20px;
	padding: 0 0 10px;
	text-transform: uppercase;
}
div.stores ul {
	list-style: none;
	margin: 0;
}
div.stores ul li {
	margin: 0 0 5px;
}
div.stores ul li h4 {
	font-size: 12px;
	margin: 0;
	text-transform: uppercase;
}
div.stores ul li p {
	font-size: 11px;
	margin: 0;
}
div.stores ul li a {
	font-weight: bold;
	text-decoration: none;
}
a#store-index-link {
	bottom: 20px;
	color: #fff;
	left: 40px;
	position: absolute;
	text-decoration: none;
}


/* Bottom
-------------------------------------------------------------------------------------- */
#bottom {
	color: #605645;
	padding: 0 0 0 114px;
}
body.fw-09-front #bottom,
body.fw-2010-front #bottom,
body.ss-2010-front #bottom,
body.previous #bottom,
body.brand #bottom {
	padding-left: 124px;
}
#bottom p {
	float: left;
	margin: 0;
}
#bottom ul {
	float: right;
	list-style: none;
	margin: 0;
}
#bottom ul li {
	float: left;
	margin-left: 10px;
}
#bottom ul li a {
	color: #605645;
}
#bottom ul li a:hover {
	color: #888073;
}
