html {height: 100%;}

body {margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 100%;
height: 100%;
background-image: url(../backgrounds/PhotoGray_bg_c-1.gif);}

/*font size 100% required to stop ie messing up text size when using ems*/

h1 {font-size: 1.3em;
text-decoration: underline;
text-align: center;
padding-bottom: 1em;
margin: 0em;}

h2 {font-size: 1.2em;}

sup {font-size: .8em;
position: relative;
top: .3em;
left: .1em;}

sub {font-size: .8em;
position: relative;
bottom: .1em;
right: .1em;}

a:link {color: #ae5519;
text-decoration: underline;}

a:visited {color: #f56e4d;
text-decoration: underline;}

a:hover {background-color: #602305;
color: #e6dfc6;
text-decoration: underline;}

#pagecontainer {font-size: .8em;
margin-left: auto;
margin-right: auto;
background-color: #f4edd3;
width: 72em;
min-height: 100%;
position: relative;
border-left: .1em solid;
border-right: .1em solid;}

/*Minimum width above needs to be greater than maximum width of all pages, otherwise header and other divs get cut off at right.*/

#header {text-align: center;
color: #ffda9c;
border-bottom: 10px #e2cd86 solid;
padding-top: 1em;
padding-bottom: 0em;
padding-left: 0em;
padding-right: 0em;
margin-left: auto;
margin-right: auto;
background-color: #602305;}

#content {padding-bottom: 9em;}

#product_list {width: 900px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 0em;
padding-bottom: 2em;
border-bottom: .1em solid;
margin-top: 1em;}

.thumbnail {text-align: center;
padding-bottom: 4px;
padding-top: 10px;
border: 1px #b0aa98 solid;
width: 215px;
margin: 4px;
float: left;
background-color: #eae3ca;}

.thumbnail img {display: block;
margin-left: auto;
margin-right: auto;
border: 2px #b1ab98 solid;}

.thumbnail a img {}

.thumbnail a:link img {}

.thumbnail a:visited img {}

.thumbnail a:hover img {border: 2px #953707 solid;}

.thumbnail p {}

#product {text-align: justify;
margin-top: 2em;
margin-left: auto;
margin-right: auto;
margin-bottom: 2em;
border: .1em #9f9a89 solid;
width: 58em;
padding: 1em;}

#product p {margin: 0em;
padding-left: 0em;
padding-right: 0em;
padding-top: .5em;
padding-bottom: .5em;}

#product h1 {font-size: 1.2em;
text-align: left;
text-decoration: none;
margin: 0em;
padding-bottom: 1em;
padding-top: 0em;
padding-left: 0em;
padding-right: 0em;}

#product h2 {font-size: 1em;
margin: 0em;
padding-top: .5em;
padding-bottom: .5em;}

#product img {}

.text {text-align: justify;
margin-top: 0em;
margin-left: auto;
margin-right: auto;
width: 40em;
margin-bottom: 0em;
padding: 1em;
border-bottom: .1em solid;}

#footer {text-align: center;
clear: both;
font-size: .9em;
width: 100%;
margin-left: auto;
margin-right: auto;
margin-top: 0em;
margin-bottom: 0em;
height: 7em;
position: absolute;
bottom: 0em;
padding-bottom: 1em;
padding-top: 1em;}

.alignleft {float: left;
margin-right: 1em;}

.alignright {float: right;
margin-left: 1em;}

.centretext {text-align: center;}

.netring {text-align: center;
margin-top: 2em;
padding-top: 1em;
width: 20em;
padding-bottom: 1em;
margin-left: auto;
margin-right: auto;
border: .1em solid;
margin-bottom: 1em;}

.spacer {clear: both;
margin: 0em;
padding: 0em;}

#navbar1 {font-size: 1em;
font-weight: bold;
text-align: center;
padding: 0em;
margin-top: 0em;
width: 60em;
margin-right: auto;
margin-left: auto;
margin-bottom: .5em;}

#navbar1 ul li a:link, #navbar1 ul li a:visited {color: #ae5519;
text-decoration: none;
font-size: 1.2em;
line-height: 2.1em;
padding: .3em;
margin-left: .5em;
margin-right: .5em;}

#navbar1 ul li a:hover {text-decoration: none;
color: #f4edd3;}

#navbar1 ul li a.current {color: #8c6e65;
text-decoration: none;}

#navbar1 ul li {list-style-type: none;
zoom: 100%;
display: inline;}

#navbar1 ul {margin: 0em;
padding: 0em;
width: 100%;}

#navbar2 {text-align: center;
margin-top: 0em;
display: block;
margin-left: 0em;
margin-bottom: 0em;
margin-right: 0em;
padding: 0em;}

#navbar2 ul li a:link, #navbar2 ul li a:visited {display: inline;
margin: 1em;
font-size: 1.1em;}

#navbar2 ul li a:hover {text-decoration: none;}

#navbar2 a.current {text-decoration: none;}

#navbar2 ul li {list-style-type: none;
display: inline;}

#navbar2 ul {width: 100%;
margin-left: auto;
margin-right: auto;
margin: 0em;
padding: 0em;}

#prevnext {width: 58em;
margin-left: auto;
margin-right: auto;
margin-bottom: 0em;
margin-top: 0em;
border-bottom: .1em solid;
padding: 1em;
color: #d29583;}

.previous {text-align: left;}

.next {position: relative;
left: 46em;}

.back {position: relative;
left: 22em;}

#footer p {border-top: .1em solid;
width: 40em;
padding-top: .4em;
margin-left: auto;
margin-right: auto;
color: #616161;}

dl {margin-left: auto;
margin-right: auto;
padding-top: 2em;
border-top: .1em solid;
border-bottom: .1em solid;}

dt {font-weight: bold;
margin-bottom: 1em;}

dd {text-align: justify;
margin-bottom: 1em;}