﻿body {
    background-color: #004141 /*#003333*/;
    background-image: url(images/body.png);
    background-repeat: repeat-x;
    color: #ffffff;
    font-family: Trebuchet, Arial, Helvetica, sans-serif;
    font-size: 85%;
    margin: 0 auto;
    width: 960px;
    }

body#PayPal {
    background-color: Transparent;
    background-image: none;
    margin: 0;
    width: auto;
    }
    
/*---colors---*/

a, #nav span {
    color: #bfffff;
    }

tr.hilite:hover, tr.hilite:hover a {
    background-color: #ffcc80;
    color: #000000;
    }

#menu a, .ad {
    color: #ffe6bf;
    }

#menu a:hover {
    background-color: #ffe6bf;
    color: #000000;
    }

#nav, .ad {
    background-color: #002424;
    }    

h1, h2, .label, #marginForm fieldset legend {
    color: #ffcc80;
    }

.box, .grid th, .grid td {
    border: 1px #330000 solid;
    }

h1, h2:first-child {
    background-color: #330000;
    border-bottom: 1px #000000 solid;
    }

.grid th {
    border-top: 1px #000000 solid;
    }

/*---end of colors---*/
    
a:hover {
    text-decoration: underline;
    }

cite {
    display: block;
    text-align: right;
    }
    
h2 {
    border-left: solid 16px #ffcc80;
    clear: left;
    font-size: 100%;
    font-weight: bold;
    padding-left: 16px;
    }

img {
    border: none;
    }

img.left {
    float: left;
    margin: 4px 8px 8px 0;
    }

img.right {
    float: right;
    margin: 4px 0 8px 8px;
    }
    
img.center {
    display: block;
    margin: 8px auto;
    }

tr.hilite:hover {
    cursor: pointer;
    }

.top {  /* for the price field in the detailsview on the item.aspx page */
    vertical-align: top;
    }

#menu {
    height: 32px;
    padding-bottom: 8px;
    position: relative;
    }

#menu a {
    display: inline;
    margin-right: 8px;
    padding: 4px 8px;
    }

#menu a:hover {
    text-decoration: none;
    }

#menu div {
    display: inline-block; position: absolute; top: 8px; left: 4px;
    }
    
#menu .cartButton {
    top: 10px; left: 356px;
    }

#menu .searchBox {
    left: 458px;
    }
    
#nav {
    float: left;
    }

#nav a, #nav span {
    font-size: 83%;
    }

#nav, .ad {
    margin: 0 16px 16px 0;
    padding: 4px 8px;
    width: 126px;
    }

.box {
    border-top: none;
    margin-bottom: 16px;
    padding: 4px 8px;
    }

.box h1, .box h2:first-child {
    background: #330000 url(/images/heading_bg.gif) repeat-x top left;
    border-left: none;
    font-size: 110%;
    font-variant: small-caps;
    font-weight: bold;
    letter-spacing: 2px;
    margin: -4px -8px 4px -8px;
    padding: 4px 4px 4px 8px;
    }

.grid {
    margin: -5px -9px;
    }

.detail {
    margin: -3px -7px;
    }

#content {
    float: right;
    margin: 0;
    padding: 0;
    width: 800px;
    }
    
#footer {
    clear: both;
    }

#marginForm fieldset {
	display: block;
	margin: 0 0 0 0;
	border: 0 solid #FFFFFF; /*color doesn't matter, since it won't show a zero border*/
	border-top: 1px solid #330000;
	padding: 0 1em 1em 1em;
    }
    
/*#marginForm fieldset.radio {
	margin: 0 0 0 -1em;
	border: 0 solid #FFFFFF;
    }

#marginForm fieldset.radio input {
	position: static;
	clear: both;
	float: left;
    }

#marginForm fieldset.radio label {
	position: relative;
	top: -1.25em;
	display: inline;
	width: auto;
	margin: 0 0 0 8em;
	font-weight: bold;
	font-weight: normal;
    }

#marginForm fieldset.radio legend {
	float: left;
	font-weight: bold;
    }*/

#marginForm input, #marginForm textarea, #marginForm select {
	position: relative;
	top: -1.4em;
	left: 10em;
	display: block;
    }

#marginForm textarea {
    top: -2.4em;
    }

#marginForm input.submit {
	left: 11em;
	margin-bottom: 1em;
    }

#marginForm label {
	clear: both;
	float: left;
	display: block;
	width: 10em;
	margin-top: -1em;
    }

#marginForm label.first {
	margin-top: 1em;
    }