html { height:100%; margin-bottom:1px; }
body { color:#ffffff; background-color:#000000; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:0.8em; text-align:center; }
h1, h2, h3 { margin:0 0 0.25em; font-weight:normal; }
h1 { font-size:2em; }
h2 { font-size:1.7em; }
h3 { font-size:1.4em; }
p { margin:0 0 0.5em; }
ul { margin:0; padding:0; }
img { border:none; }
a { color:#cc0000; background-color:transparent; }
a:link, a:visited { text-decoration:underline; }
a:active, a:focus, a:hover { text-decoration:none; }
textarea { font-size:100%; font-family:Arial, Helvetica, sans-serif; }

div#container { margin:20px auto 0; width:980px; text-align:left; }
div#topbar { background:url(../img/topbar-bg.gif) top left repeat-x; }
img#loop { float:left; }
img#tagline { float:right; }

div#left { float:left; width:350px; }

div#header { background:url(../img/logo-bg.gif) top left no-repeat; height:300px; }
ul#navigation { padding:150px 0 0; list-style:none; }
ul#navigation li { line-height:1em; }
li#home { height:32px; }
li#catalogue { margin-top:3px; height:40px; }
li#purchase { margin-top:8px; height:38px; }

p.faqs { border-bottom:1px dashed #660000; padding-bottom:0.5em; margin-bottom:0.75em; }
p.faqs span { display:block; font-size:1.1em; color:#cc0000; margin:0 0 -0.5em; }

div#footer { background-color:#330000; font-size:0.85em; padding:8px 5px; clear:both; margin:0 0 20px; height:15px; }

.red { color:#cc0000; }
.button { background:url(../img/btn-bg.gif) top left repeat-x #990000; color:#ffffff; border:none; }
.button:hover { color:#000000; cursor:pointer; cursor:hand; }
.small { font-size:0.85em; }
.form { width:250px; }

#products {
    overflow: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

#products .product {
    text-align: center;
    width: 140px;
    height: 180px;
    float: left;
    border: 1px solid white;
    padding: 5px;
    margin: 10px;
    list-style: none;
    overflow: hidden;
    position: relative;
}
#products .product .title {
    padding: 0 20px;
}

#products .product img {
    max-width: 100px;
    max-height: 100px;
}

.field {
    clear: both;
    line-height: 2em;
    padding: 5px 0;
}

.field span {
    float: left;
    display: block;
    width: 100px;
    
    text-align: right;
    margin-right: 10px;
}

.field input, .field textarea {
    width: 250px;
    height: 20px;
}

.field textarea {
    height: 100px;
}

.field .fieldinner {
    margin-left: 110px;
}

.message {
    border: 1px solid white;
    margin: 10px;
    padding: 20px;
}

.product .delete {
    position: absolute;
    zoom: 1;
    top: 3px;
    right: 3px;
}
.product .bestseller {
    position: absolute;
    zoom: 1;
    top: 3px;
    left: 3px;
}

.field input.title {
    font-size: 18px;
    line-height: 16px;
    font-weight: bold;
}

/* Homepage Changes */
div#page {
	margin-top: 40px;
	width: 340px;
	float: left;
}

div#header-search {
	margin: auto 40px;
	padding-top: 20px;
	clear: both;
}

div#categories {
	margin: auto 40px;
}
	div#categories ul {
		margin: auto 60px;
	}

div#links {
	margin: auto 40px;
	padding-top: 20px;
	clear: both;
}

div#newsletter, div#bestsellers { width:200px; padding:10px; border:12px solid; margin:20px 0; float:left; }


div#box1 { 
width:200px; 
padding:10px; 
border:12px solid; 
margin:20px 0; 
float:right;  
background-color:#330000; 
border-color:#990000; 
text-align:center; 
margin-right:0px; 
margin-left:20px;
}
div#box1 p { line-height:normal; font-size:0.85em; text-align:left; }
div#box1 img { float:left; margin:0 5px 5px 0; }
div#box1 a:link, div#box1 a:visited { color:#ffffff; text-decoration:underline; }
div#box1 a:active, div#box1 a:focus, div#box1 a:hover { color:#ffffff; text-decoration:none; }

div#newsletter { background-color:#330000; border-color:#990000; }
div#newsletter form { margin:0; padding:0; }
div#newsletter .button { width:85px; padding:1px 0 2px; }

div#bestsellers { background-color:#330000; border-color:#990000; }
	div#bestsellers div.bestsellers-heading { text-align:center; margin-left:20px; }
	div#bestsellers div.bestseller { margin-top: 10px; width: 200px; overflow: auto}
		div#bestsellers div.bestseller img { margin-right:15px; vertical-align:top; float: left; }
		div#bestsellers div.bestseller p { line-height:normal; font-size:0.85em; text-align:left; }

div#right { float:right; background:url(../img/silhouette.gif) top center no-repeat #000000; width:585px; padding:7px; }
div#right p { line-height:1.8em; }

/* slightly modified styles if #box1 and #box2 are in the #left div */
div#left div#box1, div#left div#newsletter { float:none; margin:0 0 20px 50px;}
div#left div#box1 { margin-top:20px; }

/* Search page results display */
div#container form.adv-search
{
margin-top:10px;
float:right;
}
div.search-item {
margin-bottom: 50px;
margin-top:20px;
}
h1.result-header
{
margin-top:20px;
}
div.item-name
{
margin-bottom:5px;
font-weight: bold;
}

div.link
{
text-align:right;
}


a.image-preview
{
margin-right:5px;
float:left;
}
span.description
{
margin-left:5px;
width:585px;
}
div.pagination
{
float:right;
}
div.pagination a
{
margin:3px;
}
h1
{
padding-top:10px;

}