﻿/* ======================================== */
/* GRIDS LAYOUT =========================== */
/* ======================================== */

.allTablesStyle
{
	width: 782px; /* the main container width */
}

/* used in shopping cart */

.allTablesHeaders
{
	background: #5F9DFF;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
}

.allTablesRows
{
	background: #FFFFFF;
}

.allTablesCellL
{
	height: 22px;
	text-align: left;
	padding: 0px 0px 0px 5px;
	border-top: none;
	border-bottom: solid 1px #C0C0C0;
	border-left: none;
	border-right: none;
}

.allTablesCellM
{
	height: 22px;
    text-align:center;
    border-top: none;
	border-bottom: solid 1px #C0C0C0;
	border-left: none;
	border-right: none;
}

/* used in shopping cart page to display totals */

.ttlTable
{
	width: 220px;
}

.ttlTD1
{
	height: 20px;
	color: #1B6BDF;
	border-top: solid 1px #E0E0E0;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttlTD2
{
	height: 20px;
	color: #1B6BDF;
	border-top: none;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttlTD3
{
	height: 30px;
	color: #1B6BDF;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttlTD4
{
	height: 20px;
	text-align: right;
	border-top: solid 1px #E0E0E0;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

.ttlTD5
{
	height: 20px;
	text-align: right;
	border-top: none;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

.ttlTD6
{
	height: 30px;
	text-align: right;
	font-weight: bold;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

/* used in all tables except shopping cart */

.allTablesHeadersLinesL
{
	background: #5F9DFF;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	border-top: solid 1px #5F9DFF;
	border-bottom: solid 1px #5F9DFF;
	border-left: solid 1px #5F9DFF;
	border-right: none;
}

.allTablesHeadersLinesR
{
	background: #5F9DFF;
	height: 25px;
	text-align: center;
	color: #FFFFFF;
	border-top: solid 1px #5F9DFF;
	border-bottom: solid 1px #5F9DFF;
	border-left: solid 1px #5F9DFF;
	border-right: solid 1px #5F9DFF;
}

.allTablesRowsLines
{
	background: #FFFFFF;
}

.allTablesRowsLines:hover
{
	background: #E0E0E0;
}

.allTablesCellLinesL
{
	height: 22px;
	text-align: center;
	padding: 0px 0px 0px 5px;
	border-top: none;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	border-right: none;
}

.allTablesCellLinesR
{
	height: 22px;
    text-align:center;
    border-top: none;
	border-bottom: solid 1px #C0C0C0;
	border-left: solid 1px #C0C0C0;
	border-right: solid 1px #C0C0C0;
}

/* used in orders page to display totals */

.ttoTable
{
	width: 230px;
}

.ttoTD1
{
	height: 20px;
	color: #1B6BDF;
	border-top: solid 1px #E0E0E0;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttoTD2
{
	height: 20px;
	color: #1B6BDF;
	border-top: none;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttoTD3
{
	height: 20px;
	color: #1B6BDF;
	border-top: none;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttoTD4
{
	height: 20px;
	text-align: right;
	border-top: solid 1px #E0E0E0;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

.ttoTD5
{
	height: 20px;
	text-align: right;
	border-top: none;
	border-bottom: none;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

.ttoTD6
{
	height: 20px;
	text-align: right;
	border-top: none;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}

.ttoTD7
{
	height: 30px;
	text-align: left;
	color: #007332;
	border-top: none;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: none;
}

.ttoTD8
{
	height: 30px;
	font-weight: bold;
	text-align: right;
	color: #007332;
	border-top: none;
	border-bottom: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-right: solid 1px #E0E0E0;
}
