body {
	background-color: #000000;
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	text-align: left;
	padding: 0;
	margin: 0;
	
}
p {font-size: 12; color: #ACACAC; font-family:arial; font-weight: none;line-height: 130%}
p.intro {font-size: 12; color: #ACACAC; font-family:arial; font-weight: bold;line-height: 130%}
a.one:link {font-size: 10; font-weight: bold; color: white; font-family: verdana; text-decoration: none;}
a.one:visited {font-size: 10; font-weight: bold; color: white; font-family: verdana; text-decoration: none;}
a.one:active {font-size: 10; color: red;}
a.one:hover {font-size: 10; color: #2744B6;text-decoration: overline; text-decoration: underline;}

a.two:link {font-size: 11; font-weight: none; color: #C0C0C0; font-family: arial; text-decoration: none;}
a.two:visited {font-size: 11; font-weight: none; color: #C0C0C0; font-family: arial; text-decoration: none;}
a.two:active {font-size: 11; color: red;}
a.two:hover {font-size: 11; color: red;text-decoration: overline; text-decoration: underline;}

a.three:link {font-size: 11; font-weight:bold; color: #2744B6; font-family: arial; text-decoration: none;}
a.three:visited {font-size: 11; font-weight:bold; color: #2744B6; font-family: arial; text-decoration: none;}
a.three:active {font-size: 11; color: #2744B6;}
a.three:hover {font-size: 11; color: #2744B6;text-decoration: overline; text-decoration: underline;}

a.four:link {font-size: 11; font-weight:none; color: white; font-family: arial; text-decoration: none;}
a.four:visited {font-size: 11; color: white; text-decoration: none;}
a.four:active {font-size: 11; color: red}
a.four:hover {font-size: 11; color: red ;text-decoration: overline; text-decoration: underline;}

a.five:link {font-size: 11; font-weight: bold; color: #00FF00; font-family: arial; text-decoration: none;}
a.five:visited {font-size: 11; color: #00FF00; text-decoration: none;}
a.five:active {font-size: 11; color: #00FF00}
a.five:hover {font-size: 11; color: #00FF00 ;text-decoration: overline; text-decoration: underline;}

a.six:link {font-size: 11; font-weight: bold; color: red; font-family: arial; text-decoration: none;}
a.six:visited {font-size: 11; color: red; text-decoration: none;}
a.six:active {font-size: 11; color: red}
a.six:hover {font-size: 11; color: red ;text-decoration: overline; text-decoration: underline;}



a.plain {
	color: white;
	text-decoration: none;
}

a.plain:hover {
	color:red;
	text-decoration: none;
}

a.plain:visited {
	color: white;
	text-decoration: none;
}

a {
	color: white;
	text-decoration: none;
}

a:hover {
	color:red;
	text-decoration: none;
}

a:visited {
	color: white;
	text-decoration: none;
}


a img {
	border: 0px;
}

ul {
	list-style: square;
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
}

li {
	padding: 1px;
}

table 
{
	border: 2px;
	text-align: left;
	background-color: #000000;
	font-size: 14px;
	color:#C0C0C0;
}
table.full {
	width: 99%;
}
tr {
	margin: 0px;
	padding: 0px;
	border: 0;
}
td {
	margin: 0px;
	padding: 0px;
	border: 0;
}

h1 { 
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	padding: 2px 10px 2px 10px;
	margin: 0px;
	color:#C0C0C0;
}

h2 { 
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	padding: 2px 10px 2px 10px;
	margin: 0px;
}

h4
{
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
}

/*Base ids for basic site layout*/

#main {
	width: 800px;
	margin: 0px;
	padding: 0px;
	text-align: left;
	/*position: relative;*/
	vertical-align: top;
}

#header
{
	background: #000000;
	width: 800px;
}

#headerLogo
{
	float: left;
	width: 200px;
}

#headerFunctions
{
	float: right;
	margin: 2px;
}

#contentWrapper {

}

#content {
	color: #ACACAC;
	background: #000000;
	width: 750px;
}

#footer {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	color: #aaa;
	position: relative;
	top: 5px;
	text-align: center;
}

#footer a {
	color: #aaa;
	text-decoration: none;
}

.maintext {
	margin: 0px;
	padding: 10px;
}

.clear
{
	clear: both;
	vertical-align: bottom;
	overflow: hidden;
}

.button
{
	cursor: pointer;
}

#pageTitle
{
	font-size: 16px;
	background-color: #000000;	
	color: #ACACAC;	
	padding: 5px;

}

.pageTitle
{
	font-size: 16px;
	background-color: #000000;	
	border-top: solid 1px #5171ff;
	color:#C0C0C0;
}
/*************** Columns ***************/
.evenRow
{
	background-color: #black;
	
}

.oddRow
{
	background-color: #black;
}

/*************** Machine configuration UI related styles ***************/

.machineName
{
	font-size: 24px;
	color: #C0C0C0;
}

#systemInfoBlob
{
}

#systemImg 
{
	float: left;
	width: 314px;
	margin: 0px;
	padding: 0px;
}

#systemDesc
{
	float: left;
	width: 150px;
}

#banner
{
	float: right;
	width: 325px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

#components
{
	width: 99%;
}

#peripherals
{
}

#componentsTitleBar
{
	padding: 5px;
	font-size: 16px;
	background-color: black;
	color: #FFFFFF;
	border-bottom: solid 2px #bababa;
}

#componentTitle
{
	float: left;
	color: #C0C0C0;
}

#priceTop
{
	color: Red;
	font-size: 16px;
	font-weight: bold;
	border: solid 2px #000000;
	float: right;
	width: 100px;
	text-align: center;
}

#backButton
{
	float: left;
	margin: 2px;
}

#nextButton
{
	float: right;
	margin: 2px;
}

#addToCartButton
{
	float: right;
	margin: 2px;
}

.component
{
	border: solid 2px #212121;
	margin: 10px;
	padding: 0px;
	width: 750px;
	color:#C0C0C0;
}

.componentName
{
	border-bottom: solid 1px #212121;
	background-color: #212121;
	color:white;
	
}

.componentImage
{
	float: left;
	width: 70px;
	padding-top: 5px;
	color:#C0C0C0;
}

.componentList
{
	float: left;
	padding: 5px;
	width: 650px;
	font-size: 9px;
	color:#C0C0C0;
}

.priceDescription
{
	color: #2744B6;
}

a.notCurrentStep {
	color: white;
	text-decoration: none;
}
a.notCurrentStep:visited {
	color: white;
	text-decoration: none;
}

a.notCurrentStep:hover {
	color: #e77;
	text-decoration: underline;
}

a.currentStep {
	color: red;
	text-decoration: none;
	font-size: 15px;
}

a.currentStep:visited {
	color: #ec0101;
	text-decoration: none;
}

a.currentStep:hover {
	color: #ec0101;
	text-decoration: none;
}

/*************** Shopping cart UI related styles ***************/

#shoppingCart
{
	border: solid 1px #212121;
	color: White;
	margin: 10px;
	padding: 0px;
}

#shoppingCartHeader
{
	border-bottom: solid 1px #212121;
	background-color: #212121;
	color: red
}

#shoppingCartTableWrapper
{
}

.shoppingCartTable
{
	width: 700px;
}

#shoppingCartButtons
{
	text-align:right;
	vertical-align: bottom;
}

#continueShoppingButton
{
	float: right;
	margin: 4px 10px 0px 10px; 
}

#checkoutButton
{
	float: right;
	margin: 2px; 
}

#updateCartButton
{
	float: right;
	margin: 4px 10px 0px 10px; 
}

#shippingCostList
{
	float: right;
	margin-right: 5px;
}

/**********************Checkout related styles ***************************/

#checkoutProgressTable
{
	border: 0px;
}

a.checkoutProgressTitle
{
	font-size: 24px;
	color: #ACACAC;	
	padding: 5px;
}

#orderHeader
{
	font-size: 16px;
	background-color: #e7f2ff;	
	border-top: solid 1px #5171ff;
}
    
#orderDetail
{
	margin-top: 5px;
}
	
#shippingInformation
{
	float: left;
	width: 300px;
	padding: 5px;
}
      
#paymentInformation
{
	float: left;
	width: 300px;
	border-left: #c8c8c8 2px solid;
	padding: 5px;
}
       
#itemHeader
{
	font-size: 16px;
	background-color: #e7f2ff;	
	border-top: solid 1px #5171ff;
	padding: 5px;
}

#itemTable
{
	padding: 5px;
}

#orderTotal
{
	color: #ACACAC;	
	border-top: #c8c8c8 2px solid;
	text-align: right;
	padding: 5px;
}

#backButton
{
	text-align: left;
	float: left;
	width: 200px;
	padding: 5px;
}

#forwardButton
{
	text-align: right;
	float: right;
	width: 200px;
	padding: 5px;
}
/**********************Login Box ***************************/
.tableHeader
{
	margin-top: 10px;
	font-size: 16px;
	color:white;
	background-color: #212121;	
	border: none;
	padding: 5px;
}

#confirmation
{
	padding: 10px;
}

#shippingToAddress
{
	color: #ACACAC;	
	padding: 5px;
}

#billingAddress
{
	color: #ACACAC;	
	padding: 5px;
}

#shippingConfirmation
{
	color: #ACACAC;	
	padding: 5px;
}

#confirmationTotal
{
	text-align: right;
	padding: 5px;
}

#orderNumber
{
	color: #ACACAC;
	border-bottom: #c8c8c8 2px solid;
	font-size: 20px;
	font-weight: bold;
}

#orderTotal
{
}

#orderTotal .description
{
	text-align: right;
}
#orderTotal .informatin
{
	text-align: left;
}
#orderTotal .total
{
	font-weight: bold;
	text-align: right;
}

/* styles for showing status, either error or success */
#statusMessages
{
	text-align: left;
	margin-left: 10px;
}

.errorMessage
{
	color: #f00;
	text-align: left;
}

.successMessage
{
	color: #00f;
}

/*************** Order staus UI related styles ***************/

#orderStatus, #orderStatusDetail
{
	border: solid 1px #212121;
	margin: 10px;
	padding: 0px;
}

#orderStatusHeader, #orderStatusDetailHeader
{
	border-bottom: solid 1px #212121;
	background-color: #212121;
	color: red
}

#orderStatusTableWrapper, #orderStatusDetailTableWrapper
{
	text-align: center;
	padding: 5px;
}

.orderStatusTable
{
	text-align: left;
	margin-top: 10px;
	width: 760px;
}

.statusRow
{
	text-align: left;
	width: 250px;
	margin-right: 5px;
	vertical-align: top;
}

.itemRow
{
	text-align: left;
	width: 400px;
}

.viewOrderRow
{
	text-align: right;
	padding-right: 5px;
	width: 100px;
	vertical-align: top;
}

.orderStatusDetailTable
{
	text-align: left;
	width: 760px;
}


#orderStatusDetailInfo
{
	background-color: #444;
	border-bottom: solid 1px #212121;
	padding: 5px;
}

.shippingColumn
{
	border-right: solid 1px #212121;
	width: 200px;
	padding: 5px;
	vertical-align: top;
}

.itemsColumn
{
	border-bottom: solid 1px #212121;
	padding: 5px;
}

.totalsColumn
{
	text-align: right;
	padding: 5px;
}

li.machineComponent
{
	font-size: 11px;
	margin-left: 10px;
	list-style-type: circle;
}