/*
========================================================================
General styles.
========================================================================
*/
* { margin: 0; padding: 0; }
html
{

}
body
{
	text-align: center;
	background-color: #fff;
}
html, body, div, ul, li, td, p
{
	font-family: Arial;
	font-size: 12px;
	color: #222;
}
html a, body a, div a, ul a, li a, td a, p a, span a
{
	color: #000;
}
p
{
	margin: 10px 0 10px 0;
}

/*
========================================================================
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: 12px;
	font-weight: bold;
	text-decoration: none;
}
div#top-menu ul li a:hover
{
	text-decoration: underline;
}

/*
========================================================================
Content.
========================================================================
*/
div#content
{
	border: 1px solid #fff;
}
div#content ul
{
	margin: 10px 20px;
}
div#content ul li
{
	margin-bottom: 5px;
}

/*
========================================================================
Save.
========================================================================
*/
div#save
{
	float: right;
	width: 400px;
	margin-right: 20px;
}
div#save div.top
{
	height: 6px;
	background: #fff url(../images/save-container-top.jpg) center center no-repeat;
}
div#save div.bottom
{
	padding: 0 9px 11px 9px;
	background: #fff url(../images/save-container.jpg) bottom center no-repeat;
}
div#save div.body
{
	padding: 25px 18px;
}
div#save div.body a img
{
	border: 0;
}

/*
========================================================================
Cart.
========================================================================
*/
div#cart
{
	float: right;
	width: 400px;
	margin-right: 20px;
}
div#cart div.top
{
	height: 6px;
	background: #fff url(../images/purple-container-top.jpg) center center no-repeat;
}
div#cart div.bottom
{
	padding: 0 9px 11px 9px;
	background: #fff url(../images/purple-container.jpg) bottom center no-repeat;
}
div#cart div.body
{
	padding: 25px 18px;
}
div#cart div.body a img
{
	border: 0;
}
div#cart div.input_submit
{
	cursor: pointer;
	border: 1px solid #dfdfdf;
	float: left;
}
div#cart div.input_submit input.submit
{
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;
	background-color: #d19ef8;
	padding: 2px;
	text-transform: capitalize;
}
div#cart div.input_submit input.submit.quantity
{
	padding: 0;
	margin: 0;
	width: 15px;
	height: 15px;
	font-size: 10px;
}
div#cart table tr th, div#cart table tr td
{
	font-size: 11px;
}
div#cart table tr th
{
	padding: 0;
	text-transform: uppercase;
}
/*
========================================================================
Order.
========================================================================
*/
div#order
{
	float: right;
	clear: right;
	width: 400px;
	margin-right: 20px;
}
div#order a
{
	color: #578bb1
}
div#order a:hover
{
	text-decoration: none;
}
div#order table td
{
	padding: 3px;
}
div#order div.top
{
	padding: 0 9px 11px 9px;
	background: #fff url(../images/green-container.png) top center no-repeat;
}
div#order div.bottom
{
	height: 8px;
	background: #fff url(../images/green-container-bottom.png) bottom center no-repeat;
}
div#order div.body
{
	padding: 25px 18px;
	padding-bottom: 0;
}
div#order div.body a img
{
	border: 0;
}
div#order div.input_submit
{
	cursor: pointer;
	border: 1px solid #dfdfdf;
	float: left;
}
div#order div.input_submit input.submit
{
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;
	background-color: #c9e6a5;
	padding: 2px;
	text-transform: capitalize;
}

/*
========================================================================
Order confirm & Delivery.
========================================================================
*/
div#order-confirm
{
	width: 530px;
	float: left;
	margin: 10px 10px 0 35px;
}
div#order-confirm div.input_submit,
div#order-payment div.input_submit
{
	cursor: pointer;
	border: 1px solid #dfdfdf;
	float: left;
}
div#order-confirm div.input_submit input.submit,
div#order-payment div.input_submit input.submit
{
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;
	background-color: #fbc413;
	padding: 3px;
	text-transform: capitalize;
}
div#order-confirm table.order-header, div#order-confirm table.order-content,
div#order-payment table.order-header, div#order-payment table.order-content
{
	border: 0;
	border-collapse: collapse;
}
div#order-confirm table.order-header td,
div#order-payment table.order-header td
{
	border: 1px solid #d4d3d3;
	padding: 8px 25px;
}
div#order-confirm table.order-header td table td,
div#order-payment 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#order-payment table.order-header td strong
{
	color: #030000
}
div#order-confirm table.order-content th, div#order-confirm table.order-content td,
div#order-payment table.order-content th, div#order-payment table.order-content td
{
	padding: 3px;
	color: #000;
	border: 1px solid #fff;
}
div#order-confirm table.order-content th, div#order-payment table.order-content th,
div#order-payment table.order-content th, div#order-payment table.order-content th
{
	background-color: #d4d3d3;
	padding: 5px;
}
table.we-accept td
{
	padding: 3px;
}
div#delivery
{
	float: right;
	width: 400px;
	margin-right: 20px;
}
div#delivery a
{
	color: #578bb1
}
div#delivery a:hover
{
	text-decoration: none;
}
div#delivery table td
{
	padding: 3px;
}
div#delivery div.top
{
	padding: 0 9px 11px 9px;
	background: #fff url(../images/yellow-container.png) top center no-repeat;
}
div#delivery div.bottom
{
	height: 8px;
	background: #fff url(../images/yellow-container-bottom.png) bottom center no-repeat;
}
div#delivery div.body
{
	padding: 25px 18px;
	padding-bottom: 0;
}
div#delivery div.body a img
{
	border: 0;
}
div#order-payment
{
	width: 730px;
	float: left;
	margin: 20px 10px 0 35px;
	padding-bottom: 35px;
}
div#order-payment div.payment-option
{
	float: left;
	border: 1px solid #d4d3d3;
	padding: 10px;
	margin-bottom: 20px;
}
div#order-payment div.payment-option input.radio
{
	position: relative;
	top: 2px;
	margin: 0;
	padding: 0;
	margin-right: 5px;
}
div#order-payment div.payment-option label
{
	display: block;
	padding-bottom: 10px;
	font-weight: bold;
	line-height: 1.5em;
}
/*
========================================================================
Footer.
========================================================================
*/
div#footer
{
	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: 11px;
	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;
}

h1 {
	
	font-size:25px;
	color:#000000;
	font-weight:normal;
}

h2 {

	font-size:18px;
	color:#339900;
	font-weight:normal;
}

/*
========================================================================
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;
}
/*
========================================================================
Forms.
========================================================================
*/
form label
{
	font-weight: bold;
	color: #212b2f;
}
form input.text, form textarea
{
	width: 130px;
	height: 17px;
	padding: 3px 4px 2px 4px;
	background: #F6F6F5;
	border: 1px solid #F6F6F5;
	border-left-color: #E1DFD7;
	border-top-color: #D4D2C5;
}
form textarea
{
	width: 235px;
	height: 100px;
}
form input.submit
{
	width: 80px;
	border: 1px solid #fff;
	font-weight: bold;
	color: #000;
}
form input.text
{
	width: 165px;
}

/*
========================================================================
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;
}

/*
========================================================================
Message box & error box.
========================================================================
*/
div.message-box, div#error-box
{
	border: 1px solid #b50e0e;
	background-color: #faabab;
	color: #b50e0e;
	padding: 5px;
	margin: 10px 0;
	font-size: 9pt;
}
div.message-box ul, div#error-box ul
{
	padding: 0;
	margin: 0;
}
div.message-box ul li, div#error-box ul li
{
	color: #b50e0e;
	font-size: 8pt;
	padding: 0;
	margin: 0;
	margin: 0 20px;
}
div.message-box.success, div.message-box.success li
{
	background-color: #d8ffaa;
	border-color: #2a6b13;
	color: #2a6b13;
}
/*
========================================================================
Blue.
========================================================================
*/
div.blue-container
{
	width: 400px;
	margin-right: 20px;
}
div.blue-container div.top
{
	height: 6px;
	background: #fff url(../images/blue-container-top.jpg) center center no-repeat;
}
div.blue-container div.bottom
{
	padding: 0 9px 11px 9px;
	background: #fff url(../images/blue-container.jpg) bottom center no-repeat;
}
div.blue-container div.body
{
	padding: 25px 18px;
}
div.blue-container div.body a img
{
	border: 0;
}
div.blue-container div.input_submit
{
	cursor: pointer;
	border: 1px solid #dfdfdf;
	float: left;
}
div.blue-container div.input_submit input.submit
{
	cursor: pointer;
	font-family: Arial;
	font-size: 11px;
	background-color: #abd0f2;
	padding: 3px;
	text-transform: capitalize;
}