/*CSS RESET*/
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,
input, textarea, p { margin: 0; padding: 0; font-size: 100%; }
ul {list-style: none;}
img, fieldset {border: 0;}
h1, h2, h3 {font-weight: normal;}
em {font-style: italic;}
strong {font-weight: bold;}

/*BEGIN SITE STYLES*/
body     {
	color: #646464;
	font-size: 13px;
	font-family: Arial, sans-serif, Helvetica;
	line-height: 19px;
	background-color: #229c96;
	margin: 0;
	padding: 0 }
body.popup {
	background-color: #fff;
	padding: 20px 30px 10px }
form {
    padding: 0px;
    margin: 0px;
    }
input, select, textarea, .searchbutton, .checkout-button  {
	font-size: 11px;
	font-family: Arial, sans-serif, Helvetica }
a:link, a:visited, a:active      {
	color: #00bcb8;
	text-decoration: none }
a:hover     {
	color: #b9c63c;
	text-decoration: none }

.clear {
	clear: both }
h1, h2, h3, h4  {
	font-weight: normal }
h1, .content-title  {
	color: #00bcb8;
	font-size: 18px;
	margin-top: 7px;
	margin-bottom: 10px }
h2  {
	color: #ef8c16;
	font-size: 16px }
h3  {
	color: #b9c63c;
	font-size: 13px;
	font-weight: bold }
h4  {
	color: #00bcb8;
	font-size: 13px;
	font-weight: bold }
p {
	margin-top: 7px;
	margin-bottom: 12px }
ul {
	margin-bottom: 12px }
#topbar  {
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	background-image: url("/images/topbar_bg.png");
	background-repeat: repeat-x;
	text-align: right;
	padding-top: 9px;
	padding-bottom: 12px;
	height: 11px;
	vertical-align: middle }
#wrapper     {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1px;
	padding-bottom: 1px;
	width: 100% }
.wrap  {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 940px }
#content     {
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	position: relative;
	z-index: 10;
	width: 620px;
	float: left }
#content.checkout {
	margin-right: 0;
	width: 779px }
#leftsidebar  {
	margin-bottom: 20px;
	width: 140px;
	float: left }
#rightsidebar  {
	padding-bottom: 325px;
	width: 140px;
	float: left }
#header   {
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	height: 105px }
#topbar img   {
	margin-right: 6px;
	margin-left: 2px;
	vertical-align: middle }
#topbar p  {
	display: inline;
	margin: 0;
	padding: 0;
	float: right }
.searchbox    {
	display: inline;
	margin-top: -2px;
	margin-left: 10px;
	padding-left: 10px;
	height: 20px;
	float: right;
	border-left: 1px solid #9dd3d0 }
.searchbox form {
	display: inline }
.search-input  {
	color: #646464;
	font-size: 11px;
	background-image: url("/images/search.png");
	background-repeat: no-repeat;
	background-position: 0 -1px;
	margin-left: 2px;
	padding: 1px 1px 1px 16px;
	width: 115px;
	border: solid 1px #e0e0e0 }
.logo   {
	margin-top: 19px;
	float: left }
.koala {
	position: absolute;
	top: -45px;
	left: 73px }
.toplinks  {
	color: #00bcb8;
	font-size: 11px;
	text-align: right;
	text-transform: lowercase;
	padding-bottom: 2px;
	padding-left: 15px;
	float: right;
	border-bottom: 1px dotted #e0e0e0 }
.toplinks a {
	margin-right: 3px;
	margin-left: 3px }
#tagline {
	background-image: url("/images/tagline_bg.png");
	background-repeat: repeat-x;
	text-align: center;
	margin-top: 15px;
	padding-top: 13px;
	height: 19px }
.tinytxt {
	line-height: 10px;
	margin: 0;
	padding: 0 }
.logged-in-message {
	color: red;
	font-weight: bold }
.input-err { background-color: #ffff00; }
.graylinks a:link,  .graylinks a:visited,  .graylinks a:active {
	color: #646464 }
.graylinks a:hover  {
	color: #b9c63c }
.schoolgirl {
	position: absolute;
	right: -20px;
	bottom: -20px }
.popup ol {
	list-style-type: decimal;
	padding-left: 25px }
/*FOOTER*/
#bottombar {
	background-image: url("/images/bottombar_bg.png");
	background-repeat: repeat-x;
	height: 32px }
#footer  {
	color: #fff;
	font-size: 11px;
	line-height: 16px;
	background-color: #229c96;
	background-image: url("/images/footer_bg.png");
	background-repeat: repeat-x;
	padding-top: 1px;
	padding-bottom: 1px;
	height: 170px }
#footer .col {
	text-transform: lowercase;
	margin-top: 10px;
	margin-left: 35px;
	width: 120px;
	float: left }
#footer .newsletter {
	margin-right: 30px;
	margin-left: 30px;
	width: 220px }
#footer .col h4  {
	color: #b9c63c;
	font-size: 16px;
	margin: 0 0 2px;
	padding: 0 0 0 }
#footer .emailinput   {
	color: #fff;
	font-size: 11px;
	background-color: #6bbdb9;
	margin-left: 0;
	padding: 2px 2px 2px 5px;
	width: 185px;
	border: 0 }
#footer .emailsubmit   {
	color: #fff;
	font-size: 9px;
	font-weight: bold;
	line-height: 15px;
	background-color: #6bbdb9;
	background-image: url("/images/lightbluegradient.png");
	background-repeat: repeat-x;
	text-transform: uppercase;
	cursor: pointer;
	margin: 0 0 1px 2px;
	padding: 0 1px 3px;
	height: 15px;
	vertical-align: middle;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px    }
#footer .emailsubmit:hover {
	background-image: url("/images/lightbluegradient2.png") }
.col a:link, .col a:visited, .col a:active {
	color: #fff }
.col a:hover {
	color: #b9c63c }
.copyright {
	color: #84c8c4;
	font-size: 10px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
	padding-top: 10px;
	border-top: 1px dotted #84c8c4 }
.copyright a:link, .copyright a:visited, .copyright a:active {
	color: #84c8c4;
	text-decoration: underline }
.copyright a:hover {
	color: #b9c63c }
/*SIDEBAR*/
.sidebarspecial {
	margin-bottom: 20px }
.viewcart { }
.cartitems   {
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	background-image: url("/images/yourcart.png");
	background-repeat: no-repeat;
	margin-bottom: 17px;
	padding-top: 34px;
	padding-right: 8px;
	padding-left: 8px;
	width: 124px;
	height: 82px }
.cartitems p {
	margin-top: 0;
	margin-bottom: 7px }
.cartitems a:link, .cartitems a:visited, .cartitems a:active {
	color: #fff }
.cartitems a:hover {
	color: #f9d1a2 }
.livehelp a {
	color: #e2e2e2;
	font-size: 9px }
.recent-table {
	margin-top: 25px }
.topprods, .recent  {
	font-size: 11px;
	line-height: 11px;
	margin-bottom: 10px;
	height: 44px;
	clear: left;
	overflow: hidden }
.topprods img, .recent img {
	display: inline;
	margin-right: 7px;
	float: left;
	vertical-align: middle }
.topprods a, .recent a {
	color: #646464 }
.topprods a:hover, .recent a:hover {
	color: #b9c63c }
/*HOMEPAGE*/
.homeimg_lg {
	margin-right: 20px }
.homeimg_sm { }
.blurb {
	margin-top: 20px;
	margin-bottom: 20px }
.feat-table  {
	margin: 0 0 20px;
	padding: 0;
	width: 100% }
.feat-head  {
	color: #fff;
	font-size: 1px;
	background-image: url("/images/featureditemshead.png");
	background-repeat: no-repeat;
	text-align: left;
	text-indent: -9999px;
	height: 20px;
	border-bottom: 1px dotted #e0e0e0 }
.feat-cell  {
	color: #a2a2a2;
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	padding: 10px;
	vertical-align: top }
.feat-cell div {
	text-align: center }
.feat-cell a, .home-feat-cell a {
	color: #09918a }
.feat-cell a:hover, .home-feat-cell a:hover {
	color: #b9c63c }
.home-page-section { }
.home-feat-table  {
	background-image: url("/images/homefeathead.png");
	background-repeat: no-repeat;
	margin: 0 0 10px;
	padding: 30px 0 0;
	width: 100% }
.home-feat-cell  {
	font-size: 11px;
	line-height: 13px;
	text-align: center;
	padding: 10px 15px 0 0;
	width: 100px;
	float: left;
	vertical-align: top }
.home-feat-cell img {
	margin-bottom: 3px }
.home-feat-cell .itemname {
	font-weight: bold }
.home-feat-cell .price {
	color: #a2a2a2 }
/*BUTTONS*/
.checkout-button, a.checkout-button   {
	color: #fff;
	font-size: 11px;
	line-height: 19px;
	background-color: #f9d1a2;
	background-image: url("/images/orangegradient.png");
	background-repeat: repeat-x;
	background-position: 0 bottom;
	text-transform: lowercase;
	cursor: pointer;
	margin: 0;
	padding: 3px 6px;
	height: 17px;
	vertical-align: middle;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px        }
a.checkout-button:hover   {
	color: #fff;
	background-color: #f9d1a2;
	background-image: url("/images/orangegradient2.png");
	background-repeat: repeat-x;
	background-position: 0 top }
.search-button, a.search-button    {
	color: #fff;
	font-size: 11px;
	line-height: 17px;
	background-color: #09918a;
	background-image: url("/images/bluegradient.png");
	background-repeat: repeat-x;
	text-transform: lowercase;
	cursor: pointer;
	margin: 0 0 1px;
	padding: 0 2px 2px;
	height: 17px;
	vertical-align: middle;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px   }
.search-button:hover, .search-button2:hover, .button:hover, a.button:hover  {
	color: #fff;
	background-color: #09918a;
	background-image: url("/images/bluegradient2.png") }

/*Form Mailer*/
/* COLOR/BORDERS CSS */
form.ddfm h1, form.ddfm h2  {
	color: #b9c63c }
form.ddfm legend, form.ddfm label, form.ddfm label.fmtextlblwide  { }
form.ddfm textarea, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmdate, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide  {
	color: #646464;
	font-size: 11.5px;
	background-color: #fff;
	padding: 2px;
	border: solid 1px #e0e0e0 }
form.ddfm .submit input  {
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
	background-color: #09918a;
	background-image: url("/images/bluegradient.png");
	background-repeat: repeat-x;
	background-position: 0 top;
	text-transform: lowercase;
	cursor: pointer;
	margin: 0 0 1px;
	padding: 0 6px 2px;
	height: 20px;
	vertical-align: middle;
	border: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px    }
form.ddfm .submit input:hover  {
	color: #fff;
	background-color: #09918a;
	background-image: url("/images/bluegradient2.png");
	background-position: 0 bottom }
form.ddfm .fmcheck p, form.ddfm .fmradio p, form.ddfm textarea, form.ddfm .fmfullblock, form.ddfm .fmhalfblock, form.ddfm .fmselect, form.ddfm input.fmtext, form.ddfm input.fmdate, form.ddfm input.fmverify, form.ddfm textarea.fmtextwide, form.ddfm .submit, form.ddfm .credits { }
form.ddfm .required  {
	color: #b9c63c }
.ddfmerrors  {
	color: #ef8c16;
	font-size: 13px;
	font-weight: bold }
/* STRUCTURE CSS */
.ddfmwrap  {
	margin-top: 15px;
	margin-bottom: 15px;
	margin-left: 0;
	width: 450px }
form.ddfm label  {
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	display: block;
	margin: 0 10px 0 0;
	padding-bottom: 15px;
	width: 90px;
	float: left;
	clear: left }
form.ddfm .credits  {
	color: #391700;
	font-size: 9px;
	text-align: left;
	display: none;
	margin-top: 7px;
	margin-left: 112px;
	width: auto }
.credits a  {
	color: #391700 }
form.ddfm .submit  {
	text-align: left;
	margin-left: 102px;
	width: auto;
	clear: both }
.ddfmwrap .ddfmerrors {
	font-size: 14px;
	font-style: italic;
	text-align: right;
	display: block;
	margin: 10px 10px 0 0;
	padding-bottom: 10px;
	width: 112px;
	float: left }
.ddfmwrap .errorlist {
	font-size: 11.5px;
	font-style: italic;
	text-align: left;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0 3px 3px 0;
	width: 300px;
	float: left }
.ddfmwrap .recaptcha {
	text-align: right;
	margin-right: 7px;
	padding-bottom: 10px;
	width: 100%;
	height: 120px;
	clear: both }
.ddfmwrap .recaptcha-inner {
	margin-right: 3px;
	float: right }
