/* -----[  Table Grids CSS Document for Computer Store ] -----*/

/* -----[ Table Grid for Side smallBasket ]--------------------------------------------------------------------- */

.smallBasket {
	width: 100%;
}
.smallBasket a {
	text-decoration: none;
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
}
.smallBasket a:hover {
	border: 0;
}
.smallBasket td {
	padding: 3px 1px;
	border-bottom: 1px solid #fff;
	vertical-align: top;
	text-align: right;
}
.smallBasket td.quantity {
	text-align: left;
}
.smallBasket td.key {
	font-weight: bold;
	color:#bd0036;
}
.smallBasket td a {
	float: left;
}
.smallBasket tr.odd {
	background: #cce1e9;
}
.smallBasket .amount {
	color: #bd0036;
	text-align: right;
}
.smallBasket span.amount 
{
	float: right;
}
.smallBasket td.total {
	color: #ca0000;
	text-align: right;
	font-weight: bold;
	border:0;
}
.smallBasket td.end  {
	border:0;
	border-top: 1px solid #9d9d9d;
}
.smallBasket td.end a {
	color: #000;
	font-weight:bold;
	margin-left: 0;
	padding-left: 20px;
	text-decoration: none;
}
.smallBasket td a.basket {
	background: url(../img/icons/basket.gif) no-repeat;
}
.smallBasket td a.basketCheckout {
	background: url(../img/icons/basket_go.gif) no-repeat;
}

/* -----[ Subcategory Grid ]--------------------------------------------------------------------- */

.categoryGrid {
	width: 98%;
	margin-bottom: 10px;
	margin-top: 0;
}
.categoryGrid a {
	text-decoration:none;
	color: #3C3E75;
}
.categoryGrid td.name a {

}
.categoryGrid a:visited {
	text-decoration:none;
	color: #1c6eac;
}
.categoryGrid a:hover {
	color:#1c6eac;
	text-decoration: underline;
}
.categoryGrid td {
	padding: 2px;
	vertical-align: top;

	color:#900;
}
.categoryGrid td.column0 {
	padding-left:0;
}

.categoryGrid ul 
{
	list-style-image: none;
	list-style-type: disc;
	margin-bottom:3px;
}
.categoryGrid li {
	margin-left: 5px;
	font-size:12px;
	font-weight:bold;
	line-height:16px;
}

/* -----[ Product List ]--------------------------------------------------------------------- */

.productList {
	width: 98%;
}
.productList tr {
	vertical-align: top;
}
.productList td {
	border-bottom: 3px solid #fff;
	padding:4px 2px;
	vertical-align: top;
	background-color:#e4e3de;
	background-color:#f1f1f1;
	margin:0;
	font-family: Verdana;
	vertical-align: middle;
}
.productList th {
	color:#063f69;
	text-align:left;
	/*background: #7CA2BF url(../img/layout/table_header_bg.png) repeat-x top right;
	border-top:3px solid #0965a9;
	padding:3px 4px 4px 5px;*/
	font-size: 15px;
	padding: 8px 4px 4px 2px;
	
	/*
	color: #0080df;
	color: #2475B1;
	border-bottom: 1px solid #2475B1;
	font: bold 16px tahoma;
	*/
}

.productList th a
{
	color: #063f69;
	text-decoration: none;
}

.productList th a:hover
{
}

.productList tr.odd td {
	background-color: #e8e8e8;
	background-color: #ecebe8;
}

td.image {
	width:55px;
}

.productList th.note {
	color:#000;
	text-align:right;
	font-size:11px;
	font-weight:normal;
	vertical-align: middle;
}
.productList .spacer  {
	border:0;
	background:#fff;
	padding:0;
	font-size:1px;
}
.productList .image  {
	/*width:90px;*/
}
.productList .image img {
	/*margin-right: 5px;*/
	/*padding: 3px;*/
	background: #ebf2ff;
	border: 1px solid #9d9d9d;
}
.productList .sku {
	width: auto;
	/*white-space: nowrap;*/
	text-align: right;
	font-weight:bold;
}
.productList .name {
	width: 100%;
	line-height: 16px;
}
.productList .name .phoneIcon, .productList .name .backOrderIcon {
	font-size: 9px;
	color:#aaa;
}
.phoneIcon, .backOrderIcon {
	font-size: 10px;
	color:#aaa;
	white-space:nowrap;
	float:right;
	padding-left:10px;
}
.phoneIcon1, .backOrderIcon1 {
	font-size: 10px;
	color:#aaa;
	white-space:nowrap;
}

.productList .name a, .productList .sku a {
	text-decoration:none;
	color: #444e66;
}
.productList .sku a {
	white-space: nowrap;
}
.productList .name a:hover, .productList .sku a:hover {
	text-decoration:underline;
	color: #e80000;
}
.productList .name img {
	vertical-align:text-top;
	margin: 0 3px 0 3px;
}
.productList .price {
	white-space:nowrap;
	text-align:right;
	font-size: 12px;
}
.productList .price span {
	color: #e80000;
	color: #d52727;
	font-weight: bold;
}
.productList td.arrow {
	padding: 3px 3px 3px 15px;
	vertical-align: middle;
	font-size: .8em;
	text-align: right;
	
	background-position: 0% 50%;
	background-repeat:no-repeat;
}
.productList td.down {
	background-image:url(../img/icons/arrow_down.gif);
	color: green;
}
.productList td.up {
	background-image: url(../img/icons/arrow_up.gif);
	color: #d52727;
	color: #666;
}

.productList .quantity {
	width: 50px;
	/*color: #e80000;*/
	font-weight: bold;
	text-align: right;
}
.productList .quantity input {
	width: 28px;
	font-size: 12px;
	text-align: right;
}
.productList .btn {
	padding: 4px 5px;
}
.productList .supportInfo
{
	color: #68a0c9;
	margin-left: 10px;
}

.arrowDown {
	margin-left: 0;
	padding-left: 16px;
	background:url(../img/icons/arrow_down.gif) no-repeat top left;
}
.arrowUp {
	margin-left: 0px;
	padding-left: 16px;
	background:url(../img/icons/arrow_up.gif) no-repeat top left;
}

/* -----[ productDetails ]--------------------------------------------------------------------- */


.priceBig{
	font-size:18px;
	color:#e80000;
	font-family: Verdana, sans-serif;
}
.productDetails {
	width: 98%;
	margin-bottom: 5px;
}

.productDetails td.info  {
	width:150px;
	padding-right: 10px;
}

img.productImage{
	margin-bottom:15px;
}

.productDetails td.info input.quantity {
	width: 22px;
	font-size: 12px;
	text-align: right;
	height:14px;
}

.productDetails td.info td  {
	width:auto;
	vertical-align: top;
}

.productDetails td.description, .productDetails td.info  
{
	vertical-align: top;
}

.productDetails td.description
{
	padding-top: 0px;
}

.productDetails td.description div.brand
{
	float: right;
	margin-left: 8px;
}

/* 
/// HACK: Due to poorly formed input HTML this hack has been requested. Now all list items (ordered as well) get a bullet :( */
.productDetails td.description li
{
	/*list-style: url(../img/icons/bullet.gif) outside square;*/
	list-style-type:disc;
	list-style-image:none;
	margin-left: 10px;
	padding-bottom: 0;
	line-height: 14px;
}

.productDetails a.magnify
{
	color: #666;
	display: block;
	line-height: 17px;
	text-decoration: none;
	text-transform: lowercase;
	text-align:left;
	padding-left:20px;
}
.productDetails a.magnify:hover
{
	color: #000;
}
.productDetails a.magnify img
{
	opacity: .7;
}
.productDetails a.magnify:hover img
{
	opacity: .99;
}

/* -----[ grid ]--------------------------------------------------------------------- */

.grid {
	width: 98%;
	margin-bottom: 5px;
	margin-top: 15px;
}
.grid a {
	text-decoration:none;
}
.grid th {
	padding: 5px 3px;
	color: #083a7d;
}
.grid td {
	padding: 2px 3px;
	vertical-align: top;
	border-top: 1px solid #b0bee1;
}
.grid td.key{
	font-weight:bold;
}
.grid td.end{
	border:0;
}


/* -----[ totals ]--------------------------------------------------------------------- */

.totals 
{
	float: right;
	text-align: right;
}
.totals td
{
	font-weight: bold;
	border: 0;
	margin: 0;
	white-space: nowrap;
}

.thin td
{
	padding: 2px 4px;
}

.imgstar, .imgspecial, imgnew {float:left;}