/*** * Tripoli CSS library for reseting browser defaults (http://www.monc.se/tripoli/) * ***/
@import url("tripoli/reset.css");

/*** * Systek created form styles * ***/
@import url("forms.css");

/*** * Lightbox styles * ***/
@import url("lightbox.css");


/* *** Universals *** */
html, body {
} 
 
body {
	background: #B2B2B2 url(/images/bgtile.png) repeat-y center top;
	font-family: arial, tahoma, sans-serif;
	font-size: 95%;
}

strong	{font-weight: bold;}


/*** * Main Structure * ***/
#container {
	width: 958px;
	margin: 0 auto;
	padding: 0 21px
}

#header {
	position: relative;
}
	#header h1				{background: #7c7c7c url(/images/headerbg2.png) no-repeat left top;}
	#header h1 a			{display: block; height: 167px;}
	#header h1 a span	{display: none;}
	/*#header h1				{width: 8.9em; margin: 0 auto; padding: 20px 0; text-align: center; font-size: 5em; font-weight: bold; font-style: italic;}
	#header h1 a					{color: #fff;} 
	#header h1 #preamble	{display: block; margin: 0 0 -0.3em 0.3em; text-align: left; font-size: 0.4em !important;}
	#header h1 #subTitle		{display: block; margin: -0.3em 0.3em 0 0; text-align: right; font-size: 0.2em;}*/

#translate {
	position: absolute;	
	top: 20px; 
	left: 545px;
}

#nav { 
	padding: 0 10px 0 0;
	overflow: hidden;
	background: #7c7c7c url(/images/navbg.png) repeat-x left bottom;
}
	#nav ul						{float: right;}
	#nav ul li					{margin: 10px 10px 0 0; float: left; background: url(/images/tabRight.png) no-repeat right top;}
	#nav ul li a				{display: block; height: 10px;  padding: 10px 20px; background: url(/images/tabLeft.png) no-repeat left top; color: #000; font-weight: bold;}
	#nav ul li:hover			{margin-top: 0;}
	#nav ul li a:hover		{ height: 25px;  padding: 15px 20px 0 20px;}
	#nav ul li.current		{margin-top: 0; background: url(/images/currentTabRight.png) no-repeat right top;}
	#nav ul li.current a	{height: 25px; padding: 15px 20px 0 20px; background: url(/images/currentTabLeft.png) no-repeat left top;}

#content {
	margin: 20px 0 0 0;
	background: url(/images/contentTile.png) repeat-y left top;	
	overflow: hidden;
}
	#content h4				{margin: 20px 0 10px 0; font-weight: bold; font-size: 1.2em;}
	#content ol				{margin: 10px 0 0 20px; list-style: decimal; line-height: 1.4em; font-size: 0.9em;}
	#content ol li			{margin: 0 0 10px 0;}
	#content a.map	{margin: 0 0 20px 20px; float: right; border: 2px solid #A80B0F;}

#subNav {
	width: 234px;
	float: left;
}
	#subNav h2								{padding: 10px 0; text-align: center; background: #010101 url(/images/subNavHeadTile.png) repeat-x left top; color: #f8f8f8; text-transform: uppercase; font-weight: bold; letter-spacing: 0.03em;}
	#subNav ul li.last						{border: 0 !important;}
	#subNav ul li a							{display: block; padding: 20px; font-weight: bold; color: #F8F8F8; border-bottom: 1px solid #F8F8F8;}
	#subNav ul li a:hover				{background: #383838; color: #F8F8F8 !important;}
	#subNav ul li.current					{background: #CFCECE url(/images/subNavCurrentTile.png) repeat-x left top;}
	#subNav ul li.current a,
	#subNav ul li.current a:hover		{color: #000 !important;}
	#subNav ul li.current a:hover		{background: url(/images/arrow.gif) no-repeat  95% center;}
	#subNav ul li a.currentSpecific	{background: url(/images/arrow.gif) no-repeat  95% center;}
	#subNav ul li ul li a					{padding: 10px 30px;}

.pagination {
	display: block;
	margin: 20px 0 0 0;
	text-align: center;
	font-weight: bold;
}

/* change done to fit the banners in IE 6.0 older version follows

#contentBody {
	width: 684px;
	margin: 0 0 0 20px;
	padding: 0 20px 0 0;
	float: left;	
}
*/

#contentBody {
	width: 685px;
	margin: 0 0 0 18px;
	padding: 0 18px 0 0;
	float: left;	
}
	#contentBody p						{margin: 10px 0 0 0; font-size: 0.9em; line-height: 1.5em; text-align: justify; text-indent: 15px;}
	#contentBody h2						{padding: 0 0 3px 0; font-size: 1.6em; font-weight: bold; border-bottom: 1px solid #000;}
	#contentBody h2 .pagination	{display: block; margin: -1em 0 0 0; text-align: right; font-size: 0.5em;}
	#contentBody a						{color: #a80b0f; text-decoration: underline;}
	#contentBody a:hover				{color: #777;}
	#contentBody ul						{margin: 20px 0 0 0; font-size: 0.9em; line-height: 1.5em; list-style: disc inside;}
	#contentBody ul ul					{margin: 5px 0 10px 20px; 1.1em;}
	
#footer {
	width: 684px;
	float: right;
	margin: 20px 20px 20px 0;
	padding: 20px 0 0 0;
	border-top: 1px solid #000;
	text-align: center;
	font-size: 0.8em;
}
	#footer p				{font-size: 1em; text-align: center; line-height: 1.8em;}
	#footer ul				{margin: 0 0 5px 0;}
	#footer ul li			{display: inline;}
	#footer img			{margin: 10px 0 0 0;}
	#footer a				{color: #a80b0f; text-decoration: underline;}
	#footer a:hover	{color: #777;}


/* *** Home *** */
#free-banner {
	position: relative;
	width: 684px;
	height: 157px;
	background: url(/images/freeBanner.png) no-repeat 0 0;
}
	#free-banner h2	{display: none;}
	#free-banner p	{display: none;}

#inventory2 {
	position: relative;
	margin: 5px 0 40px 0;
	display: block;
	height: 615px;
}
.trlink {
	float: left;
	text-align: center;
	font-weight: bold;
	padding: 9px;
	line-height: 1.5;
}
#inventory2 a {
	text-decoration: none;
}
.trlink2 {
	float: left;
	text-align: center;
	font-weight: bold;
	margin-left: 75px;
	padding: 9px;
	line-height: 1.5;
}







#inventory {
	position: relative;
	height: 395px;
	margin: 20px 0 10px 0;
}

#panoramic {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	height: 254px;
}

.inventoryCounter {
	position: relative;
	width: 203px;
	height: 201px;
	top: 183px;
	float: left;
	margin: 0 1px 0 18px;
	background: #DEDEDE;
	z-index: 5;
}
	.inventoryCounter img			{position: absolute; bottom: 0; z-index: 5;}
	.inventoryCounter a				{position: absolute; display: block; bottom: 0; width: 203px; height: 201px; z-index: 15; color: #0B0B0B !important; text-decoration: none !important; font-weight: bold; cursor: pointer;}
	.inventoryCounter .text			{position: absolute; width: 163px; bottom: 20px; padding: 0 20px; text-align: center; }
	.inventoryCounter .number	{display: block; font-size: 2.6em;}

#btInventory {
	background: #dedede url(/images/products/main/0_0rss.jpg) no-repeat left top;
}

#dInventory {
	background: #dedede url(/images/products/main/0_3vew.jpg) no-repeat left top;
}

#aeInventory {
	background: #dedede url(/images/products/main/0_aebe.jpg) no-repeat left top;
}

.customerMap {
	width: 300px;
	margin: 20px 0 10px 20px;
	float: right;
	clear: right;
}
	.customerMap span	{display: block; margin: 5px 0 0 0; font-size: 0.8em; color: #404040;}


/* *** Listings *** */
.listingPreview {
	display: block;
	position: relative;
	margin: 20px 0 0 0;
	padding: 10px;
	background: url(/images/listingbgTop.png) no-repeat left top;
	overflow: hidden;
}
	.listingPreview img					{position: relative; margin: 0 10px 0 0; float: left; border: 2px solid #000; z-index: 10;}
	.listingPreview .soldItem		{display: block; position: absolute; z-index: 20; border: 0; left: 15px; top: 20%;}
	.listingPreview h3					{position: relative; width: 439px; float: left; border-bottom: 1px solid #000; font-size: 1.4em; font-weight: bold; z-index: 10;}
	.listingPreview table				{position: relative; margin: 10px 0 0 0; float: left; font-size: 0.9em; line-height: 1.4em; font-weight: bold; z-index: 10;}
	.listingPreview table td			{padding: 0 0 0 10px;}
	.listingPreview .listingLink		{position: absolute; display: block; bottom: 10px; right: 10px; z-index: 10; font-weight: bold;}
	
.listingPreviewBottom {
	position: absolute;
	width: 684px;
	height: 164px;
	bottom: 0;
	left: 0;
	background: url(/images/listingbgBottom.png) no-repeat left bottom;
	z-index: 5;
}

.listing {
	margin: 20px 0 0 0;
}	
	.listing .images			{width: 215px; float: left;}	
	.listing .images img		{margin: 0 0 18px 0; border: 2px solid #000;}
	.listing .images .video		{margin: 0 0 18px 0; border: 2px solid #000;}
	.listing h3					{float: right; width: 448px; font-size: 1.2em; font-weight: bold;}
	
	/* Based on Veerle's table <http://veerle.duoh.com/blog/comments/a_css_styled_table/> */
	.listing table			{width: 448px; margin: 10px 0 20px 0; float: right; border-top: 1px solid #B3B3B3; border-left: 1px solid #B3B3B3;}
	.listing tr				{background: #ddd; font-size: 0.9em; line-height: 1.4em;}
	.listing tr.altRow	{background: #E7E7E7;}
	.listing table th		{width: 25%; padding: 4px 6px 4px 4px; border-right: 1px solid #B3B3B3;  border-bottom: 1px solid #B3B3B3; text-align: right; font-weight: bold; background: #E3E3E3 url(/images/tableHeadbg.png) no-repeat left top;}
	.listing table td		{padding: 0 0 0 10px; border-right: 1px solid #B3B3B3; border-bottom: 1px solid #B3B3B3; padding: 4px;}


/* *** Contact *** */
#contactList {
	width: 245px;
	margin: 20px 0 0 0;
}
	#contactList dt	{margin: 0 0 10px 0; font-size: 1.1em; border-bottom: 1px solid #000; font-weight: bold;}
	#contactList dd	{margin: 0 0 20px 10px;}


/* *** Various Styling Classes *** */
.clear {clear: both;}
.fleft {float: left;}
.fright {float: right;}
.small {font-size: 0.8em !important;}
	


#content ul#ufd_list { margin: 5px 0 10px 20px; list-style-position:outside;}
#content ul#ufd_list li { padding: 0 0 0 10px;}
#content ul#ufd_list ul {list-style-type: circle;}