/* Media Query Reference
-------------------------------------*/
@media screen and (min-width: 741px) {}                        /* Large */
@media screen and (min-width: 640px) and (max-width: 740px) {} /* Medium */
@media screen and (min-width: 480px) and (max-width: 639px) {} /* Small */
@media screen and (max-width: 479px) {}                        /* X-Small */

/* base
-------------------------------------*/
* {
	margin:0;
	padding:0;
}
body {
	background-color:#d8dec2;
	font-family:verdana, sans-serif;
	font-weight:normal;
	font-size:12px;
	line-height:18px;
	color:#204504;
	text-align:left;
}
img {
	width: auto !important;
	max-width: 100% !important;
	height: auto !important;
}
img,
a img,
table {
	border:0;
}
p {
	margin:0;
}
h1 {
	margin:10px 0;
	font-size:16px;
}
h2 {
	font-size:12px;
	text-transform: uppercase;
	color: #e45b00;
	margin: 0;
}
h3 {
	margin:10px 0;
	font-size:12px;
}
td, th {
	vertical-align:top;
}
img.title {
	margin: 0px 0px 5px 0px;
}

hr {
  display: none;
}

a {
	outline:none;
}

div.line {
	background-color:#ecb550;
  margin:0;
  padding:0;
  height:1px;
  margin-top:10px;
  margin-bottom:10px;
  line-height:1px;
}

/* links
-------------------------------------*/
a {
	color:#6ca400;
	text-decoration:underline;
}
a:visited {
	color:#5b781f;
}
a:hover {
	color:#e45b00;
	text-decoration:none;
}

/* helper classes
-------------------------------------*/
/* text alignment */
.text-left {
	text-align: left !important;
}
.text-center {
	text-align: center !important;
}
.text-right {
	text-align: right !important;
}
.text-justify {
	text-align: justify !important;
}


/* visibility classes
-------------------------------------*/
/* large up */
@media screen and (min-width: 741px) {
	.hide-for-large-up {
		display: none !important;
	}
}
/* medium only */
@media screen and (min-width: 640px) and (max-width: 740px) {
	.hide-for-medium-only {
		display: none !important;
	}
}
/* medium up */
@media screen and (min-width: 640px) {
	.hide-for-medium-up {
		display: none !important;
	}
}
/* medium and down */
@media screen and (max-width: 740px) {
	.hide-for-medium-down {
		display: none !important;
	}
}
/* small only */
@media screen and (min-width: 480px) and (max-width: 639px) {
	.hide-for-small-only {
		display: none !important;
	}
}
/* small and up */
@media screen and (min-width: 480px) {
	.hide-for-small-up {
		display: none !important;
	}
}
/* small and down */
@media screen and (max-width: 639px) {
	.hide-for-small-down {
		display: none !important;
	}
}
/* x-small only */
@media screen and (max-width: 479px) {
	.hide-for-xsmall-only {
		display: none !important;
	}
}

/* layout
-------------------------------------*/
div#header-container {
	display: block;
	background: #cdeb8b url(/images/header-container-bg.gif) repeat-x top left;
}
div#header {
	position: relative;
	max-width: 705px;
	height: auto;
	margin:0 auto;
	padding: 0 11px;
	background:#fff url(/images/header-bg.png) no-repeat top center;
	background-size: auto 163px;
	text-align:left;
}
@media screen and (max-width: 740px) {
	body {
		padding-top: 50px;
	}
	div#header {
		z-index: 1000;
		position: fixed;
		max-width: none;
		top: 0;
		left: 0;
		right: 0;
		padding: 0;
		margin: 0;
		background: #3b4e16;
	}
}
div#header-top {
	position: relative;
	padding: 0 17px 0 12px;
}
div#header-logo {
	float: left;
	height: auto;
	margin-top: 34px;
	line-height: 0;
}
div#header-logo a {
	display: block;
}
div#header-logo img {
	display: block;
	position: relative;
	left: 0;
}
@media screen and (max-width: 740px) {
	div#header-top {
		padding: 0;
	}
	div#header-logo {
		margin-top: 0;
	}
	div#header-logo img {
		height: 50px !important;
	}
}
@media screen and (max-width: 479px) {
	div#header-logo img {
		height: 50px !important;
	}
}
div#header-my-account {
	position:relative;
	top:5px;
	text-align:right;
	color:#5b781f;
	font-size:11px;
	line-height:15px;
}
div#header-my-account ul {
	list-style:none;
}
div#header-my-account li {
	display:inline;
	margin:0;
	padding-left:10px;
}
div#header-my-account li.welcome {
	color:#e2fe97;
}
div#header-my-account li a,
div#header-my-account li a:visited {
	color:#6ca400;
}
div#header-my-account li a:hover {
	color:#e45b00;
}
div#header-my-account li a:active {
	color:#6ca400;
}
div#header-payment-options {
	position: absolute;
	top: 54px;
	right: 17px;
}
div#header-options {
	position: absolute;
	bottom: 10px;
	right: 17px;
	height: 23px;
	text-align: right;
}
div#header-options a {
	margin-right:18px;
	text-transform:uppercase;
	text-decoration:none;
	font-size:11px;
}
div#header-options a.view-cart {
	font-weight:bold;
	color:#e2fe97;
	margin-right: 0;
}
div#header-options a.view-cart:visited {
	color:#e2fe97;
}
div#header-options a.view-cart:hover {
	color:#e45b00;
}
div#header-options a.view-cart:active {
	color:#e2fe97;
}

div#main-container {
	background:#d8dec2 url(/images/bg_body.gif) repeat-y top center;
	width: auto;
	max-width: 705px;
	background: #fff;
	margin: 0 auto;
}
div#main {
	background:#d8dec2 url(/images/bg_body.gif) repeat-y top center;
	width: auto;
	max-width: 705px;
	padding: 0 11px;
	background: #fff;
	margin: 0 auto;
}

div#main-content {
	display: block;
	width: auto;
	padding: 0 10px;
}

@media screen and (max-width: 479px) {
	div#main-content {
		padding: 0 4px;
	}
}

div.col-left {
	float:left;
	width: 75%;
	padding: 30px 15px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
div.col-left p {
	margin:0 0 10px 0;
}

div.col-right {
	float:left;
	width: 25%;
	padding: 20px 15px;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}

@media screen and (max-width: 740px) {
	div.col-left {
		width: 72.5%;
	}
	div.col-right {
		width: 27.5%;
	}
}

@media screen and (max-width: 639px) {
	div.col-left,
	div.col-right {
		display: block;
		float: none;
		width: auto;
		padding: 20px 0;
	}
	div.col-right {
		border-top: solid 1px #ecb550;
	}
}

div#content {
	margin-left:220px;
}
div#content-pad {
	padding:15px 30px 30px 15px;
}

div#footer {
	/*background:#d8dec2 url(/images/bg_body.gif) repeat-y top center;
	background: #fff;*/
	width: auto;
	margin: 0 auto;
	clear:both;
	line-height:16px;
}
div#footer-utility-links {
	background:#fff url(/images/footer_bg.gif) repeat-x top center;
	height:30px;
	color:#c7e577;
	font-size:10px;
	padding:5px 10px;
}
div#footer-utility-links-left {
	text-align:left;
	float:left;
}
div#footer-utility-links-right {
	float:right;
	text-align:right;
	width:140px;
}
div#footer-site-info {
	width: auto;
	height:auto;
	margin:0 auto;
	color:#858b70;
	font-size:10px;
	padding:0;
}
div#footer-site-info-left {
	text-align:left;
	float:left;
}
div#footer-site-info-right {
	float:right;
	text-align:right;
	width:113px;
}

div#footer-site-info-right span.site-by {
	float:left;
}

@media screen and (max-width: 480px) {
	div#footer-site-info-left,
	div#footer-site-info-right {
		display: block;
		float: none;
		width: auto;
		text-align: center;
		margin: 0 0 10px;
	}
	div#footer-site-info-right span.site-by {
		float: none;
	}
	div#footer-site-info-right a img{
		vertical-align: middle;
	}
}

div#content h1#page-title {
	margin:0 0 15px 0;
	font-size:16px;
}

/* notice area
-------------------------------------*/
div#notice {
	margin:5px 0 15px 0;
	padding:10px 10px 10px 32px;
	text-align:left;
}
div#notice a {
	text-decoration:underline;
}
div#notice a:hover {
	text-decoration:none;
}
div.notice-info {
	background-color:#d8dec2;
	background-image:url(/images/icons/tick.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	border:1px solid #9c9;
}
div.notice-error {
	background-color:#fff3db;
	background-image:url(/images/icons/cross.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	border:1px solid #920000;
}
div.notice-error a {
	color:#920000;
}

/* no script notice
-------------------------------------*/
#noscript {
	margin:10px;
	padding:10px;
	text-align:left;
	background-color:#fff3db;
	border:1px solid #920000;
}

/* misc
-------------------------------------*/
span.highlight {
	background-color:#ffc;
}
span.discount {
	color:#c00;
}
.show {
  display:block;
}
.hide {
  display:none;
}
.caption {
	font-size:.85em;
}
p.back-to-top {
	margin:10px 0 15px 0;
	font-size:.85em;
}
a.disabled,
a.disabled:hover,
span.disabled,
span.disabled a {
	color:#ccc;
}
.odd {
	background-color:#fff;
}
.even {
	background-color:#eee;
}
h2.header span.caption {
	font-size:12px;
	font-weight:normal;
	text-transform:none;
}
p.navigation-back {
	float: left;
	width: 50%;
	padding:4px 0 0 0;
}
p.navigation-back a {
	font-family:verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
}

/* icons
-------------------------------------*/
ul.icons {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.icons li {
	padding:0;
	margin:.5em 0;
}
ul.icons li a {
	padding:3px 0 3px 20px;
	margin:0;
}
a.icon {
	margin:0;
	padding:3px 0 3px 18px;
}
a.pdf             { background:url(/images/icon_pdf.gif)        		0 50% no-repeat; }
a.doc             { background:url(/images/icon_doc.gif)        		0 50% no-repeat; }
a.ppt             { background:url(/images/icon_ppt.gif)        		0 50% no-repeat; }
a.xls             { background:url(/images/icon_xls.gif)        		0 50% no-repeat; }
a.txt             { background:url(/images/icon_txt.gif)        		0 50% no-repeat; }
a.jpg             { background:url(/images/icon_jpg.gif)        		0 50% no-repeat; }
a.gif             { background:url(/images/icon_gif.gif)        		0 50% no-repeat; }
a.email           { background:url(/images/icon_email.gif)      		0 50% no-repeat; }
a.print           { background:url(/images/icon_print.gif)      		0 50% no-repeat; }
a.lock            { background:url(/images/icon_lock.gif)       		0 50% no-repeat; }
a.help            { background:url(/images/icon_help.gif)       		0 50% no-repeat; }
a.login           { background:url(/images/icon_login.gif)      		0 50% no-repeat; }
a.logout          { background:url(/images/icon_logout.gif)     		0 50% no-repeat; }
a.chat            { background:url(/images/icon_chat.gif)       		0 50% no-repeat; }
a.cart            { background:url(/images/icon_shopping_cart.gif)  0 50% no-repeat; }

/* tooltips
-------------------------------------*/
a.tooltip-link {
	font-style:normal;
	text-decoration:none;
	border-bottom:dashed 1px #00f;
}
a.tooltip-link:hover {
	border-bottom:none;
}
.tooltip {
	width:300px;
	text-align:left;
	border:1px solid #ddd;
}
.tooltip .title {
	padding:3px;
	background:#ccc;
	font-size:12px;
	font-weight:bold;
	color:#000;
}
.tooltip .content {
	padding:5px;
	background-color:#eee;
	font-size:11px;
}

/* secure server notice
-------------------------------------*/
div.secure-server-technology {
	margin:0;
	padding:0;
	padding-left:25px;
	background:url(/images/icon_lock.gif) 0 5px no-repeat;
}