@charset "UTF-8";
/* CSS Document */

/* RESET  */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}

html {

min-height: 100%;

margin-bottom: 1px;

}

table {
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img { 
	border:0;
}

a {outline: 0;}

address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

body {
	background:url(../images/backgrounds/page.gif) repeat-y #333;
	font-family:"Times New Roman", Times, serif;
}

a { color:#978D38; }

#pagewrap {
	width:980px;
}

#header {
	height:102px;
	margin-left:201px;
	border-bottom:4px solid #978d38;
	padding-left:20px;
	padding-top:50px;
	background:url(../images/fox_logo.gif) no-repeat 713px 33px #FFF;
}


#leftcolumn {
	width:201px;
	float:left;
	position:relative;
	color:#FFF;
	min-height:520px!important;
	overflow:hidden;
}

.savile {position:absolute; top:0px; left:-180px;}

#homepagecol {
	width:520px;
	float:left;
	padding:30px 20px 0 20px;
	color:#FFF;
	margin-bottom:30px;
	font-size:14px;
	line-height:26px;
	font-weight:100;
	background:url(../images/backgrounds/fox_watermark.gif) no-repeat bottom right;
	min-height:470px!important;
}

#homepagecol h1 { font-size:26px; margin-bottom:30px; font-weight:100; text-transform:uppercase; color:#978d38}
#homepagecol h1 span { font-size:20px;}


#homepagecol p { margin-bottom:30px;}


#middlecolumn {
	width:520px;
	float:left;
	padding:30px 20px 0 20px;
	color:#FFF;
	margin-bottom:30px;
	font-size:14px;
	line-height:22px;
	font-weight:100;
	
}

#middlecolumn h1 { font-size:26px; margin-bottom:30px; font-weight:100; text-transform:uppercase; color:#978d38}
#middlecolumn h1 span { font-size:20px;}
#middlecolumn h2 { font-weight:bold; font-size:18px; margin-bottom:5px; }

#middlecolumn p { margin-bottom:20px; letter-spacing:normal;}
#middlecolumn p span { font-weight:bold;}

#rightcolumn {
	width:220px;
	float:left;
	margin-bottom:30px;
}


#footer {
	border-top:1px solid #999;
	font-size:11px;
	margin-left:220px;
	padding-top:17px;
	width:760px;
	color:#999;
	clear:both;
	padding-bottom:30px;
	position:relative;
}

#footer img {float:right;}
#footer p { margin-bottom:3px;}
#footer a {color:#999; text-decoration:none;}
#footer a:hover {color:#999; text-decoration:underline;}

.introtext {width:300px; float:left;}
.quote { width:180px; float:left; margin-left:40px; font-style:italic; line-height:22px; color:#CCC; font-size:16px;}

.maintitle { margin-bottom:37px;}

.intquote {font-style:italic; line-height:22px; color:#CCC; font-size:16px; text-align:center; background:#4d4c4c; margin:2px 0 2px 0; padding:7px;}


/*\-------Main Navigation--------- /*\/*/

#mainnav  {margin:0; padding:0; list-style:none; width:580px;}
#mainnav li { margin:0 0 12px 0; padding:0; text-indent:-900em; }

#home a, #story a, #cloth a, #partners a, #made a, #press a, #contactus a, #bespoke a {height:27px; display:block;}

#home a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 0;}
#home a:hover,#home a.hover, #home.hover, #home a.current {background-position: 0 -189px;}

#story a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -27px;}
#story a:hover,#story a.hover, #story.hover, #story a.current {background-position: 0 -216px;}

#cloth a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -54px;}
#cloth a:hover,#cloth a.hover, #cloth.hover, #cloth a.current {background-position: 0 -244px;}

#partners a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -81px;}
#partners a:hover,#partners a.hover, #partners.hover, #partners a.current {background-position: 0 -271px;}

#made a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -108px;}
#made a:hover,#made a.hover, #made.hover, #made a.current {background-position: 0 -298px;}

#press a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -135px;}
#press a:hover,#press a.hover, #press.hover, #press a.current {background-position: 0 -325px;}

#contactus a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -162px;}
#contactus a:hover,#contactus a.hover, #contactus.hover, #contactus a.current {background-position: 0 -352px;}

#bespoke a{width:201px; background:url(../images/backgrounds/maintabs.gif)  no-repeat 0 -378px;}
#bespoke a:hover,#bespoke a.hover, #bespoke.hover, #bespoke a.current {background-position: 0 -405px;}

#mainnav li ul {margin-left:50px; font-size:14px; margin-top:5px; width:149px!important;}
#mainnav li ul li { text-indent:0px!important; background-image:none!important; margin:0 0 5px 0; width:149px!important;}
#mainnav li ul li a { background-image:none!important; color:#999; text-decoration:none; height:auto!important; width:149px!important;}
#mainnav li ul li a:hover {color:#CCC; text-decoration:none;}

#mainnav li ul li a.current {color:#978d38;}

#subnavigation {
	margin-bottom:20px;
	font-size:12px;
	color:#999;
}

#subnavigation li {
	display: inline;
}

#subnavigation li a {
	color:#CCC; text-decoration:none;
}

#subnavigation li a:hover {
	text-decoration:underline;
}

.toppage {
	background:url(../images/arrow_up.gif) no-repeat 0 8px;
	padding-left:20px;
	clear:both;
}

.toppage a { color:#FFF; text-decoration:none;}
.toppage a:hover { color:#FFF; text-decoration:underline;}

.profilepic {
	float:left; 
	margin:7px 15px 0 0;
	border:1px solid #666;
}

#artcileslist li {border-bottom:1px dotted #978d38; padding:15px 0 15px 0;}
#artcileslist li p { line-height:normal; margin-bottom:5px; font-size:14px; color:#CCC;}
#artcileslist li h2 { line-height:normal; margin-bottom:5px; font-size:16px; font-weight:normal;}

#artcileslist li h2 a {color:#FFF; text-decoration:none;}
#artcileslist li h2 a:hover {color:#FFF; text-decoration:underline;}

#artcileslist li img {float:left; margin-right:10px; border:1px solid #666;}

#artcileslist li div {width:425px; float:left;}

.publish {font-style:italic; font-size:11px;}

#featuredarticle {border-bottom:1px dotted #978d38; padding:0 0 12px 0;}
#featuredarticle img {float:left; margin-right:10px; border:1px solid #666;}
#featuredarticle h2 { line-height:normal; margin-bottom:5px; font-size:18px; font-weight:normal;}
#featuredarticle h2 a {color:#FFF; text-decoration:none;}
#featuredarticle h2 a:hover {color:#FFF; text-decoration:underline;}
#featuredarticle p {line-height:normal; color:#CCC;}

#featuredarticle div {width:358px; float:left;}

#staffcontacts {margin-bottom:20px;}

#staffcontacts li {
	background:url(../images/backgrounds/bullet.gif) no-repeat 0 9px;
	padding-left:15px;
}


.memories {
	color:#FFF;
	font-size:14px;
	background:url(../images/backgrounds/fox_sm.gif) no-repeat bottom right #4d4c4c;
	padding:12px 8px 12px 8px;
	border:1px #000 solid;
}

#rightcolumn h3 {
	font-size:22px;
	margin-bottom:0px;
	text-align:center!important;
	background:#000;
	color:#978d38;
	padding:2px 0 2px 0;
}

#rightcolumn h3 span {
	font-size:18px;
}

.memories h4 {
	margin-bottom:5px;
	font-size:16px;
}

.memories p {
	font-style:italic;
	line-height:normal!important;
	margin-bottom:4px;
}

.foxfloat {
	float:right; margin:0 0 10px 15px;
}


#thumbnail a img, #thumbnail a  {float:left; width:60px; }
#thumbnail a  { margin: 2px; border:#978d38 2px solid; }
#thumbnail a:hover { margin: 2px; border:#FFF 2px solid; }

.memoriesintro {width:124px; float:left; margin-left:7px;}

.memories a {color:#FFF; text-decoration:underline;}
.memories a:hover {color:#FFF; text-decoration:none;}


.clothlist {
	width:520px;
	margin-bottom:15px;
}

.clothlist td {
	vertical-align:top;
	padding:10px 0 10px 0;
	border-bottom:1px dotted #978d38;
}

.clothlist th {
text-align:left;
background-color:#000;
padding:3px 0px 3px 5px;
font-weight:normal;
text-transform:uppercase;
}
.clothlist th.last { text-align:center; }

.clothlist th span {font-size:11px;}

.clothlist .col2 {width:162px;}
.clothlist .col1 {width:120px; font-weight:bold;}
.clothlist .col3 {width:120px; text-align:center;}

.clothlist .col2 img { border:1px solid #666;}


.clothlist table td {
	vertical-align:top;
	padding:0px 0 2px 0!important;
	border-bottom:none!important;
	font-size:12px;
	line-height:normal!important;
}

#finishes {margin-bottom:10px; padding-bottom:10px;}

#finishes li {
	background:url(../images/backgrounds/bullet.gif) no-repeat 0 9px;
	padding-left:15px;
	width:245px;
	float:left;
	margin-bottom:4px;
}

#finishes li a {color:#FFF; text-decoration:underline;}
#finishes li a:hover {color:#FFF; text-decoration:none;}


.samples {width:142px; float:left;}
.samples li {width:132px; margin:0 10px 5px 0;}
.samples li img {border:1px solid #666;}

.sampledetails { width:370px; float:left; }

.fabric-cat { overflow:hidden; border-top:dotted 1px #978D38; padding:10px 0; line-height:1.4em; }
.fabric-cat h2 { margin:0; padding:0; margin-bottom:15px!important; font-weight:normal!important; }


/* FORMS */
form { overflow:hidden;  }
form p { margin: 0; }
form div { padding: 2px 10px; overflow:hidden;  }
label, span.label { margin-right: 10px; padding-right: 10px; width: 100px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
textarea { width:240px; height:130px; }
input:focus,textarea:focus { background-color: #F0F9FD; border-color: #00AEEF; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 120px; }
div.buttonrow { padding-left: 130px; }
div.errors { padding: 5px 10px 5px 10px; background: #FAB9AD; margin: 0 0 10px 0; border: solid 1px #C00; font-family:Arial, Helvetica, sans-serif; }
div.errors strong { color: #C00; font-weight:bold; }
div.errors ul { margin-bottom:0; }
div.errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
div.info { padding: 5px 15px 0 15px; background: #c6d8de; margin: 8px 0 8px 0; border: solid 1px #416b89; }
input.long { width: 200px; }