/*
TABLE OF CONTENTS
:: STRUCTURE
:: HEADER
:: CONTENT
:: FOOTER
:: TYPOGRAPHY
:: CLASSES
:: ADMIN
:: PRODUCTS
:: CART
:: HOME
:: PRINT
*/



/* STRUCTURE //////////////////////////////////////////*/
:focus {-moz-outline-style: none;}

html, body {
	margin:0;
	padding:0;
	height:100.1%;
	text-align:center;
	background-color:#464646;
	background-image:url("/img/bg.jpg");
	background-position:top left;
	background-repeat:repeat-x;
	min-width:1000px;
}

@media only screen and (max-width: 1018px) {
	html, body {
		min-width:100%;
		background-image:none;
	}
}

#tableContainer {
	padding:0;
	margin:0;
	border:0;
	width:100%;
	border:0px solid blue;
}

@media only screen and (max-width: 1018px) {
	#tableContainer {
		min-height:1600px;
	}
}

div#container {
	position:relative;
	width:962px;
	top:-2px;
	margin:0 auto 0 auto;
	text-align:left;
}

@media only screen and (max-width: 1018px) {
	div#container,
	table {
		width:100%!important;
	}
}

textarea[name=CartComments] {
	width:94%;
	padding:1%;
}



/* HEADER //////////////////////////////////////////*/
div#testBanner {
	background-color:black;
	color:orange;
	font-weight:bold;
	font-size:1.2em;
	padding:4px;
}

div#branding {
	position:relative;
	height:127px;
	background-image:url("/img/bg.jpg");
	background-position:200px 0px;
	background-repeat:no-repeat;
	border:0px solid #000;
}

@media only screen and (max-width: 1018px) {
	div#branding {
		background-image:none;
		background-image: -ms-linear-gradient(top, #FFFFFF 0%, #d7e8f8 100%);
		background-image: -moz-linear-gradient(top, #FFFFFF 0%, #d7e8f8 100%);
		background-image: -o-linear-gradient(top, #FFFFFF 0%, #d7e8f8 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(100, #d7e8f8));
		background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #d7e8f8 100%);
		background-image: linear-gradient(to bottom, #FFFFFF 0%, #d7e8f8 100%);
		background-position:top left;
	}
}

#branding #logo a:first-of-type img {
	position:absolute;
	top:0px;
	left:-4px;
}

#branding #logo a:last-of-type {
	display:none;
}

@media only screen and (max-width: 1018px) {
	#branding #logo {
		float:left;
		width:60%;
		text-align:center;
		padding:15px 0 0 0;
	}

	#branding #logo a:first-of-type {
		display:none;
	}

	#branding #logo a:last-of-type {
		display:block;
		position:relative;
		width:100%;		
	}
}

div#branding div:nth-child(3) {
	position:absolute;
	top:0px;
	right:16px;
	text-align:right;
}

div#branding div p {margin:0;padding:0;}

div#branding div p a {
	font-weight:bold;
	text-decoration:none;
	color:#f89925;
}

div#branding div p#phone {
	font-weight:bold;
	font-size:18px;
	color:#f89925;
}

div#branding div p#phone span {
	font-weight:bold;
	font-size:14px;
	color:#8ab423;
}

p#breadcrumb {
	position:absolute;
	top:191px;
	right:24px;
	color:#fff;
	font-size:11px;
	border:0px solid white;
}

p#breadcrumb a {color:#fff;text-decoration:none;}

p#breadcrumb a:visited {}

p#breadcrumb a:hover {color:#ebebeb;text-decoration:underline;}

#google_translate_element {
	position:absolute; right:10px; top:135px; z-index:100;
}

@media only screen and (max-width: 1018px) {
	div#google_translate_element {
		display:none;
	}
}

#socials {
	position: absolute; right: 33px; top: 31px;
}

@media only screen and (max-width: 1018px) {
	#socials {
		display:none;
	}
}

#autoship {
	position: absolute; right: 63px; top: 43px;
}

@media only screen and (max-width: 1018px) {
	div#autoship {
		display:none;
	}
}

#autoship table {
	-moz-border-radius: 15px;
	border-radius: 5px;
	background-color:#FFF;
	opacity:0.7;
	filter:alpha(opacity=70);
}

#ticker {
	color: white;
	font-size: 14px;
	font-weight: bold;
	margin:0 0 5px 0;
	padding:0px;
	text-align:center;
}

@media only screen and (max-width: 1018px) {
	#ticker {
		display:none;
	}
}



/* CONTENT //////////////////////////////////////////*/
#content_container {
	position:relative;
	background:#fff;
	background-image:url("/img/curve-top.gif");
	background-position:top left;
	background-repeat:no-repeat;
	border:0px solid blue;
}

@media only screen and (max-width: 1018px) {
	#content_container {
		background-image:none;
	}
}

table#content {
	min-height:900px;
	position:relative;
	background:#fff;
	background-image:url("/img/curve-top.gif");
	background-position:top left;
	background-repeat:no-repeat;
	border:0px solid blue;
	margin:0;
	padding:0;
	margin-bottom:-3px;
}

@media only screen and (max-width: 1018px) {
	table#content {
		background-image:none;
		padding:10px 0 20px;
		width:100%;
	}
}

td#content_main {
	padding:15px 15px 0px 15px;
	width:931px;
	border:0px solid #000;
	vertical-align:top;
}

td#content_main.less-padding {
	padding:15px 5px 0px 5px;
}

@media only screen and (max-width: 1018px) {
	td#content_main, td#content_main > td {
		width:100%;
		padding:0;
	}

	td#content_main > td {
		padding:15px 15px 0px 15px;
	}
}

td#content_sub {
	padding:10px 10px 10px 10px;
	width:360px;
	border:0px solid #000;
	background-color:#e8e6e4;
	background-image:url("/img/curve-top-2.gif");
	background-position:top right;
	background-repeat:no-repeat;
	vertical-align:top;
}

#content_sub .title div {
	background-position:top left;
	background-repeat:no-repeat;
}
#content_sub .title h1, .title span, .title h3 {
	background-position:top right;
	background-repeat:no-repeat;
}

#sidebar {
	width:300px;
	vertical-align:top;
}

@media only screen and (max-width: 1018px) {
	#sidebar {
		display:none;
	}
}

div#curve_bottom {margin-left:auto;margin-right:auto;}
#curve_bottom img {margin-left:0px;}
img.curve_bottom_site_info {margin-bottom:-4px;}

@media only screen and (max-width: 1018px) {
	img.curve_bottom_site_info {
		display:none;
	}
}



/* FOOTER //////////////////////////////////////////*/
div#site_info {
	margin-top:5px;
	position:relative;
	background:#fff;
	background-image:url("/img/curve-top.gif");
	background-position:top left;
	background-repeat:no-repeat;
	border:0px solid blue;
}

@media only screen and (max-width: 1018px) {
	div#site_info {
		background-image:none;
		padding-top:25px;
		border-top:5px solid #5f4f4b;
	}

	div#site_info table {
		width:100%!important;
	}

	div#site_info table td {
		width:100%!important;
		padding:0 20px 25px;
	}
}

#site_info h5 {color:#6b6b6b;font-size:14px;margin-bottom:8px;}
div#newsletter h5 {margin:0;}
div#newsletter p {margin-bottom:4px;font-size:11px;}
div#newsletter {
	float:left;
	width:150px;
	padding:26px 20px 0px 22px;
	border:0px solid black;
}
#newsletter form {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	border-bottom:1px solid #ebeae8;
}
#newsletter form input {width:135px;color:#9e9e9e;height:13px;font-size:11px;}
#newsletter form input#btn_signup {width:44px;height:19px;border:0;margin:5px 0px 5px 85px;}

div#map_footer {
	float:right;
	width:400px;
	border-left:1px solid #ebeae8;
	margin:20px 10px 4px 0px;
	padding:0px 0px 9px 30px;
}
#map_footer span {color:#6b6b6b;font-size:12px;font-weight:bold;margin-left:62px;}
#map_footer form {float:left;padding-top:40px;}
#map_footer form select {width:145px;margin-bottom:3px;}
#map_footer form select#select_country {margin-top:3px;}
#map_footer img {float:right;}

ul.nav_site_info {
	padding:6px 0px 15px 0px;
	margin:20px 0px 4px 0px;
	list-style:none;
	list-style-image:none;
	float:left;
	border-left:1px solid #ebeae8;
}
ul.nav_site_info li {
	padding:0px 25px 11px 25px;
}
ul.nav_site_info li.toplevel a {
	text-decoration:none;
	color:#6b6b6b;
	font-size:142px;
	font-weight:bold;
}
ul.nav_site_info li a {
	text-decoration:none;
	color:#000;
	font-size:12px;
}



/* TYPOGRAPHY //////////////////////////////////////////*/
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color:#000;
}

.alert {font-size:14px;color:#C60000;font-weight:bold;}

h1, h2, h3, h4, h5 {
	font-family: Arial, Helvetica, sans-serif;
	color:#a0410d;
	margin:0px;
	margin-bottom:4px;
}

p, ul, ol {font-size:15px;}

h1 {font-size:20px;}

@media only screen and (max-width: 1018px) {
	h1 {font-size:30px;}
}


h2 {font-size:18px;}


h3 {font-size:14px;}

h4 {font-size:12px;}

p {
	margin:0px;
	margin-bottom:10px;
}

a {
	color:#2584f8;
	text-decoration:none;
}

a:visited {}

a:hover {text-decoration:none;color:#000;}

ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:url("/img/dot.png");
}

ol {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:30px;
	text-indent:0px;
	text-decoration:none;
}



/* CLASSES //////////////////////////////////////////*/
img {border:0;max-width:100%;}
.30px_bottom_margin {margin-top:30px;}
.center {text-align:center;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.small {font-size:1.1em;}
.no_spacing {margin:0px; padding:0;}
.light, .tableLight {background-color:#ececec;}
.dark, .tableDark {background-color:#d6d6d6;}
.adminBar {background-color:#2d4122;}
.highlight, .tableHighlight {background-color:#5f4f4b;}
.white {color:#FFFFFF;}
.black {color:#000000;}
.hidden {display:none;}
.icon {vertical-align:middle;}
a.no_link, a.no_link:visited, a.no_link:hover {color:#000;text-decoration:none;}

.mobile-only {
	display:none;
}

@media only screen and (max-width: 1018px) {
	.hide-mobile {
		display:none;
	}

	.mobile-only {
		display:block;
	}
}

.clear {
	clear:both;
	height:0px;
	border:0px solid #000;
}

.photo {
	float:left;
	margin:0 11 11 0px;
	padding:3px;
	background:#fff;
	border:1px solid #acc0a5;
}

.button {
	color:#753A00;
}

.group:after {
  content: "";
  display: table;
  clear: both;
}

.title {
	background:#fff;
	background-image:url("/img/orange-bar.png");
	background-position:top;
	height:39px;
	margin-bottom:10px;
	border:0px solid black;
}
.title h1 {
	padding:10px 5px 0px 11px;
	margin:0;
	height:39px;
	background:transparent;
	border:0px solid black;
}
.title span {
	padding:10px 5px 0px 11px;
	margin:0;
	height:39px;
	background:transparent;
	border:0px solid black;
	color:#753A00 !important;
}
.title div {
	background-position:top left;
	background-repeat:no-repeat;
}
.title h1, .title span, .title h3 {
	background-position:top right;
	background-repeat:no-repeat;
}

ul.striped, ol.striped {
	margin:0;
	padding:0;
	padding-bottom:10px;
	padding-left:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
}
ul.striped li, ol.striped li {}
ul.striped li a, ol.striped li a {
	display:block;
	font-weight:bold;
	font-size:14px;
	margin:0;
	padding:0;
	padding-top:6px;
	padding-right:10px;
	padding-bottom:6px;
	padding-left:10px;
	text-decoration:none;
	border:0px solid black;
}
ul.striped li a.indent, ol.striped li a.indent {padding-left:30px;}
ul.striped li a:visited, ol.striped li a:visited {}
ul.striped li a:hover, ol.striped li a:hover, ul.striped li a:hover span.no_link, ol.striped li a:hover span.no_link {
	background-color:#0080ff;
	color:#fff;
}

ul#nav_sub_list {
	margin:0;
	padding:0px;
	text-indent:0px;
	text-decoration:none;
	list-style:none;
	list-style-image:none;
	border:0px solid black;
}
#nav_sub_list li {
	background-image:url("/img/bg-rule-dotted.gif");
	background-repeat:repeat-x;
	background-position:bottom left;
	padding-bottom:2px;
}
#nav_sub_list li a {
	display:block;
	color:#737373;
	font-weight:bold;
	font-size:11px;
	margin:0;
	margin-top:1px;
	padding:0;
	padding-top:5px;
	padding-right:10px;
	padding-bottom:5px;
	padding-left:10px;
	text-decoration:none;
	background-image:url("/img/icon-arrow.png");
	background-repeat:no-repeat;
	background-position:135px 9px;
	border:0px solid black;
}
#nav_sub_list li a:visited {}
#nav_sub_list li a:hover {background-color:#ebebeb;color:#000;}
#nav_sub_list li#first_sub_nav a {
	padding-top:6px;
}



/* PRODUCTS //////////////////////////////////////////*/
.products-table td {
	vertical-align:top;
}

.products-table .product-image {
	width:150px;
	text-align:center;
}

@media only screen and (max-width: 1018px) {
	.products-table .product-image {
		width:33%;
	}

	.products-table .product-description {
		width:67%;
	}
}

table.table_products {
	width:550px;
	margin-bottom:10px;
	margin-left:10px;
}
table#short {width:310px;}
.table_products tr td.border {
	border-right:1px solid #545454;
}
.table_products tr.first td {
	border-top:0px;
}
.table_products td {
	padding:10px 10px 10px 0px;
	border-top:1px solid #545454;
}
.table_products img.photo_item {
	float:left;
	margin:0px 0px 0px 0px;
}
.table_products h2 {
	margin-top:10px;
	margin-bottom:0px;
}
.table_products h2 a {
	text-decoration:none;
}
.table_products p {
	margin-bottom:6px;
}
p.price {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-bottom:0px;
}
p.savings, img.btn_cart {
	text-align:center;
	margin-bottom:6px;
}

dl {
	width: 620px;
	margin: 0;
	padding: 0;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background: #ccc;
}

@media only screen and (max-width: 1018px) {
	dl {
		width: 100%;
	}
}

dt {
	margin: 0 0 0 0;
	padding: 10px;
	font-size: 130%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #999;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	border: 0px solid #000000;
	}

dd {
	margin: 0 0 0 0;
	padding: 0;
	}

#blue dt {
	background-color: #5f4f4b;
	}

#blue {
	background-color: e4e4e4;
	}



/* CART ///////////////////////////////////////////*/
#auto-ship {
	position:relative;
	background-color:#674832;
	height:144px;
	padding:10px 10px 10px 10px;
	margin:0px;
	text-align:center;
}

@media only screen and (max-width: 1018px) {
	#auto-ship {
		height:auto;
	}

	#auto-ship img:first-of-type {
		display:none;
	}
}

#free-shipping {
	position:relative;
	background-color:#5F4F4B;
	height:170px;
	padding:10px 10px 10px 10px;
	margin:0px;
}

@media only screen and (max-width: 1018px) {
	#free-shipping {
		height:auto;
	}
}

#promos {
	float:left;
	padding:0 0 20px 0;
}

#update-cart {
	float:right;
	padding:0 0 20px 0;
}

#update-cart .submit {
	float:right;
}

@media only screen and (max-width: 600px) {
	#promos,
	#update-cart {
		float:none;
		width:100%;
		text-align:center;
		margin:0 auto;
	}

	#update-cart .submit {
		float:none;
	}
}



/* ADMIN //////////////////////////////////////////*/
#menu {display:block; top:50px; left:170px; width:230px;  border:1px solid #888; padding:10px; text-align:center; font-weight:bold; color:#fff;background:#FFF;}

* html #menu {position:absolute;}

#menu a:visited, #menu a {font-size:12px;}

#menu a:hover {background:#aaa; color:#fff;}

table.admin_nav_table {
	width:100%;
	background-color:#e4e4e4;
	border:3px solid #AAAA66;
	margin:0;
	margin-top: 0px;
	padding:0;
	margin-top:10px;
	padding-bottom:5px;
	padding-top:0px;
	text-align:left;
}



table.admin_nav_table tr td {padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;}

td.admin-nav {
	min-width:200px;
}

@media only screen and (max-width: 1018px) {
	td.desktop-admin-nav {
		display:none;
	}
}

td.admin-nav td.admin-nav-col {
	padding:0px 0px 5px 0px;
}

.submit {
	background-color:#1B810C;
	color:#FFF;
	text-transform:uppercase;
	padding:5px;
	border:0px;
	font-weight:bold;
	font-size:12px;
}

@media only screen and (max-width: 1018px) {
	.submit {
		padding:10px 20px;
		font-size:18px;
	}
}

.submitsm {
	background-color:#1B810C;
	color:#FFF;
	text-transform:uppercase;
	padding:4px;
	border:0px;
	font-weight:bold;
	font-size:10px;
}

.submitLg {
	background-color:#1B810C;
	color:#FFF;
	text-transform:uppercase;
	padding:5px;
	border:1px solid white;
	font-weight:bold;
	font-size:15px;
}

@media only screen and (max-width: 1018px) {
	.submitsm {
		padding:8px 15px;
		font-size:14px;
	}
}

.header2 {
	color:#a0410d;
	font-size:18px;
	margin-bottom:4px;
	font-weight:bold;
	display:block;
}

.header3 {
	color:#a0410d;
	font-size:14px;
	margin-bottom:4px;
	font-weight:bold;
	display:block;
}

p.highlight {
	font-weight:bold;
	color:white;
}

p.highlight, p.light, p.dark {
	margin:0px;
	padding:3px;
	font-size:12px;
}

#updateFlData {
	display:hidden;
	position:absolute;
	left:-900px;
}



/* HOME //////////////////////////////////////////*/
.home-featured-products {
	transition:all ease 0.3s;
}

@media only screen and (max-width: 600px) {
	.home-featured-products tr {
		display:table;
		width:100%;
	}

	.home-featured-products td {
		display:table-row;
		width:100%;
		text-align:center;
	}

	.home-featured-products td > a {
		display:table-cell;
		width:100%;
		padding:20px;
	}

	.home-featured-products td > div {
		float:none!important;
		width:84%!important;
		height:auto!important;
		padding:8%;
	}
}



/* PRINT //////////////////////////////////////////*/
@media print {
	.noPrint{
		display:none;
	}

	.printAdjust, #blue {width:100%;border:0px solid blue;}
}

