body {
font-family: "Verdana", sans-serif;
margin: 0;
padding: 0;
text-align: justify;
}

p, ul {
font-size: 0.9em;
}

em {
color: darkgreen;
}

#header {
background: url('imgs/logo-small.jpg');
background-repeat: no-repeat;
background-position: 0 -5px;
position: relative;
height: 152px;
margin: 0;
padding: 0;
font-family: "Lucida Sans", "Lucida Grande";
overflow: auto;
}


#blogbody header {
    margin-top: 1.5em !important;
}

#headings {
position: absolute;
top: 0;
left: 0;
width: 500px;
}

#header h1 {
font-style: italic;
position: absolute;
top: 10px;
left: 67px;
font-size: 2.4em;
letter-spacing: -0.027em;
font-weight: normal;
color: #311B0C;
margin: 0;
padding: 0;
}

#header h2 {
font-style: italic;
position: absolute;
top: 49px;
left: 291px;
font-size: 1.54em;
letter-spacing: -0.03em;
font-weight: normal;
color: #556477;
margin: 0;
padding: 0;
}

#slides {
background-image: url('imgs/slides4.jpg');
background-position: 0 0;
overflow: hidden;
height: 140px;
margin-left: 515px;
margin-right: 15px;
margin-top: 4px;
}

#nav {
background: url('imgs/nav.gif');
background-repeat: no-repeat;
width: 500px;
height: 82px;
position: absolute;
top: 75px;
left: 0;
}

#blogbody #nav {
    top: 7.7em !important;
}

#nav ul {
list-style: none;
margin-left: 0px;
margin-top: 36px;
font-family: Arial;
padding: 0;
font-size: 1em;
}

#nav ul li {
float: left;
margin: 0;
padding: 0;
margin-right: -3px;
display: inline;
}

#nav ul li a {
height: 39px;
width: 102px;
display: inline-block;
text-align: center;
padding: 5px 0 0 0;

}

#nav ul li a:link, #nav ul li a:visited {
color: #311B0C;
font-weight: bold;
text-decoration: none;
}

#nav ul li a:hover {
background: url('imgs/navhov.gif');
background-repeat: no-repeat;
background-position: top center;
}

#contenth {
margin: 0 320px 1em 1em;
text-align: justify;
}

#content {
margin: 0 1em 1em 1em;
}

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

.border {
    border: 1px solid #c8c8c8;
}

h3 {
text-align: left;
font-style: italic;
font-family: "Lucida Sans", "Lucida Grande";
}

#sidebar {
float: right;
width: 330px;
margin-left: 2em;
overflow: hidden;
}

#container {
padding-top: 1em;
height: 2%;
}

p.center {
text-align: center;
}

ul#photogallery, ul#thumbgallery {
list-style: none;
margin: 0;
padding: 0;
font-size: 1em;
}

#photogallery li {
float: left;
margin-left: 1em;
margin-top: 1em;
text-align: center;
border: 1px solid #50577a;
}

a.gallery img {
border: none;
padding-bottom: 0.1em;
}

a.gallery {
text-decoration: none;
font-weight: bold;
color: #151720;
font-style: italic;
font-family: "Lucida Grande", "Lucida Sans", Arial;
}

#thumbgallery li {
float: left;
width: 220px;
height: 220px;
margin: 0 1em 1em 0;
text-align: center;
border: 1px solid #50577a;
font-size: 0.8em;
}

#thumbgallery li img {
border: 1px solid grey;
}

#thumbgallery li a {
display: block;
}

#cart {
float: right;
font-size: 12px !important;
background: url('imgs/cart.jpg');
background-repeat: no-repeat;
height: 100px;
width: 276px;
padding: 0 0 0 1.5em;
margin: 0 0 5px 2em !important;
}

#cart h3 {
font-family: Verdana !important;
margin: 0.5em 0 1em 2em;
font-size: 14px;
}

.clear {
clear: both !important;
height: 1px;
}

ul.shop {
margin: 0;
padding: 0;
list-style: none;
}

ul.shop li {
text-align: center;
float: left;
margin: 0 10px 10px 0;
font-weight: bold;
font-size: 0.8em;
color: #383838;
}

ul.shop li p {
border: 1px solid gray;
padding: 10px;
margin: 4px;
width: 210px;
height: 210px;
}

ul.shop li p a {
text-decoration: none;
color: #383838;
}

ul.shop li img {
border: 1px solid gray;
}

img.itemdetail {
border: 1px solid gray;
float: left;
margin: 0 20px 0 0;
}

#footer {
text-align: center;
margin-top: 5em;
background: url('imgs/footerbg.jpg');
padding: 1.5em 0 0.5em 0;
font-family: "Courier New", monospace !important;
font-size: 0.8em;
}

.blog {
float: right;
margin: -1em 1.1em 1em 2em;
padding: 0.5em 0 0 0;
background: url('imgs/blogbg.jpg') navy;
background-repeat: no-repeat;
background-position: top right;
height: 80px;
width: 276px;
}

.blog p {
margin-left: 20px;
margin-right: 10px;
font-size: 0.8em;
font-weight: bold;
color: white;
}

.blog a {
color: #d8efd1;
}

/* FORM */

form fieldset {
padding: 0.5em;
border: 1px ridge #202457;
margin-top: 1em;
}

form legend {
font-family: "Times New Roman", serif;
font-size: 0.9em;
font-weight: bold;
letter-spacing: 0.05em;
padding: 0 0.5em 0 0.5em;
color: #6767b4;
}

form p {
margin-top: 1.2em !IMPORTANT;
margin-left:0 !important;
padding-left:0 !important;
}

form p.formintro {
font-size: 0.9em;
text-align: center;
font-weight: bold;
margin-bottom: 10px !important;
padding-bottom: 0;
}

form label {
font-weight: bold;
font-size: 0.9em;
}

form input.tidy {
width: 59%;
}

form select {
width: 250px;
}

form select#size {
width: 125px;
} 

form p.submit input {
width: 100px;
}

form p.submit {
text-align: center;
padding-top: 1.5em;
padding-bottom: 0 !important;
margin-bottom: 0 !important;
width: 100%;
}

form label.tidy {
display: block;
width: 150px;
float: left;
text-align: left;
margin-right: 1em;
}

form textarea {
margin-top: 0.5em;
width: 80%;
}

#captcha {
font-weight: bold;
}

.errormsg {
color: red;
}

/*cart*/

.shopcart {
border-collapse: collapse;
border: none;
}
.shopcart th {
background: url('imgs/cartthbg.jpg');
color: white;
}
.shopcart td {
color: #17002f;
font-weight: bold;
font-size: 0.8em;
}

.shopcart th, .shopcart td {
padding: 0.5em;
border: 1px solid gray;
}

.shopcart td.hide, .shopcart th.hide {
border: none;
visibility: hidden;
border-top: 1px solid white;
}

.shopcart td.postage {
border-top: 1px solid gray;
}

.shopcart th.rightborder {
border-right: 1px solid gray !important;
}
.shopcart th.leftborder {
border-left: 1px solid gray !important;
}

.alt {
background: #f1f3f5;
}


/* Blog*/
#mainblog {
margin-right: 320px;
}

#blog #blogsidebar {
position: absolute !important;
top: 270px;
right: 0;
width: 290px;
}

#blog h4 {
font-size: 0.7em;
color: gray;
margin-bottom: -1em;
margin-top: 3em;
}

#blog .post-body {
font-size: 0.9em;
margin-top: -0.5em;
}