/* 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 {
	min-height: 660px;
}
#starter {
	color: #382c16;
	float: left;
	height: 50%;
	margin-top: -280px; /* 50% of #wrapper height */
	width: 100%;
}
body.fw-09-front #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 {
	width: 1066px;
}
body.fw-09-front #wrapper {
	height: 660px;
	width: 980px;
}
body.fw-09-footwear #wrapper {
	width: 935px;
}
body.fw09-headwear #wrapper {
	width: 906px;
}
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 {
	height: 580px;
}
#nav {
	background: url(../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 {
	width: 124px;
}
#content {
	background: url(../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 {
	width: 800px;
}
body.fw-09-front #content {
	height: 580px;
	width: 855px;
}
body.fw09-headwear #content {
	width: 640px;
}
body.footwear #content {
	height: 480px;
	padding: 0;
	width: 720px;
}
body.fw-09-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;
}
#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;
	outline: none;
	position: relative;
	text-decoration: none;
	width: 210px;
}
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: 30px 0 0;
}
body.collection #nav ul {
	margin-top: 25px;
}
body.fw-09-front #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 0;
	text-decoration: none;
}
#nav ul.shop {
	margin-bottom: 0 !important;
}
#nav ul.seasons li ul {
	margin: 1px 0 0;
}
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.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 {
	background: url(../images/base/nav-hover.png) no-repeat top left;
	color: #000;
}
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(../images/base/nav-hover.png) no-repeat top left;
	color: #000;
}


/* 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;
}


/* Showcase (Rotating Products)
-------------------------------------------------------------------------------------- */
#showcase {
	float: right;
	height: 100%;
	width: 360px;
	overflow: hidden;
}
#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;
}



/* 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 {
	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 {
	height: 160px;
	width: 160px;
}


/* 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 Auto Scroll
-------------------------------------------------------------------------------------- */
#press-scroll {
	height: 330px;
	margin: 75px auto;
	overflow: hidden;
	width: 765px;
}
#press-scroll div.scrollWrapper {
	height: 330px;
	overflow: hidden;
	position: relative;
	width: 765px;
}
#press-scroll div.scrollableArea {
	height: 330px;
	position: relative;
}
#press-scroll img {
	display: block;
	float: left;
	height: 330px;
	width: 255px;
}


/* 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(../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;
}


/* 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;
}


/* Bottom
-------------------------------------------------------------------------------------- */
#bottom {
	color: #605645;
}
#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;
}