@charset "UTF-8";


/* TOP SECTION */
#top				{ height: 176px; }
#top h1				{ width: 960px; height: 176px; background: url('/images/cart/hero.jpg') -20px top no-repeat; display: block; margin-bottom: -75px; text-indent: -9999px;  }

/* LEFT COLUMN */
#mainContent				{ width: 570px; float: left; }


/* CART */
#cart { width: 60%; float: left; margin-right: 30px; margin-bottom: 30px; }
#checkout { width: 35%; float: right; }

#cart h1		{ background: url('/images/cart/cart_heading.png') top left no-repeat; height: 30px; display: block; padding-bottom: 5px; border-bottom: 1px solid #9cb228; margin-bottom: 30px; text-indent: -9999px; }


table { border-collapse: collapse; width: 100%; }th, td	{ padding: 10px; border-bottom: solid 1px #444; font-size: 1em; }
th		{ color: #fff; }
td		{ color: #999; }
.ctr	{ text-align: center; }
tr.total td { font-weight: bold; font-size:  1.5em; color: #fff; }
.removeFromCart  { width: 15px; height: 15px; display: block; font-size: 1.2em; color: #FFF; font-weight: normal; padding: 2px 4px 7px 4px; cursor: pointer; margin: 0 auto; background-color: #879425; }
.removeFromCart:hover	{ background-color: #bfcf4a; }
.removeFromCart:active  { background-color: #fff; color: #bfcf4a; }

.lightInfo				{ color: #CCC; }
.message				{ color: #AAA; padding-top: 15px; }

/* CHECKOUT FORM */
#checkout 	           	{ position: relative; color: #717171; }
#checkout h1			{ background: url('/images/cart/checkout_heading.png') top left no-repeat; height: 30px; display: block; padding-bottom: 5px; border-bottom: 1px solid #9cb228; margin-bottom: 20px; text-indent: -9999px; }
#checkout form input    { width: 100%; height: 28px; background: #555; border: none; color: #FFF; font-size: 1.2em; margin-bottom: 15px; display: block; }
#checkout select		{ width: 100%; padding: 5px; margin: -1px 0 14px 0; }
#checkout .textbox		{ padding: 10px; }
#checkout .textbox:hover, #contactForm .textarea:hover       { background: #666; }
#checkout .textbox:focus, #contactForm .textarea:focus       { background: #888; }
#checkout label          { width: 100%; display: block; font-size: 1.3em; margin: -7px 0 10px 0; }
#checkout #submitButton 		{ width: 170px; height: 38px; display: block; color: #FFF; text-align: center; font-size: 14px; font-weight: bold; text-transform: uppercase; cursor: pointer; -webkit-transition: all 250ms;  -moz-transition: all 250ms; -o-transition: all 250ms; background-color: #9aa92c; }
#checkout #submitButton:hover 	{ background-color: #b0c132; }
#checkout #submitButton:active 	{ background-color: #798523; }
#checkout label.error       { color: #cc0000; }
#loader                     { margin: 0 0 0 15px; display: none; }
#resultsHolder              { display: none; }
#confirmation				{ padding: 35px 10px 30px 60px; background: url('/images/contact/confirmation.png') no-repeat left 15px; }


#resultsHolder p { float: left; width: 70%; margin-top: 15px; }
#payButton  { text-align: center; border: none; display: block; width: 200px; height: 35px; font-size: 2em; color: #FFF; font-weight: normal; padding: 9px 9px 3px 9px; cursor: pointer; margin-top: 15px; background: #9aa92c; }
#payButton:hover { background: #b0c132; }
#payButton:active { background-color: #798523; }