html {
border: 0;
margin: 0 auto;
padding: 0;
}
body {
border: 0;
margin: 0;
padding: 0;
font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", arial, san-serif;
font-size: 0.8em;
line-height: normal;
}
form, fieldset { border: 0; margin: 0; padding: 0; }
a { text-decoration: none; margin: 0; padding: 0; outline: none; }
a:link, a:visited { color: #000; }
a:hover, a:active { color: #fff; text-decoration: none; background: #000; }
a img { border: 0; margin: 0; }

/* ---- Typography ------ */
.bold, .company, span.price { font-weight: bold; }
.goddard { font-weight: bold; color: #79264b; }
.payne { font-weight: bold; color: #000; }
kbd { font-weight: bold; }

h1, h2, h3, h4, h5, h6 {
font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif;
margin-top: 3px;
margin-bottom: 3px;
}
input, textarea, em { font-family: "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif; }
ol, ul, pre, blockquote {
margin-top: 5px;
margin-bottom: 5px;
}
blockquote { font: 1.1em "American Typewriter Medium BT", "American Typewriter", Typist, Courier, "Courier New", san-serif; }
h1 {
margin-bottom: 25px;
font-size: 2.4em;
font-weight: normal;
}
h2 {
font-size: 1.2em;
font-weight: bold;
}
p {
margin-top: 5px;
}
/* standard helper classes */

.hide { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;  /* for the benefit of IE5 Mac */ }
.alt { display: none; }

.clearing { clear: both; }
.float-left { position: relative; float: left; }
.float-right { position: relative; float: right; }

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



#wrapper {
margin: 0 auto;
padding: 0;
width: 1004px;
position: relative;
min-height: 1px;
clear: both;
}
#header {
background: #fff url(img/headerback.gif) bottom center no-repeat;
width: 1004px;
padding: 20px 0;
position: relative;
font-family: "American Typewriter Medium BT", "Courier New", typist, courier, arial, sans-serif;
}
#header h1 {
display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute;
}
#pagebody {
width: 1004px;
position: relative;
float: left;
background: #fff url(img/htmlback.gif) top center repeat-y; 
}
#maincontent {
margin: 0 auto;
padding: 30px 12px;
position: relative;
}
#footer {
margin: 0 auto;
width: 1004px;
padding: 10px 0 10px 0;
position: relative;
clear: both;
text-align: center;
font-family: "American Typewriter Medium BT", "Courier New", typist, courier, arial, sans-serif;
background: #fff url(img/footerback.gif) top center no-repeat; 
}
#footer span {
color: #999;
font-size: 0.8em;
}
#footer a {
color: #999;
}
#footer a:hover {
color: #fff;
}
#header ul, #footer ul {
margin: 0 auto;
padding: 10px 0;
width: 900px;
list-style-type: none;
}
#header ul li, #footer ul li {
margin: 0 0 5px 0;
padding: 0;
float: left;
position: relative;
padding: 0 10px;
border-right: 1px solid #ccc;
}

#top, #bottom {
padding: 30px 60px;
height: 220px;
}
#logo img {
display: block;
}


div#main-nav {
padding: 0 30px 30px 60px;
float: left;
position: relative;
}

div#press, div#about, div#stockists, div#contact, div#customers, div#design {
float: left;
position: relative;
width: 540px;
padding: 0 0 30px 0;
font-size: 1.2em;
}
div#season, div#presscuttings {
text-align: center;
}
div#presscuttings {
float: none;
padding: 0 70px;
}

#stockists .column1, #stockists .column2 {
	width: 280px;
	float: left;
	position: relative;
}

div#stockists ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 1.0em;
line-height: 1.6em;
}
div#viewer {
text-align: center;
}
div#viewer h1 {
margin-bottom: 10px;
}
div#viewer h2 {
padding-top: 15px;
}
div#contact h2 {
font-size: 2.4em;
font-weight: normal;
}

div#design img {
	width: 600px;
}


#top span { display: none; margin: 0; height: 0; width: 0; overflow: hidden; position: absolute; }


/* -- Main navigation -- */

ul#top-nav, ul#bottom-nav, ul#nav {
width: 280px;
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
float: left;
}
ul#seasons-nav, ul#press-nav {
width: 240px;
margin: 0;
padding: 0;
font-size: 1.4em;
line-height: 1.4em;
position: relative;
float: left;
list-style-type: none;
}

ul#press-nav li a, ul#seasons-nav li a {
color: #999;
}
ul#press-nav li a:hover, ul#seasons-nav li a:hover {
color: #fff;
}

ul#top-nav span, ul#bottom-nav span, ul#nav span {
height: 0;
width: 0;
overflow: hidden;
position: absolute;  /* for the benefit of IE5 Mac */
}

ul#top-nav li, ul#bottom-nav li, ul#nav li { text-indent: -10000px; }
ul#top-nav li a, ul#bottom-nav li a, ul#nav li a { display: block; text-decoration: none; position: relative; width: 200px; padding-right: 3px; }


ul#nav li ul#press-nav, ul#nav li ul#seasons-nav {
float: none;
}

ul#nav li ul#press-nav li, ul#nav li ul#seasons-nav li {
text-indent: 0;
}
ul#nav li ul#press-nav li a, ul#nav li ul#seasons-nav li a {
font-size: 1.0em;
margin-left: 20px;
display: inline;
width: auto;
color: #999;
}
ul#nav li ul#press-nav li a:hover, ul#nav li ul#seasons-nav li a:hover {
color: #fff;
} 
ul#nav li ul#press-nav li a.selected, ul#nav li ul#seasons-nav li a.selected, div#header ul li a.selected {
color: #fff;
background: #000;
}
a#nav_home2 { background: url(img/nav/home.gif) no-repeat; height: 35px; }
a#nav_home { background: url(img/nav/home.gif) no-repeat; height: 35px; }
a#nav_aandd { background: url(img/nav/about-and.gif) no-repeat; height: 60px; }
a#nav_seasons { background: url(img/nav/seasons.gif) no-repeat; height: 60px; }
a#nav_shop { background: url(img/nav/shop.gif) no-repeat; height: 60px; }
a#nav_press { background: url(img/nav/press.gif) no-repeat; height: 35px; }
a#nav_stockists { background: url(img/nav/stockists.gif) no-repeat; height: 35px; }
a#nav_contact { background: url(img/nav/contact.gif) no-repeat; height: 35px; }
a#nav_customers { background: url(img/nav/customers.gif) no-repeat; height: 60px; }

a#nav_home:hover, a#nav_home.selected { background-position: 0 -40px; }
a#nav_aandd:hover, a#nav_aandd.selected { background-position: 0 -64px; }
a#nav_seasons:hover, a#nav_seasons.selected { background-position: 0 -64px; }
a#nav_shop:hover, a#nav_shop.selected { background-position: 0 -64px; }
a#nav_press:hover, a#nav_press.selected { background-position: 0 -40px; }
a#nav_stockists:hover, a#nav_stockists.selected { background-position: 0 -40px; }
a#nav_contact:hover, a#nav_contact.selected { background-position: 0 -40px; }
a#nav_customers:hover, a#nav_customers.selected { background-position: 0 -64px; }

li.show {
text-indent: 0;
}
a.show {
color: #000;
font-size: 1.0em;
text-indent: 0;
height: 20px;
width: 200px;
display: inline;
}

/* -- Seasons Pics -- */


div#seasons {
padding: 10px;
}
div#season h1 {
float: left;
position: relative;
width: 500px;
}
div#prev-season {
width: 240px;
height: 40px;
padding-top: 20px;
float: left;
position: relative;
}
div#next-season {
width: 240px;
height: 40px;
padding-top: 20px;
float: right;
position: relative;
}
div.thumb-holder {
float: left;
position: relative;
width: 840px;
}
div.thumb-box {
float: left;
position: relative;
width: 120px;
height: 210px;
}
div.thumb-box span {
font-family: "Courier New", typist, courier, arial, sans-serif;
font-size: 0.9em;
}
div.thumb-box a img {
display: block;
}
div#next-page, div#prev-page {
float: left;
position: relative;
width: 70px;
height: 600px;
}

div#next-page a, div#prev-page a {
display: block;
width: 70px;
height: 600px;
color: #fff;
}
div#next-page a {
background: url(img/right.gif) -120px 40px no-repeat;
}
div#prev-page a {
background: url(img/left.gif) -10px 40px no-repeat;
}

/* ----- Image Viewer --- */

#framebox {
text-align: center;
}
#frame {
background: #fff;
padding: 10px 5px;
margin-top: 5px;
text-align: center;
}
#frame img {
border: 0;
margin: 0 auto;
}
#prevpic {
float: left;
position: absolute;
left: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#prevpic a {
position: absolute;
float: left;
left: 0;
display: block;
width: 400px;
height: 500px;
z-index: 10;
}
#nextpic {
float: right;
position: absolute;
right: 0;
width: 200px;
background: transparent;
z-index: 3;
}
#nextpic a {
position: absolute;
float: right;
right: 0;
display: block;
width: 400px;
height: 500px;
z-index: 10;
}
#prevpic a:hover {
display: block;
left: 20px;
background: url(img/left.gif) no-repeat;
}
#nextpic a:hover {
display: block;
right: 20px;
background: url(img/right.gif) top right no-repeat;
}

/* ----- Pages Seasons links ---- */

#season div.pages {
padding: 10px 0 20px 0;
text-align: center;
clear: both;
width: 980px;
position: relative;
float: left;
text-align: center;
}
#season div.pages a.prev, #season div.pages a.next {

font-size: 1.4em;
margin-left: 1px;
padding: 1px 7px 1px 7px;
text-decoration: none;
}
#season div.pages a.prev:hover, #season div.pages a.prev:active, #season div.pages a.next:hover, #season div.pages a.next:active {
color: #fff;
background: #fff;
}
#season div.pages a.page, #season div.pages a.currentpage {
border: 1px solid #fff;

font-size: 1.2em;
margin-left: 1px;
padding: 1px 6px 2px 6px;
text-decoration: none;
}
#season div.pages a.currentpage {
color: #000;
border: 1px solid #000;
background: #fff;
}
div.pages span { height: 0; width: 0; overflow: hidden; position: absolute; display: none; }