

#frame-one { width: 100%!important; min-height: 1700px!important; overflow: scroll;}
#frame-cart { width: 100%!important; min-height: 750px!important; overflow: scroll;}
#frame-specials { width: 100%!important; min-height: 900px!important; overflow: scroll;}


/* Selectors */

#loading {
	font-weight: bold;
	padding-top: 30px;
}

.selector {
	width: 250px;
	margin-left: 20px;
	float: left;
}



#resultsTable_info {
	display: none;
}

/* Grid table */

table {
}

th {
	background-color: #0D4B8C !important;
	color: white;
	padding: 5px;
	border: 1px solid silver !important;
	text-align: center;
	font-size: 11px !important;
	cursor: pointer;
}

th.sorting_asc, th.sorting_desc {
	text-decoration: underline;
}


thead {
	width: 924px;
}



tr.even td {
	background-color: #C7C6C6;
}

tr.odd td {
	background-color: #EAEAEA;
}

.color {
	margin-top: 5px;
	float: left;
	width: 65px;
	margin-bottom: 5px;
	padding-left: 20px;
	
}

.color div {
	width: 12px;
	height: 12px;
	border: 1px solid #333;
	margin-right: 5px;
	float: left;
}









table.inventory {
	width: 100%;
}


table.inventory * tr.row-1 td {
	color: white !important;
	padding: 5px;
	text-align: center;


	background-image: linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
background-image: -o-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
background-image: -moz-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
background-image: -webkit-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);
background-image: -ms-linear-gradient(top, rgb(14,58,134) 4%, rgb(10,48,108) 52%);

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.04, rgb(14,58,134)),
	color-stop(0.52, rgb(10,48,108));

);
}

table.inventory * tr td {
	text-align: center;
	color: #333;
}

table.inventory * tr.even td {
	background-color: #f5f3f3;
}

body { font-size: 100%; }



/* new css n' stuff */

.inventory { max-width: 1024px; margin: 0 auto; }
.inventory *  { -moz-box-sizing: border-box; box-sizing: border-box;  }

.filter_wrap { width: 100%; margin-top: 15px;}
.filter { background: #004B8D; width: 82%; border-right: 2px solid #ccc; padding: 20px; margin-right: -2px; float: left;}
.filter label, .sub2 .filter label { color: #fff!important; font-weight: bold; margin-bottom: 5px;  }

.add { width: 18%; float: left; padding: 10px; }

.filter .search_options { width: 90%; float: left; }
.filter .close { width: 10%; float: left; position: relative; }
.filter .close a.btn.close_btn { position: absolute; top: 0; right: 0; margin: 0; padding: 0; width: 15px; height: 15px; text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background: url(images/bg-sprites.png) -25px -5px no-repeat; }
.filter .close a.btn.close_btn:hover { background-position: -40px -5px; }


.results table { margin: 20px 0; border: 1px solid #DDDDDD; border-top: none;  border-bottom: 2px solid #DDDDDD;}
.results table thead th { color: #fff; background: #004B8D; font-weight: bold;}
.results table td { padding: 5px 7px; border: none; border-right: 1px solid #fff; border-left: 0; border-top: 1px solid #fff; font-size: 11px; }
.results table td:last-child { border-right: none; }

.results table tr { background: #F5F5F5; border: none;}
.results table tr:nth-child(2n) { background: #DDDDDD; }
#datatable { width: 100%!important;}
.results #datatable_length { display: none; }

.cart_frm li { list-style: none; }

.results #datatable_filter { padding: 20px 0 5px 0; }
.results #datatable_filter label {font-size: 14px; font-weight: normal; }
.results #datatable_filter input { display: inline-block; margin-left: 20px; max-width: 200px; padding: 5px;}

.product, .description, .location { display: none; }

#loading, #resultsLoading { position: absolute; left: 50%!important; top: 50%!important; display: block;	}


a.sort { font-size: 10px; position: relative; padding-right: 25px; color: #fff; text-decoration: none; display: inline-block; }
a.sort b.remove { top: 0; display: block; position: absolute; right: 10px; width: 10px; height: 10px; background: url(images/bg-sprites.png) no-repeat left -5px;  margin-top: 1px;}
a.sort:hover b.remove { background-position: -13px -5px;  }


div.cart_wrap { position: relative; }
div.cart_order { background: #002444; color: #fff; padding: 20px; position: absolute; bottom: 100%; left: -200px; margin-bottom: 19px; width: 280px; display: block; z-index: 10001;  }
div.cart_order p { font-size: 1em; text-align: left; }
div.cart_order h4, div.cart_order label { color: #fff; text-align: left;}
div.cart_order b.carrot { z-index: 999; width: 38px; height: 19px; display: block; position: absolute; bottom: -19px; right: 15%; background: url(images/bg-sprites.png) no-repeat -87px -3px }
div.cart_order a.close_btn { margin: 15px 15px 0 0; display: block; width: 15px; height: 15px; position: absolute; top: 0; right: 0; background: url(images/bg-sprites.png) no-repeat -56px -5px }
div.cart_order a.close_btn:hover { background: url(images/bg-sprites.png) no-repeat -71px -5px }
div.cart_order input[type=text] { width: 58%; margin-right: 4%; float: left; font-style: italic; font-size: 1em; background: #fff; border: none;  padding: 7px; }
div.cart_order input[type=submit] { width: 38%; float: left; font-style: italic; font-size: 1em; cursor: pointer; display: block; padding: 6px 25px; background: #FFC213; border: none; color: #002444;}
div.cart_order input[type=submit]:hover { background: #fff; }
a.check_inventory { margin-top: 10px; text-decoration: none; font-style: italic; color: #fff; display: block; background: #024B8D; padding: 7px 25px; }
a.check_inventory:hover { color: #002444; background: #fff; }

div.fade { background: #fff; opacity: .65; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10000; }

a.add_to_cart { display: block; }
a.add_to_cart i { display: inline-block; padding: 2px 5px 0px; margin-right: 2px;  }

a.add_to_cart:hover { color: #000; }
a.add_to_cart:hover i { color: #fff; display: inline-block;background: #0D4B8C;}

.form-inputs li { padding: 5px; }

.sub2 .cart, .sub2 .cart p { color: #333333;}
.sub2 .cart h2 { font-weight: bold; color: #00478C!important; font-size: 20px!important;}

.cart_item { background: #F5F5F5; padding: 10px; position: relative; margin-top: 10px; }
.cart_item a.close { background: url(images/bg-sprites.png) no-repeat -71px -5px; width: 15px; height: 15px; display: block; position: absolute; right: 10px; top: 10px; margin: 0; padding: 0; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.cart_item p { line-height: 100%; margin: 0; padding: 0 0 7px 0; font-size: 12px;}
.cart_item p span.quantity { font-size: 20px; color: #00478C; font-weight: bold; display: inline-block;}
.cart_item a.quant { font-weight: normal; font-size: 11px; position: absolute; right: 10px; bottom: 10px; margin: 0; padding: 0;}

.cart_item .new_quant { display: inline-block; max-width: 125px; }
.cart_item input[type=submit] { width: 40px; height: 20px; display: inline-block; }
.cart_item input[type=text] { background: #fff; font-size: .75em; width: 80px; margin: 0;}

.cart_frm { padding-bottom: 30px; }
.cart_frm input[type=text], .cart_frm textarea { padding: 5px 10px;}

#datatable_info { float: left; padding-bottom: 20px;}
.dataTables_paginate { float: right; padding-bottom: 20px; }
.dataTables_paginate a { margin-left: 10px; }
/* ===== helpers ===== */

.col { float: left;}
.pad { padding: 20px; }
.quart { width: 25%; padding: 5px; }

.third { width: 33.3333%; }
.two-third { width: 66.6666%; }
.half { width: 50%; }

.cf:before, .cf:after, .inner:before, .inner:after, .dataTables_wrapper:before, .dataTables_wrapper:after { content:""; display:table; }	
.cf:after, .inner:after, .dataTables_wrapper:after { clear:both; } 
.cf, .inner, .dataTables_wrapper { *zoom:1; }




.fltlft, a.fltlft { float: left; }
.fltrt, a.fltrt { float: right; }

.int { padding: 10px; }


input.btn { max-width: 200px; }

.title-wrap {   border-bottom: 2px solid #c0c0c0; position: relative; z-index: 1;}
.title-wrap h1 { color: #20609a; font-size: 30px; font-weight: normal; padding-bottom: 10px; padding-top: 20px; margin-top: 20px;}

.special-copy { max-width: 66%; padding: 10px 0; position: relative; z-index: 1; }
.special-copy br { margin: 0; padding: 0; line-height: 0; height: 0;}
.special-copy p { color: #58595b; padding: 5px 0; }

.specials-footer { padding: 10px 0;  color: #58595b; }
.specials-footer p {font-size: 12px; font-style: italic; margin: 0; padding: 0;  color: #58595b; }

.specials.sub2 { margin-top: -300px;  position: relative; z-index: 0; }
