body {
margin:0;
padding:0 0 15px 0;
background:#461f00;
text-align:center;
color:#333;
font:9pt arial,helvetica,sans-serif;
}

.cleared, .clear {clear:both}
.hidden {display:none}

.required {color:firebrick;font-size:1.3em}
.hidden {display:none}
.error {background:firebrick;color:#fff;padding:3px}

.grid50 {float:left;width:50%}
.grid300 {width:300px;}
.grid200 {width:200px;}
.left {float:left;}
.right {float:right;}


a img {border:none}
a {color:#3333CC;text-decoration:none}
a:hover {color:#000;text-decoration:underline}
a.current {font-weight:bold}

h1 {font-size:2.5em;font-weight:normal;margin:0;padding:0}
h2 {font-size:1.5em;margin:0 0 .75em 0;padding:0;color:#EF3BB4;}
h3 {font-size:1.25em;margin:0;padding:0}
h1 a {color:#000}
h1 a:hover {color:#996633}
h1, h3 {color:#000;}
h3 {color:#000}
p {margin:0 0 1.5em 0}

h2 a {
color:#000;
text-decoration:none;
}

h2 a:hover {
text-decoration:underline;
color:#EF3BB4;
}



/* HEADER LOGO
------------------------------------------------------------*/
h1.banner a {
float:left;
height:145px;
min-height:145px;
}
h1.logo {
margin:0 20px;
padding:40px 0 0 0;
}
.logo a {
color:#000;
}
h1.logo a:hover {
color:#333;
}
p.slogan {
margin:0 20px 2em;
padding:0;
font-style:italic;
}



/* LAYOUT
------------------------------------------------------------*/
h1.banner a, #container, #page, #footer, #gutter {
text-align:left;
width:820px;
}

#container, #footer, #gutter {
margin:0 auto;
}

#container {
width:820px;
background:#d0b485;
color:#000;
text-align:left;
}

#banner img {
margin:0;
border:none;
}


#page {background:#d0b485;}
#content {}
#two {width:445px;float:left;}
#one {width:200px;float:right}

#content_main {width:620px;float:left;}

#content_main, #content_menu, #one, #two {
padding:20px 0;
}



/* 2 column grid - home page and contact
------------------------------------------------------------*/
.grid_container {
position:relative;
padding:0 20px;
clear:left;
}
.grid30 {
position:relative;
float:right;
width:300px;
padding:20px 0;
}
.grid70 {
position:relative;
float:left;
width:460px;
padding:20px 0;
}


/* SUB MENU - content pages menu
------------------------------------------------------------*/
#content_menu {
width:175px;
float:left;
}



/* FOOTER
------------------------------------------------------------*/
#footer {
background:#000;
color:#fff;
}

#footer-box {
padding:2em 20px;
}

#foxhat-logo {
width:90px;
height:36px;
float:right;
}

#footer address {
clear:left;
font-size:1em;
font-style:normal;
padding:0;
margin:0 0 .3em 0;
}

#footer p {
margin:0;
font-size:90%;
}

#footer p span {
padding:0 1em 0 0;
}


/* PAGE EXTERIOR FOOTER
------------------------------------------------------------*/
#gutter {text-align:center;padding:1em 0;color:#ccc;font-size:90%;}
#gutter a {color:#ccc;text-decoration:underline}
#gutter a:hover {color:#fff}
#gutter span {color:#8F7662;padding:0 .5em}



/* MENUS
------------------------------------------------------------*/
.menu {
background:#333;
color:#fff;
padding:0;
margin:0;
}
.menu ul {
list-style:none;
margin:0;
padding:0;
}
.menu li {
display:inline;
margin:0;
padding:0;
}
.menu li a, .menu li a:visited {
font-weight:bold;
color:#eee;
text-decoration:none;
float:left;
padding:8px 18px;
}
.menu li a.current, .menu li a.current:hover {
color:#fff;
background:#EF3BB4;
}
.menu li a:hover {
color:#fff;
background:#444;
}


.submenu {list-style:none;margin:0 20px;padding:0;border:none;text-align:left;}
.submenu li {display:inline;padding:0;margin:0;}
.submenu a {display:block;font-weight:normal;color:#461F00;border-bottom:1px solid #461F00;padding:.5em 0}
.submenu a:hover {color:#000;text-decoration:none}
.submenu a.current {color:#000;font-weight:bold;border-color:#000}

a#contact_link {float:right;text-transform:uppercase;color:#fff;font-weight:bold;margin-right:30px;line-height:2.75em}
a#contact_link:hover, a#contact_link:active {color:#fff}

h2 span {color:#996633;margin:0 .5em}
#modified {text-align:right;color:#aaa;font-size:90%;padding:1em 0 0 0;font-style:italic;}



/* PROFILE
------------------------------------------------------------*/
.profile {padding:0}
.profile h2 {color:#EF3BB4;}
.portrait {float:left;width:85px;display:none}
.intro {font-weight:bold;font-size:1.2em}
.bio {}
.profile blockquote {margin:1em 0 0;padding:0 3em 1.5em 3em}
.profile blockquote p {text-align:center;font-size:1.2em;margin:0;padding:5px 1em;font-style:italic}

#key-image-loading {
position:absolute;
top:20px;
left:20px;
}

#key-image-container {
min-height:250px;
position:relative;
}

#key-image img {
width:300px;
}

#key-captions p {
margin:8px 0;
padding:0;
font-size:1.2em;
font-style:italic;
}

#key-thumbs {
text-align:left;
padding-bottom:8px;
}

#key-thumbs a {
float:left;
width:60px;
border:none;
}

#key-thumbs a img {
padding:0;
margin:0;
border:none;
}


/* images */
#thumbnails {text-align:left}
#thumbnails span {float:left;margin:0 14px 15px 0}
#thumbnails .spaced span {float:left;margin:0 0 0 15px}
#thumbnails .spaced span.first {margin-left:0}
#thumbnails a {border:1px solid #fff;float:left;width:50px;height:50px}
#thumbnails a img {border:none;padding:0}
#thumbnails a:hover {border-color:#000}
#thumbnails p {margin-right:1em}
#imageframe {padding:0 20px}
#imageframe img {border:none;}
#imagecaption, .imagecaption {font-style:italic;margin:0 0 20px 0;padding:0;text-align:left;color:#666;font-size:95%}


/* reviews */
.review {margin:0 0 2em 0}
.review p {margin:0;}
.review .quote {text-align:left}
p.author, p.source {text-align:right;font-weight:bold;font-size:90%}
p.source {font-weight:normal;font-style:italic}
#featured-review {position:relative}
#featured-review p {margin:0;padding:0}
#featured-review .quote {font-size:1.5em;text-align:center;font-style:italic;font-weight:normal;}
#featured-review p.author {margin-top:1em}


/* forms */
.contact div {margin:.5em 0}
.contact label {font-style:italic;padding-left:1em}
.contact textarea, .contact input[type="text"] {width:50%;background:#eee;border:1px solid #888;padding:2px}
.contact input.wide {width:18em;}
.contact .control {}
.advice {font-size:90%;font-style:italic;color:#888;margin:.5em 0}


ul.pagemenu {
list-style:none;
margin:0;
padding:0;
}
ul.pagemenu li {
font-size:1.1em;
border-top:1px solid #ddd;
}
ul.pagemenu li.first  {
border-top:none;
}
ul.pagemenu li a {
display:block;
padding:.5em 0;
color:#000;
}
ul.pagemenu li a:hover {
color:#999;
}
#popup {
background:#fff;
}


/* secure link */
div.securelink {width:45px;padding:0.5em 1.4em;border:1px solid #888;color:#000;background:#ddd}
div.securelink a {color:#000;font-size:1.3em;font-weight:bold;text-transform:capitalize}
div.securelink a:hover {color:#667;}



/* GALLERY
------------------------------------------------------------*/
.thumbs {
}
.thumbs ul {
margin:0;
padding:0;
list-style:none;
}

.thumbs li {
display:inline;
}

.thumbs a {
float:left;
width:100px;
min-height:100px;
text-align:center;
}
.thumbs a img {
border:1px solid #ccc;
padding:1px;
margin:0;
}
.thumbs a:hover img {
border-color:#000;
}


/* CONTENT PAGES
------------------------------------------------------------*/
.article {
padding:0 15px;
}

.edited p {
text-align:justify;
margin:0 0 1em 0;
}

.edited h3 {
margin:0 0 1em 0;
}

.edited ul {
list-style:square;
}

.edited li {
padding:2px 0;
}

.social-bookmarks {
margin-top:2em;
padding:.5em 0;
text-align:left;
border-top:1px solid #000;
}

.social-bookmarks img {
vertical-align:bottom;
}

.social-bookmarks span {
color:#777;
font-size:90%;
font-style:italic;
line-height:20px;
padding-right:1em;
}



/* SITE MAP
------------------------------------------------------------*/
#sitemap {
}

#sitemap a {

}

#sitemap a:hover {
text-decoration:underline;
}

#sitemap h3 {
padding:0.3em 0;
}

#sitemap ul {
margin:0 0 1em 0;
list-style:square;
padding:0 0 0 35px;
}

#sitemap li {
padding:2px;
}


/* FILES
------------------------------------------------------------*/
ul.files li {
margin:0 0 1em 0;
}


/* CATALOG
------------------------------------------------------------*/

.catalog ul {
margin:0px 0 20px 20px;
padding:0;
list-style:none;
}

.catalog li {
display:inline;
width:200px;
float:left;
min-height:210px;
}

.catalog li a {
text-decoration:none;
color:#000;
}

.catalog li a:hover {
color:#fff;
}

.catalog li a:hover {
text-decoration:none;
}

.catalog li .price {
display:block;
}

.details .price {
font-weight:bold;
}

.product .images {
float:left;
width:360px;
}

.product .short-desc {
margin:1em 0;
font-weight:bold;
}
.product .long-desc {
margin:1em 0;
}

.product .details {
float:right;
width:235px;
background:#BFA577;
color:#000;
}

.details .pad {
padding:2em;
}

.view-cart-button {
float:right;
width:100px;
text-align:right;
}

.add-cart-button {
vertical-align:bottom;
}

.no-image {
display:block;
width:160px;
height:130px;
background:#BFA983;
}