/* CSS Document */

/* I added quickorder, faq, and resources to this*/
#cart h3, #checkoutType h3, #contact h3, #shipping h3, #payment h3, #review h3, #quickorder h3, #faq h3, #resources h3 {
	width: 525px;
	height: 20px;
	background: url(images/bkd_checkout_tabs.gif) top left no-repeat;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin: 0 0 0 5px;
	padding: 2px 5px 0 5px;
	}

.signIn {
	font: bold 90% Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 5px;
	padding: 0;
	}

.descrip {
	font: normal 90% Arial, Helvetica, sans-serif;
	margin: 0 2px;
	padding: 0;
	}

.descrip2 {
	font: normal 75% Arial, Helvetica, sans-serif;
	margin: 0 2px;
	padding: 0;
	}

/*I added these two misc*/	
.misc {
	display: block;
	float: left;	
	font-size: 85%;	
	/*text-transform: lowercase;*/	
	color: #6B6B6B;
	margin: 10px 5px 0 10px;
	padding: 0;
	}
		
.misc2 {
	display: block;
	float: left;	
	font-size: 85%;	
	text-transform: lowercase;	
	color: #6B6B6B;
	margin: 10px 5px 0 60px;
	padding: 0;
	}
.misc3 {	
	font-size: 85%;		
	color: #6B6B6B;	
	}

.misc4 {
	display: block;
	float: center;	
	font-size: 85%;	
	/*text-transform: lowercase;*/	
	color: #6B6B6B;
	margin: 0;
	padding: 0;
	}
	
.misc5 {	
	font-size: 60%;		
	color: #6B6B6B;	
	}
/************STEPS***********************/
#steps {
	width: 545px;
	margin: 15px 0 15px 5px;
	padding: 0;
	}

/************OPTIONS***********************/
#options {
	width: 545px;
	text-align: center;
	margin: 15px 0 15px 5px;
	padding: 0;
	}
	#options img {
		margin: 5px;
		padding: 0;
		}
		
/************OPTIONS2***********************/
#options2 {
	width: 545px;
	text-align: center;
	margin: 0 0 15px 5px;
	padding: 0;
	}
	#options2 img {
		margin: 0;
		padding: 0;
		}

/*************CART CONTENTS**************/
#cart {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#cart p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin:0 0 5px 5px;
		padding: 0;
		}
	#cart table {
		width: 100%;
		margin: 0;
		padding: 0;
		}
	#cart th {
		font: bold 100% "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
		color: #333333;
		text-align: center;
		margin: 0;
		padding: 0 0 10px 0;
		}
	#cart td {
		font: normal 90% "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		text-align: center;
		margin: 0;
		padding: 0 0 5px 0;
		}
	#cart td a {
		font: bold 110% "Trebuchet MS"  Verdana, Arial, Helvetica, sans-serif;
		color: #003399;
		}
		#cart td a:hover, #cart td a:active {
			text-decoration: none;
			color: #993300;
			}
	#cart dl {		
		margin: 0;
		padding: 0;
		}
		#cart dt {
			width: 400px;
			float: left;
			font: normal 90% Arial, Helvetica, sans-serif;
			color: #666666;
			margin: 0 0 5px 0;
			padding: 0;
			text-align: right;
			}
		#cart dd {
			font: normal 80% Arial, Helvetica, sans-serif;
			margin: 0 20px 5px 0;
			padding: 0;
			text-align: right;
			}
			#cart dd.total {
				font: bold 100% Arial, Helvetica, sans-serif;
				color: #990000;
				}
			/* I added this. */
			#cart dd.discount {
				font: bold 90% Arial, Helvetica, sans-serif;
				color: #990000;
				}
		#cart dd:after {
			 visibility: hidden;
			 clear: left;
			 font-size: 0;
			 height: 0;
			 display: block;
			 content: ".";
			 }

/***************CHECKOUT TYPE**********************************/
#checkoutType {
	width: 545px;
	margin: 0 0 5px 5px;
	/*padding: 15px 0 0 0;*/
	padding: 0;
	}
	#checkoutType p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
		#checkoutType a.forgot {
			font: italic 80% Arial, Helvetica, sans-serif;
			margin: 0 0 0 10px;
			}
	#checkoutType h4 {
		font: bold 110% Arial, Helvetica, sans-serif;
		margin: 10px 5px 3px 5px;
		padding: 0;
		}
	#checkoutType h5 {
		font: bold italic 85% Arial, Helvetica, sans-serif;
		margin: 10px;
		padding: 0;
		}
	#checkoutType ul {
		margin: 0 0 0 30px;
		padding: 0;
		list-style-type: square;
		}
	#checkoutType li {
		font: normal 80% Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}
	#checkoutType input, #checkoutType select, #checkoutType textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#checkoutType label {
		display: block;
		float: left;
		width: 110px;
		font-size: 85%;
		text-transform: lowercase;
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	
	#checkoutType br {
		clear: left;
		}
	.options {
		width: 545px;
		text-align: center;
		margin: 15px 0 15px 5px;
		padding: 0;
		}
	.options img {
		margin: 5px;
		padding: 0;
		}

/***********************CONTACT INFO****************************/
#contact {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#contact p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
	#contact h4 {
		font: bold 110% Arial, Helvetica, sans-serif;
		margin: 10px 5px 3px 5px;
		padding: 0;
		}

	#contact input, #contact select, #contact textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#contact label {
		display: block;
		float: left;
		width: 150px;
		font-size: 85%;
		text-transform: lowercase;
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	#contact br {
		clear: left;
		}
	#contact img {
		margin: 5px 0 0 135px;
		padding: 0;
		}
	#contact ul {
		margin: 0 0 0 30px;
		padding: 0;
		list-style-type: square;
		}
	#contact ul.confirm {
		list-style-type: none;
		}
	#contact li {
		font: normal 80% Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}


/***********************SHIPPING INFO****************************/
#shipping {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#shipping p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
	#shipping h4 {
		font: bold 110% Arial, Helvetica, sans-serif;
		margin: 10px 5px 3px 5px;
		padding: 0;
		}

	#shipping input, #shipping select, #shipping textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#shipping label {
		display: block;
		float: left;
		width: 150px;
		font-size: 85%;
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	#shipping br {
		clear: left;
		}

/***********************PAYMENT INFO****************************/
#payment {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#payment p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
	#payment h4 {
		font: bold 110% Arial, Helvetica, sans-serif;
		margin: 10px 5px 3px 5px;
		padding: 0;
		}

	#payment input, #payment select, #payment textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	#payment label {
		display: block;
		float: left;
		width: 150px;
		font-size: 85%;
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	#payment br {
		clear: left;
		}


/***********************REVIEW INFO****************************/
#review {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#review p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
	#review h4 {
		font: bold 110% Arial, Helvetica, sans-serif;
		margin: 10px 5px 3px 5px;
		padding: 0;
		}
	#review ul {
		margin: 0 0 0 30px;
		padding: 0;
		list-style-type: square;
		}
	#review ul.confirm {
		list-style-type: none;
		}
	#review li {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0;
		padding: 0;
		}

/***********************CONFIRM SCREEN****************************/
#confirm {
	width: 545px;
	margin: 0 0 5px 5px;
	padding: 0;
	}
	#confirm h2 {
		font: bold 130% Arial, Helvetica, sans-serif;
		color: #990000;
		text-align: center;
		margin: 30px 5px 20px 5px;
		padding: 0;
		}
	#confirm p {
		font: normal 100% Arial, Helvetica, sans-serif;
		margin: 0 15px 10px 15px;
		padding: 0;
		}
		
/* I modified this */		
/***********************QUICK ORDER****************************/
#quickorder {
	/*width: 525px;
	margin: 10px 0 5px 20px;
	padding: 0;*/
	width: 545px;
	margin: 20px 0 5px 5px;
	padding: 0;
	}
	/*#quickorder h2 {
		font: bold 130% Arial, Helvetica, sans-serif;
		color: #990000;
		text-align: left;
		margin: 0 5px 20px 5px;
		padding: 0;
		}*/
	#quickorder input, #quickorder select, #quickorder textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}
	/*#quickorder label {
		display: block;
		float: left;
		width: 100px;
		font-size: 90%;
		text-align: right;
		color: #333333;
		margin: 10px 5px 0 0;
		padding: 0;
		}*/
	#quickorder label {
		display: block;
		float: left;
		width: 100px;
		font-size: 85%;		
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}
	.quantity {
		font-size: 80%;
		/*text-transform: lowercase;*/
		text-align: right;
		/*font-style: italic;
		color: #666666;*/
		margin: 0 2px;
		padding: 0;
		}
	#quickorder br {
		clear: left;
		}		
	#quickorder p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}

/* I added this */
/***********************FAQ****************************/
#faq {	
	width: 545px;
	margin: 20px 0 5px 5px;
	padding: 0;
	}	
	#faq input, #faq select, #faq textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}	
	#faq label {
		display: block;
		float: left;
		width: 100px;
		font-size: 85%;		
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}	
	#faq br {
		clear: left;
		}		
	#faq p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}
		
/* I added this */
/***********************My Resources****************************/
#resources {	
	width: 545px;
	margin: 20px 0 5px 5px;
	padding: 0;
	}	
	#resources input, #resources select, #resources textarea {
		margin: 10px 0 0 0;
		padding: 0;
		}	
	#resources label {
		display: block;
		float: left;
		width: 100px;
		font-size: 85%;		
		text-align: right;
		color: #6B6B6B;
		margin: 10px 5px 0 0;
		padding: 0;
		}	
	#resources br {
		clear: left;
		}		
	#resources p {
		font: normal 90% Arial, Helvetica, sans-serif;
		margin: 0 0 5px 5px;
		padding: 0;
		}