/* Copyright (c) 2009 Apex Innovations, LLC. */
/* Generic Styling */
body {background: #ccc url('../../images/body_background.gif') repeat-x; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 12px; color: #444; line-height: 120%;}
img {border: 0; margin: 0; padding: 0;}
a {color: rgb(140,21,15); text-decoration: underline;}
a:hover {color: rgb(190,21,15); cursor: pointer; text-decoration: underline;}
h1 {margin-left: 0; font-size: 20px; font-weight: bold; color: rgb(177,37,35);}
h2 {margin-left: 0; font-size: 14px; font-weight: normal; color: rgb(160,33,32);}
h3 {margin-left: 0; font-size: 13px; font-weight: bold; color: black; font-variant: small-caps;}
p.footnote {font-size: 8px; line-height: 90%; color: #666; text-indent: -7px; margin-left: 7px;}
p.rate {font-size: 8px; line-height: 100%; color: #000; margin: 0;}

/* Wrapper */
#wrapper {width: 800px; margin: auto; margin-top: 0; border: 1px solid #aaa; background: #fff}
#header_links {float: right; margin-right: 10px; text-align: right;}

#menu {width: 798px; padding: 0; margin: 0 1px;}
#menu ul {list-style: none; margin: 0; padding: 6px 0; background: url('../images/menu_background.gif') repeat-x;}
#menu li {display: inline; margin: 0; padding: 0; vertical-align: baseline;}
#menu li a {padding: 6px 8px 4px 8px; color: #EEE; text-decoration: none; font-size: 13px; font-weight: bold; vertical-align: baseline; border-right: 1px solid #900; border-left: 1px solid #900;}
#menu li a.selected {color: #FFF; background: url('../images/menu_background_hover.gif') repeat-x;}
#menu li a:hover {color: #FFF; background: url('../images/menu_background_hover.gif') repeat-x;}

#account {width: 798px; padding: 0; margin: 0 1px;}
#account ul {list-style: none; margin: 0; padding: 3px 3px; background: #DDD; border-bottom: 1px solid #BBB;}
#account li {margin: 0; padding: 2px 3px; display: inline; font-size: 11px; font-weight: bold;}
#account li a {color: #444; text-decoration: none;}
#account li a:hover {color: #000; text-decoration: underline;}

#cart {background: url('../images/cart.png'); width: 60px; height: 24px; float: right; padding: 7px 3px 0 40px;}
#cart:hover {cursor: pointer;}
#cart a {color: #fff; text-decoration: none;}
#cart a:hover {text-decoration: underline;}

/* Main Frame - include header, main area, sidebar */
#main {vertical-align: top; margin: 0; padding: 0; width: 800px;}

#main_news {vertical-align: top; height: 100%; width: 780px; background: white; padding: 0 10px; clear: both; min-height: 300px;}
#main_news ul {margin-left: -30px; list-style: none;}
#main_news ul li {margin-bottom: 5px; color: #666; font-size: 11px; line-height: 120%;}
#main_news ul li strong {color: #009;}
#main_news hr {margin: 10px 5px 2px 5px;}

/* Table Layout */
table {border: 1px solid #aaa; border-collapse: collapse; width: 100%}
table th {color: white; background: url('../images/menu_background.gif') repeat-x; height: 16px; padding: 5px 0; border: 1px solid #aaa; vertical-align: text-top;}
table td {border: 1px solid #aaa; padding: 1px 4px; margin: 0; vertical-align: text-top;}
table td.flagged {color: red; font-weight: bold;}
table td.noted {color: green; font-weight: bold;}
table.borderless {border: none; border-collapse: collapse;}
table.borderless td {border: none; padding: 6px 4px; margin: 0; vertical-align: text-top;}

/* Footer */
#footer {border: 1px solid #fff; background: url('../images/menu_background.gif') repeat-x; color: #fff; padding: 5px; height: 16px; font-size: 10px; clear: both; margin-top: 10px;}
#footer ul {list-style: none;}
#footer li {display: inline; margin: 0 5px;}
#footer div.copyright {width: 310px; float: left;}
#footer div.menu {float: right; text-align: right;}
#footer div.menu ul {list-style: none; margin: 0; padding: 0;}
#footer a {color: #fff; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/* Form Handling */
textarea {font: 11px Verdana, Arial, Helvetica, Sans-Serif;}

form fieldset {width: 100%; margin: 0; padding: 0; border: 1px solid #aaa; background: #ccc url(../../images/body_background.gif) repeat-x;}
fieldset.submit {width: 100%; margin: 5px; border: none; background: transparent; text-align: center;}
fieldset.submit input.submit{}
fieldset legend {margin-left: 10px; padding: 0; color: black; font-weight: bold;}
fieldset ol {padding: 5px 10px 0 10px; list-style: none;}
fieldset ol li {margin: 0 0 3px 0; padding: 0; float: left;}
fieldset label {position: relative; float: left; text-align: right; width: 110px; margin: 0 10px 0 0; font-size: 11px;}
fieldset label em {position: absolute; left: 110px; top: 0;}
fieldset label strong {position: absolute; left: 290px; text-align: left; top: 2px; width: 220px; color: #c00; font-size: 11px; font-weight: normal;}
fieldset input.text {width: 150px; border: 1px solid #888; padding-left: 4px; color:#666; margin-right: 70px;}
fieldset input.radio {color:#666; display:inline-table;}
fieldset span.radio {}
fieldset textarea {width: 350px; height: 100px; border: 1px solid #888; padding-left: 4px; color:#666;}
fieldset select {width: 155px; border: 1px solid #888; padding-left: 1px; color:#666; margin-right: 70px;}

/* Classes */
.price {color: #000; font-size: 16px; font-weight: bold; width: 200px; height: 30px; text-align: center; margin: 5px auto;}
.savings {color: #F00; font-size: 11px; width: 200px; height: 11px; text-align: center; margin: -6px auto 5px;}
.details {display: none; margin: 0 20px 10px 20px; font-size: 12px; line-height: 120%;}
.address {background: url('../images/address_book.gif') repeat-y; width: 210px; border: 1px solid #999; padding: 10px 15px; margin: 0;}
.creditCard {width: 200px; height: 70px; padding: 60px 20px 20px 20px; border: 1px solid white; font: 12pt "Courier New", Courier, monospace; font-weight: bold;text-transform: uppercase;}
.American {background: url('../images/amex_background.gif') no-repeat; color: #666;}
.MasterCard {background: url('../images/mc_background.gif') no-repeat; color: black;}
.VISA {background: url('../images/visa_background.gif') no-repeat; color: white;}
.Discover {background: url('../images/discover_background.gif') no-repeat; color: #443;}
.edit {margin: 0 0 20px 0; padding: 0; font-variant: small-caps;}
.add-to-cart {background-color:#3C0;}