/*
	base.css
 	Product: Auto Body Repair 
	Description: Auto Body Repair Page Structure & Layout Stylesheet
	Author: Ivan Alexander Modified by Patrick Boggs
	© 2005-2006, Manheim Auctions
*/

/* Menu System css rules */
#headerNav		 	{position:absolute; right:14px; top: 11px; height: 18px; width:auto; text-align:right;}
#nav, #nav ul {padding:0; margin:0px; list-style:none;}
#nav a {text-decoration:none; font-weight:bold; font-size:14px; line-height:38px; height:39px; padding:0px 6px; display:block; float:left; text-transform:uppercase; border-right:1px solid #003366}
#nav a:hover {text-decoration:none;}
#nav li {display:inline; padding:0px; margin:0px; text-align:center;}
#nav a.last	{border-right:0px;}

/* General css rules */
body				{ font-size: 12px; margin: 0px; padding:0px; font-family: Arial, Helvetica, sans-serif;}
html				{margin:0px; padding:0px;}
form				{padding: 0px; margin: 0px;}
p					{margin: 0px 0px 10px 0px;}
input				{padding: 0px; vertical-align: baseline;}
h1					{clear: both;  font-size: 18px; font-weight: bold; margin: 10px 0px 10px 0px;}
h2					{ font-size: 12px; font-weight: bold; margin: 0px;}
th					{ font-size: 12px; font-weight: bold; padding: 2px 5px 2px 5px;}
th a				{text-decoration: none;}
th.selector			{padding: 2px; width: 1%;}
td.selector			{text-align: center;}
td					{ font-size: 12px; padding: 2px;}
.bold				{font-weight: bold;}
ul					{font-size:12px;}

acronym				{cursor: help; font-weight: bold;}

.hiddenText			{display: none;}
.returnLink			{width: 100%; margin: 10px 0px 20px 0px; text-align: center;}
.clear				{clear: both;}

/* Alert/Error Frame css rules */
#alertFrame	 		{position: relative; border: 1px solid; padding: 10px; margin: 10px 10px 10px 10px; font-weight: bold;}
#alertMessage 		{font-size: 12px; margin: 0px 0px 0px 26px;}
#alertIcon		 	{position: absolute; height: 20px; width: 23px; float: left; margin: -3px 3px 0px -2px;}
#alertIconSmall	 	{height: 14px; width: 16px; float: left; margin: 1px 5px 1px 2px;}
#alertFrame p.alertText		 	{font-weight: normal; margin: 10px 0px 0px 26px;}
.statusIcon		 	{text-align: center; width: 19px;}

/* General format rules */
#pageFrame			{position: relative; width: 992px; margin:5px auto;}
#homeHeader		 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 992px; height: 193px; margin:0px; padding:0px;}
#homeHeader #cutout	{position:relative; top:0px; left:0px; padding:0px; margin:0px;}
#interiorHeader	 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 992px; height: 81px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 992px; height: 100%;}
#pageFooter		 	{clear: both; position: relative; top: 0px; left: 0px; z-index: 1; width: 992px; height: 30px;}
#headerLogo		 	{position: absolute; top: 8px; left: 10px; width: 192px; height: 73px; z-index:2;}

#leftColumnHome	 					{position: relative; left: 7px; top: 3px; width: 185px; float: left; padding: 0px 0px 10px 4px;}
#leftColumnHome	.columnTitle 		{position: relative; left: 0px; top: 0px; width: 185px; padding: 7px 0px 7px 0px;  font-size: 18px; font-weight: bold; font-style: italic;}
#leftColumnHome	.columnPic		 	{float: left; padding-right: 5px; padding-top: 3px;}
#leftColumnHome	.columnTextFrame 	{ font-size: 12px; line-height: 13px;}
#leftColumnHome	.columnTextFrame ul		{padding: 0px; list-style: outside; margin:0px;}
#leftColumnHome	.columnTextFrame ul li		{margin: 2px 2px 14px 20px; padding:0px; font-weight:bold;}

#leftColumnInterior						{position: relative; left: 7px; top: 0px; width: 148px; float: left; padding: 0px 0px 10px 4px;}
#leftColumnInterior	.columnTitle 		{position: relative; left: 0px; top: 0px; width: 148px; padding: 7px 0px 7px 0px;  font-size: 18px; font-weight: bold; font-style: italic;}
#leftColumnInterior	.columnPic		 	{float: left; padding-right: 5px; padding-top: 3px;}
#leftColumnInterior	.columnTextFrame 	{ font-size: 12px;}
#leftColumnInterior img		{margin:10px 16px; width:120px; border:1px solid #00349A;}

ul#sideNav			{padding: 0px; margin: 0px 5px 5px 15px; list-style: outside;}
ul#sideNav li		{margin: 2px;}

#mainColumnHome	 		{position: relative; left: 9px; top: 0px; width: 783px; padding-left: 5px; float: left;}
#mainColumnInterior		{position: relative; left: 0px; top: 0px; width: 783px; padding-left: 5px; padding-top: 4px; float: left}
#mainColumnHome ul					{font-size:14px; margin-right:14px;}

#centerFrame			{position: relative; left: 0px; top: 0px; width: 500px; padding: 0px; margin: 0px; margin-bottom: 4px; float:left;}
#centerTop				{position: relative; left: 0px; top: 0px; width: 500px; height: 10px; overflow:hidden;}
#centerBody				{position: relative; left: 0px; top: 0px; width: 488px; padding: 0px; margin: 0px; margin-left: 12px; z-index: 2;}
#centerBody .prop		{float: right; width: 1px; height: 170px;}
#centerBody .clear 		{clear: both; height: 1px; overflow:hidden;}
#centerText				{display: inline;  font-size: 12px;}
#centerText .title		{padding: 0px; margin: 0px; margin-bottom: 3px;  font-size: 18px; font-weight: bold; font-style: italic;}
#centerText p			{padding: 0px 0px 0px 1px; margin: 0px 0px 5px 0px;}
#centerBottom			{position: relative; left: 0px; top: 0px; width: 500px; height: 7px; overflow:hidden;}

#rightFrame	 				{position: relative; float:left; left: 4px; top: 10px; width: 269px;}
#rightFrame	.scrollArea 	{position: relative; left: 0px; top: 0px; width: 260px; height: 218px; padding: 0px 4px 4px 4px; font-size: 12px; overflow: auto; text-align:center;}
#rightFrame	.scrollArea h1	{font-size: 18px; font-weight: bold; font-style:italic; margin:0px 0px 12px 0px; padding:0px;}
#rightFrame	.scrollArea p	{margin: 0px; margin-bottom: 5px;}
#rightFrame	.scrollArea ul	{margin:0px; padding:0px;}
#rightFrame	.scrollArea #login li	{list-style:none; margin:10px; padding:0px;}
#login li a, #login li a:visited	{display:block; height:30px; width:230px; background:url("../images/login-back.gif") no-repeat;; color: #FFFFFF; font-size:12px; font-weight:bold; line-height:28px; text-decoration:none;}
#login li a:hover	{color:#F5C927}

#addressFrame			{clear: both; position: relative; left: 0px; top: 0px; width: 774px; padding: 0px; margin: 0px; margin-bottom: 4px; z-index:10; float:left;}
#addressTop				{position: relative; left: 0px; top: 0px; width: 774px; height: 10px; overflow:hidden;}
#addressBody			{position: relative; padding: 0px 12px; margin: 0px; z-index: 20; width:auto; height:106px; overflow:hidden;}
#addressBody .prop		{float: right; width: 1px; height: 85px;}
#addressBody .clear 	{clear: both; height: 1px; overflow:hidden;}
#addressText			{display: inline;  font-size: 12px; position:relative;  z-index:50;}
#addressText .title		{padding: 0px; margin: 0px; margin-bottom: 3px;  font-size: 17px; font-weight: bold; font-style: italic;}
#addressText p			{padding: 0px 0px 0px 1px; margin: 0px 0px 5px 0px;}
#addressText .address	{width:200px; float:left; margin:4px 40px 4px 4px; position:static;  z-index:50;}
#addressBottom			{position: relative; left: 0px; top: 0px; width: 774px; height: 7px; overflow:hidden;}
#addressPic				{position:absolute; top:0px; z-index:2000; left:571px; width:203px; height:121px;}

#custFrame			{float:left; position: relative; left: 4px; top: 0px; width: 270px; padding: 0px; margin: 0px; margin-bottom: 4px;}
#custTop				{position: relative; left: 0px; top: 0px; width: 270px; height: 10px; overflow:hidden;}
#custBody			{position: relative; left: 0px; top: 0px; padding: 0px; margin: 0px 4px 0px 4px; z-index: 2;}
#custBody .prop		{float: right; width: 1px; height: 85px;}
#custBody .clear 	{clear: both; height: 1px; overflow:hidden;}
#custText			{display: inline;  font-size: 12px;}
#custText .title		{padding: 0px; margin: 0px; margin-bottom: 3px;  font-size: 17px; font-weight: bold; font-style: italic;}
#custText p			{padding: 0px 0px 0px 1px; margin: 0px 0px 5px 0px;}
#custBottom			{position: relative; left: 0px; top: 0px; width: 270px; height: 7px; overflow:hidden;}

#bodyFrame				{clear: both; position: relative; left: 7px; top: 0px; width: 811px; padding: 0px; margin: 0px; margin-bottom: 4px;}
#bodyTop				{position: relative; left: 0px; top: 0px; width: 811px; height: 10px; overflow: hidden;}
#bodyTitle				{position: relative; left: 0px; top: 0px; width: 791px; height: 31px; padding: 0px 10px 3px 10px; overflow: hidden;}
#bodyTitle h1			{vertical-align: bottom;  font-size: 18px; font-weight: bold; font-style: italic;}
#bodyContent			{position: relative; left: 0px; top: 0px; padding: 0px; margin: 0px 5px 0px 10px;}
#bodyContent .prop		{float: right; width: 1px; height: 354px;}
#bodyContent .clear 	{clear: both; height: 1px; overflow:hidden;}
#bodyText				{display: inline;  font-size: 12px;}
#bodyText p				{padding: 0px 0px 0px 1px; margin: 0px 0px 5px 5px;}
#bodyText h3		{padding: 0px; margin: 10px 0px 2px 5px;  font-size: 12px; clear:left;}
#bodyText h4		{padding: 0px; margin: 10px 0px 2px 5px;  font-size: 12px;}
#bodyText .adSpace		{float: right; width: 120px; margin: 5px;}
#bodyText img			{margin: 5px; padding: 0px;}
#bodyText ul			{padding: 0px; margin: 0px 5px 5px 25px;}
#bodyText .adSpace img	{margin: 0px 0px 5px 0px;}
#bodyText ol			{padding: 0px; margin: 0px 5px 5px 15px; list-style-position:inside;}
#bodyBottom				{position: relative; left: 0px; top: 0px; width: 811px; height: 7px; overflow: hidden;}

#footerNav			{position: relative; right: 20px; top: 6px;  font-size: 11px; text-align: right;}
#footerNav, #footerNav ul {padding:0; margin:4px; list-style:none; position:relative; top:2px;}
#footerNav a {text-decoration:none; color:#000000; line-height:12px; height:12px; padding:4px;}
#footerNav a:hover {text-decoration:underline;}
#footerNav li {display:inline; padding:0px; margin:0px; text-align:center; height:12px;}

form .fieldName		{ font-weight: bold; font-size: 12px; text-align: right; vertical-align: baseline;}
input.login			{border:1px solid; font-weight: bold; font-size: 12px; padding: 2px;}
input.text 			{border:1px solid; font-weight: bold; font-size: 12px; padding: 1px;}
textarea.comments	{border:1px solid;  font-weight: bold; font-size: 12px; padding: 1px; vertical-align:top; width: 99%}
textarea.caption	{border:1px solid;  font-weight: bold; font-size: 12px; padding: 1px; vertical-align:top; width: 95%}
select	 			{border:1px solid; font-weight: bold; font-size: 12px;}
input.formButton	{border:1px solid; font-weight: bold; font-size: 12px; padding: 1px 5px 1px 5px;}

.map					{float:left; clear:left; border:1px solid #00349A;}
.mapComment			{clear:left; width:300px; text-align:left; position:relative; left:5px;}