/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
html {font-size:100.01%;}
body {font-size:75%;color:#222;background:#fff;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#009;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0;}
ul, ol {margin:0 1.5em 1.5em 0;padding-left:3.333em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}
hr {background:#ddd;color:#ddd;clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none;}
hr.space {background:#fff;color:#fff;visibility:hidden;}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.clearfix, .container {display:block;}
.clear {clear:both;}
.clearFix:after {
		content: '.';
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
		}
		
		
/* Hullabaloo Colors
#ff585e - Red
#ff8642 - Orange
#fae600 - Yellow
#5bdd45 - Green
#36ccda - Blue
#ff1cac - Purple
*/

body {background:#ffffe0; text-align: center;} 	
#container {width: 960px; margin-top:1em; margin-left:auto; margin-right:auto; background-color:#5bdd45; text-align: left;}

#header {background-color:#ff1cac; clear:both; float:left; width:100%;}
#header img {padding:2px 0 0 5px;}
#header p {text-align:left; font:.8em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fae600; padding-left:5px; text-align:left; margin:0 0 .25em;}
.head-logo {float: left;width:50%;}
.head-billboard{float: right;width:49%;text-align:left; font:.8em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fae600; padding-left:5px; text-align:left; margin:0 0 .25em;}

.seeall a {font:.9em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#000000; text-align:left;}
.seeall a:hover{text-decoration:none; background-color:#fae600; color:#ff1cac;}


#status {background-color:#ff1cac; border-bottom:1px solid #fae600; clear:both; float:left; width:100%;}
#status p {text-align:left; font:.8em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fae600; padding-left:5px; text-align:left; margin:0 0 .25em;}
.status-line {clear:both; float:left; width:51%;}
.status-list {float: right;width:48%; text-align:right;}
.status-list a {font:.9em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fae600; text-align:left;}
.status-list a:hover{text-decoration:none; background-color:#fae600; color:#ff1cac;}
.faq {font:1.5em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#000000;}

.viewcart {text-align:right; font:.8em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#fae600; padding-left:5px; text-align:left; margin:0 0 .25em;}

#column-wrapper {}

#column-left {background-color:#5bdd45;clear:both; float:left; width:150px;}
#navcontainer ul {list-style-type:none; padding:0; margin:0; margin-left:.25em;}
#navcontainer a {padding: .2em .8em; display: block; color:#000; background-color:#5bdd45; text-decoration:none; font:.8em Verdana, Arial, Helvetica, sans-serif; font-weight:bold;}
#navcontainer a:hover {background-color:#fae600; color:#ff1cac;}
#navcontainer li {border-bottom:1px solid #fae600; }
.nav-head {font:.8em Verdana, Arial, Helvetica, sans-serif; background-color: #ff1cac; text-decoration: none; font-weight: bold; color: #fae600; padding: .2em .8em; display: block; border-bottom: 1px solid #fae600; margin: 0; text-align: left;}
.nav-pic {display: block; margin-left: -5px; margin-right: auto; margin-bottom:2px; margin-top:5px;}
#navcontainer input.box {font:.8em Verdana, Arial, Helvetica, sans-serif; color:#000000; background-color:#fae600; font-weight:bold; margin:.15em; padding:.5em}
#navcontainer input.button {font: .8em Verdana, Arial, Helvetica, sans-serif; color:#fae600; background-color:#ff1cac; font-weight:bold;}


#column-right {background-color:#5bdd45; float:right; width:800px;}
#top-phn {background-color:#5bdd45;}
#bottom-pagenav {background-color:#5bdd45;}
.phn {font:.9em Verdana, Arial, Helvetica, sans-serif; line-height:1.25em; background-color:#5bdd45; text-decoration:none; font-weight:bold; color:#000000; text-align:right; vertical-align:top; margin:1em;}
.phn a {font:.9em Verdana, Arial, Helvetica, sans-serif; line-height:1.25em; background-color:#5bdd45; text-decoration:none; font-weight:bold; color:#000000; padding:2px; border-top:1px solid #fae600; border-bottom:1px solid #fae600; border-right:1px solid #fae600; border-left:1px solid #fae600; text-align:left;}
.phn a:hover {text-decoration:none; line-height:1.25em; background-color:#fae600; color:#ff1cac;}
#top-banner {background-color:#5bdd45;}
#bottom-banner {background-color:#5bdd45; margin:0;}
.disp_banner {font: 2em Verdana,Arial,Helvetica,sans-serif; font-style:normal; font-variant:normal; line-height:normal; color:#000000; font-weight:bold; margin:0;}
.disp_banner_small {font: .75em Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; color: #000000; font-weight: bold; line-height: 12px; margin-bottom: 5px;}
#top-pagenav {background-color:#5bdd45;}
#bottom-phn {background-color:#5bdd45;}
.page_nav {margin:0 0 15px 0;}
.page_nav_current {font:.85em Verdana, Arial, Helvetica, sans-serif; background-color:#ff1cac; line-height:2em; padding:2px; margin:0 .5px; border-top:1px solid #000000; border-bottom:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000; color:#fae600;}
.page_nav a {font:.85em Verdana, Arial, Helvetica, sans-serif; line-height:2em; background-color:#5bdd45; text-decoration:none; font-weight:bold; color:#000000; padding:2px; margin:0 .5px; border-top:1px solid #fae600; border-bottom:1px solid #fae600; border-right:1px solid #fae600; border-left:1px solid #fae600; text-align:left;}
.page_nav a:hover {text-decoration:none; line-height:1.75em; background-color:#fae600; color:#ff1cac;}
.page_nav p {font:.9em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin:5px 0 2px 0;}

#products {background-color:#36ccda; margin:0; width:784px; border:1px solid #000;}
.products table {background:#36ccda;}
.products td, th {border: 1px #000 solid; border-style: inset; vertical-align: top; width:25%;}
.products img {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:5px;}

.prodbox_name {margin-bottom:3px;}
.prodbox_name p {margin-bottom:3px; font:.9em Verdana, Arial, Helvetica, sans-serif; color:#000000; font-weight:bold; text-align:center;}

.prodbox_number {font:.75em Verdana, Arial, Helvetica, sans-serif; color:#234A76; font-weight:bold; text-align:center; padding-right: 1em;}
.prodbox_pm {margin-bottom: 5px; font:.9em Verdana, Arial, Helvetica, sans-serif; color:#000000; text-align:center; font-weight:bold;}
.prodbox_center {margin-bottom: .75em; text-align:center;}

.prodbox_clo {width:100%; font:1em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; background-color:#ff1cac; padding:2px 2px 5px 2px ; border-top:1px solid #000000; border:1px solid #000000; color:#fae600;}
.prodbox_clo p{margin-bottom: .75em; font:.9em Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; background-color:#ff1cac;}

#footer {background-color:#36ccda; clear:both; float:left; width:100%;}
#footer p {font:.75em Verdana, Arial, Helvetica, sans-serif; color:#234A76; font-weight:bold; text-align:center; margin:0; font-style:italic;}

#cartbox {background-color:#5bdd45; clear:both; float:left; width:60%; margin-left: 39%;}
.itemNumber {float:left; width:5em; text-align:left;}
.itemName {float:left; width:20em; text-align:left;}
.itemPrice {float:left;width:5em; text-align:right;}
.itemQuantity {float:left;width:4em;text-align:right;}
.itemTotal {float:left;width:6em;text-align:right;}
.itemRemove {float:left;width:5em; text-align:right; text-decoration:none;}
.itemRemove a {font:.9em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; color:#000000; text-align:left; padding: 2px;}
.itemRemove a:hover{text-decoration:none; background-color:#fae600; color:#ff1cac;}


.simpleCart_checkout {text-align:left;}
.simpleCart_checkout a {margin:5px; padding:5px 15px 5px 15px; border-top: 1px solid #fff; border-right: 1px solid #000; border-bottom: 1px solid #000; border-left: 1px solid #fff; font:2em Verdana, Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold; color:#000000; text-align:left;}
.simpleCart_checkout a:hover{text-decoration:none; background-color:#fae600; color:#ff1cac;}

.simpleCart_empty {text-align:left; width:40em;}
.simpleCart_empty a {font:.9em Verdana, Arial, Helvetica, sans-serif; text-decoration:none;  color:#000000; text-align:left;}
.simpleCart_empty a:hover{text-decoration:none; background-color:#fae600; color:#ff1cac;}

.itemContainer {clear:both;}
.cartTotal {clear:both;text-align:right;width:40em; font-weight:bold; border-top:1px solid #000;}
.checkoutSelect {float:left; width:5em; text-align:left;}
.checkoutSelect INPUT {font-size:7pt;}

.contactForm LABEL {width: 10em; float: left; text-align: right; margin-right: 0.5em; padding-top:2px; display: block;}
.contactForm input {margin-left: .5em;}
.contactForm input {width: 20em;}
.contactForm p {margin-bottom: 5px;}
.contactForm fieldset{border: 1px solid #781351;width: 39em; margin-left: 1em;}
.contactForm legend{color: #fae600; font-weight: bold; background: #ff1cac; border: 1px solid #781351; padding: 2px 6px; margin-left: 1em;}
.cfButton {margin-left: 10.5em;}

/* Add To Cart */
.atc_spacer {line-height:.5em;}
.atc {}
.atc {text-align:center}

.atc a {border-top: 1px solid #fff; 
        border-right: 1px solid #000; 
        border-bottom: 1px solid #000; 
        border-left: 1px solid #fff; 
        font:.8em Verdana, Arial, Helvetica, sans-serif; 
        line-height:1em; 
        text-decoration:none; 
        font-weight:bold; 
        color:#000000; 
        padding:1px 10px 1px 10px; 
        text-align:center;}
.atc a:hover {text-decoration:none; line-height:1em; background-color:#fae600; color:#ff1cac;}

.viewcart {}
.questions {clear:both; float:left; width:100%; font:1em Verdana, Arial, Helvetica, sans-serif; line-height:2em; text-decoration:none; font-weight:bold; color:#000000; text-align:center;}
.cart_label {font:1.5em Verdana, Arial, Helvetica, sans-serif; line-height:1.5em; text-decoration:none; font-weight:bold; color:#000000; text-align:left;}

.bigholiday {font:2.5em Verdana, Arial, Helvetica, sans-serif; line-height:1.75em; text-decoration:none; font-weight:bold; color:#000000; text-align:center;}
.holiday {font:1.5em Verdana, Arial, Helvetica, sans-serif; line-height:1em; text-decoration:none; font-weight:bold; color:#000000; text-align:center;}