body { background-color: #EEEEEE; font-size: 12px; padding:0; font-family: "Tahoma",Arial,Helvetica,sans-serif; }
* { margin: 0px; padding: 0px; border: 0}
a { color: #006633; }
a:hover { color: #666600; }
p { position: relative; }
img { border: 0 }
input { border: 1px solid #999; font-weight: bold; height: 50px; height: 20px; margin-left: 20px;}

input.submit { border: 0px; width: 66px; height: 21px; }
input.checkbox { margin: 0px; padding: 0px; border: 0px; }
input.addToCart { width: 123px; height: 28px; border: 0px; margin: 0px; padding: 0px; }
input.checkout { border: 0px; margin: 0px; padding: 0px; width: 100px; height: 28px; }
input.update { border: 0px; margin: 0px; padding: 0px; width: 61px; height: 24px; }
input.completeOrder { border: 0px; margin: 0px; padding: 0px; width: 148px; height: 28px; }
textarea { border: 1px solid #999; font-family: "Tahoma",Arial,Helvetic,sans-serif; font-size: 12px; }	
caption { text-align: left; white-space: nowrap; }
h1 { font-size: 18px; font-family: "Times New Roman",Times, serif; font-size: 20px; border-bottom: 1px solid #ccc; margin-bottom: 10px; position: relative;}
h2 { font-size: 14px; padding-bottom: 5px; position: relative;}
h2.vehicle { line-height: 1.5em; padding-top: 5px; }
address { font-style: normal; margin-bottom: 10px; }
select { border: 1px solid #ccc; padding: 2px; }
select.hardwareType { width: 135px; }
p.subTotal { font-size: 14px; }

a.h2 { color: #006633; }
p,address { line-height: 1.5em; margin-bottom: 10px;}
p.section { width: 350px; margin-left: 10px; text-align: justify;}
p.error,p.status { color: #CC0000; }

input.name,input.email,input.company,input.phone,input.message { width: 200px; }
input.password { width: 125px; }
textarea.message { height: 75px; width: 300px; }

#home-set,#home-demo,#home-request,#home-favorites,#home-nags,#home-search,#home-catalog { margin-bottom: 10px; width: 225px; padding-left: 60px; text-align: justify; margin-left: 10px;}
#home-demo { background: transparent url(/i/home-icon-demo.gif) 0px 0px no-repeat; height: 54px;}
#home-request { background: transparent url(/i/home-icon-request.gif) 0px 0px no-repeat; height: 54px;}
#home-nags { background: transparent url(/i/home-icon-bigcar.gif) 0px 0px no-repeat; height: 54px;}
#home-catalog { background: transparent url(/i/home-icon-catalog.gif) 0px 0px no-repeat; height: 54px;}
#home-search { background: transparent url(/i/home-icon-search.gif) 0px 0px no-repeat; height: 54px;}
#home-set { background: transparent url(/i/home-icon-homepage.gif) 0px 0px no-repeat; height: 35px;}
#home-favorites { background: transparent url(/i/home-icon-favorites.gif) 0px 0px no-repeat; height: 35px; }

#thisForm p { line-height: 2.0em; margin-bottom: 5px; text-indent: 0px;}
#thisForm input { margin: 0px; padding: 0px; }
#thisForm textarea { width: 300px; height: 100px;}
#thisForm #name,#email-address { width: 200px; }
#thisForm #phone { width: 125px; }
#username,#password { width: 125px; }
#submit { border: 0px; }

#checkout p { line-height: 2.0em; margin-bottom: 5px; text-indent: 0px;}
#checkout input { margin: 0px; padding: 0px; }
#checkout textarea { width: 300px; height: 75px; }
#checkout select.purchase,select.prepaid { border: 1px solid #666; padding: 2px; width: 120px; }

#main-top, #you-are-here, #footer { width: 100%; float: left; }
	#main-top { background-image: url(/i/top_background.gif); background-repeat: repeat-x; width: 100%; float: left;}
		#main-top, #top-left, #top-left a { height: 85px; }
		#main-top #top-left { width: 50%; margin-left: 20px;}
		#main-top #top-left a { width: 283px; display: block; }

	#you-are-here { margin: 2px 0 0 0; height: 28px; border-bottom: 1px solid #000; border-top: 1px solid #999; background-color: #F0EBE1; width:100%; float: left; font-size: 11px;}
	#you-are-here p { padding: 8px 0 0 20px; }
	#you-are-here a { text-decoration: underline; color: #006633;}
	#you-are-here a:hover { color: #666600; }
	#you-are-here ul { padding: 7px 0 0 5px; }
	#you-are-here li { display: inline; padding: 3px 5px 4px 15px; list-style-type: none; }
	li.arrows { background: transparent url(/i/arrows_here.gif) 0 50% no-repeat; }
		
	#nav { height: 19px; width: 381px; list-style: none; display: inline; overflow: hidden; position: absolute; top: 53px; left: 377px;}
		#nav li { display: inline; list-style-type: none; }
		#nav a { float: left; padding: 19px 0 0 0; overflow: hidden; height: 0px !important; height /**/:19px; /* for IE5/Win */ }
		#nav a:hover { background-position: 0 -19px; }
			#nags a { width: 123px; background: url(/i/menu_nags.gif) top left no-repeat; }
			#search a { width: 127px; background: url(/i/menu_search.gif) top left no-repeat; }
			#orders a { width: 119px; background: url(/i/menu_orders.gif) top left no-repeat; }
	#shop-cart a { padding: 7px 10px 11px 42px; background: url(/i/shop_cart.gif) top left no-repeat; background-position: 10px 6px; position: absolute; top: 55px;right: 10px;
						text-decoration: underline; color: #006633; text-decoration: none; border-left: 1px solid #CCC; border-right: 1px solid #CCC;}
						#shop-cart a:hover { background-color: #e1f0e8; border-left: 1px solid #CCC; border-right: 1px solid #CCC; color: #666600; }
						.shop-cart_text { border-bottom: 1px dashed #006633; }
						
	#logo { position: absolute; top: 0px; left: 18px; text-align:center; }
		#logo li { list-style-type: none; margin-bottom: 2px;}
		#logo a { font-size: 42px; color: #006633; font-weight: bold; font-family: "Arial Black",Arial,sans-serif; letter-spacing: -2px; text-decoration: none; }
		#logo a:hover { color: #666600; }
		#logo a.autoglass { font-size: 14px; color: #333; font-family: Arial, sans-serif; margin-top: 2px; letter-spacing: 0.25px; }
	
	#content { background: #FFF url(/i/bg_left.gif) 0 0 repeat-y; float: left; width: 100%; }
		#left { width: 179px; border-right: 1px solid #ccc; margin-right: 5px; float: left; padding: 0; }
		#right { padding: 5px 0 20px 0; background-color: #FFF; margin-left: 190px;}
	
	#footer { clear: both; background: url(/i/bg_footer.gif) top left repeat-x; border-top: 1px solid #999;}
		#footer p.copyright { font-size: 10px; color: #666; margin: 10px 0 5px 20px; }
		#footer p.mitchell { font-size: 9px; color: #666; margin: 0 0 10px 20px;}
	
	#left ul.left-nav { list-style: none; float: left; width: 179px; } /* margin-bottom: 20px; */
		/* #left ul.left-nav li { float: left; } */
		#left ul.left-nav a { display: block; width: 100%;
			color: #006633; text-decoration: none; font-weight: bold; font-size: 11px; 
		 padding: 6px 0 6px 0px; border-bottom: 1px solid #ccc; text-indent: 60px;}
		#left ul.left-nav a.left-admin { background: transparent url(/i/bullet_admin.gif) 24px 4px no-repeat; }
		#left ul.left-nav a.left-nags { background: #fff url(/i/bullet_nags2.gif) 20px 5px no-repeat; }
		#left ul.left-nav a.left-catalog { background: #fff url(/i/bullet_catalog2.gif) 22px 4px no-repeat; }
		#left ul.left-nav a.left-search { background: #fff url(/i/bullet_search.gif) 24px 4px no-repeat; }
		#left ul.left-nav a.left-orders { background: #fff url(/i/bullet_orders.gif) 24px 3px no-repeat; }
		#left ul.left-nav a.left-arrow { background: #fff url(/i/bullet_arrow.gif) 26px 8px no-repeat; }
		#left ul.left-nav a:hover { background-color: #e1f0e8; color: #666600; }
		#left ul.left-nav li.vehicle-image { float: left; width: 179px; background-color: #fff; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc; }
		
		/* PAGE SPECIFICS */
		#vehicle td { vertical-align: top; }
		#vehicle ul { list-style-type: none; padding: 0 20px 0 0; border-left: 1px solid #ccc;}
		#vehicle li { margin-bottom: 7px;}
		#vehicle a { color: #006633; font-size: 12px; text-decoration: underline; font-weight: bold; 
			background-image: url(/i/bullet_arrow_list.gif);  padding-left: 15px; background-repeat: no-repeat; background-position: 0 50%; }
			#vehicle a:hover { background-image: url(/i/bullet_arrow_list_hover.gif); }
			
			table.glass { width: 100%; margin-bottom: 10px; float: left; }
			html>body table.glass { float: none; }
			table.glass caption { font-size: 14px; font-weight: bold; padding-bottom: 5px; list-style-type: none;}
			table.glass th { font-size: 11px; font-weight: normal; font-style: italic; padding: 1px 0 1px 0; background-color: #eee; border-bottom: 1px solid #ccc;}
			table.glass td { font-size: 11px; font-weight: normal; padding: 1px 0 1px 0px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
			td.blank { border: 0px; text-align: left;}
			td.glass { background-color: #D4E8DD;}
			td.glass-nostock { background-color: #F0F7F3;}
			td.glass-nostock-left { text-align: left; padding-left: 12px; background: #F0F7F3 url(/i/bullet_arrow_list_hover.gif) 2px 50% no-repeat; font-size: 12px; } 
			td.glass-left { text-align: left; padding-left: 12px; background: #D4E8DD url(/i/bullet_arrow_list_hover.gif) 2px 50% no-repeat; font-size: 12px; }
			td.price { font-size: 12px; }
			td.hardware { font-size: 11px; padding: 0px;}
			td.hardware-left { text-indent: 20px; text-align: left; font-size: 11px; background: transparent url(/i/bullet_arrow_list.gif) 5px 50% no-repeat; padding: 0px;	}
			table.glass input { border: 0px; }
			table.glass input.qty { width: 25px; text-align: center; height: 18px; padding-top: 2px; margin: 0px; padding: 0px;}
			
			.left { text-align: left; }
			th.part-number { text-align: left; text-indent: 5px; width: 150px; }
			th.select { width: 65px; vertical-align: middle; }
			th.qty { width: 40px; }
			th.addtoorder { width: 56px;}  
			th.ships,th.availability,th.price { width: 85px; }
			input.submitorder { background-color: #006633; color: #fff; font-size: 12px; text-align: center; border: 0px; width: 85px; height: 25px; margin: 0px; padding: 0px;}
			/*
			input.update { background-color: #006633; color: #fff; font-size: 12px; text-align: center; border: 0px; width: 65px; height: 25px; margin: 0px; padding: 0px;} 
			input.checkout { background-color: #006633; color: #fff; font-size: 12px; text-align: center; border: 0px; width: 85px; height: 25px; margin: 0px; padding: 0px;} 
			*/
			
			#checkit input.qty { width: 25px; text-align: center; height: 18px; padding-top: 2px;}
			
			a.hide-parts { font-size: 10px; font-weight: bold; color: #006633; }
		
			#branches { list-style-type: none; margin-left: 15px;}
			#branches ul { margin-bottom: 15px; list-style-type: none;}
			#branches li { font-size: 14px; font-weight: bold; line-height: 1.5em; }
			#branches ul li { font-size: 12px; font-weight: normal; padding-left: 15px; line-height: 1.5em;}
			#branches a { background: transparent url(/i/bullet_arrow_list.gif) 0px 50% no-repeat; padding-left: 15px;}
			#branches a:hover { background: transparent url(/i/bullet_arrow_list_hover.gif) 0px 50% no-repeat; }
			
			#branches-info { float: left; margin-right: 20px;}
			#branches-map { width: 303px; height: 208px; position: relative; float: left; }
			#branches-map2 { width: 303px; position: relative; float: left; }
			
			ul.homeList { margin-left: 30px; margin-bottom: 10px; }
			ul.homeList li { padding: 0 0 5px 5px; }
			
			#logout { border-top: 1px solid #ccc; margin-top: 20px; padding-top: 5px; clear: both; margin-left: 195px; margin-bottom: 10px;}
			
			p.cart-total { border-top: 1px solid #ccc; padding: 5px 0 0 0; font-size: 14px;}
			
			#checkout-parts { background-color: #eee; margin-bottom: 10px; }
			#checkout-parts td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; padding: 3px 20px 3px 5px;}
			#checkout-parts th { font-size: 11px; font-weight: normal; font-style: italic; padding: 1px 0 1px 0; background-color: #fff; border-bottom: 1px solid #ccc; padding: 3px 20px 3px 5px;}
		td.blank { border: 0px; text-align: left;}
		
		#find-order li { margin-bottom: 10px; }
		input.find { background-color: #006633; color: #fff; font-size: 12px; text-align: center; border: 0px; width: 65px; height: 25px; margin: 0px; padding: 0px;}
		p.process { text-indent: 20px; background: #fff url(/i/bullet_arrow.gif) 0px 50% no-repeat; }
		
		/* Admin */
		#admin td { padding-right: 25px; padding-bottom: 10px; }
		#admin input { padding: 0px; margin: 0px;  }
		
		table.admin td { padding-right: 25px; padding-bottom: 10px; }
		table.admin input { padding: 0px; margin: 0px;  }
		
		#locations { list-style: none; margin-bottom: 15px; }
		#locations li { text-indent: 20px; padding-bottom: 5px; background: #fff url(/i/arrows_here.gif) 0px 50% no-repeat;}
		
		#employees { width: 500px; }
		#employees td.remove { width: 100px; text-align: center; text-indent: 0px; }
		#employees input { margin: 0px; padding: 0px; }
		#employees a { padding-left: 25px; padding-bottom: 3px; padding-top: 3px; background: transparent url(/i/arrows_here.gif) 5px 50% no-repeat; }
		tr.altRow { background-color: #eee; }
		
		#employee { width: 500px; }
		#employee td { padding-right: 20px; padding-bottom: 5px;}
		#employee input { margin: 0px; padding: 0px; }
		#employee select { border: 1px solid #999; }
		
		
		#orderListing { width: 500px; margin-bottom: 15px;}
		#orderListing caption { text-align: left; font-weight: bold; color: #cc0000; }
		#orderListing td,#orderListing th { padding: 3px 10px 3px 5px; }
		#orderListing a { font-weight: bold; }
		
		table.reportListing { width: 100%; margin-bottom: 15px;}
		table.reportListing caption { text-align: left; font-weight: bold; color: #cc0000; }
		table.reportListing td,table.reportListing th { padding: 3px 10px 3px 5px; }
		table.reportListing a { font-weight: bold; }

#report { width: 98%;  border-collapse: collapse; }
#report h2 { color: #cc0000; padding: 0; margin: 0; }
#report th { font-size: 10px; }
#report td { padding-bottom: 3px; padding-right: 15px; vertical-align: middle; height: 21px; }

table.report { width: 98%; border-collapse: collapse; }
table.report h2 { color: #cc0000; padding: 0; margin: 0; }
table.report th { font-size: 10px; }
table.report td { padding-bottom: 2px; padding-right: 15px; vertical-align: middle; height: 19px; font-size: 11px; }