/*
	base.css
 	Product: SAAS 
	Description: LF4 Template Page Structure & Layout Stylesheet
	Author: Ivan Alexander
	© 2005, Manheim Auctions
*/

/* General css rules */
body				{font-family: Arial, Helvetica, sans-serif; font-size: small; margin: 0px;}
a 					{}
a:visited			{}
a:hover 			{}
form				{padding: 0px; margin: 0px;}
p					{margin: 0px 0px 10px 0px;}
input				{padding: 0px; vertical-align: baseline;}
img					{border: 0px;}
th					{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 2px 5px 2px 5px;}
th a				{text-decoration: none;}
th a:hover			{text-decoration: underline;}
th.selector			{padding: 2px; width: 1%;}
td.selector			{text-align: center;}
td					{font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 2px;}
.bold				{font-weight: bold;}

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

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

/* 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;}

/* Menu System css rules */
#globalNav .navbar ul 			{padding: 0px; margin: 0px; list-style: none;}
#globalNav .navbar li 			{float: left; position: relative;}
#globalNav .navbar li ul		{display: none;}
#globalNav .navbar li > ul 	{top: auto; left: auto;}

#globalNav .navbar ul li 				{margin: 0px 15px 0px 0px; padding: 0px; position: relative; text-align: center;}
#globalNav .navbar ul li.nav-05		{margin: 0px;}
#globalNav .navbar ul li a 			{margin: 0px; padding: 4px 0px 4px 10px; text-decoration: none; display: block;}
#globalNav .navbar ul li a:visited 	{text-decoration: none;}
#globalNav .navbar ul li a:hover 		{}

#globalNav .navbar #login	 			{float: right; margin: 0px; height: 23px; font-size: 13px;}
#globalNav .navbar #login a 			{width: 138px; padding-top: 3px; padding-left: 0px;}

/* General format rules */
#pageHeader		 	{position: relative; top: 0px; left: 0px; width: 770px; margin: 0px 0px 1px 0px; padding: 0px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; width: 770px; padding: 0px; margin: 0px;}
#pageFooter		 	{clear: both; position: relative; width: 770px; padding: 0px; margin: 0px;}

#pageHeader a#logo		{position: relative; top: 4px; left: 4px; width: 320px; height: 84px; display: block; text-align: center; overflow: hidden;}
#pageHeader #logo img	{border: 0px;}

#pageFooter	#colophon 			{text-align: center; font-size: 75%; margin: 0px 0px 2px 0px;}

/* Specific layout rules */
#bannerAd	{position: absolute; right: 10px; top: 12px; width: 432px; height: 60px; overflow: hidden;}

#globalNav		 		{clear: both; position: relative; height: 23px; width: 766px; padding: 2px; border-top: 1px solid;}
#globalNav .navbar ul	{position: relative; left: 20px; width: 746px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}

#topNav		 				{float: right; position: relative; width: 770px; border-bottom: 2px solid; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;}
#topNav .navbar				{margin-top: 4px;}
#topNav .navbar ul		 	{float: right; padding: 4px 0px 4px 0px; margin: 0px; list-style: none; white-space: nowrap;}
#topNav .navbar li 			{float: left; padding: 0px 5px 0px 5px; border-right: 1px solid; white-space: nowrap;}
#topNav .navbar ul.default li.last	{border-right: 0px;}
#topNav .navbar ul.custom li.last	{border-right: 1px solid;}
#topNav .navbar li a		{text-decoration: none;}
#topNav .navbar li a:hover	{text-decoration: underline;}

/* Homepage Styles */
#homeFrame			{position: relative; width:770px; padding: 0px; margin: 0px;}
#homeFrame #leftNav	{display: none;}

#montageFrame							{position: relative; left: 0px; top: 0px; width: 770px; margin: 0px; border-bottom: 2px solid;}
#montageFrame #montage					{float: left; width: 558px; height: 184px;}
#montageFrame #featuresPanel			{float: right; position: relative; padding: 0px; width: 210px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}
#montageFrame #featuresPanel h2			{font-size: 100%; font-weight: bold; margin: 0px;}
#montageFrame #featuresPanel p			{margin: 0px; padding: 0px;}
#montageFrame #featuresPanel ul			{margin: 5px 0px 10px 0px; padding: 0px; list-style: none;}
#montageFrame #featuresPanel ul li		{margin: 0px 0px 5px 0px; padding: 0px; list-style: none;}
#montageFrame #featuresPanel .content img	{float: left; margin-right: 3px; margin-bottom: 3px;}

#montageFrame #featuresPanel #dealerTools			{display: none}
#montageFrame #featuresPanel #dealerTools a			{text-decoration: none;}
#montageFrame #featuresPanel #dealerTools a:hover	{text-decoration: underline;}

#montageFrame #featuresPanel #feature0				{position: relative; margin-bottom: 1px; width: 210px; padding: 0px;}
#montageFrame #featuresPanel #feature0 .content		{padding: 5px; margin: 0px;}
#montageFrame #featuresPanel #feature0 .prop		{float: right; width: 1px; height: 90px; margin: 0px; padding: 0px;}
#montageFrame #featuresPanel #feature1				{position: relative; width: 210px; padding: 0px;}
#montageFrame #featuresPanel #feature1 .content		{padding: 5px; margin: 0px;}
#montageFrame #featuresPanel #feature1 .prop		{float: right; width: 1px; height: 91px; margin: 0px; padding: 0px;}

#panelsFrame					{position: relative; top: 1px; left: 0px; width: 770px; padding: 4px 0px 4px 0px; margin: 0px; border-top: 4px solid;}
#panelsFrame h2					{position: relative; margin: 3px 0px 28px 4px; font-size: 100%;}
#panelsFrame h3					{position: relative; padding-top: 3px; margin: 0px 4px 3px 5px; font-size: 90%;}
#panelsFrame p					{position: relative; margin: 0px 4px 3px 5px; font-size: 75%;}
#panelsFrame .event				{position: relative; margin: 2px; padding-bottom: 2px; border-bottom: 1px solid; border-top: 1px solid; font-size: 85%;}
#panelsFrame .event	.jumpLink	{font-size: 100%;}
#panelsFrame .jumpLink			{position: relative; margin: 0px; font-size: 85%; font-weight: bold; text-align: right; text-transform: uppercase;}
#panelsFrame .jumpLink a		{padding: 0px; margin: 0px 5px 0px 0px;}
#panelsFrame .prop				{float: right; width: 1px; height: 235px; margin: 0px 0px 0px -1px;}
#panelsFrame .picFrame			{display: none;}
#panelsFrame .content img		{float: left; margin: 5px 3px 3px 4px;}
#panelsFrame #panel2 img		{float: none; margin: 0px;}

#panelsFrame #panel0					{border-right: 1px solid; position: relative; float: left; top: 0px; left: 0px; width: 184px; padding: 0px; margin: 0px;}
#panelsFrame #panel0 .top				{border-right: 1px solid; position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 184px; height: 21px;}
#panelsFrame #panel0 .content			{position: relative; z-index: 2; padding: 0px; margin: 1px 1px 5px 1px;}
#panelsFrame #panel0 .bottom			{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 21px; left: 0px; width: 184px; height: 24px; border-top: 1px solid; border-bottom: 1px solid;}

#panelsFrame #panel1			{border-left: 1px solid; position: relative; float: right; top: 0px; left: 0px; width: 184px; padding: 0px; margin: 0px;}
#panelsFrame #panel1 .top		{border-left: 1px solid; position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: -1px; width: 184px; height: 21px;}
#panelsFrame #panel1 .content	{position: relative; z-index: 2; padding: 0px; margin: 1px 1px 5px 1px;}
#panelsFrame #panel1 .bottom	{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 21px; left: 0px; width: 184px; height: 24px; border-top: 1px solid; border-bottom: 1px solid;}

#panelsFrame #panel2				{position: relative; float: left; top: 0px; left: 0px; width: 400px; padding: 0px; margin: 0px;}
#panelsFrame #panel2 .top		{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 0px; left: 0px; width: 400px; height: 21px;}
#panelsFrame #panel2 .content	{position: relative; z-index: 2; padding: 0px; margin: 0px;}
#panelsFrame #panel2 .bottom		{position: absolute; z-index: 0; padding: 0px; margin: 0px; top: 21px; left: 0px; width: 400px; height: 24px; border-top: 1px solid; border-bottom: 1px solid;}

/* Interior Styles */
#pageFrame				{position: relative; width: 770px; padding: 0px 0px 48px 0px; margin: 0px;}
#pageFrame #pageFooter	{position: absolute; bottom: 0px;}

#pageFrame #leftNav				{position: relative; float: left; width: 151px; padding: 5px 0px 30px 0px; font-family: Verdana, Arial, Helvetica, sans-serif; overflow: hidden;}
#pageFrame #leftNav #demoButton {display: none;}
#leftNav h2			 			{font-size: 10px; text-transform: uppercase; letter-spacing: -1px; padding: 0px; margin: 0px 0px 3px 8px;}
#leftNav .navbar	 			{position: relative; padding: 5px 0px 0px 0px;}
#leftNav .navbar ul		 		{position: relative; padding: 0px; margin: 0px 0px 10px 0px; list-style: none; text-align: left;}
#leftNav .navbar li 			{position: relative; padding: 0px 0px 3px 0px; margin: 0px; font-size: 9px; font-weight: bold;}
#leftNav .navbar li a			{text-decoration: none; padding: 1px 3px 1px 18px; display: block; width: 130px;}
#leftNav .navbar li a:hover		{text-decoration: none;}
#leftNav .navbar li ul		 		{margin: 0px;}
#leftNav .navbar li ul li 			{font-weight: normal;}
#leftNav .navbar li ul li a			{padding: 1px 3px 1px 28px; width: 120px;}

#leftNav .prop, #leftNav .top, #leftNav .bottom, #leftNav .clear	{display: none;}

#pageFrame #mainBody			{position: relative; float: left; width: 619px; margin: 0px; padding: 0px;}
#pageFrame #singleColumnLayout	{position: relative; margin: 0px; padding: 0px; width: 619px;}
#pageFrame #twoColumnLayout		{position: relative; margin: 0px; padding: 0px; width: 619px;}
#pageFrame #mainColumn h2		{position: relative; padding: 0px; margin: 0px 0px 5px 0px; font-size: 20px; text-align: right; border-bottom: 1px solid; font-weight: normal;}
#pageFrame #mainColumn h3		{position: relative; padding: 0px; margin: 0px 0px 5px 0px; font-size: 20px; text-align: right; border-bottom: 1px solid; font-weight: normal;}

#pageFrame #mainBody.article #mainColumn h2	{display: none;}
#pageFrame #mainBody.section #mainColumn h3	{display: none;}

#singleColumnLayout #mainColumn		{position: relative; float: left; width: 619px; margin: 0px; padding: 0px; overflow: hidden;}
#singleColumnLayout #mainColumn .content	{font-size: 11px; margin: 10px 12px 30px 12px;}
#singleColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 5px 12px 5px;}

#singleColumnLayout #secondaryColumn	{display: none;}

#twoColumnLayout #mainColumn		{position: relative; float: left; width: 494px; margin: 0px; padding: 0px; overflow: hidden;}
#twoColumnLayout #mainColumn .content	{font-size: 11px; margin: 10px 12px 30px 12px;}
#twoColumnLayout #mainColumn .content p	{padding: 0px; margin: 0px 5px 12px 5px;}

#twoColumnLayout #secondaryColumn			{position: relative; float: left; margin: 5px 0px 0px 0px; padding: 0px 5px 30px 0px; width: 120px; overflow: hidden;}
#twoColumnLayout #secondaryColumn .content	{position: relative; z-index: 2; padding: 0px; margin: 0px;}
#twoColumnLayout #secondaryColumn .picFrame	{position: relative; text-align: center; margin: 0px 0px 5px 0px; padding: 0px;}
#twoColumnLayout #secondaryColumn .picFrame img	{border: 0px;}