@charset "utf-8";
html { margin: 0; height: 100%; }
body { height: 100%; background-color: #040411; margin: 0; font: normal 11px Arial, sans-serif; color: #ccc; background-image: url(img/mainbkg.gif); background-repeat: repeat-x; }
.green { color: #0f0; }
#header { width: 946px; margin: auto; }
#fish { width: 970px; margin: auto; border-top: solid 1px #00a9e2; border-bottom: solid 3px #00a9e2;   }
#content { border-top: solid 2px #014976; background-color: #000; width: 968px; margin: 0 auto 0 auto; border-right: solid 1px #1f3f53; border-bottom: solid 1px #1f3f53; border-left: solid 1px #1f3f53; background-image: url(img/contentbkg.jpg); background-repeat: no-repeat; background-position: top left; }
#left { width: 706px; display: inline; float: left; padding: 20px 10px 20px 20px; }
#right { width: 189px; display: inline; float: right; padding: 40px 20px 20px 10px; }
.clear { clear: both; height: 1px; font-size: 1px; }
.clear10 { height: 10px; clear: both; }
.clear5 { height: 5px; clear: both; }
.clear20 { height: 20px; clear: both; }
.line { height: 1px; border-top: solid 1px #3e596c; margin: 13px 0; }
li { color: #CCC; }
.small { font: 10px Arial, sans-serif; color: #888; padding: 5px; }
#bkgfront { background-image: url(img/mainbkgfront.jpg); background-repeat: no-repeat; background-position: center top; height: 100%; }
#altmenu a { display: block; padding: 4px 6px; margin: 0; border-bottom: dotted 1px #0f457b; }
a, a:visited { color: #55ddff; text-decoration: none; outline: none; }
a:hover { color: #FFF; }
a:active { color: #0CF; outline: none; }
#menubar { border-top: solid 2px #eb9136; background-color: #00467d; background-image: url(img/menubkg.gif); background-repeat: repeat-x; padding: 13px 10px 8px 10px; color: #AAA; font: bold 12px Arial, sans-serif; width: 950px; margin: 20px auto 0 auto; }
#menubar a { text-decoration: none; color: #FFF; padding: 1px 19px; border-right: dotted 1px #ff892a;  }
#menubar a#last { border-right: none; }
#menubar a:visited { color: #FFF; }
#menubar a:hover { color: #4ec7ff; }
form { margin: 0; padding: 0; }
img { outline: none; border: none; }
.pink { color: #ff0090; }
#cartbox { border: solid 1px #0077b4; padding: 6px 0 6px 8px; margin: 20px 0 4px 0; color: #fff; background: #053472; }

#incart { margin: 0 0 12px 0; padding: 4px 7px; background: #0D2335; border: solid 1px #1C2F4F; color: #fff; }

#footer { color: #A8CDF2; width: 950px; padding: 10px; background-color: #152331; border: solid 1px #1d2f41; margin: 10px auto; }
.red { color: #f00; }
.enclosure { width: 82%; background: #222; color: #FFF; padding: 10px; }
.form-txt { color: #b5e2ff; padding: 2px 3px; background: #172c3b; border: solid 1px #244863; font: 11px Verdana, sans-serif; }
.form-txt-bold { color: #b5e2ff; padding: 2px 3px; background: #172c3b; border: solid 1px #244863; font: bold 11px Verdana, sans-serif; }

.form-txt-100 { width: 95%; color: #b5e2ff; padding: 2px 3px; background: #172c3b; border: solid 1px #244863; font: 11px Verdana, sans-serif; }
.form-txt-100-bold { width: 95%; color: #b5e2ff; padding: 2px 3px; background: #172c3b; border: solid 1px #244863; font: bold 11px Verdana, sans-serif; }



.form-txt-cart { color: #deff98; padding: 1px 2px; background: #111; border: solid 1px #333; font: bold 13px Arial, sans-serif; width: 30px; text-align: right; }

.errorbox { color: #f00; padding: 5px; background: #300; margin: 0 0 10px 0; }
.errorbox h1 { color: #FFF; font: bold 15px Arial, Helvetica, sans-serif; padding: 0; margin: 0 0 5px 0; }
.errorbox p { color: #FF0000; margin: 0; padding: 0; }
.greentext { color: #0F0; }
.form-button { font: bold 11px Arial, Helvetica, sans-serif; color: #000; padding: 0 6px; }
.form-button-disabled { font: bold 11px Arial, Helvetica, sans-serif; color: #888; padding: 0 6px; }
.picturebanner { padding: 0; }
.cartbar { background: #1d2226; color: #AAA; padding: 6px 10px; }
.rightcolumn { border-top: solid 4px #00baff; width: 250px; background: #0a1e29; border-right: solid 1px #065e90; }
.maincontent { padding: 15px; border-top: solid 4px #0095da; background-color: #000; border-left: solid 1px #065e90; }
.maincontent-home { border-top: solid 4px #0095da; background-color: #000; border-left: solid 1px #065e90;  }
.cartarea { padding: 8px; margin-bottom: 15px; }
#rightcol { padding: 15px 10px 13px 10px; }
.darkgray { color: #777; }
#volumenote { font-size: 15px; font-weight: bold; }
.chillbar { font-size: 17px; padding: 10px 10px 5px 10px; color: #fff; border: solid 1px #070; margin: 0 0 15px 0; }
.orange { color: #ff8a00; }
.product-list-head { font: bold 12px Arial, sans-serif; color: #fff; background: #2F2C56; border-bottom: solid 1px #066; padding: 5px 8px; }
.product-list td { font: 11px Arial, sans-serif; color: #afafaf; padding: 2px 8px; line-height: 140%; background: #000; border-top: solid 2px #000; border-bottom: solid 2px #000; }
.product-list-hover td { font: 11px Arial, sans-serif; color: #fff; padding: 2px 8px; line-height: 140%; background: #000; cursor: pointer; border-top: solid 2px #21aeff; border-bottom: solid 2px #21aeff; }

.lightred { color: #F99; font-size: 11px; }
.lightgreen { color: #6F9; font-size: 14px; font-weight: bold; }
.instruction { font-size: 10px; color: #ffba00; padding: 2px; }
.empty { background: #300; border: solid 1px #600; color: #DDD; padding: 7px 10px; }
.none { background: #300; border: solid 1px #600; color: #F00; padding: 4px; }
.notice { background: #111; border: solid 1px #342c21; color: #e1d4c0; padding: 5px; text-align: left; }
.empty strong { color: #F00; }
h1 { margin: 0 0 15px 0; padding: 0 0 4px 0; font-size: 30px; color: #fff; font-weight: normal; }
h2 { margin: 5px 0 6px 0; padding: 0 0 6px 0; font-size: 14px; color: #FFF; }
h3 { margin: 0 0 8px 0; padding: 0 0 5px 0; font-size: 18px; color: #FFF; }
h4 { margin: 0 0 8px 0; padding: 0; font-size: 29px; color: #FFF; }

#description ul { margin: 0 0 15px 0; padding: 0; }
#description ul li { margin: 0 0 0; padding: 0; font: bold 12px Arial, sans-serif; color: #ddd; list-style: none; }
#description ul li ul { margin: 4px 0 13px 20px; padding: 0; }
#description ul li ul li { font: 11px Arial, sans-serif; color: #aaa; list-style: disc; margin: 0 0 1px 0; }
#description-image { display: inline; float: right; width:225px; border: solid 3px #262f3a; padding: 10px; background: #000; margin: 0 0 8px 10px; }

.price-top { font: 12px Arial, sans-serif; color: #fff; border-bottom: solid 1px #ccc; padding: 5px 0; }
.price-lower { font: 11px Arial, sans-serif; color: #aaa; padding: 5px 0 0 0; }
.imagebox { padding: 12px; border: solid 5px #243641; }
#description h2 { margin: 0 0 11px 0; padding: 0 0 6px 0; border-bottom: solid 1px #243641; font: bold 14px Arial, sans-serif; color: #ffb533; }
.product-image { margin-bottom: 15px; }

.size10 { font-size: 10px; }
.size11 { font-size: 11px; }
.size12 { font-size: 12px; }
.size13 { font-size: 13px; }
.size14 { font-size: 14px; }
.size15 { font-size: 15px; }
.size16 { font-size: 16px; }
.size20 { font-size: 20px; }
.gray { color: #888; }
p { margin: 0 0 16px 0; padding: 0; line-height: 15px; color: #CCC; }
.paragraph { margin: 0 0 14px 0; padding: 0; line-height: 15px; color: #CCC; }
#vdate { color: #a2dfff; line-height: 14px; }
.table-head { color: #fff; padding: 6px 8px; font-size: 12px; border-bottom: solid 2px #000; background-image: url(img/listheadbkg.jpg); background-repeat: repeat-x; }

.table-head2 { padding: 5px 8px; font-size: 11px; background: #333; color: #ccc; }

.table-list { color: #BBB; border-bottom: solid 1px #222; padding: 4px; }
.table-list2 { color: #BBB; border-bottom: solid 1px #2E2E2E; padding: 4px; }
.table-list3 { font-size: 10px; color: #888; border-bottom: solid 1px #222; padding: 4px; line-height: 15px; }
.table-list4 { font-size: 13px; color: #BBB; border-bottom: solid 1px #222; padding: 4px; }
.table-list5 { font-size: 10px; color: #BBB; border-bottom: solid 1px #222; padding: 4px; line-height: 15px; }
.table-list6 { font-size: 10px; color: #BBB; padding: 4px; line-height: 15px; }
.table-list7 { font-size: 10px; font-family: Tahoma, Verdana, Arial, sans-serif; color: #BBB; border-bottom: solid 1px #222; padding: 4px; }
.textbox3 { color: #ccc; font-size: 11px; padding: 5px; margin: 0 0 10px 0; }
.table-list-selected { color: #FFF; border-bottom: solid 1px #222; padding: 4px; background: #172936; }
.table-list-green { background: #21331c; color: #cde7c5; border-bottom: solid 1px #222;  padding: 6px 10px; }
.submit-row { padding: 4px; background-image: url(img/submitrowbkg.gif); background-repeat: repeat-x; }
.submit-row-checkout { border-top: solid 2px #292929; padding: 4px; background-image: url(img/subbar.gif); background-repeat: repeat-x; background-color: #242424; }
.table-title { padding: 4px; font: bold 12px Arial, Helvetica, sans-serif; color: #FFF; border-bottom: solid 2px #333; }
.extraoptions { line-height: 15px; margin: 4px 0 0 0; }
td { line-height: 15px; color: #CCC; }
.footer { padding: 10px 10px 160px 10px; border-top: solid 2px #065e90; }
.footer td { font: 10px Arial, Helvetica, sans-serif; color: #AAA; }
.back { margin: 0; padding: 0; font-size: 11px; }
.breadcrumb { font: 10px Arial, Helvetica, sans-serif; color: #888; padding: 0 0 4px 0; margin: 20px 0; }
.breadcrumb a { text-decoration: none; color: #2fa3d9; }

.tabbar { border-bottom: solid 1px #555; padding: 0 0 0 15px; height: 25px; }
.tab { border-left: solid 1px #555; border-top: solid 1px #555; border-right: solid 1px #555; padding: 5px 10px 0 10px; display: inline; float: left; background: #000; margin-right: -1px; height: 20px; }
.tab-selected { border-left: solid 1px #555; border-top: solid 1px #555; border-right: solid 1px #555; padding: 5px 10px 0 10px; display: inline; float: left; background: #000; margin-right: -1px; height: 20px; background: #202020; font-weight: bold; }
.tabbox { border-left: solid 1px #555; border-bottom: solid 1px #555; border-right: solid 1px #555; padding: 14px; }
.tabbox-selected { border-left: solid 1px #555; border-bottom: solid 1px #555; border-right: solid 1px #555; padding: 14px; background: #202020; }
.outbox { background: #1C1C1C; }
.inbox { background: #2E2E2E; }
.spec-row { padding: 15px 12px; }
.picture-column { padding: 0 0 0 10px; }
.light-gray { color: #A8A8A8; }
.white { color: #FFF; }
.size17 { font-size: 17px; }
.size14 { font-size: 14px; }

.checkout-bar { font-size: 11px; color: #aaa; padding: 0 20px 0 0; }
.form-d1 { font-size: 11px; color: #ddd; padding: 5px 8px; background-color: #101825; border-bottom: solid 1px #000; }
.form-d1-mid { font-size: 11px; color: #ddd; padding: 5px 3px; background-color: #101825; border-bottom: solid 1px #000; }
.form-d2 { font-size: 20px; color: #444; padding: 10px 13px; background-color: #101825; border-bottom: solid 1px #000; }
.form-d3 { font-size: 11px; color: #fff; padding: 5px 8px; background-color: #1d3c6d; border-bottom: solid 1px #000; }
.form-d4 { font-size: 11px; color: #ddd; padding: 5px 8px; background-color: #020; border-bottom: solid 1px #000; }

.checkout-bar-selected { font-size: 11px; color: #fff; font-weight: bold; padding: 0 20px 0 0; }
#checkoutbar { margin: 0 0 15px 0; padding: 0 0 8px 0; border-bottom: solid 1px #036; }
#error { background-color: #400; color: #f00; padding: 7px 10px; margin: 0 0 10px 0; }

.jump { padding: 0 0 5px 0; border-bottom: solid 1px #0044a9; margin-bottom: 15px; color: #FFF; }
#purchasebox { margin-top: 10px; }
.price { color: #000; padding: 4px; font: 18px Verdana, Arial, sans-serif; background: #BBB; letter-spacing: 1px; }
.add-to-cart { background: #333; font-size: 11px; padding: 4px; font-weight: bold; }
.add-to-cart a { color: #0F0; }
.add-to-cart a:hover { color: #0FF; }
.remove-from-cart { background: #300; font-size: 11px; padding: 4px; font-weight: bold; }
.remove-from-cart a { color: #F00; }
.remove-from-cart a:hover { color: #FF0; }
.large-input { background: #191919; border: solid 1px #333; padding: 2px; color: #C8DAE8; font: 25px Arial, Helvetica, sans-serif; text-align: right; }
.list-large { font: 17px Arial, Helvetica, sans-serif; color: #CCC; padding: 4px; border-bottom: solid 1px #222; }
.quantity-box { background: #111; border: solid 1px #333; font: 11px Tahoma, Verdana, Arial, sans-serif; color: #FFF; width: 40px; text-align: right; }

fieldset { border: solid 1px #1f3a50; padding: 9px; margin: 0 0 14px 0; }
legend { font-size: 14px; font-weight: bold; color: #FFF; padding: 0 5px; margin: 0 3px; }

.menucluster a { background: #183949; padding: 3px 5px; margin-bottom: 2px; display: block; }
.menucluster a:hover { background: #223e4b; }
input:active { outline: none; }
.list-chiller { background: #1c2c40; font-size: 15px; color: #CCC; padding: 11px 8px; letter-spacing: 1px; }
.list-chiller-selected { background: #214051; font-size: 15px; color: #FFF; padding: 11px 8px; font-weight: bold; letter-spacing: 1px; }
.slotheader { background: #003350; font-size: 12px; font-weight: bold; padding: 5px 8px; color: #FFF; }
.slotlist { background: #1c2c40; font-size: 11px; color: #CCC; padding: 4px 7px; }
.slotlist-selected { background: #214051; font-size: 11px; color: #CCC; padding: 4px 7px; }
.lineitem { border-bottom: dashed 1px #555; padding: 4px; color: #CCC; }
#notice { display: block; position: absolute; width: 630px; padding: 20px; background-image: url(img/noticebkg.png); border: solid 1px #cd5c00; color: #FFF; margin: 5px 20px; }
.ppageleft { padding-right: 12px; }
.doclist { margin: 0 0 4px 15px; padding: 0; color: #bbb; }
.doclist ul { margin: 0; padding: 0; color: #bbb; }
.doclist li { margin: 2px 0; font: 11px Arial, sans-serif !important; color: #bbb !important; list-style: square !important; padding: 0; }
.doclist li a { font-size: 11px; }

.listhead { font: bold 11px Arial, sans-serif; background-color: #111c26; color: #fff; padding: 4px 7px; }
.list { font: 11px Arial, sans-serif; color: #ccc; background-color: #000; padding: 4px 7px; }
.list-alt { font: 11px Arial, sans-serif; color: #ccc; background-color: #1e252b; padding: 4px 7px; }
.list2 { font: 11px Arial, sans-serif; color: #ccc; background-color: #181c20; padding: 4px 7px; }