/* MOVED IN FROM LAYOUT */
/* --------- */
/* CSS reset */
/* --------- */
html {
    background-color: #FFF;
}

INPUT, TEXTAREA, SELECT{
  color: #000;
}

a:link,a:active,a:visited {
 color : #000000;
}

a:hover {
 color : #000000;
}

blockquote, body, div, form, pre, p, li, td {
/* color: #000000; */
}

h1, h2, h3 {
    color: #000000;
}
/* ------------- */
/* End CSS reset */
/* ------------- */

#header {
    border-bottom:0px solid #000;
    background-color: #fff;
}

/* Below styles used on maintenance.php, but not on main page */
#colmask {
    background-color: #fff;     /* Left column background colour */
}
#colmid {
    background-color:#fff;      /* Centre column background colour  */
}
#colright {
    background-color: #fff;     /* Right column background colour  0a4664  */
}
/* end maintenance styles */


/* Potentially unused rule */
#nav a {
 color: #00f;
}
/* END FROM LAYOUT */

/* % off special text */
/* Probably unused, but keep? */
span.discount {
  color: #f00;
  font-size: 12px;
}

span.ngrouping {
  color: #666666;
}
/* END NEWS */

/* Used for the table header on consumables search */
a.listhead{
    color:#ffffff;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration: none;
}
a.listhead:hover {
    text-decoration: underline;
}

/* Products displayed as a list in large numbers (category or search) */
table.prods {
    width: 770px;
    min-width: 770px;
    max-width: 770px;
    border-spacing:0px;
    border-style: none;
    border-color: black;
    text-align:left;    
}


table.prods tr.ph td {
    font-weight: bold;
    text-transform:uppercase;
    background: #1276a8;
    height: 26px;
    color: #fff;
    vertical-align: middle;
}

table.prods td {
    padding: 2px;
    font-family:arial;
    font-size:12px;
    line-height: 18px;
}

table.prods tr.p0 td {
    background-color: #fff;
}

table.prods tr.p1 td {
    background-color: #d8e7ee;
}

table.prods tr.p1 td.faq, table.prods tr.p0 td.faq {
  padding: 10px;
  font-size:14px;
}

table.prods tr.basitem_warning td {
	background-color: #FFD9D9;
}

/* List of data */
table.data {
    border-spacing:0px;
    border-style: none;
    border-color: black;
    text-align:left;    
}


table.data tr.ph td {
    font-weight: bold;
    text-transform:uppercase;
    background: #1276a8;
    height: 26px;
    color: #fff;
    vertical-align: middle;
}

table.data td {
    padding: 5px;
    font-family:arial;
    font-size:12px;
    vertical-align: middle;
}

table.data tr.p0 td {
    background-color: #fff;
}

table.data tr.p1 td {
    background-color: #d8e7ee;
}

table.data tr.p1 td.faq, table.prods tr.p0 td.faq {
  padding: 10px;
  font-size:14px;
}

/* workaround for long product names */
.list_overflow {
	max-width: 465px;
	overflow: hidden;
}

/* end List of data */

a.noul{
    text-decoration: none;
}
a.noul:hover{
    text-decoration: underline;
}

/*LISTVIEW PRODUCTS END*/

/* ------------------ */
/* Expanded List View */
/* ------------------ */
.explist_options_table {
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
}

.explist_sort_header {
	color: #6d6f71;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 0;
}

.explist_cell {
    border: 1px solid #d6d6d6;
    vertical-align:middle;
}

.explist_cell a {
    text-decoration: none;
}

.explist_option {
    padding: 8px;
    color: #6d6f71;
    font-size: 11px;
}

.explist_option:hover {
    background: #d6d6d6;
}

.explist_option_pt {
    padding: 5px 5px 5px 5px;
    color: #6d6f71;
    font-size: 11px;
}

.explist_pt {
    vertical-align:middle;
    color: #6d6f71;
}

.explist_pt a {
    text-decoration: none;
    color: #6d6f71;
}

.explist_pt_active {
    color: #EE3924;
    font-weight: bold;
}

.explist_container {
    margin: 10px 0;
	list-style-type: none;
    border: 1px solid #bcbdc0;
}

.explist_header {
    background: #1276a8;
    height: 30px;
    color: #fff;
    padding-left: 7px;
    vertical-align: middle;
    border-left: 4px solid #f89b24;
    font-weight: bold;
}

.explist_image {
    padding: 12px;
	padding-right: 5px;
    vertical-align: middle;
	width: 123px;
}

.explist_bimg {
    width: 100px;
}

.explist_img {
    width: 100px;
    height: 100px;
}

.explist_name {
    padding: 12px 10px 5px;
    vertical-align: top;
}

.explist_name a {
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
}

.explist_name a:hover {
    text-decoration: underline;
}

.explist_name_link {
    line-height: 16px;
    display: block;
}

.explist_atts {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;
    height: 30px;
}

.explist_specials {
    padding: 5px 10px 5px 10px;
    vertical-align: middle;  
}

.explist_price {
    padding: 5px;
	padding-top: 12px;
	padding-right: 12px;
    text-align: right;
	width: 155px;
}

.explist_save_price {
    color: #999;
    font-size: 12px;
	margin-bottom: 5px;
}

.explist_dollars {
    font-size: 28px;
    font-weight: bold;
    color: #EE3924;
}

.explist_price_sign {
    font-size:18px;
    line-height:32px;
    vertical-align:top;
}

.explist_price_dollars {
    vertical-align:top;
    font-size:30px;
}

.explist_price_cents {
    font-size:14px;
    line-height:24px;
    vertical-align:top;
}

.explist_price_gst {
    font-size: 10px;
	color: #ee3924;
	font-weight: bold;
}

.explist_stock {
    color: #6C9935; 
    font-weight: bold; 
	font-size: 12px;
	float: right;	
}

.explist_stock.no_stock {
	color: #F00;
}

.explist_stock.on_order {
	color: #f78d1c;
}

.explist_name_part {
    color: #F4740F;
}

.explist_name_extra {
    padding: 12px 10px 12px 10px;
    font-size: 12px;
    color: #838383;
    vertical-align: bottom;
}

.explist_name_extra div {
	display: inline-block;
}

.explist_mfc:before {
	content: "|";
	font-weight: bold;
    padding: 0 7px;
}

.explist_atc {
    padding-bottom: 12px;
	padding-right: 12px;
    vertical-align: bottom;
    text-align: right;
}

.explist_save_rrp {
	color: #6c9935;
	font-weight: bold;
	font-size: 12px;
	margin-top: 10px;
}

.explist_review {
	vertical-align: bottom;
}

.explist_callforprice {
	margin-top: 10px;
	margin-right: 8px;
}
/* ---------------------- */
/* end Expanded List View */
/* ---------------------- */

/* Gallery View */
.gallery_container {
}

.gal_wrapper {
	display: inline-block;
    border: 1px solid #bcbdc0;
	height: 422px;
	width: 249px;
	margin: 5px;
	position: relative;
	list-style-type: none;
}

.narrow_tiles .gal_wrapper {
	width: 235px;
}

.gal_title {
	padding-top: 8px;
    font-weight: bold;
    font-size: 13px;
	overflow: hidden;
	padding: 8px;
	display: block;
}

.gal_footer {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.ellipsis {
	overflow: hidden;
	height: 64px;
	line-height: 16px;
}

.ellipsis:before {
	content:"";
	float: left;
	width: 5px;
	height: 64px;
}

.ellipsis > *:first-child {
	float: right;
	width: 100%;
	margin-left: -5px;
}		

.ellipsis:after {
	content: "\02026";
	font-weight: bold;

	box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;

	float: right;
	position: relative;
	top: -15px;
	left: 100%;
	width: 3em;
	margin-left: -3em;
	padding-right: 5px;

	text-align: right;

	background-size: 100% 100%;
	/* 512x1 image, gradient for IE9. Transparent at 0% -> white at 50% -> white at 100%.*/
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAABCAMAAACfZeZEAAAABGdBTUEAALGPC/xhBQAAAwBQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wDWRdwAAAP90Uk5TgsRjMZXhS30YrvDUP3Emow1YibnM9+ggOZxrBtpRRo94gxItwLOoX/vsHdA2yGgL8+TdKUK8VFufmHSGgAQWJNc9tk+rb5KMCA8aM0iwpWV6dwP9+fXuFerm3yMs0jDOysY8wr5FTldeoWKabgEJ8RATG+IeIdsn2NUqLjQ3OgBDumC3SbRMsVKsValZplydZpZpbJOQco2KdYeEe36BDAL8/vgHBfr2CvTyDu8R7esU6RcZ5ecc4+Af3iLcJSjZ1ivT0S/PMs3LNck4x8U7wz7Bv0G9RLtHuEq1TbJQr1OtVqqnWqRdoqBhnmSbZ5mXapRtcJGOc4t2eYiFfH9AS7qYlgAAARlJREFUKM9jqK9fEGS7VNrDI2+F/nyB1Z4Fa5UKN4TbbeLY7FW0Tatkp3jp7mj7vXzl+4yrDsYoVx+JYz7mXXNSp/a0RN25JMcLPP8umzRcTZW77tNyk63tdprzXdmO+2ZdD9MFe56Y9z3LUG96mcX02n/CW71JH6Qmf8px/cw77ZvVzB+BCj8D5vxhn/vXZh6D4uzf1rN+Cc347j79q/zUL25TPrJMfG/5LvuNZP8rixeZz/mf+vU+Vut+5NL5gPOeb/sd1dZbTs03hBuvmV5JuaRyMfk849nEM7qnEk6IHI8/qn049hB35QGHiv0yZXuMdkXtYC3ebrglcqvYxoj1muvC1nDlrzJYGbpcdHHIMo2FwYv+j3QAAOBSfkZYITwUAAAAAElFTkSuQmCC);

	background: -webkit-gradient(linear, left top, right top,
		from(rgba(255, 255, 255, 0)), to(white), color-stop(50%, white));
	background: -moz-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);			
	background: -o-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: -ms-linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white 50%, white);
}

.gal_img {
    text-align: center;
}

.gal_att {
    text-align: center;
    height: 42px;
}

.gal_name {
    font-weight: bold;
    line-height: 16px;
    font-size: 11px;
    height: 48px;
}

.gal_prices {
	padding: 8px;
}

.gal_left {
	float: left;
}

.gal_right {
	float: right;
}

.gal_special {
    height: 25px;
	width: 83px;
	float: left;
}

.gal_stock_wrapper {
	overflow: hidden;
}

.gal_stock {
    color: #6C9935; 
    font-weight: bold; 
	font-size: 12px;
	white-space: nowrap;
	padding-right: 0;
	float: left;
}

.gal_stock.no_stock {
	color: #F00;
}

.gal_stock.on_order {
	color: #f78d1c;
}

.gal_name_part {
    color: #249ED9;
    font-weight: bold;
    font-size: 10px;
}

.gal_dollars {
    font-size: 28px;
	line-height: 28px;
    font-weight: bold;
    color: #EE3924;
}

.gal_price_cents {
    font-size: 14px;
    line-height: 18px;
    vertical-align: top;
}

.gal_price {
    text-align: right;
	margin-bottom: 5px;
}

.gal_price_gst {
    font-size: 10px;
	color: #ee3924;
	font-weight: bold;
}

.gal_save_price {
    color: #999;
    font-size: 12px;
	margin-bottom: 5px;
	text-align: right;
	padding-bottom: 0;
}

.gal_save_rrp {
	color: #6c9935;
	font-weight: bold;
	font-size: 12px;
	float: right;
	white-space: nowrap;
	padding-left: 0;
}

.gal_buy {
    background: #d8e7ee;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    height: 38px;
	display: table;
	width: 100%;
}

.gal_buy > * {
	display: table-cell;
    vertical-align: middle;
}

.gal_rating {
	text-align: center;
	padding-top: 10px;
	height: 17px;
	vertical-align: middle;
}

.gal_callforprice {
	text-align: right;
	font-weight: bold;
}
/* end Gallery View */

/* Common view */
.rrp_price {
	padding-left: 3px;
	text-decoration: line-through;
}
/* End common */

/* Main Category Selectors */
.cs_table {
    table-layout: fixed;
    text-align: center;
    border-collapse: collapse;
}

.cs_img {
    margin: 0 auto;
    padding: 10px 10px 5px 10px;
}

.cs_cell a {
    text-decoration: none;
    font-weight: bold;
    display:block;
}

.cs_hover {
    background: #d6d6d6;
}

.cs_option {
    color: #6d6f71;
    padding: 5px 10px 10px 10px;
}
/* end Main Category Selectors */


/* end specials */

table.reviews tr.ph td {
  
    background-color: #1276a8;
    font-family:arial;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    position : relative;
}
table.reviews td {
  
  padding: 2px;
    font-family:arial;
    font-size:12px;
    line-height: 18px;
}

table.reviews tr.p0 td {
    background-color: #fff;
}
table.reviews tr.p1 td {
    background-color: #eee;
}
table.reviews tr.p1 td.faq, table.reviews tr.p0 td.faq {
  padding: 10px;
  font-size:14px;
}

/* product display */
/* cart is in the right hand bar and basket.php */
#shopping_cart{
 color: #00f;
}

table.prod_display{
  border: 1px #000 solid;
}

/* for a really small input box */
input.small {
  width: 15px;
}
/* end small input box */

table.userformtable td{
    font-family:arial;
    color:#000000;
        border-bottom: 1px dashed #d9e3e5;
}


table.userformtable input[type='text'], table.userformtable input[type='password'], table.userformtable textarea {
    background-image: url('../imglib/textarea_bg.jpg');
    border:1px solid #d1c7ac;
    width: 600px;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    font-family:arial;
}

table.userformtable2 td{
    font-family:arial;
    color:#000000;
        border-bottom: 1px dashed #d9e3e5;
}


table.userformtable2 input[type='text'], table.userformtable2 input[type='password'], table.userformtable2 textarea {
    background-image: url('../imglib/textarea_bg.jpg');
    border:1px solid #d1c7ac;
    width: 445px;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    font-family:arial;
}

table.userformtablemini td{
    font-family:arial;
    color:#000000;
        border-bottom: 1px dashed #d9e3e5;
}

table.userformtablemini input[type='text'], table.userformtablemini input[type='password'], table.userformtablemini textarea {
    background-image: url('../imglib/textarea_bg.jpg');
    border:1px solid #d1c7ac;
    width: 250px;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    font-family:arial;
}


table.orderformtable{
    width:600px;
}

table.orderformtable td{
    font-family:arial;
    color:#000000;
    }
    
table.orderformtable tr.ph td {
    background-color: #1276a8;
    font-family:arial;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    position : relative;

}

table.checkoutformtable tr.ph td {
    background-color: #1276a8;
    font-family:arial;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    position : relative;

}
    
table.orderformtable input[type='text'], table.orderformtable input[type='email'], table.orderformtable input[type='password'], table.orderformtable textarea {
    background-image: url('../imglib/textarea_bg.jpg');
    border:1px solid #d1c7ac;
    width: 320px;
    padding:3px;
    margin-right:4px;
    margin-bottom:8px;
    font-family:arial;
}

table.orderformtable input[type='text']:disabled, table.orderformtable input[type='email']:disabled, table.orderformtable input[type='password']:disabled, table.orderformtable textarea:disabled {
	background-image: none;
	color: #666;
}

.gcard_error {
    font-style: italic;
    color: red;
}

/* Product Display (NEW) */

#prod_gridlist {
    width: 985px;
    z-index: 10;
}

.gridlist_fixed {
    position: fixed;
    top: 0;
    width: 985px;
}

table.gridlist_prod {
    border: #efeff1 1px solid;
    /*border: #1276a8 1px solid;*/
    height: 140px;
    background: #FFF;
}

img.gridlist_prod_image {
    max-height: 100px;
}

table.gridlist_prod td.gridlist_image {
    padding: 25px 25px 25px 25px;
}

table.gridlist_prod td.gridlist_name {
    padding: 5px 10px 5px 10px;
    width: 627px;
}

.gridlist_specials_button {
    padding: 0 10px 0 10px;
}

.gridlist_name_extra {
    padding: 5px 10px 1px 10px;
    font-size: 12px;
    color: #838383;
}

.gridlist_name_extra2 {
    padding: 2px 10px 5px 10px;
    font-size: 12px;
}

.gridlist_divider {
    padding: 0 7px;
	font-weight: bold;
}


a.gridlist_prod_name {
    color:#000;
    font-size:15px;
    font-weight: bold;
    text-decoration: none;
}

a.gridlist_prod_name:hover{
    text-decoration: underline;
}

.gridlist_prod_name_link {
    line-height: 20px;
    display: block;
}

table.gridlist_prod td.gridlist_price {
    padding: 5px 5px 5px 5px;
}

.gridlist_review_link {
    color: #1276a8;
    font-weight: bold;
    cursor: pointer;
}

.gridlist_review_link:hover {
    color: #1276a8;
    text-decoration: underline;
}

.prod_tabs {
    background: #efeff1;
    padding: 10px 10px 10px 0;
    text-decoration: none;
    color: #838383;
    font-weight: bold;
    font-size: 14px;
}

.prod_tab_link {
    cursor: pointer;
    padding: 10px 10px 10px 10px;
}

.prod_tab_link:hover {
    background: #838383;
    color: #efeff1;
}

.prod_header {
    padding: 9px 0 9px 0px;
}

.prod_tab_header {
    padding: 10px 10px 10px 10px;
    background: #efeff1;
    text-decoration: none;
    color: #838383;
    font-weight: bold;
    font-size: 14px;
}

#prod_spacer_adjust {
    padding:10px;
    background:yellow;
}

.prod_ov_display {
    background: url('../imglib/dnew/prod_divider_dnew.png') repeat-x;
    padding: 30px 0;
}

.prod_display {
    background: url('../imglib/dnew/prod_divider_dnew.png') repeat-x;
    padding: 30px;
}

td.prod_ov_img {
    width: 450px;
    text-align: center;
    vertical-align: middle;

    /*width: 400px;*/

}

td.prod_ov_thumbs {
    width: 80px;
}

td.prod_ov_details {
    color: #484848;
    width: 220px;
    vertical-align: middle;
}

td.prod_ov_stock {
    color: #484848;
    width: 180px;
    height: 380px;
    vertical-align: middle;
    padding: 0 10px 0 30px;
    /*padding: 0 0 0 30px;*/
}

.imgthumb_wrap {
    padding: 0 5px 0 5px;
}

.imgthumb {
    padding: 4px;
    border: 1px solid #c3c4c4;
    margin: 0 5px 0 5px;

    /*margin: 5px 0;*/
}

.imgthumb_mid {
    border: 1px solid #1276a8;
}

.imgthumb_left {
    margin-right: 5px;
}

.imgthumb_right {
    margin-left: 5px;
}

tr.prod_ov_options td {
    vertical-align: middle;
    color: #484848;
}

td.prod_ov_details .prod_ov_title {
    font-size: 20px;
    font-weight: bold;
    color: #484848;
}

.prod_ov_check:hover {
    text-decoration: underline;
}

a.prod_ov_link {
    text-decoration: none;
    color: #1276a8;
}

.prod_ov_link:hover {
    text-decoration: underline;
}

.prod_ov_stock_table_cont {
    width: 140px;
    border: 1px solid #c3c4c4;
    padding: 10px;
}

.prod_ov_stock_table {
    width: 140px;
}

.prod_ov_stock .sb {
    padding: 3px 0;
    color: #484848;
}

.prod_ov_stock .ss {
    padding: 3px 0;
    color: #1276a8;
    font-weight: bold;
}

.finance_button {
    background: url(../imglib/dnew/overview_finance_bg.png);
    width: 217px;
    height: 35px;
    display: block;
    text-align: center;
}

.finance_button_link {
    font-size: 20px;
    font-weight: bold;
    padding: 6px 0;
    text-decoration: none !important;
    color: #FFF !important;
    display: block;
}

/* Used only on the 404 page */
.finance_but {
    background: #1995d5; /* Old browsers */
    background: -moz-linear-gradient(top,  #1995d5 1%, #2367a9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#1995d5), color-stop(100%,#2367a9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1995d5 1%,#2367a9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1995d5 1%,#2367a9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1995d5 1%,#2367a9 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1995d5 1%,#2367a9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1995d5', endColorstr='#2367a9',GradientType=0 ); /* IE6-9 */

    display: inline-block;
    padding:5px 10px;
    color: #FFF;
    border-radius: 5px;
}

/* display product reviews */

.rev_write {
    width:250px;
    padding-right: 30px;
}

.rev_view {
    padding-left: 30px;
}

.rev_header {
    font-size: 18px;
    font-weight: bold;
}

.rev_subheader {
    padding: 10px 0 5px 0;
    font-weight: bold;
}

.rev_input {
  border: 1px solid #c3c4c4;
  padding: 5px;
  width: 250px;
}

.rev_divider {
  border-left: 1px solid #c3c4c4;
}

.rev_list_stars {
    padding: 0 20px 0 0;
}

.rev_list_header {
    color: #1276a8;
    font-weight: bold;
    font-size: 14px;
}

.rev_list_desc {
    color: #484848;
}

.rev_feedback {
    color: #EE3924;
    font-weight: bold;
}

.star_rating {
    cursor: pointer;
}

.rev_viewmore {
    color: #1276a8;
    font-weight: bold;
    cursor: pointer;
}

.rev_viewmore:hover {
    text-decoration: underline;
}

/* end Product Display (NEW) */



td.productname {
    background-color: #1276a8;

    padding: 4px;   
    border-collapse: collapse;
}

a.brandlink{
    font-size: 10px;
    font-family: arial;
    text-decoration: none;
}
a.brandlink:hover{
    text-decoration: underline;
}
table.grid {
  text-align:left;
    border-collapse: collapse;
    padding: 0px;
    border-spacing:0px;
    width: 780px;
}
a.grid {
    text-decoration: none;
}
a.grid:hover{
    text-decoration: underline;
}

.save_price {
    color: #999;
    font-size: 13px;
	margin-bottom: 5px;
}

.save_rrp {
	color: #6c9935;
	font-size: 14px;
	font-weight: bold;
	margin: 14px 0;
}

td.displayprice {
    text-align: right;
}
span.dollars{
    font-size: 40px;
    font-weight: bold;
    color: #EE3924;
}
span.dolmore{
    font-size: 20px;
    color: #000;
    text-decoration: line-through;
}
span.dollars_sm{
    font-size: 14px;
    font-weight: bold;
    color: #EE3924;
}

form.displaybuy {
    vertical-align: middle;
    text-align: right;
}

span.displaystock {
    font-size: 16px;
    font-weight: normal;
}

/* PINFO CSS */
table.specs  {
    border-collapse: collapse;
}
table.specs td {
    color: #000000;
    font-family: verdana;
    font-size: 11px;
    padding: 3px;

}

table.specs td.t{
    width: 200px;
    border-bottom: 1px dashed #ddd;
}

/* This is probably used somewhere */
td.active {
    background-color: #1276a8;
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;
    border: 2px solid #1276a8;
    padding: 4px;   
}

table.info {
  background-color: #eee;
  padding: 0px;
  border-collapse: collapse;
}

table.info td {
  border-bottom: 1px solid #1276a8;
  padding: 2px;
}

table.info td.h {
  width: 150px;
  font-weight:bold;
}

pre {
 overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
 white-space: pre-wrap; /* css-3 */
}


a.noline, a.noline:active, a.noline:visited {
  text-decoration: none;
}
a.noline:hover{
    text-decoration: underline;
}
/*
.gex {
}
.ginc {
}
*/
/*------------------------------------------------------------*/


td.spacing{
    border: 2px solid #fff;
}
table.pbox {
    border: 1px solid #1276a8;
    padding: 0px;
    height: 190px;
    min-height: 190px;
    max-height: 190px;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
    

}
table.pbox td{
    font-size: 12px;
}

td.pbox_pic{
    text-align: left;
    padding: 4px;
    height: 110px;
    min-height: 110px;
    max-height: 110px;
}
td.pbox_apic{
    text-align: center;
    padding: 4px;
    height: 110px;
    min-height: 110px;
    max-height: 110px;
}
td.pbox_price{
    text-align: right;
    padding: 4px;
    height: 110px;
    min-height: 110px;
}
td.pbox_name{
    text-align: left;
    padding: 4px;
    height: 60px;
    min-height: 60px;
    vertical-align: top;
}
td.pbox_bot {
    padding: 0px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #1276a8;
    color: #fff;
    height: 20px;
    min-height: 20px;
    font-weight: bold;
    vertical-align: middle;

}
span.pbox_dollars{
    color: #EE3924;
    font-size: 29px;
    font-weight: bold;
    font-family: arial;
}
img.pbox_img{
    max-width: 150px;
    max-height: 150px;
}
img.pbox_aimg{
    max-width: 230px;
    max-height: 150px;
}

tr.ph td.imagebox {
    border-left: 4px solid #f89b24;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;
}

td.imagebox{
    width: 45px;
    max-width: 45px;
}
a.wh:link, a.wh:active, a.wh:visited {
 color : #fff;
 font-size: 12px;
 text-decoration: none;
}
a.wh:hover {
 color : #fff;
 text-decoration: underline;
 font-size: 12px;
}
a.store_select{
    display: block;
    width: 120px;
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    text-align: center;
    text-decoration: none;
}
a.store_select:hover{
    background-color: #def;
}
span.store_spacer{
    font-size: 4px;
}
table.store {
    width: 600px;
    min-width: 600px;
    max-width: 600px;
    border-spacing:0px;
    border-style: none;
    border-color: black;
    text-align:left;
    border-collapse: collapse;
    position: relative;
}
table.store tr.ph td {
    background-color: #1276a8;
    font-family:arial;
    font-size:14px;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    position : relative;

    border-left: 4px solid #f89b24;
    -moz-box-sizing:    border-box;
    -webkit-box-sizing: border-box;
    box-sizing:         border-box;

    padding-left: 4px;

}
table.store td {
    padding: 4px;
    font-family:arial;
    font-size:12px;
    line-height: 18px;
}
table.store tr.p0 td {
    background-color: #fff;
}
table.store tr.p1 td {
    background-color: #eee;
}
div.padder{
    padding-left: 10px;
    padding-right: 5px;
}

table.checkoutmap{
  width: 760px;
  border-collapse: collapse;
  margin-bottom: 15px;
}
table.checkoutmap td {
  padding: 0;
  border-collapse: collapse;
}


/*check out buttons */


input.checkout_submit {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-indent: -3000px;
  background: url(../imglib/checkout/checkout.gif) no-repeat 50% 50% !important;
  width: 150px;
  height: 40px;
  font-size: 0; 
  line-height: 0;
}

/* csearch div */

#csearchform {
  background: url(../imglib/c_zebra.gif) no-repeat center center;
  text-align: left;
  vertical-align: middle;
  padding-top: 120px;
  padding-bottom: 10px;
  padding-left: 15px;
}

input.csearchinput {
  padding: 5px;
  font-size: 16px;
  width: 275px;
}

input.csearchsubmit {
  padding: 5px;
}

.csearchlabel {
    display: block;
    font-size: 14px;
    font-weight: bold;
    max-width: 494px;
}

#csearchline {
    vertical-align: middle;
}

#greybutton {
    background: #313131; /* Old browsers */
    background: -moz-linear-gradient(top,  #313131 0%, #858585 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(100%,#858585)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #313131 0%,#858585 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #313131 0%,#858585 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #313131 0%,#858585 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #313131 0%,#858585 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#313131', endColorstr='#858585',GradientType=0 ); /* IE6-9 */

    border-radius: 3px;
    border: none;
    display:inline-block;
    color:#fff;
    padding: 5px;
    font-family:arial;
    font-size: 12px;
    font-weight:bold;
    text-decoration:none;
    cursor: pointer;
}

/* ----- Apple ----- */
.apple_nav {
    table-layout: fixed;
    border-collapse: collapse;
}

.apple_nav td {
    text-align: center;
    background: #bfc0c2;
    border-right: 1px solid #FFF;
    font-size: 14px;
}

.apple_nav td:hover {
    /*background: #ccc;*/
}

.apple_nav td a {
    font-weight: bold;
    color: #FFF;
    padding: 10px 0;
    display: block;
    text-decoration: none;
}

.apple_nav td a:hover {
    /*color: #ff9c1c;*/
    color: #333;
}

.apple_nav_active {
    color: #333 !important;
    /*background: #ccc;*/
}

.apple_grid {
    table-layout: fixed;
    text-align: center;
}

a.apple_box_link {
    display: block;
    text-decoration: none;
}

.apple_box {
    border: 1px solid #bfc0c2;
}

.apple_box:hover {
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.5);
}

.apple_box_img_container {
    padding: 20px;
}

.apple_box_header {
    font-size: 18px;
    font-weight: bold;
    padding: 10px 5px 5px 5px;
}

.apple_box_subheader {
    color: #ff9c1c;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 5px 5px 10px 5px;
}

.apple_box_header_container {
    height: 85px;
}

.apple_auth_footer {
    padding:20px;
    text-align:right;
}
/* ----- end Apple ----- */

.right_special_del_option {
    float: left;
}

.left_special_del_option {
    float: left;
    margin-right: 40px;
}


/* showcased reviews */
/* container for all reviews */
.p_showcased_review_container_dd {
    width: 100%;
    margin-bottom: 40px;
}
 

.p_showcased_review_container_dd > div {
    margin-bottom: 1px;
    padding: 10px;
}
 
/* title at top */
div.p_showcased_review_title_dd {
    font-size: 15px;
    font-weight: bold;
    background-color: #FFEFBF;
	height: 19px;
	padding: 15px 10px;
}
 
/* container for an individual review */
.p_showcased_review_dd {
    background-color: #FFF4D5;
}
 
/* review content itself */
.p_showcased_review_text_dd {
    font-style: italic;
    font-size: 13px;
}

.p_showcased_review_stars_dd {
    float: left;
    margin-right: 10px;
}
 
.p_showcased_review_stars_dd img {
    vertical-align: middle;
}
 
.p_showcased_review_name_dd {
    font-weight: bold;
}
 
.p_showcased_review_author_dd {
    text-align: right;
    font-size: 12px;
    margin-top: 5px;
	margin-bottom: 10px;
    line-height: 17px;
}
 
div.p_showcased_review_footer_dd {
    font-size: 12px;
    background-color: #FFEFBF;
    padding: 15px 10px;
	height: 19px;
	line-height: 19px;
	vertical-align: middle;
}

.p_showcased_review_footer_dd a {
    color: #1276a8;
    text-decoration: none;
}
 
.p_showcased_review_footer_dd a:hover {
    text-decoration: underline;
}
/* end showcased reviews */




/* -------------------- */
/* -------------------- */
/* --Begin deprecated-- */
/* -------------------- */
/* -------------------- */
/* I don't think this is used anywhere, but referenced in new_header_pdo.php */
a.m{
 color: #00f;
}

/*#head2 {
    border-bottom:0px solid #000;
    background-color: #fff;
}*/

/*td.fleft{
    text-align: left;
}
td.fright{
    text-align: right;
}*/

/*p.rightbar {
  color: #00f;
  display:inline;
}*/

/* Potentially unused - the only references I can find are commented out in product_list_dnew.php */
/*a.ct {
    /*category titles*
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}*/

/*a.ct:hover  {
    text-decoration: underline;
}*/

/* This one is a mystery - it's referenced and appears in HTML, but never seems to be visible */
a.bas{
    /*category titles*/
    color:#000;
    font-size: 11px;
}

/* This is referenced, but doesn't actually seem to be called */
.cs_cell {
    border: 1px solid #d6d6d6;
    vertical-align: middle;
}

/*a.pname, a.pname:active, a.pname:visited {
  color: #000;
    font-size: 14px;
    text-decoration: none;
}
a.pname:hover{
    color: #F00;
}*/

/*table.prodIDline {
    background-color: #fff;
    border-style: none;
    padding: 0px;
    border: 0px;
    }
*/

/*table.leftbox{
  border: 1px #000 solid;
}
table.rightbox{
  border: 1px #000 solid;
}*/

/* Potentially unused, but useful */
/*span.inactive {
    color: #669999;
}*/

/* * {
    margin: 0;
} */

/* PRODUCT DISPLAY TABLES */

/*
table.display_outer {
    background-color: #296384;
    width: 770px;
    max-width: 770px;
    min-width: 770px;
    position : relative;
    border-collapse: collapse;
    table-layout: fixed;
}
*/
/*
tr.list_view {
    height: 200px;
}
*/
/*
.gridtest {
    position: absolute;
    top: 200px;
}
*/

/* Only reference to this is commented out */
/*.prod_ov_check {
    text-decoration: none;
    color: #1276a8;
    cursor: pointer;
}*/

/*.finance_but_container {
    padding:10px 5px 5px 5px;
}*/

/*.rev_list_rating {
    margin-top: 10px;
}*/

/*a.productname{
    /*
    padding-left: 10px;
    padding-right:10px;
    *
    color:#fff;
    font-size:16px;
    font-weight: bold;
    text-decoration: none;
}
a.productname:hover{
    text-decoration: underline;
}*/

/* Both of these must be unused as they're completely empty! */
/* Only contains commented code */
/*span.topright {
    
  position : absolute;
  width : 10px;
  height : 14px;  /* corner images are 11x15 *//*
  display : block;
  margin-bottom : -1px;  /* this is for IE *//*
  background-image : url('../imglib/corner_top_right.gif');
    background-repeat: no-repeat;
  top : 0;
  right : 0;
  
}
*/
/*
span.topleft {
    
  position : absolute;
  width : 10px;
  height : 14px;  /* corner images are 11x15 */
  /*
  display : block;
  margin-bottom : -1px; 
    background-image: url('../imglib/corner_top_left.gif');
    background-repeat: no-repeat;
  top : 0;
  left : 0;
  
}
*/
/*td.border_lrb{
    border-left: 2px solid #1276a8;
    border-right: 2px solid #1276a8;
    border-bottom: 2px solid #1276a8;
}
td.border_all{
    border: 2px solid #1276a8;
    padding: 4px;
}*/

/* Class is referenced, but only in a commented out <a> tag */
/*table.white {
    background-color: #fff;
    border-collapse: collapse;
    
}*/

/* Referenced once in an uncalled PHP file */
/*table.main{
    width: 770px;
    max-width: 770px;
    min-width: 770px;
    table-layout: fixed;
}*/

/*tr.displayspacer {
    background-color: #fff;
}*/

/*img.brandlogo {
    max-height: 50px;
    max-width: 150px;
}*/

/* Technically unused, the only references are name attributes, not classes */
img.mainprodimage {
    max-height: 240px;
    max-width: 240px;
}

/*img.bigprodimage {
    max-height: 800px;
    max-width: 800px;
    position: absolute;
    left: 530px;
    top: 75px;
    display:none;
    z-index:80;
}
p.unique {
  font-size:9px;
}*/

/*table.specs td.h{
    /*border-top: 1px solid #ddd;*
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
    vertical-align: bottom;
      border-bottom: 1px dashed #ddd;
}*/

/* All gex and ginc class references seem to be in spans, not tables - unused? */
/*table.gex td{
    border-bottom: 1px dashed #999;
}
table.ginc td{
    border-bottom: 1px dashed #999;
}
table.checkouttotals td{
    border-bottom: 1px dashed #999;
}
table.specs td.i{
   border-bottom: 1px dashed #ddd;
}*/

/*p.pspec {
    padding: 5px;
    font-size: 11px;
}*/

/* Only reference is in deprecated jQuery code */
/*td.prodButs{
    color: #000;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px;    
    border: 2px solid #1276a8;
    padding: 4px;
}*/

/*table.overview tr td{
    padding: 5px;
}*/

/*table.overview tr td.image {
    vertical-align: top;
}*/
/* BUTTON */
/*
input[type="button"], input[type="submit"] {

    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5A8CA9), color-stop(1, #296384) );
    background:-moz-linear-gradient( center top, #5A8CA9 5%, #296384 100% );

  background-color: #296384;
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  list-style-type:none;
  margin:0 auto;

  border-radius:3px;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#fff;
    padding: 3px;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
}
input[type="button"]:hover, input[type="submit"]:hover {
  background-color: #296384;
  cursor: pointer;
}
*/

/*input.proceed {
  border-collapse: collapse;
  border-width: 1px;
  border-color: #fff;
  background-color: #fff;
  color: #00f;
  font-weight: bold;
  font-size: 12px;
  list-style-type:none;
  margin:0 auto;
  /*padding:1 4px 1 4px;
  border-radius: 2px; DOESNT WORK IN ANYTHING BUT CHROME, IM LOOKING AT YOU IE*
}
input.proceed:hover {
  background-color: #0a5664;
  cursor: pointer;
}*/

/* Potentially unused */
/*table.topmenu{
    background-image: url('../imglib/bits_top16.gif');
    background-repeat: repeat-x;
    padding: 0px;
    border-spacing: 0px;
    height: 34px;
}
table.topmenu td{
    height: 30px;
    vertical-align: middle;
}
td.bits{
  background-image: url('../imglib/bits_top3.gif');
    background-repeat: repeat-x;    
    color: #fff;
    text-align: right;
    vertical-align: middle;
    width: 380px;
}
td.menu_extra{
  background-image: url('../imglib/menu_extra_bg.gif');
    background-repeat: repeat-x;
    color: #fff;
    vertical-align: middle;
    width: 460px;
}
td.search{
  background-image: url('../imglib/search_bg.gif');
    background-repeat: repeat-x;    
}
td.right_top{
    background-image: url('../imglib/right_top.gif');
    height: 22px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}
td.right_content{
    background-color: #fff;
    background-image: url('../imglib/right_content.gif');
    background-repeat: repeat-x;
    border: 1px solid #becfd8;
    padding: 2px;
}
table.foot {
    background-color: #313131;
}
table.foot td{
    color: #fff;    
    padding: 6px;
}*/

/* Potentially unused */
/*table.pbox3 {
    border: 2px solid #ccc;
    padding: 0px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
    width: 250px;
    min-width: 250px;
    max-width: 250px;
}
td.white{
    color: #fff;
}*/

/* Probably used */
/*a.extra{
    color: white;
    text-decoration: none;
}
a.extra:hover{
    text-decoration: underline;
}*/

/* The atb class appears to be referred to in images only */
a.atb:link, a.atb:active, a.atb:visited {
 color : #fff;
 font-size: 12px;
 text-decoration: none;
}
a.atb:hover {
 color : #fff;
 text-decoration: underline;
 font-size: 12px;
}

/*table.store tr.p1 td.faq, table.store tr.p0 td.faq {
 /* background-color: #cccccc; *
  padding: 10px;
  font-size:14px;
}*/

/*table.survey {
    /*width: 700px;   *
}*/
/* Survey styles - are these used? */
/*td.question{
    font-weight: bold;
    text-align: center;
}
td.selection{
    vertical-align: middle;
    width: 400px;
    text-align: center;
}*/

/*table.recruitment {
    width: 700px;
    border: 1px solid #000000;
}
table.recruitment td {
    border-bottom: 1px dashed #000000;
    padding: 4px;
    font-family: courier;
    font-size: 14px;
}
table.recruitment td.titlelong {
    font-weight: bold;  
}
table.recruitment td.title {
    font-weight: bold;
    width: 120px;
}
table.recruitment td.tinfo {
    width: 580px;
}*/

/* A reference to this is marked as being the "old way" */
/*input.purchase_submit {
  border: none;
  cursor: pointer;
  display: inline-block;
  text-indent: -3000px;
  background: url(../imglib/checkout/purchase.gif) no-repeat 50% 50% !important;
  width: 150px;
  height: 40px;
  font-size: 0; 
  line-height: 0;
}*/

/* TESTING USER REG PAGE FORMATTING */
/* Since this is a test, it's probably unused */
/*h1.reg {
    font-family:arial;
    font-size: 24px;
    color:#000000;
    }

p.preg, ul.lreg {
    font-family:arial;
    color:#000000;
    }*/

/* ------------------ */
/* ------------------ */
/* --End deprecated-- */
/* ------------------ */
/* ------------------ */