﻿@charset "utf-8";
/***************************************************************
# Author:	Alexander Geilhaupt <alex@geilhaupt.de>
# File:		styles.b2b.css
# Content:	Cascading Style Sheets for car handling
# Domain:	http://dms.twoocar.com
#
# This File belongs to the Content Manager ghcms
# Copyright (c) 2001 - 2007 by Alexander Geilhaupt
#
# THIS IS NO OPEN SOURCE!
#
****************************************************************/

* {
	margin: 0;
	padding:0;
}

html, body{
    width: 100%;
	height:100%;	
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #000000;
	line-height: 1.166;	
	background:#FFFFFF;
}

p{
	line-height: 1.4;
	font-size:1.2em;
}

h1,h2,h3,h4,h5,h6{
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
}

img{
	border:none;
}

acronym{
    cursor: help;
    border-bottom: 1px dotted #515151;
}

abbr{
    cursor: help;
}

blockquote{
	font-style:italic;
}

cite{
	font-style:italic;
}

a:link,
a:active,
a:visited{
	text-decoration:none;
	color:#3B7AB2;
	cursor:pointer;
}

a:hover{
	text-decoration:underline;
	color:#3B7AB2;
}

a.pdfPrinter{
	background:transparent url("http://dms.twoocar.com/GHCMS/admin/images/misc/pdf.png") no-repeat center left;
	padding:2px 0 2px 20px;
}

.clear{
	clear:both;
	height:0;
	width:0;
	line-height:0;
}


label{
	cursor:pointer;
}

#content{
	/*width:774px;*/
	padding:0;
	margin:0;
}

p.pages{
	clear:both;
	font-size:1.2em;
	text-align:center;
	padding:7px;
}

p.left{
	float:left;
}

p.right{
	float:right;
	text-align:right;
}

p.sub{
	margin-top:7px;
}

form.standardForm{
}

form.standardForm p.floatLeft,
div.emulateForm p.floatLeft{
	float:left;
	clear:both !important;
	width:162px;
	padding:7px;
}

form.standardForm p,
div.emulateForm p{
	padding:7px;
}

form.standardForm input,
form.standardForm select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:235px;
}

p.buttons{
	padding:7px !important;
	margin:14px 0 0 0;
}

input.submit{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:0.9em;
	border:none;
	color:#3B7AB2;
	background-color:#F0F0F5;
	cursor:pointer;
	width:auto !important;
}

input.submit:hover{
	text-decoration:underline;
}
form.standardForm input.select{
	margin-right:4px;
	width:auto !important;
	background:none !important;
	border:none !important;
}

form.startSearch p.floatLeft,
div.startSearch p.floatLeft{
	float:left;
	clear:both !important;
	width:150px;
	padding:7px;
}

form.startSearch input,
form.startSearch select{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	width:130px;
}

fieldset.showBorder{
	border:1px solid #CCCCCC !important;
}

ul.thmList{
	list-style:none;
}

ul.thmList li{
	/*clear:both;*/
	float:left;
	margin-right:7px;
}

ul.thmList img{
	border:1px solid #515151;
	margin:7px;
	width:100px;
	cursor:pointer;
}

div.hide{
	display:none;
}

div.displayPicDialog{
	position:absolute;
	top:28px;
	left:50%;
	background-color:#FFFFFF;
	padding:7px;
	margin:auto auto auto -228px;
	width:456px;
	overflow:hidden;
	border:1px solid #515151;
}

div.showDialog{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	filter:Alpha(opacity=30);
	opacity:0.3;
	-moz-opacity:0.3;
	overflow:hidden;
}

div.displayPicDialog img,
div.displayBigPicDialog img{
	margin:28px;
	cursor:pointer;
	border:1px solid #515151;
}

h1{
	margin:0 !important;
	font-size:1.8em;
	padding:7px 0 7px 0;
}

h2{
	font-size:1.6em;
}

.splitBoxLeft{
	width:320px;
	float:left;
	margin:0 !important;
	padding-left:14px;
}

.splitBoxRight{
	 margin-left:264px; 
	 margin-left:310;
}

.currentCar{
	float:left;
	border:1px solid #999999;
	border-top:none;
}

.topBox{
	/*padding:7px;*/
	width:98%;
	margin-left:1%;
	border:1px solid #999999;
}

.splitBoxLeft h1, .splitBoxLeft h2, .splitBoxLeft p, .topBox h1, .topBox p, .splitBoxRight h1, .splitBoxRight p{
	/*padding:7px 7px 14px 14px;*/
}

.listingDiv{
	clear:right;
}

.model{
	float:left; 
	width:160px;
	padding:7px 7px 7px 0;
}

.price{
	text-align:right;
	padding:7px;
}

listingDiv p{
	padding:0 !important;
	margin:0 !important;
}


#feicht-header{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:101px;
	background: #FFFFFF;
}

#feicht-header h1{
	position:absolute;
	top:30px;
	left:150px;
	color:#000000;
	font-weight:bold;
	font-size:1.6em;
	width:506px;
	margin:0 !important;
	padding:0 0 5px 0 !important;
}

#feicht-header h2{
	position:absolute;
	top:53px;
	left:150px;
	color:#000000;
	font-weight:bold;
	font-size:1.4em;
	width:506px;
	margin:0 !important;
	padding:0 !important;
}

#feicht-header img.logo{
	position:absolute;
	top:0;
	left:0px;
	width:200px;
	height:100px;
}

#feicht-header div.branding p{
	font-size:0.8em;
	font-weight:bold;
	padding:8px !important;
	margin:0 !important;
}

#feicht-content{
	margin:0;
	/*width:543px; */
	width:600px;
	background-color:#FFFFFF;
}



#feicht-content h2{
	padding:14px 14px 7px 14px;
}

#feicht-content h3{
	padding:14px 7px 7px 7px;
	font-size:1.6em;
}

#feicht-content div.splitBoxLeft h2{
	padding:14px 7px 7px 7px;
}

#feicht-content p.welcome{
	padding:7px 14px 0 14px;
	font-size:1.2em;
}

#feicht-content div.searchBox{
	background-color:#F0F0F5;
	padding-bottom:14px;
	border-bottom:1px solid #FFFFFF;
}

#naviContent{
	position:absolute;
	top:105px;
	left:0;
}

#naviContent ul{
	font-size:1.1em;
	list-style:none;
}

#naviContent ul li{
	margin-bottom:7px;
}

#naviContent ul li a,
#naviContent ul li span{
	padding:7px;
	color:#999999;
	font-weight:bold;
	text-decoration:none;
}

#naviContent ul li a:hover,
#naviContent ul li span{
	color:#000000;
	text-decoration:none;
}



table.bmwStandardTable{
	margin:0 14px 0 14px;
	padding:0;
	font-size:1em;
	width:515px;
	border-collapse:collapse;
}

table.carLister{
	margin:0;
	padding:0;
	font-size:1em;
	/*width:543px;*/
	width:600px;	
	border-collapse:collapse;
}

table.carLister img{
	margin:0 0 -2px 0 !important;
	padding:0 !important;
	border:none;
	cursor:pointer;
}

table.carLister th{
	font-size:1.1em;
}

table.carLister tbody tr{
	cursor:pointer;
}

table.carLister td.low{
	background-color:#FFFFFF;
}

table.carLister td.bright{
	background-color:#F0F0F5;
}

table.carLister td,
table.carLister th{
	vertical-align:top;
	border:1px solid #CCCCD1;
}

table.carLister td.nextSteps,
table.carLister th.nextSteps{
	width:110px;
	font-weight:bold;
}

table.carLister td.vkprice,
table.carLister td.firstPermission,
table.carLister td.mileage,
table.carLister td.power{
	width:100px;
}

table.carLister td.pic,
table.carLister th.pic{
	width:90px;
	border-right:none;

}

table.bmwStandardTable p,
table.carLister p{
	padding:3px;
	font-size:1.1em;
	margin:0;
}

table.carLister a{
	text-decoration:none;
	font-weight:normal;
}

table.carLister thead{
	text-align:left;
}

table.carLister td.make{
	border-left:none;
}

table.carLister thead th{
	background-color:#CCCCD1;
	border:1px solid #CCCCD1;
}

table.bmwStandardTable input,
table.bmwStandardTable select{
	font-size:1.1em;
	width:235px;
}

input.select{
	width:auto !important;
	margin-right:4px;
}

input.submit{
	width:auto !important;
}

#feicht-content div.subBox{
	background-color:#F0F0F5;
	padding-bottom:14px;
	border-bottom:1px solid #FFFFFF;
}

#feicht-content div.detailSearchBox{
	margin-top:14px;
	background-color:#F0F0F5;
	border-top:1px solid #FFFFFF;
}

#feicht-content div.carBox{
	background-color:#F0F0F5;
	margin-top:0;
	padding-bottom:14px;
	border-bottom:1px solid #FFFFFF;
}

#feicht-content div.carBox h4{
	margin:14px 0 0 0 !important;
	padding:4px 4px 4px 2px;
	width:235px;
	font-size:1.4em;
	font-weight:bold;
}

#feicht-content div.carBox p.high{
	margin:0 !important;
	padding:2px !important;
	margin-left:4px;
	width:235px;
}

#feicht-content div.carBox p.low{
	margin:0 !important;
	padding:2px !important;
	margin-left:4px;
	/*width:312px;*/
}

#feicht-content div.carBox p{
	margin:0 !important;
	padding:2px !important;
	margin-left:4px;
}

#feicht-content div.carBox p.floatLeft{
	margin:0 !important;
	padding:2px !important;
	margin-left:4px;
	float:left;
	clear:both !important;
	width:110px;
}

#feicht-content div.carBox p.floatLeftHigh{
	margin:0 !important;
	padding:2px !important;
	float:left;
	width:150px;
	font-weight:bold;
	margin-left:4px;
}

#feicht-content div.carBox p.highRight{
	margin:0 !important;
	padding:2px !important;
	margin-left:150px;
}

#feicht-content div.carBox p.lowRight{
	margin:0 !important;
	padding:2px !important;
	margin-left:150px;
}



#feicht-content div.carBox p.floatLeftLow{
	margin:0 !important;
	padding:2px !important;
	float:left;
	width:150px;
	font-weight:bold;
	margin-left:4px;
}


#feicht-content div.carBox p.back{
	padding:14px !important;
}

#feicht-content ul.mainNavi{
	position:absolute;
	top:109px;
	font-size:1.1em;
	list-style:none;
}

#feicht-content ul.mainNavi li{
	display:inline;
}



#feicht-content ul.mainNavi li a{
	float:left;
	display:block;
	padding:5px;
	background-color:#999999;
	border:1px solid #999999;
	border-right:1px solid #FFFFFF !important;
	color:#FFFFFF;
}

#feicht-content ul.mainNavi li a:hover{
	background-color:#003399;
}

#feicht-content ul.mainNavi li span.active{
	float:left;
	padding:5px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	border-bottom:1px solid #FFFFFF !important;
	color:#003399;
}

#feicht-footer{
	margin:0 0 0 0;
	/*width:543px;*/
	width:600px;
	background-color:#CCCCD1;
	border-top:0;
}

#feicht-footer p{
	text-align:center;
	padding:4px;
	font-size:1em;
	margin:0;
}

img.toImg{
	border:1px solid #000000;
	margin-left:7px;
}

img.carImg{
	border:1px solid #000000;
}

span.activePage{
	color:#000000;
	font-weight:bold;
}

p.center{
	float:left;
	text-align:right;
	width:150px;
	/*clear: both !important;*/ 
}

div.hideLe{
	display: none;
}

div.center{
	align: center;
}

div.showLe{
	visibility: visible;
	float:right;
	text-align:center;
	position:absolute;
	top:95px;
	left:15%;
	background-color:#f0f0f5;
	padding:7px;
	margin:auto auto auto -28px;
	width:355px;
	height:60px;
	overflow:hidden;
	border:2px solid #515151;
}

a.a2:link,
a.a2:active,
a.a2:visited{
	text-decoration:none;
	color:#627ac9;
	cursor:pointer;
}

a.a2:hover{
	text-decoration:underline;
	color:#627ac9;
}