h1
{
	background: rgb(234,238,247);
	font-size: 18pt;
	padding-left:1em;
	padding-top:0.5em;
	height:2.5em;
	font-weight:normal;
	border: 1px solid rgb(83,119,213);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

h2
{
	padding-top:10px;
	padding-bottom:30px;
padding-left:20px;
padding-right:20px;

	font-weight:normal;
	background: rgb(234,238,247);
	font-size: 12pt;
	border: 1px solid rgb(83,119,213);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

h4
{
	font-size: 12pt;
	border: 1px solid rgb(83,119,213);
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
border:none;
border-bottom:1px solid rgb(83,119,213);
}
#pre-order orderNav
{
	margin-bottom:0px;
	margin-top:0px;
}

#pre-order h2
{
	border:none;
	padding-bottom:0px;
padding-left:0px;
	margin-bottom:0px;
	margin-bottom:0px;
	background:none;
	font-size: 14pt;
	margin:0;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

#pre-order h1
{
height:auto;
	margin-bottom:0px;
	margin-top:0px;
padding-left:0px;
	background:none;
padding-top:30px;
border:none;
text-align:center;
font-size: 18pt;
font-weight:bold;
margin-bottom:0px;
padding-bottom:0px;
padding-top:0px;
}


#pre-order h3
{
	background: #EEE;
	padding: 8px 4px;
	font-size: 17px;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}
/* lozenge*/

#pre-order h3 a
{
color:white;
font-weight:bold;
font-size: 16px;

background:none;
background: transparent url("/images/abmid.png") repeat-x top left;
border:none;

text-decoration:none;
text-align:center;

height:44px;
padding-bottom:20px;
padding-top:9px;
}

#pre-order h3 b
{
background: transparent url("/images/abrhs.png") no-repeat top right;

height:44px;
padding-bottom:20px;
padding-top:7px;
padding-right:16px;
}

#pre-order h3 em
{
background: transparent url("/images/ablhs.png") no-repeat top left;
height:44px;
padding-bottom:20px;
padding-top:7px;
padding-left:18px;
font-style:normal;
font-weight:bold;
}


#pre-order p, #pre-order li
{
font-size:14px;
}

/* on the home page this is the central bit */
#rhsimg
{
    background: transparent url(images/post_it_note.gif) no-repeat 0% 50%;
    background-color:rgb(199,207,226);

    font-size: 16px;
    font-family: arial,san-serif;
    font-weight: normal;
    padding-right: 20px;
    padding-left:160px;
    padding-top:20px;
}

#rhsimg strong
{
    font-size:16pt;
    border-left: 4px solid red;
    border-right: 4px solid red;
    padding-left: 9px;
    padding-right: 9px;
}

#rhsimg a
{
    background:none;
    background: transparent url("/images/abmid.png") repeat-x top left;
    border:none;

    color:white;

    text-decoration:none;
    font-weight:bold;

    text-align:center;

    height:44px;
    padding-bottom:20px;
    padding-top:7px;
}

#rhsimg b
{
    background: transparent url("/images/abrhs.png") no-repeat top right;

    height:44px;
    padding-bottom:20px;
    padding-top:7px;
    padding-right:19px;
}

#rhsimg em
{
    background: transparent url("/images/ablhs.png") no-repeat top left;
    height:44px;
    padding-bottom:20px;
    padding-top:7px;
    padding-left:20px;
    font-style:normal;
    font-weight:bold;
}

h3
{
	background: #EEE;
	padding: 8px 4px;
	font-size: 15pt;
	border: 1px solid #CCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

body
{
	margin: 0;
	padding: 0;
}

p.reg {
	margin: 0 0 4px 0;
}

div.billing {
	border: 1px solid #36436F;
	margin: 0 0 20px 0;
}

div.billing p {
font-size:10pt;
	padding: 4px;
	margin: 0;
}


div.billing p.non {
	padding: 0 4px;
}

div.billing p.right {
	border-bottom: 1px solid #36436F;
	background: #93A6ED;
	background: rgb(166,181,240);
}

div.billing p.floatLeft {
	background: #93A6ED;
	background: rgb(166,181,240);
	border-bottom: 1px solid #36436F;
	width: auto;
	float: left;
}

#orderheader H1 {
	border-bottom: 1px solid #36436F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
	margin-bottom: 0px;
	font-size: 20pt;
}

h2:after {
display: block;
margin-left: -2px;
margin-top: -26px;
color: red;
content: attr(title);
}

#orderheader p
{
	border-bottom: 1px solid #36436F;
	width: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
	font-size: 10pt;
}

#orderheader img
{
	border:0;
	vertical-align: middle;
}
.orderNavLightBackground{
BACKGROUND-COLOR: rgb(126,141,200);
}

#orderNav {
	background: #EEE;
BACKGROUND-COLOR: rgb(63,85,145);
	padding: 8px 5px;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #ddd;
	text-align: right;
	margin-bottom: 1em;
}

#orderNav A, #orderNav span, #orderNav em
{
BACKGROUND-COLOR: rgb(126,141,200);
BORDER-TOP:   rgb(146,181,220) 1px solid;
BORDER-LEFT:  rgb(146,181,220) 1px solid;

BORDER-RIGHT: rgb(86,101,160)  1px solid;
BORDER-BOTTOM: rgb(86,101,160) 1px solid;
WIDTH: 100%;
COLOR: #ffffff;

MARGIN: 0px;

PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 4px;
BACKGROUND-COLOR: rgb(62,87,145);
BACKGROUND-COLOR: rgb(126,141,200);
TEXT-ALIGN: right;
TEXT-DECORATION: none
}

#orderNav em
{
BACKGROUND-COLOR: rgb(254,123,4);
BORDER:   rgb(224,113,14) 1px solid;
BORDER-TOP:   rgb(117,67,22)   1px solid;
BORDER-LEFT:  rgb(117,67,22)  1px solid;

BORDER-RIGHT: rgb(255,194,97) 1px solid;
BORDER-BOTTOM: rgb(255,194,97)   1px solid;
font-style: normal;
	font-weight: bold;
}


#orderNav A:hover
{
WIDTH: 100%;
COLOR: #ffffff;
BORDER-TOP:   rgb(86,101,160)  1px solid;
BORDER-LEFT:  rgb(86,101,160)   1px solid;

BORDER-RIGHT: rgb(146,181,220) 1px solid;
BORDER-BOTTOM: rgb(146,181,220) 1px solid;
}

/* obutton is the main order controlling button */
p.obutton, p.obutton A, p.obutton input
{
BORDER-TOP:   rgb(247, 215, 155) 1px solid;
BORDER-LEFT:  rgb(247, 215, 155) 1px solid;

BORDER-RIGHT: rgb(22,47,105)  1px solid;
BORDER-BOTTOM: rgb(22,47,105) 1px solid;

BACKGROUND-COLOR: rgb(238,134,89);
/* blue colour */
BACKGROUND-COLOR: rgb(126,141,200);
BORDER-TOP:   rgb(146,181,220) 1px solid;
BORDER-LEFT:  rgb(146,181,220) 1px solid;

BORDER-RIGHT: rgb(86,101,160)  1px solid;
BORDER-BOTTOM: rgb(86,101,160) 1px solid;

COLOR: #ffffff;

MARGIN: 0px;

TEXT-ALIGN: right;
TEXT-DECORATION: none
}

p.obutton
{
WIDTH: auto;
PADDING-TOP: 4px;
PADDING-BOTTOM: 6px;
}

p.obutton A
{
MARGIN-RIGHT:5px;
MARGIN-TOP:5px;
PADDING-TOP: 2px;
PADDING-BOTTOM: 4px;
PADDING-RIGHT: 8px;
PADDING-LEFT: 8px;
}

p.obutton a:hover, p.obutton input:hover
{
BORDER-RIGHT: rgb(247, 215, 155) 1px solid;
BORDER-BOTTOM: rgb(247, 215, 155) 1px solid;

BORDER-TOP:   rgb(22,47,105)  1px solid;
BORDER-LEFT:  rgb(22,47,105) 1px solid;

BORDER-TOP:   rgb(86,101,160)  1px solid;
BORDER-LEFT:  rgb(86,101,160)   1px solid;

BORDER-RIGHT: rgb(146,181,220) 1px solid;
BORDER-BOTTOM: rgb(146,181,220) 1px solid;
}

/* cbutton is the container button */
.cbutton
{
	font-weight: normal;
	font-size:10pt;
/* blue colour */
	BACKGROUND-COLOR: rgb(126,141,200);
	BORDER-TOP:   rgb(146,181,220) 2px solid;
	BORDER-LEFT:  rgb(146,181,220) 2px solid;

	BORDER-RIGHT: rgb(86,101,160)  2px solid;
	BORDER-BOTTOM: rgb(86,101,160) 2px solid;

	COLOR: #ffffff;

	MARGIN: 0px;

	TEXT-DECORATION: none;

	WIDTH: auto;
	PADDING-TOP: 1px;
	PADDING-BOTTOM: 1px;
	PADDING-LEFT: 5px;
	PADDING-RIGHT: 3px;
	text-decoration:none;
}


.cbutton:hover
{
color: #ffffff;
BORDER-RIGHT: rgb(247, 215, 155) 1px solid;
BORDER-BOTTOM: rgb(247, 215, 155) 1px solid;

BORDER-TOP:   rgb(22,47,105)  1px solid;
BORDER-LEFT:  rgb(22,47,105) 1px solid;

BORDER-TOP:   rgb(86,101,160)  2px solid;
BORDER-LEFT:  rgb(86,101,160)   2px solid;

BORDER-RIGHT: rgb(146,181,220) 2px solid;
BORDER-BOTTOM: rgb(146,181,220) 2px solid;
}

table.form {
	margin: 0 0 20px 0;
	border: 1px solid #36436F;
}

table.form td {
	border: none;
	padding: 4px;
	width: 275px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

table.form td p {
	font-size: 10px;
}

table.form th {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #93A6ED;
	background: rgb(166,181,240);
	border-bottom: 1px solid #36436F;
	padding: 4px;
	font-size: 10px;
}

/* define height and width of scrollable area. Add 16px to width for scrollbar          */
div.tableContainer {
	clear: both;
	border: 1px solid #36436F;
/*	height: 50	0px;*/
	overflow: hidden;
	width: 560px
}

/* Reset overflow value to hidden for all non-IE browsers. */
html>body div.tableContainer {
	overflow: hidden;
	width: 560px;
	margin: 0;
	padding: 0;
}

/* define width of table. IE browsers only                 */
div.tableContainer table {
	float: left;
	width: 560px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 150%;
	margin: 0;
	padding: 0;
}

/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
html>body div.tableContainer table {
	width: 560px;
	border:none ;
}

/* set table header to a fixed position. WinIE 6.x only                                       */
/* In WinIE 6.x, any element with a position property set to relative and is a child of       */
/* an element that has an overflow property set, the relative value translates into fixed.    */
/* Ex: parent element DIV with a class of tableContainer has an overflow property set to auto */
thead.fixedHeader tr {
	position: relative;
}


div.billing {
	font-size:18px;
}
/* make the TH elements pretty */
thead.fixedHeader th, #review table td.head {
	background: #93A6ED;
	background: rgb(166,181,240);
	border-left: 1px solid #E6ECFF;
	border-right: 1px solid #36436F;
	border-top: 1px solid #E6ECFF;
	font-weight: bold;
	padding: 4px 3px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	line-height: 120%;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
/* html>body tbody.scrollContent {
	display: block;
	height: 437px;
	overflow: hidden;
	width: 100%;
}
*/

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, #review table td {
	background: #FFF;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 150%;
}

/* define width of TH elements: 1st, 2nd, and 3rd respectively.          */
/* Add 16px to last TH for scrollbar padding. All other non-IE browsers. */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body thead.fixedHeader th {
	width: 64px;
}

html>body thead.fixedHeader th + th + th + th + th + th + th + th {
	width: 112px;
}

/* define width of TD elements: 1st, 2nd, and 3rd respectively.          */
/* All other non-IE browsers.                                            */
/* http://www.w3.org/TR/REC-CSS2/selector.html#adjacent-selectors        */
html>body tbody.scrollContent td {
	width: 59px;
}

html>body tbody.scrollContent td + td {
	width: 162px;
}

html>body tbody.scrollContent td + td + td {
	width: 67px;
}

html>body tbody.scrollContent td + td + td + td {
	width: 62px;
}

html>body tbody.scrollContent td + td + td + td + td {
	width: 58px
}

html>body tbody.scrollContent td + td + td + td + td + td {
	width: 58px
}

html>body tbody.scrollContent td + td + td + td + td + td + td {
	width: 58px
}

html>body tbody.scrollContent td + td + td + td + td + td + td + td{
	width: 78px
}

input {
	border: 1px solid #888;
	font-size: 10px;
}

.center {
	text-align: center;
}

.right, thead.fixedHeader th.right {
	text-align: right;
}

tbody.scrollContent tr.zebraTable td, #review table tr.zebraTable td, .zebraTable {
	background: #EEE;
	border-bottom: none;
	border-left: none;
	border-right: 1px solid #CCC;
	border-top: 1px solid #DDD;
	padding: 2px 3px 3px 4px
}

a.subMenuLinkOn {color:black; text-decoration:none; }

.non, tbody.scrollContent td.non {
	border: 0;
	margin: 0;
	padding: 0;
}

.totals {
	margin: 0 0 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 150%;
	text-align: center;
	font-weight: bold;
	border: 1px solid #36436F;
	border-top: none;
}

td.left, thead.fixedHeader th.left {
	text-align: left;
	padding: 0 0 0 20px;
}

.borderBottom {
	border-bottom: 1px dotted #36436F;
	text-align: left;
}

table.totals td.right {
	padding: 0 20px 0 0;
}

p.submit {
	margin: 12px 3px 0 0;
	text-align: right;
}

p.submit input {
	padding: 6px 12px;
	font-weight: bold;
	font-size: 12px;
}

.floatRight {
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height: 150%;
}

table.review {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 150%;
	margin: 0;
	padding: 0;
	/*border-left: 1px solid #ddd;*/
	border-bottom: 1px solid #ddd;
}

#review, div.billing p.floatLeft>strong , div.billing>strong {
font-size:140%}

review tr.nav td>strong 
{
	font-size:200%;
}

table.review tr.nav td {
	border-bottom: 1px solid #36436F;
}

a {
	font-weight: bold;
	color: #44f;
}

a:hover {
	color: #333;
}



/* review is the order form (not html form, the viewonly one) */

#review.left, thead.fixedHeader th.left {
	text-align: left;
	padding: 0 0 0 20px;
}

#review ,#review table{
width:560px;
padding:0;
margin:0;
}

#review table > td{padding:0;}

#review table thead
{
width:560px;
border-bottom: 1px solid #ddd;
	background: #93A6ED;
	background: rgb(166,181,240);
	border-left: 1px solid #E6ECFF;
	border-right: 1px solid #36436F;
	border-top: 1px solid #E6ECFF;
	font-weight: bold;
	padding: 4px 3px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	line-height: 120%;
}


/* the order form header (product) */
td>p>strong, td>strong, .review>.left{
font-size:11pt;
}

/* the order form table content sizing */
#review table .right, #review table .left
{
	font-size:9pt;
}

/*---------------------------------------------------------------------------
 * order header (used in order_header.php) to layout the header.
 *---------------------------------------------------------------------------
 */

/*
 * used to layout the order header on the printout format
 */
#order-tophead
{
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	padding: 0; 
	padding-top:1em;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	border: none; 
}

#order-tophead-img
{
	height:auto;
	border: none;
	float: left;
	margin: 0; 
	padding: 0; 
}

#order-tophead-phone
{
padding-left:2em;
	width:auto;
	float:right;
	margin-right:10pt;
}

#order-tophead-address
{
padding-left:2em;
	width:auto;
	float:right;
	margin-left:10pt;
}

#order-tophead-title
{
	display:block;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
}

#order-tophead-title h1
{
	font-size:14pt;
	vertical-align: top;
	background: none;
	border: none;
}

#order-tophead-info
{
	text-align:left;
	width:auto;
	border: none; float: left; margin: 0; padding: 0; 
	font-size:8pt;
	margin-left:20pt;
	vertical-align: top;
}

#order-tophead-hfoot
{
	clear:both;
}

#order-address-block
{
	clear:both;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	margin-top: 0;
	padding: 0; 
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	border: none; 
}
/* Address fields */
.order-address
{
	float:left;
	min-width:250px;
	margin:0;
	padding:0;
	font-size:8pt;
	width:auto;
	margin-right:10pt;
	padding-bottom:2em;
	padding-top:1em;
}

/*title*/
.order-address strong
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:0
}

.order-address p
{
	margin:0;
	margin-left:10pt;
	padding:0;
}
#order-acceptance{
}

#order-acceptance h2{
	font-size:9.5pt;
}

#bill-discount-summary
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12pt;
font-weight:bold;
	border: 1px solid #93A6ED;
	padding: 12px;
}

/*
 * end
 */