/*
fiat commercial style sheet
*/
html { background-color: rgb(243, 243, 243); }
body
{	font-family: Verdana;
	background-image: url(../images/page-bg.jpg);
	background-repeat: repeat-x;
	background-color: rgb(243, 243, 243);
	margin: 0px;
}
img{border:none;}

#Mid, #MidTop { width: 695px; }
#LeftTop, #Left { width: 100px; }

#Universe { width: 770px; }


#MidTop
{
	padding-top: 25px;
	background-image: url(../images/menu-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#Menu
{	margin: 25px 0px 0px 15px;
	padding: 5px 5px 6px;
	text-align: center;
	font-size: 90%;
	width: 445px;
}
#Menu a
{	margin-right: 9px;
	margin-left: 10px;
	color: rgb(0,0,0);
	text-decoration: none;
	padding-bottom: 5px;
}
#Menu a:hover
{	background-image: url(../images/roll.png);
	background-position: bottom center;
	background-repeat: no-repeat;
}


#RightTop
{	vertical-align: middle; text-align: left;margin-right:15px;
}

#RightTop address
{
	display: block;
	float:right;
	font-weight: normal;
	font-style: normal;
	margin: 10px 10px 0px 25px;
	line-height: 20px;
}

#Mid
{	background-color: rgb(255,255,255);
	background-image: url(../images/content-bg.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#Address
{	font-size: 90%;
	padding-left: 15px;
}

#Address a
{	text-decoration: none;
	color: #000000;
}

#Address a:hover
{	color:#3874D6;
}

#Blue
{	color:#3874D6;
	font-weight: bold;
}

#MidC { margin: 5px; font-size:8pt; float:left; width:470px;line-height:17px;}
#MidC a {
	color: #000000;
}
#MidC a:hover {
	color: #555555;
}
#MidC ul, #MidC ol {
	list-style-position: inside;
	padding-left: 10px;
	margin: 0px;
}
#Right {
	width: 180px;
	float: right;
	height: 100%;
	margin-left:10px;
}
.small { font-size: 7pt; }
.normal { font-size: 8pt; }
.large { font-size: 12pt; }

tr { vertical-align: top; text-align: left; }

.boxtop
{	background-image: url(../images/box-top.gif);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: rgb(211, 211, 211);
	padding-top: 10px;
	height: 100%;
}

.box { padding: 0px 10px;}
.box a {color:#000000;}

.boxend
{	background-image: url(../images/box-end.gif);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-color: rgb(211, 211, 211);
	padding: 7px;
}

#Left a
{	border-bottom:1px solid #3874D6;
	width: 95px;
	font-size: 90%;
}

#Left a:link, #Left a:visited
{	color:#000000;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	text-decoration: none;
	display: block;
}

#Left a:hover
{	text-decoration:none;
	color:#3874D6;
}

#Left .buttons, #Left .buttons a
{
	padding:0px !important;
	margin:0px !important;
	border-bottom:none;
}

#Adverts
{	
	float: left;
	padding: 10px 0px 10px 0px;
}

#Advert
{	padding-right: 0px;

}

#Focus
{	float: right;
	idth: 150px;
	pdding-left: 30px;
	border-left: 1px solid #3874D6;
	margin: 15px 0px 15px 0px;
}

#Footer
{	margin-bottom:10px;
	margin-top: 20px;
	border-top: 1px solid #3874D6;
	font-size: 90%;
}

#Footer a
{	color: #000000;
	text-decoration: none;
}

#Footer a:hover
{	color: #717272;
}

#Footerleft
{	float:left;
	color: #000000;
	margin-top: 10px;
	text-align: left;
	width: 570px;
}

#Footerright
{	float:right;
	text-align: right;
	width: 200px;
	margin-top: 10px;
}
h1 {font-size: 13pt; font-weight: bold;}
h2 {font-size: 9pt; font-weight: bold;}
h3 {font-size: 8pt; font-style: italic;}
.pages {text-align:center;padding:5px;color: #333333;margin-bottom:10px;font-size:11px;}
.pages .page{margin: 0px 5px 0px 5px;padding:3px;border:1px solid #cacaca;}
.pages .pageon{margin: 0px 5px 0px 5px;border:1px solid #cacaca;background-color:#003366;color:white;padding:3px;}
.pages a {text-decoration:none;}
.pagesb {float:right;border-top:1px dashed #bbbbbb;padding-top:5px;font-size: 7pt;color: #bbbbbb;}
select {
	font-family: Verdana, Arial;
	font-size: 8pt;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}
#fluidform {
}
#fluidform label {float: left;display: block;width:175px;font-weight: bold;margin-right:10px;}
#fluidform input, #fluidform select, #fluidform textarea {
	font-family: Verdana, Arial;
	font-size: 8pt;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-bottom: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	margin-bottom: 5px;
}
#fluidform .req, .checkout .req {font-size: 8pt;color:#ff0000;font-weight:bold;}
#fluidform button {font-size: 10pt;background-color:#FF9900;border: 1px solid black;padding:5x;margin-top:10px;}
#fluidform .panel {display:block;float:left;margin-bottom:5px;}
#fluidform .radio {margin:-2px;border:0px;}
#fluidform .cb, .checkout .cb {margin:0px;border:0px;}
div.err {color:#ff0000;border:2px dashed #ff0000;padding: 3px;}
ul.err {color:#ff0000;list-style-type: none;list-style-image: url(/images/x.gif);}
span.err {color:#ff0000;font-weight:bold;}
.sep {margin-top:10px;margin-bottom:10px;background:#000000;}
.basket, .checkout {
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: #333333;
	width: 480px;
	border: 1px solid #3e5376;
}
.checkout input, .checkout textarea {
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	border: 1px solid #3e5376;
}
.checkout .title {
	font-weight: bold;
}
.basket img {
	border:0px;
}
.basket thead, .checkout thead {
	background-color:#3e5376;
	color: #ffffff;
}
.basket th, .basket td, .checkout th, .checkout td {
	padding: 5px;
}
.checkout td {width:300px;}
.basket select, .checkout select, .options select {
	font-family: verdana, arial, helvetica;
	font-size: 8pt;
	color: #333333;
}
.basket button, .checkout button, .btn {border: 1px solid black;background-color:#3e5376;color:white;font-family: verdana, arial, helvetica;font-size: 9pt;}
.ipanel{float:right;width:175px;}
.ipanel img{border:1px solid #efefef;padding:5px;margin-bottom:10px;}
.name {padding:20px;}
.name1 {font-size:44pt;color:#999999;}
.name2 {font-size:30pt;color:#cccccc;padding-left:45px;font-weight:bold;padding-top:10px;}
.name3 {font-size:20pt;color:#666666;padding-left:15px;font-weight:bold;}

#contentw {
	width:640px;
}

/* ### SHOP NAVIGATION & CONTENT ### */

#ShopNav {
	width:200px;
	background-color:#325a73;
	border-right:1px solid black;
	float:left;
	margin:5px 10px 0 0;
	min-height:400px;
}
#ShopNav ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
	list-style-position:outside;
}

#ShopNav li {
}

#ShopNav a.sub {
	padding:4px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	font-weight:normal;
	width:151px;
	float:left;
}

#ShopNav a.top {
	padding:4px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	border-bottom:1px solid #ffffff;
	font-weight:bold;
	font-size:13px;
	width:151px;
	float:left;
}
a.plus {
	float:right;
}
#ShopNav a:hover {
	color:#325a73;
	background-color:#f2eefc;
}
#ShopNav h2 {
	color:#ffffff;
	padding:25px 0 10px 0;
}
#ShopNav input {
	border:1px solid #000000;
	background-color:#ffffff;
}
#ShopContent {
	width:420px;
	float:left;
	margin-top:5px;
}

#ShopContent h1 {
	padding-bottom:5px;
	margin-top:0px;
	border-bottom:1px solid #000000;
}

.catCrumb {
	border:1px solid #cacaca;
	margin:3px 0 3px 0;
	background-color:#f2eefc;
	padding:3px;
}

.category {
	width:300px;
	border: 1px solid #325a73;
	height:100px;
	float:left;
	margin-right:10px;
}
.category a {
	text-decoration:none;
}
.category a:hover {
	color:#000000;
}
.category a.overlay {
	position:absolute;
	width:300px;
	height:100px;
	z-index:10;
	text-decoration:none;
}
.category a.overlay:hover {
	filter: alpha(opacity=50);
	opacity: .5;
	background-color:#f2eefc;
}
.category .image {
	width:100px;
	height:100px;	
	background-color:black;
	float:left;
	z-index:1;
}
.category .image img {
	width: 96px;
	height: 96px;
	margin:2px 0 0 2px;
}
.category .text {
	width:198px;
	float:left;
	z-index:1;
}
.product {
	padding-bottom:10px;
	border-bottom:1px solid #cacaca;
}
.product img {
	border:1px solid #000000;
}
#car, #usedcar {background-color:#cccccc;width:650px;}
#mainCar img {width:650px;}
#car h2 {font-size:16px;color:#cc0000;padding:5px 0 5px 30px;border:1px solid white;border-left:none;border-right:none;}
#usedcar h1 {margin:0px;}
#usedcar h2 {font-size:18px;color:#000000;padding:5px 0 5px 30px;border:1px solid white;border-left:none;border-right:none;line-height:22px;margin:0px;}
#usedcar h3 {background-color:#666666;font-size:18px;color:#ffffff;padding:5px 0 5px 30px;border-bottom:1px solid white;line-height:22px;font-style:normal;}
#usedcar h2 span {float:right;font-size:12px;line-height:12px;margin-right:10px;color:#c00808;}
#usedcar h3 span {float:right;margin-right:10px;color:#ffffff;}
#usedcar table {background-color:#cccccc;}
#usedcar td {font-size:14px;}
#usedcar td.reserve {
	font-size:10px;font-weight:normal;
}
#overview, #similar {min-height:375px;font-weight:normal;width:320px;float:left;}
#overview h3 {font-size:16px;color:#cc0000;font-style:normal;font-weight:bold;}
#overview .link {margin:10px 10px 0 0;background-color:#999999;float:left;width:100px;}
#overview .link p {margin:0px;padding:0px;}
#overview .links {float:right;width:200px;font-size:18px;font-weight:bold;line-height:35px;}
#overview .links a {text-decoration:none;}
#overview .feature {
	width:100%;
	background-color:#999999;
	min-height:350px;
}
#overview .feature img {border:1px solid black;margin-left:10px;}
#similar .used {
	float:left;
	width:130px;
}
#similar .used h4 a {
	text-decoration:none;
}
#similar .used .image {
	width:130px;text-align:center;line-height:80px;height:80px;
}
div.err {color:#ff0000;border:1px solid #CACACA;padding: 5px;background-color:#FFF0F0}
div.go {color:#009900;border:1px solid #CACACA;padding: 5px;background-color:#F0FFF0}
ul.err {list-style-position: inside;padding-left: 0px;margin:0px;color:#ff0000;list-style-type: none;list-style-image: url(/images/x.gif);}
ul.err li {color:#ff0000;}
ul.go {list-style-position: inside;padding-left: 0px;margin:0px;color:#009900;list-style-type: none;list-style-image: url(/images/tick.gif);}
ul.go li {color:#009900;}

#offers, #offer {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
#offers .offer, #offer .image {
	float:left;
	width:100px;
	height:130px;
	margin-right:18px;
}
#offers .offer img {
	width:100px;
}
#offers .offer span {
	display:block;
	height:25px;
}
#moreinfo {
	width:650px;
	margin-left:auto;
	margin-right:auto;
}
#offers .offer a, #offer a {
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
#offers .offer img, #offer .image img {
	border:2px solid #000000;
}
#offers h2 {
	font-size:24px;
	font-weight:bold;
	margin-bottom:10px;
}
#offers .top {
	width:650px;
	float:left;
	margin-top:27px;
	font-size:13px;
	line-height:18px;
}
#offers .dataOffers {
	float:left;
	width:230px;
	margin-right:3px;
	border-bottom:1px solid #cacaca;
	min-height:375px;
}
#offers .dataOffers img {
	width:230px;
}
#offers .dataOffers a {
	text-decoration:none;
	color:#ff0000;
}
#offers .dataOffers h2 {
	padding-left:4px;
	font-size:14px;
	color:#cc0000;
}
#offers .dataOffers .strap {
	font-size:12pt;
}
#offers .fleet {
	background-image:url(/images/fleetbg.jpg);
	background-repeat:no-repeat;
}
#offers .tabs {
	height:25px;
	border-bottom:1px solid #000000;
	margin-bottom:10px;
}
#offers .tabs a {
	float:left;
	font-size:14px;
	text-decoration:none;
	border:1px solid #000000;
	padding:4px;
	text-align:center;
	border-bottom:none;
	margin-right:5px;
}
#offers .tabs a.tabon {
	background-color:#303030;
	color:#ffffff;
}
.show {
	display:block;
}
.hide {
	display:none;
}