
/* Styles for cart and wizard tables */

table.Cart
{
	
	margin-bottom: 12px;
}

table.Cart thead th
{
	font-weight: bold;
	color: #fff;
	background: #555;
	border-style: none;
}

table.Cart td, table.Cart th
{
	border-left-style: none;
	border-right-style: none;
	background-color: #e1e1e1;
	border-color: #999999;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
}

table.Cart .Buttons
{
	white-space: nowrap;
	text-align: right;
	padding-right: 0;
}


table.Cart tfoot th
{
	text-align: right;
}

table.Cart tfoot td
{
	white-space: nowrap;
}


table.Cart .Number
{
	text-align: right;
}

table.Cart tfoot .Grand th, table.Cart tfoot .Grand td
{
	font-weight: bold;
}

.Wizard
{
	width: 100%;
}

.Wizard .Sidebar
{
	vertical-align: top;
	padding-left: 20px;
	padding-top: 5px;
	width: 175px;
}

#content .Wizard .Sidebar a
{
	color: #333333;
	font-weight: inherit;
}

/*
note: bullet images for side bar are placed in relevant site css as they have different images
*/


/* Forms */

fieldset
{
	border: 1px solid #333333;
	margin-bottom: 12px;
}

legend
{
	color: #333333;
	font-size: 1.2em;
	padding: 0 5px 0 5px;
}

/* Add 200px margin to the left of each form div */
fieldset div
{
	clear: both;
	margin-bottom: 12px;
	min-height: 12px;
	margin-left: 190px;
	margin-top: 12px;
	position: relative; /* Important overrides the 10px padding applied to all divs within content */
	padding: 0 !important;
}

/* Then offset the labels into the empty space */
fieldset label
{
	display: block;
	position: absolute;
	width: 170px;
	left: -195px;
	text-align: right;
	margin-top: 3px;
}

/* Then remove the margin from nested divs */
fieldset div div
{
	clear: none;
	margin: 0;
}

/* This pushes the asterisks into their own column so field labels continue to line up */
fieldset label .Required
{
	position: absolute;
	left: 177px;
}

fieldset small
{
	display: block;
	padding-left: 12px;
}

.Next
{
	width: 45%;
	float: right;
	text-align: right;
}

.Previous
{
	width: 45%;
	float: left;
	text-align: left;
}

.Highlight fieldset
{

	padding:8px;
}



