body { margin: 0; background-color: #000033; font-family: Tahoma, Verdana; font-size: 12pt; }
.page { width: 800px; margin: auto; }
.margin { margin: 0 10px 0 10px; }
.flashmessages { border: solid 1px #ff8855; background-color: #ffffcc; padding: 10px; margin: 10px; }
.right { text-align: right; }
.left { text-align: left; }
.center { text-align: center; }
.big { font-size: 18px; font-weight: bold; }

#head .big { font-size: 22px; font-weight: bold; }
#head .small { font-size: 12px; }
#head .logo { float: right; }

#nav { text-align: center; }
#nav a { margin: 0 10px 0 10px; }

#content { margin: 0 10px 0 10px; }

#foot { text-align: center; }
#foot a { margin: 0 10px 0 10px; }


#shoppingcart table { width: 100%; border-collapse: collapse; }
#shoppingcart .head { font-weight: bold; }
#shoppingcart .line td { border-bottom: solid 1px #ccc; }
#shoppingcart form { display: inline; }
#shoppingcart label { line-height: 22px; padding: 0 10px 0 10px; font-weight: bold; }

#checkout form input, #shoppingcart form select, #shoppingcart form label { float: left; }
/*
#checkout form br { clear: both; }
#checkout label { width: 100px; text-align: right; margin-right: 10px; }
#checkout .input { width: 200px; }
#checkout .city { width: 100px; }
#checkout .state { width: 50px; }
#checkout .zip { width: 50px; }
#checkout .clabel { width: 250px; }
*/

#review table { width: 100%; border-collapse: collapse; font-size: 12pt; }
#review .head { font-weight: bold; }
#review .line td { border-bottom: solid 1px #ccc; }
#review .total { font-size: 14pt; }
#review div { padding: 10px; }

#review .order_header { border: solid 1px #ccc; }
#review .order_items { border: solid 1px #ccc; }
#review .submit { border: solid 1px #ccc; }

#autoparts .col { float: left; width: 200px; margin: 5px; }
#autoparts { border: solid 1px #ccc; height: 0.01%; padding: 10px 10px 10px 10px;}
#autoparts a {display: inline; text-decoration: none; }
#autoparts a:hover { background-color: #eee; color: blue; }
#autoparts a:visited { color: blue; }
#autoparts br { clear: left; }

#search { border: solid 1px #ccc; padding: 4px; background-color: #FEFEFE; height: 0.01%; }
#search .description { float: left; }
#search .number { float: right !important; }

#searchresults .partframe { border: solid 1px #ccc; height: 0.01%; }
#searchresults .partframe ul { list-style: none; margin: 5px; padding: 0; }
#searchresults .thumbframe img { max-width: 100px; border: 0; }
#searchresults .thumbframe, .infoframe, .appframe { float: left; vertical-align: middle; margin: 5px; border-right: solid 1px #ddd; border: 0; }
#searchresults .thumbframe { text-align: center; align: center; width: 100px; }
#searchresults .infoframe { width: 300px; }
#searchresults .appframe { /*width: 150px;*/ border: 0; }
#searchresults .buyframe { border-top: solid 1px #ddd; border: 0; }
#searchresults .buyframe form { display: inline; }
#searchresults .includeframe { border-left: solid 1px #ddd; float: left; padding: 5px; margin-left: 5px; border: 0; }
#searchresults .buttonframe { width: 105px; padding: 5px; float: left; text-align: center; }


.loginform {
	border: solid 1px #ccc;
	width: 300px;
	margin: 10px auto;
	padding: 0;
}
.loginform label {
	margin: 5px;
}
.loginform .text {
	width: 280px;
	margin: 5px;
}
.loginform .button {
	margin: 5px;
	
}

.registerform { width: 220px; float: right; background: #eee; padding: 10px; margin: 0 0 0 10px; }
.registerform input { width: 200px; }


.myaccount .nicetable {
	width: 100%;
	border-collapse: collapse;
	border: solid 1px #ccc;
}
.myaccount .nicetable td { padding: 4px; }
.myaccount .nicetable .heading td { font-weight: bold; border-bottom: dotted 1px #ccc; }
.myaccount .nicetable .item td { border-bottom: dotted 1px #ccc; }