@charset "utf-8";
* { margin: 0; padding: 0; }
body { font: 100% Tahoma, Verdana, Helvetica, Arial, sans-serif; font-size: 76%; background: #333 url(/css/graphics/hessian-texture.jpg) repeat top left; margin: 0 auto; color: #FFF; }
img { border: 0; }
a {	color: #FFF; text-decoration: none; }
a:hover { text-decoration: underline; }
ul, ol { padding: 0.2em 0.6em 0.2em 2em; }
blockquote { padding: 0 0 0 3em; }
h1 { font-size: 1.2em; font-weight: normal; }
h2 { font-size: 1.1em; font-weight: normal; }
h3 { font-size: 1.1em; font-weight: normal; }
.red { color: #F00; }
.smaller { font-size: smaller; }
.larger { font-size: larger; font-weight: bold; }
.editable { }
#main-container { width: 768px; margin: 0 auto; }

/* ---- Header ---- */
#header { padding: 27px 0 0 0; }
#header img { float: left; width: 201px; }

/* Drop down menu list features (updated by Parlour Design), curtosy of Patrick Griffiths, www.htmldog.com */
#nav { padding: 0; margin: 17px 0 30px 0; font-size: 15px; float: right; width: 538px; text-align: center; }
#nav ul { margin: 0; list-style: none; line-height: 1; text-align: left; font-size: 14px; }
#nav a { display: block; }
#nav li { /* all list items */ list-style-type: none; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 0.8em 0 0.8em 0; }
#nav .collections, #nav .about, #nav .press, #nav .news, #nav .stockists, #nav .register, #nav .contact, #nav .downloads { float: left; padding: 0.4em 0 0.4em 0; }
#nav .about {width: 60px; padding-left: 4px; } 
#nav .collections { width: 84px; }
#nav .press {width: 50px;} 
#nav .news {width: 48px;} 
#nav .stockists {width: 74px;}
#nav .register {width: 62px;} 
#nav .contact {width: 64px;}
#nav .downloads { width: 88px;  padding-right: 4px;}
#nav li ul { position: absolute; width: 110px; left: -999em; margin: 0 0 0 -28px; font-size: 13px; }
#nav li ul li { padding: 0.4em 0.3em 0.4em 0.9em;  }
#nav li ul ul { margin: -1.6em 0 0 67px; }
#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto; }


/* ---- Homepage ---- */
#flash-container { width: 768px; margin: 0 auto; }
#flash-container a { color:#000; background-color:#FFF; }
#homepage { width: 768px; margin: 0 auto; }
#homepage-image { background: url(/css/graphics/semi-transparent-square.png) repeat top left; }
#homepage-text { background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 25px 35px 20px 35px; margin: 0; }
#homepage-text p { padding: 0.6em 0 0.6em 0; }
#homepage-base { margin: 0 0 15em 0; }


/* ---- About ---- */
#about { background: url(/css/graphics/semi-transparent-square.png) repeat top left; font-size: 1.1em; padding: 26px 35px 26px 35px; }
#about-text { width: 450px; }
#about p { padding: 0.6em 0 0.6em 0; }

/* ---- Colleciton-Home ---- */
#collections-home { background: url(/css/graphics/semi-transparent-square.png) repeat top left; }
#collections-home p { padding: 0.6em 35px 0.6em 35px; }
#collections-home img { padding: 0; margin:0;}

/* ---- Collecitons ---- */
#collections { background: url(/css/graphics/semi-transparent-square.png) repeat top left; }
#collections h1 { padding: 0 0.3em 0.3em 1em; margin: 0; }
#collections ul { margin: 0 0 0 1.5em; padding: 16px 0 30px 0; text-align: left; clear: both; }
#collections ul li { display: inline; list-style-type: none; }
#collections ul li img { padding: 0; }
#collections a:hover { text-decoration: none; }
.caption { padding: 0.5em 0.5em 0.5em 35px; font-size: 1.1em; clear: both; text-align: left; }
.next-collection { float:right; text-align: right; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 0.8em 2em 0.3em 2em;  height: 2em; }
#main-image { }
/*#main-image img { width: 768px; height: 550px; } */

#collections .this-page, .bottom a { padding: 0 0.6em 0 0; padding: 0.5em 0.5em 0.5em 1em; font-size: 1.1em; clear: both; text-align: center; }

#controls .ss-controls { display: none; }
#controls .prev { position: absolute; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 2px 22px 6px 22px; margin: 150px 0 0 0; height: 24px; width: 18px; font-size: 20px; z-index : 100; }
#controls .next { position: absolute; text-align: right; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 2px 22px 6px 22px; margin: 150px 0 0 706px; height: 24px; width: 18px; font-size: 20px; z-index : 100; }
#controls .prev:hover { text-decoration: underline; }
#controls .next:hover { text-decoration: underline; }

/* ---- Main Text, Downloads, and Terms ---- */
.terms-sitemap { float:left; text-align: left; background: url(/css/graphics/semi-transparent-square.png) repeat top left; padding: 0.8em 2em 0.3em 2em; height: 2em; }
#main { background: url(/css/graphics/semi-transparent-square.png) repeat top left; font-size: 1.1em; padding: 26px 35px 26px 35px; }
#main p { padding: 0.6em 0 0.6em 0; }
#main h1, #main h2, #main h3, #main h4 { padding: 0.6em 0 0.6em 0; }
#main ul, #main ol { }
#main ul li, #main ol li { padding: 0.6em 0 0.6em 0; }
#main dt { font-size: 1.1em; font-weight: bold; padding: 1em 0 0 0; }
#main dl dl { padding: 0 0 0 1em; }
#main dl dl dt { font-style:italic; }

/* ---------- Contact Form ---------- */
form table { border: none; }
form table caption { font-weight: bold; }
form table th { background: url(/css/graphics/semi-transparent-square.png) repeat top left; color: #FFF; text-align: right; vertical-align: top; width: 150px; padding: 0.4em; }
form table td { text-align: left; padding: 0.4em; }


/* ---- Clear Float ---- */
.clearfloat { clear:both; height:0; line-height: 1px; }