
/*************************Header*******************************/
#headerbar {
	width: 960px;
	height: 60px;
	padding-top: 20px;
	*width: 340px;
	*padding-top: 0px;
	*margin-top: 5px;
	*float: right;
}

#name {
	margin-left: 20px;
	margin-top: 34px;
	float:left;
	width: 600px;
	*margin-top: 18px;
	*margin-bottom: 25px;
}

#headerbar {
	width: 960px;
	height: 60px;
	padding-top: 20px;
}

#headerbar #membername {
	margin-left: 20px;
	margin-top: 5px;
	float:left;
	width: 600px;
}

#headerbar #membertitle {
	margin-top: -15px;
	margin-left: 80px;
	float: right;
	width: 300px;
}

#title {
	margin-top: 12px;
	margin-left: 80px;
	float: right;
	width: 300px;
}


.spacer {
	width: 60px;
	height: 22px;
	padding-right: 20px;
	margin-right: 20px;
	background: #000;
	display:inline;
	*margin-right: 5px;
	*width: 8px;
}

#stepsnav {
	width: 960px;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #222;
}

#step {
	padding-top: 12px;
	margin-left: 20px;
	float: left;
	width: 200px;
	height: 40px;
	line-height: 1.8em;
	color:#888;
	text-decoration:none;
	text-align: center;
}

#step h2 {
	font-size: 11px;
	font-weight: bold;
}

.total {
	padding-right: 90px;
	padding-top: 15px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	float: right;
	font-size: 14px;
}

#chatlive {
	margin-left: 10px;
	margin-right: 20px;
	margin-top: 14px;
	float:right;
	width:100px;
}

#chatlive img {
	float: left; 
	padding-right: 5px;
}

#phonenumber {
	margin-top: 14px;
	margin-right: 5px;
	float:right;
	width:120px;
}

* html #headerbar {
	width: 960px;
	height: 60px;
}

* html #name {
	margin: -20px 0px 0px 10px;
	position: relative;
	top: 40px;
}





/*************************Form Headers*******************************/
#header1 {
	margin: 10px 5px 4px 38px;
	float: left;
	width: 635px;
	height: 40px;
	background-color: #0b0b0b;
}

#header2 {
	margin: 10px 0px 4px 5px;
	float: left;
	width: 402px;
	height: 40px;
	background-color: #0b0b0b;
}

#pleasenote {
	margin: 1px 5px 20px 150px;
	padding-top: -10px;
	float: left;
	width: 400px;
	height: 100px;
	background-color: #000;
}

#pleasenote p {
	text-align: center;
}

#header1 h1, #header2 h1 {
	font-size: 12px;
	font-weight: bold;
	color:#fff;
	margin-top: 10px;
	margin-left: 10px;
}

#header1 b, #header2 b {
	color: #999;
}

/*************************Mini Cart and Parts List*******************************/
#minicart {
	padding: 8px;
	padding-top: 10px;
	margin-right: 15px;
	float: right;
	width: 235px;
	height: 50px;
	background: #222;
}

#minicart p {
	margin-top: -5px;
}

#partslist {
	padding: 8px;
	padding-top: 10px;
	margin-right: -251px;
	margin-top: 70px;
	width: 235px;
	background: #111;
	float: right;
	*padding-bottom: 20px;
}

.qty {
	width: 20px;
}

/*************************Form Content*******************************/
#form1 {
	margin: 1px 5px 0px 40px;
	float: left;
	width: 627px;
	background-color: #222;
	border: 1px solid #333;
}

#form1 form, #form2 form, #form3 form {
	margin: 40px 0px 0px 170px;
}

#form1 p, #form2 p, #form3 p {
	margin: 0px 0px 7px 0px;
}

#form1 input, #form2 input, #form3 input {
	width: 230px;
	margin: 0px 0px 10px 0px;
}

#form1 ol {
	margin: 10px 0px 0px 50px;
}

#form1 .submitbutton p {
	font-size: 11px;
	font-weight: bold;
	color: #a4a4a4;
	padding: 5px 0px 0px 30px;
}

#form3 .submitbutton p {
	font-size: 11px;
	font-weight: bold;
	color: #a4a4a4;
	padding: 5px 0px 0px 70px;
}

.formbutton {
	margin: 0px 0px 10px 50px;
	width: 100px;
	height: 30px;
	background: #444;
}

#form3 .formbutton {
	margin: -15px 0px 0px 50px;
	width: 200px;
	height: 30px;
	background: #444;
}

#form2 {
	margin: 1px 14px 1em 14px;
	padding-left: 20px;
	float:left;
	width:400px;
	height: 200px;
	background-color: #222;
	border: 1px solid #333;
}

#form3 {
	margin: 1px 5px 20px 40px;
	float:left;
	width: 620px;
	height: 75px;
	background-color: #222;
	border: 1px solid #333;
}

p.lost {
	float: right;
	padding: 0px 20px 0px 0px;
	margin: 0px 30px 0px 0px;
}

#form1 .details {
	width: 670px;
	margin-left: 20px;
	margin-top: 15px;
	padding-bottom: 10px;
	float: left;
}

#form1 .cbox {
	width: 15px;
	margin: 0px 4px 0px 0px;
}

#form1 .rbox {
	width: 13px;
	margin: 0px 4px 0px 50px;
}

#form1 input.smallfield {
	width: 50px;
	margin: 0px 0px 0px 0px;
}

#form1 select.smallfield {
	background: #fff;
	color: #000;
	width: 80px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}

#form1 select {
	background: white;
	height: 18px;
	color: #000;
	font-size: 11px;
}


/*************************Form*******************************/
#theform {
	padding: 20px 20px 20px 80px;
	margin-top: 10px;
}
	
#theform fieldset {
	border: 0;
	margin-left: 10px;
	float: left;
}

#theform fieldset legend {
	font-size: 4em;
	color: #FFFFFF;
}

#theform fieldset label {
	font-size: 9pt;
	display: block;
	line-height: 1.5em;
}

#theform fieldset input, password, select, checkbox {
	color: #888;
	font-size: 12pt;
	height: 1.5em;
	margin-bottom: .5em;
	background: #0b0b0b;
	border: 1px solid #222;
}


/* Part 4 Styling */
#theform #pt4 {
	clear: both;
	width: 15em;
	height: 2em;
}

#theform #pt4 legend {
	display: none;
}

#theform #pt4 input {
	height: 3em;
	font-size: 1em;
	width: 10em;
	color: #777; 
	background: #444;
	font-weight: bold;
	border: 1px solid #333;	
}

.missing_info { border: 2px solid red; height: 16px; width: 230px;}
.missing_info2 { border: 2px solid red; height: 16px; width: 50px;}

.pdf {
	float: left;
	margin: 0px 5px 0px 0px;
	*margin: 10px 5px 0px 0px;
}


/*************************Checkout Receipt*******************************/
#form1receipt {
	color: #000;
}

#form1receipt h3 {
	color: #000;
	font-size: 12px;
}

#form1 ol.orderlisttitles li {
	margin-right: 115px;
	font-weight: bold;
}

#form1 ol.orderlisttitles li.desc {
	margin-right: 10px;
	width: 220px;
}

#form1 ol.orderlist li {
	margin-right: 115px;
}

#form1 ol.orderlist li.desc {
	margin-right: 10px;
	width: 220px;
}

#form1 .ordertotals {
	color: #fff;
	margin: 20px 40px 0px;
}


#header1receipt h1 {
	font-size: 12px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-left: 10px;
}

#header1receipt b {
	color: #000;
}

#form1receipt ol.orderlisttitles li {
	margin-right: 115px;
	font-weight: bold;
}

#form1receipt ol.orderlisttitles li.desc {
	margin-right: 10px;
	width: 220px;
}

#form1receipt ol.orderlist li {
	margin-right: 115px;
}

#form1receipt ol.orderlist li.desc {
	margin-right: 10px;
	width: 220px;
}

#form1receipt .ordertotals {
	color: #000;
	margin: 20px 40px 0px;
}

#form1 p.friendly {
	margin: 10px 30px 0px 0px;
}
	