/*
	base.css
 	Product: SAAS 
	Description: LF6 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; padding: 2px 0px 2px 0px; position: relative; text-align: center;}
#globalNav .navbar ul > li 			{padding: 2px 0px 0px 0px;}
#globalNav .navbar ul li a 			{margin: 0px; padding: 3px 14px 0px 15px; text-decoration: none; float: left; height: 16px; border-left: 1px solid;}
#globalNav .navbar ul li#home a		{border-left: 0px;}


/* General format rules */
#pageHeader		 	{position: relative; top: 0px; left: 0px; z-index: 2; width: 770px; height: 200px; margin: 0px;}
#pageBody		 	{position: relative; top: 0px; left: 0px; z-index: 1; width: 770px; height: 100%; padding: 0px; margin: 0px;}
#pageFooter		 	{clear: both; position: relative; width: 770px; padding: 0px; margin: 0px; z-index: 2;}

#pageHeader #logo img	{border: 0px;}

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

/* Specific layout rules */
#bannerAd	{display: none;}

#globalNav		 	{position: absolute; bottom: 0px; left: 0px; height: 23px; width: 770px; padding: 0px; border-top: 1px solid; border-bottom: 1px solid;}
#globalNav .navbar 	{position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 10px; letter-spacing: 1px; text-transform: uppercase;}
#globalNav li#login	 	{position: relative; top: -1px; padding: 0px; float: right; margin: 0px 0px -2px 0px; height: 25px; font-size: 12px; font-weight: bold; border-left: 1px solid;}
#globalNav li#login a 	{width: 126px; height: 18px; padding: 3px 0px 0px 0px; margin: 1px; border: 1px solid; display: block;}

#topNav .navbar	 			{position: relative;}
#topNav .navbar ul		 	{position: relative; float: left; padding: 2px 0px 2px 0px; margin: 0px; list-style: none;}
#topNav .navbar li 			{float: left; position: relative; padding: 2px 5px 2px 5px; border-right: 1px solid;}
#topNav .navbar ul.default li.last	{border-right: 0px;}
#topNav .navbar ul.custom li 	{border-left: 1px solid; border-right: 0px;}
#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 #pageHeader	{height: 200px;}
#homeFrame #pageHeader a#logo	{position: absolute; z-index: 2; top: 0px; left: 0px; width: 238px; height: 174px; border: 0px; text-align: center; overflow: hidden;}
#homeFrame #leftNav		{display: none;}
#homeFrame #topNav		{position: absolute; width: 532px; height: 20px; top: 0px; right: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border-top: 1px solid; border-bottom: 1px solid;}

#montageFrame							{position: absolute; right: 0px; top: -178px; width: 532px; margin: 0px;}
#montageFrame #montage					{position: relative; width: 532px; height: 153px;}
#montageFrame #featuresPanel			{display: none;}

#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; width: 770px; padding: 4px 0px 4px 0px; margin: 0px;}
#panelsFrame h3					{position: relative; padding-top: 3px; margin: 0px 4px 3px 5px; font-size: 90%;}
#panelsFrame p					{position: relative; margin: 10px; font-size: 11px;}
#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 .picFrame			{display: none;}

#panelsFrame #panel0					{position: relative; float: left; top: 0px; left: 0px; width: 285px; padding: 0px; margin: 0px; text-align: center;}
#panelsFrame #panel0 h2					{display: none;}
#panelsFrame #panel0 .content			{margin: 2px; overflow: hidden;}
#panelsFrame #panel0 .content img		{vertical-align: middle; border: 0px; margin: 5px;}

#panelsFrame #panel1					{position: relative; float: right; top: 0px; left: 0px; width: 480px; padding: 0px; margin: 0px;}
#panelsFrame #panel1 .content			{position: relative; z-index: 2; padding: 0px; margin: 0px;}
#panelsFrame #panel1 h2					{position: relative; margin: 5px 0px 5px 0px; padding: 3px 0px 3px 0px; font-size: 18px; text-align: center; border-top: 1px solid; border-bottom: 1px solid;}
#panelsFrame #panel1 h2	span			{position: relative; margin: 0px; padding: 2px; display: block;}
#panelsFrame #panel1 img				{float: left; margin: 2px 5px 2px 0px;}

#panelsFrame #panel2			{clear: right; position: relative; float: right; top: 0px; left: 0px; width: 480px; padding: 0px; margin: 10px 0px 10px 0px;}
#panelsFrame #panel2 h2			{display: none;}
#panelsFrame #panel2 .content	{text-align: center; margin: 0px; padding: 0px;}

/* Interior Styles */
#pageFrame				{position: relative; width: 770px; padding: 0px 0px 48px 0px; margin: 0px;}
#pageFrame #pageHeader	{height: 118px;}
#pageFrame #pageHeader a#logo	{position: absolute; z-index: 2; top: 0px; left: 0px; width: 147px; height: 93px; border: 0px; text-align: center; overflow: hidden;}
#pageFrame #pageFooter	{position: absolute; bottom: 0px;}

#pageFrame #topNav	{position: absolute; width: 623px; height: 20px; top: 0px; right: 0px; margin: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; border-top: 1px solid; border-bottom: 1px solid;}

#pageFrame #leftNav				{position: relative; float: left; width: 149px; padding: 10px 0px 45px 0px; font-family: Arial, Helvetica, sans-serif; overflow: hidden;}
#pageFrame #leftNav #demoButton {display: none;}
#leftNav h2			 			{font-size: 12px; padding: 0px; margin: 0px 0px 3px 15px;}
#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: 11px; font-weight: bold;}
#leftNav .navbar li a			{text-decoration: none; padding: 1px 4px 1px 15px; display: block; width: 130px;}
#leftNav .navbar li a:hover		{text-decoration: none;}
#leftNav .navbar li ul		 		{margin: 0px;}
#leftNav .navbar li ul li a			{padding: 1px 4px 1px 25px; width: 120px;}

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

#pageFrame #mainBody			{position: relative; float: left; width: 620px; margin: 0px 0px 0px 1px; padding: 0px;}
#pageFrame #singleColumnLayout	{position: relative; margin: 0px; padding: 0px; width: 620px;}
#pageFrame #twoColumnLayout		{position: relative; margin: 0px; padding: 0px; width: 620px;}
#pageFrame #mainColumn h2		{position: relative; padding: 0px; margin: 0px; font-size: 18px; font-weight: normal; font-style: italic;}
#pageFrame #mainColumn h3		{position: relative; padding: 0px; margin: 0px; font-size: 18px; font-weight: normal; font-style: italic;}

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

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

#singleColumnLayout #secondaryColumn	{display: none;}

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

#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;}