* {
	font-family: arial, helvetica, sans;

}

h1 {
	color: #20609A;
	font-size: 30px;
	padding-bottom: 10px;
	padding-top: 20px;
	font-weight: normal;
}

.inventory h1 { float: left; padding-bottom: 5px; margin-bottom: 0;}
.inventory h1.carthead { float: none; }

.inventory .title-wrap { border-bottom: 2px solid #C0C0C0; } 
.inventory .title-wrap .button-wrap { float: right; display: block; margin-top: 45px; }
.inventory .title-wrap .button-wrap a { background: #dddddd; }
.inventory .title-wrap .button-wrap a:hover { background: #FFAC02; }

.productPopup .filter_container .filter.cf { display:none!important;}


h2 {
	color: #00498C;
	font-size: 16px;
}

a {
	color: #00498C;
}

ul li {
	
}

ul li a {
	font-size: 12px;
}


/* Selectors */

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

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



#resultsTable_info {
	display: none;
}

/* Grid table */

table {
}

th {
	color: white;
	padding: 5px;
	text-align: center;
	cursor: pointer;
	font-weight: normal; 
}

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


thead {
	width: 924px;
}

td {
	color: black;
	padding: 2px;
	border: 1px solid #888;
	text-align: center;	
	font-size: 11px;
}

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

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

.inventory p { font-size: 12px; }

.inventory .color { color: #333333;}
.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%; }

#header .searchBox { margin-left: 50px; position: static; float: left; }
#header .subscribeBox { margin-left: 10px;  position: static; float: left;}

/* 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_wrap .third { border-left: 2px solid #05345E; }
.filter_wrap .category { border: none; }
.filter, .warehouse-wrap {width: 82%;}

#warehouse_new ul li { list-style: none; float: left; }
#warehouse_new li input { opacity: 0; float: left; position: absolute; left: 0; top: 0;height: 100%; width: 100%; z-index: 9999; cursor: pointer; }
#warehouse_new li { padding: 10px 10px 0 0; cursor: pointer; }
#warehouse_new li div { background: #ddd; display: block; padding: 5px 20px; cursor: pointer; position: relative; }
#warehouse_new li div:hover { background: #004B8D;  }
#warehouse_new li div.active { background: #FFA300; opacity: 1; }
#warehouse_new li div b { display: none; position: absolute; left: 5px; top: 0; height: 100%; background: url(/images/bg-sprites.png) no-repeat -204px center; width: 11px;  }
#warehouse_new li div.active b { display: block; }
#warehouse_new li div.active label, #warehouse_new li div:hover label { color: #fff; }
#warehouse_new li div label { padding-left: 5px; font-size: 9px;  cursor: pointer; color: #004B8D; line-height: 150%; }


.cart_item .quantity input.quant-submit { cursor: pointer; background: url(/images/bg-sprites.png) no-repeat -200px center #004B8D; width: 20px; height: 24px; padding: 5px; overflow: hidden; text-indent: -9999px; white-space: nowrap; border: none; position: relative; top: -1px;}
.cart_item .quantity input.quant-submit:hover { background-color: #FFC425; }



.filter { background: #004B8D; border-right: 2px solid #ccc; padding: 10px 20px; margin-right: -2px; float: left; position: relative; }
.filter label, .sub2 .filter label { color: #fff!important; font-weight: bold; margin-bottom: 5px;  }

.add { width: 18%; float: left; padding: 10px 10px 0 10px; margin-top: 58px; }

.filter .close { position: absolute; right: 10px; top: 10px;  }
.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; }

.inventory .filter select { padding-left: 10px; height: 100%; font-style: italic; color: #063156; background: transparent; -webkit-appearance: none; border: none; width: 120%; line-height: 100%!important; font-size: 11px!important; }
.inventory .filter select option { font-style: normal; }

.inventory .filter select, .inventory .filter option { outline: none; }

.inventory .filter .select-wrap  { height: 35px; overflow: hidden; position: relative; background: url(/images/bg-arrow.png) right center no-repeat #fff;}


.cart { float: left; margin-top: 40px; margin-left: 20px; position: relative; z-index: 10000; }
.cart a { display: block; padding-right: 35px; position: relative; font-weight: bold; color: #014B8D; text-decoration: none; font-style: italic; font-size: 12px;  }
.cart i { top: -5px; background: url(/images/bg-sprites.png) -127px top; display: block; width: 28px; height: 24px; position: absolute; right: 0; }
.cart b { font-size: 9px; font-weight: normal; position: absolute; bottom: 0; right: -5px;  background: #0D4B8C; color: #fff; display: block; text-align: center; border-radius: 100%; width: 12px; height: 12px; }

.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; padding: 7px 6px; font-size: 12px; border-right: 1px solid #fff;  }
.specials .results table thead th { font-size: 12px; }

.results table td { padding: 6px 5px; border: none; border-right: 1px solid #fff; border-left: 0; border-top: 1px solid #fff; font-size: 11px; }
.specials .results table td { font-size: 10px; }

.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; }

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

.product, .description { display: none; }

.inventory select { background: #DDDDDD; border: 2px solid #0C3559;  padding-top: 5px; -webkit-appearance: none;line-height: 200%;}
.inventory option.active { background: #fff; }
.inventory option { background: none; padding: 3px 10px;  }

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

#results { min-height: 800px; }

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; }

.cart_frm li { list-style: none; }


a.add_to_cart { display: block; white-space: nowrap; text-decoration: none; font-style: italic;  }
a.add_to_cart i { display: inline-block; padding: 2px 5px 0px; margin-right: 2px;  color: #004B8D;    font-size: 16px; font-weight: bold; }

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, .sub2 .cart h1.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 input[type=text], .cart_frm textarea { padding: 5px 10px;}

#datatable_info, div.no_products { float: left; padding-bottom: 20px; color: #004B8D; font-style: italic; font-size: 13px; }
div.no_products { padding-top: 50px; }

.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%; padding: 10px 20px;}
.third.category { padding-left: 0;}
.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; }

a.btn, input.btn { cursor: pointer; border: none; padding: 7px 20px; background: #FFAC02; color: #004B8D; font-weight: bold; font-size: 11px; text-decoration: none; text-transform: uppercase; display: block; }
a.btn:hover { font-size: auto!important;}
a.btn.blue { background: #004B8D; color: #fff; font-style: normal; margin-top: 10px; }

.lft { float: left; margin-left: 10px; }

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

.special-copy { padding: 10px;}
.special-copy p { color: #333333;} 
a.btn.mob { display: none; }
a.btn.desk { display: block; }
.check_inventory.mob { display: none; }
.check_inventory.desk { display: block; }

.inventory input, .inventory textarea, .inventory select { max-width: none!important; }

@media screen and (max-width: 481px) {
	a.btn.mob { display: block; }
	a.btn.desk { display: none; }
	.check_inventory.mob { display: block; }
	.check_inventory.desk { display: none; }

	/* INVENTORY PAGE CSS */
	.results table th { display: none; }
	.results table td, .results table tr { font-size: 12px; background: #dddddd!important; width: 100%; display: block; border: none; text-align: left; border: none; }
	.results table td { padding: 4px 7px; position: relative; }
	.results table td:first-child { margin-bottom: 10px; padding: 6px 7px; background: #004B8D!important; color: #fff; font-weight: bold; font-size: 14px;  }
	.results table td:nth-child(2):before { content: "Description: "; font-style: italic; }
	.results table td:nth-child(3):before { content: "BRP Part No.: "; font-style: italic; }
	.results table td:nth-child(4):before { content: "Resin: "; font-style: italic; }
	.results table td:nth-child(5):before { content: "Color: "; font-style: italic; }
	.results table td:nth-child(6):before { content: "Stock Length: "; font-style: italic; }
	.results table td:nth-child(7):before { content: "Location: "; font-style: italic; }
	.results table td:nth-child(8):before { content: "Quantity: "; font-style: italic; }
	.results table td:nth-child(9):before { content: "UOM: "; font-style: italic; }
	a.add_to_cart { display: inline-block; padding: 5px 10px; background: #004B8D; color: #fff; margin: 10px 0; }
	a.add_to_cart:hover  { color: #fff; background: #032C4F;  }
	a.add_to_cart i { color: #fff; }
	a.add_to_cart:hover i { background: #FFA300; color: #004B8D;}
	div.cart_wrap { position: absolute; right: 10px; bottom: 0; }

	.filter { float: none; }
	.filter_wrap .search_options .third { display: block; width: 100%; padding: 10px 0; border: none;  }
	.filter_wrap .search_options .product, .filter_wrap .search_options .description { display: none; }
	.filter { width: 100%; }
	.warehouse-wrap { width: 95%; margin: 0 auto; }
	.add { width: auto; margin-top: 0; float: none; }
	#warehouse_new { margin-top: 20px;}	
	#warehouse_new li { width: 33%; padding: 4px 2px 0; }
	#warehouse_new li div { padding: 5px 5px 5px 15px; }
	#warehouse_new li div label { font-size: 8px; }

	.inventory h1 { padding: 10px 15px; }
	.inventory .title-wrap { border-bottom: none; }
	.inventory .title-wrap .button-wrap { margin-top: 10px; }

	.results #datatable_filter label{ height: auto; width: 90%; margin: 0 auto; }
	.results #datatable_filter input { width: 100%; margin: 5px auto 10px; max-width: 100%; display:block; }

	.inventory .title-wrap .button-wrap { float: none; margin-bottom: 10px; }
	.inventory .title-wrap .button-wrap a { float: left; font-size: 10px; padding: 7px 10px;}

	.special-copy, .desc_wrap { padding: 10px;}
	#datatable_info { padding-left: 10px; }
	#datatable_paginate { padding-right: 10px; }

	/* CART PAGE CSS */
	.cart .third, .cart .two-third { float: none; width: 100%; margin: 0; }
	.cart_frm .half, .cart_frm .third  { float: none; width: 100%; }
	#subContentFlex { width: auto; }
	.fltrt, a.fltrt { float: none; }
	.cart { float: none; margin-left: 0; margin-top: 10px; }

}