/*
========================================================================
Page layout.
========================================================================
*/
div#page
{
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	border: 1px solid #d4d3d3;
	border-top: 0;
}

/*
========================================================================
Top menu.
========================================================================
*/
div#top-menu
{
	height: 38px;
	background: #eeecec url(../images/top-menu.jpg) center center no-repeat;
}
div#top-menu ul
{
	margin-left: 32px;
}
div#top-menu ul, div#top-menu ul li
{
	list-style: none;
}
div#top-menu ul li
{
	float: left;
	line-height: 3.2em;
	padding: 0 6px;
}
div#top-menu ul li.bullet
{
	width: 1px;
	height: 38px;
	background: transparent url(../images/top-menu-bullet.jpg) center center no-repeat;
}
div#top-menu ul li a
{
	text-transform: uppercase;
	color: #1a320c;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}
div#top-menu ul li a:hover
{
	text-decoration: underline;
}

/*
========================================================================
Content.
========================================================================
*/
div#content
{

}
#left-panel
{
	float: left;
	margin-left: 20px;
	padding-bottom: 27px;
	width: 547px;
}
#right-panel
{
	float: right;
	margin-right: 20px;
	padding-bottom: 27px;
	width: 400px;
}
div#article
{
	padding-left: 6px;
}
div#article p
{
	margin-bottom: 15px;
}
div#article ul, div#article ol
{
	margin: 10px 20px;
}
div#article ul li, div#article ol li
{
	margin-bottom: 5px;
}

/*
========================================================================
Cart.
========================================================================
*/
div#cart div.body a img
{
	border: 0;
}
div#cart table tr td
{
	font-size: 10pt;
}
div#cart table tr th
{
	font-weight: bold;
	color: #212b2f;
}
div#cart table tr td
{
	padding: 0;
}

/*
========================================================================
Order confirm & Delivery.
========================================================================
*/
div#order-confirm
{
	clear: left;
}
div#order-confirm table.order-header, div#order-confirm table.order-content,
div#payment-options table.order-header, div#payment-options table.order-content
{
	border: 0;
	border-collapse: collapse;
}
div#order-confirm table.order-header td,
div#payment-options table.order-header td
{
	border: 1px solid #d4d3d3;
	padding: 8px 25px;
}
div#order-confirm table.order-header td table td,
div#payment-options table.order-header td table td
{
	border: 0;
	padding: 2px;
	white-space: nowrap;
	padding-left: 10px;
}
div#order-confirm table.order-header td strong,
div#payment-options table.order-header td strong
{
	color: #030000
}
div#order-confirm table.order-content th, div#order-confirm table.order-content td,
div#payment-options table.order-content th, div#payment-options table.order-content td
{
	padding: 3px;
	color: #000;
	border: 1px solid #fff;
}
div#order-confirm table.order-content th, div#payment-options table.order-content th,
div#payment-options table.order-content th, div#payment-options table.order-content th
{
	background-color: #d4d3d3;
	padding: 5px;
}

/*	Payment options. */
div#payment-options
{
	margin-top: 40px;
	clear: left;
}
div#payment-options div.payment-option
{
	float: left;
	border: 1px solid #d4d3d3;
	padding: 10px;
	margin-bottom: 20px;
}
div#payment-options div.payment-option input.radio
{
	position: relative;
	top: 2px;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}
div#payment-options div.payment-option label
{
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 1.5em;
}
div#payment-options a
{
	color: #578bb1
}
div#payment-options a:hover
{
	text-decoration: none;
}

/*	We accept. */
table.we-accept td
{
	padding: 3px;
}


/*
========================================================================
Delivery.
========================================================================
*/
div#delivery a
{
	color: #578bb1
}
div#delivery a:hover
{
	text-decoration: none;
}
div#delivery table td
{
	padding: 3px;
}

/*
========================================================================
Footer.
========================================================================
*/
div#footer
{
	clear: both;
	position: relative;
	height: 45px;
	background: #fff url(../images/footer-background.jpg) top left repeat-x;
}
div#footer div.copyright
{
	position: absolute;
	top: 10px;
	left: 13px;
	width: 800px;
}
div#footer div.imago
{
	position: absolute;
	top: 10px;
	right: 13px;
	width: 100px;
	text-align: right;
}
div#footer div.copyright, div#footer div.imago, div#footer div.copyright a, div#footer div.imago a
{
	font-size: 11pt;
	color: #b8b9b6;
}
div#footer div.copyright a, div#footer div.imago a
{
	text-decoration: none;
}
div#footer div.copyright a:hover, div#footer div.imago a:hover
{
	text-decoration: underline;
}

/*
========================================================================
Savings calculator debgug.
========================================================================
*/
div#calculator-debug table
{
	background-color: #fff;
	opacity: 0.8;
}
div#calculator-debug table tr td.name, div#calculator-debug table tr td.value
{
	padding: 4px;
	font-weight: bold;
}
div#calculator-debug table tr td.value
{
	width: 100px;
	text-align: right;
}

/*
========================================================================
Content: list.
========================================================================
*/
div#list
{
	width: 750px;
	margin-left: 200px;
	border-bottom: 2px solid #ddd;
}

/* Mouse over. */
table.list tr.record-row
{
	height: 20px;
}
table.list tr.record-row td.over, table.list tr.record-row td.over.selected
{
	background-color: #a8e5a1;
	color: #000;
}
table.list tr.record-row td.over a
{
	color: #000;
	text-decoration: none;
}
table.list tr.record-row td.over a:hover
{
	text-decoration: underline;
}
table.list td, table.list th
{
	font-size: 9pt;
}

/* Record selected. */
table.list tr.record-row td.selected a, table.list tr.record-row td.selected
{
	color: #fff;
	text-decoration: none;
}
table.list tr.record-row td.selected
{
	background-color: #0e6a0e;
}
table.list th
{
	text-align: left;
	vertical-align: top;
	padding-left: 10px;
	background-color: #ddd;
}
table.list td
{
	padding-left: 10px;
}
table.list.compact td, table.list.compact th
{
	padding: 3px;
}

/* Sort. */
div.sort
{
	width: 10px;
	height: 10px;
	float: right;
	position: relative;
	top: 4px;
	right: 4px;
	display: none;
}
div.sort > a
{
	display: block;
	width: 10px;
	height: 10px;
	background: transparent url('../image/arrows-gray.png') no-repeat;
}
div.sort > a.descending
{
	background-position: 0 -100px;
}
div.sort > a.ascending
{
	background-position: 0 0;
}

/* Quantity. */
table.quantity td
{
	margin: 0;
	padding: 0;
}
table.quantity input
{
	display: block;
	width: 25px;
	text-align: center;
	margin: 0;
	padding: 2px;
	font-size: 8pt;
}
table.quantity td.minus, table.quantity td.plus
{
	padding: 0 12px;
	cursor: pointer;
}
table.quantity td.minus
{
	background: transparent url('../image/icon-minus.png') center center no-repeat;
}
table.quantity td.plus
{
	background: transparent url('../image/icon-plus.png') center center no-repeat;
}

/* Filter. */
div.filter input
{
	font-size: 8pt;
}

/* Scroll. */
tbody.scroll
{
	height: 400px;
	overflow-x: hidden;
	overflow-y: scroll;
}