/* ==== Research Abarth Stylesheet ==== */

/* === Common === */
* {
margin: 0;
padding: 0;
}

body, html {
margin: 0; 
padding: 0;}

body {
background: url(../images/abarth-500-body-bg.jpg) top center no-repeat;
font: normal 12px/20px Tahoma, Verdana, Arial; color: #aeaeae;
margin: 0 0 14px 0;
padding: 0 0 0 12px;}

html {
background: url(../images/html-bg.jpg) top left repeat-x #000000;}

img {
margin: 0; 
padding: 0;
border: 0;}

.clear {
clear: both;
height: 0px;
overflow:hidden;}

#pages {
width: 859px;
padding: 0;
margin: 0 auto;}

.picframe {
background-color:#1e1e1e; 
border:solid 1px #3c3c3c; 
text-align:center; 
margin-bottom:12px; 
padding: 10px 0;}

/* ====== Header ===== */

#header {
width: 385px;
height: 183px;
padding: 0 0 0 464px;
margin: 0;}

#headercontainer {
width: 383px;
height: 183px;
overflow:hidden;}

#headerlogos {
width: 383px;
height: 91px;
text-align:right;}

#headercall {
width: 383px;
height: 80px;
padding: 12px 0 0 0;}
#headercall p {
font: normal 23px/20px Tahoma, Verdana, Arial; color: #747c84;
margin: 0 0 0 0;
padding: 0 0 10px 0;
text-align:right;}

.telnumber {
color: #fff;
font-size:36px;}


/* === Navigation ==== */

#navcontainer {
width: 850px;
height: 37px;
margin: 0;
padding: 0 0 0 0;}
#nav {
display: inline;
list-style: none;
margin: 0;
padding: 0;}
#nav ul {
float: left;
display: inline;
list-style: none;
margin: 0;
padding: 0; }
#nav li {
float: left;
margin: 0;
padding: 0;
display: inline; }
#nav a {
font: normal 14px Tahoma, Verdana, Arial; color: #6e7173;
letter-spacing:normal;
text-decoration: none;
display: block;
margin: 0;
padding: 10px 11px 11px 11px; }
#nav a:hover {
color: #fefefe;
background: url(/images/nav-hover.gif) top repeat-x;}
#nav ul li a:hover {
color: #FFF;
text-decoration: none;
background: url(/images/nav-hover.gif) top repeat-x; } 
#nav li ul {
position: absolute;
left: -999em;
height: auto;
margin: 0 0 0 0;
padding: 0;
width: 194px;
w\idth: 190px;
border: none; }
#nav li ul a {
width: 194px;
w\idth: 190px;
margin: 0;
padding: 3px 3px 5px 0;
background: #111111;
color: #6e7173;
font: normal 12px Arial, Helvetica, sans-serif;
padding-left: 7px;
line-height: 1.4em;
border-bottom: solid 1px #2f2f2f; }
#nav li ul a:hover {
background: #650519;
color: #fff;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
width: 164px; } 


/* ===== content ===== */

#content {
padding: 0;
width: 859px;
margin: 0;}
.left {
width: 539px;
padding: 0;
margin: 0;
float:left;}
.right {
width: 300px;
padding: 14px 0 0 0;
margin: 27px 0 0 0;
float:right;
background-color:#1e1e1e;}
#content a, #content a:visited { 
color: #fff;
text-decoration:none;}
#content a:hover { 
color: #d3012d;
text-decoration:none;}
#content p {
font: normal 12px/20px Tahoma, Verdana, Arial; color: #aeaeae;
margin: 0 0 14px 0;
padding: 0 0 0 12px;}

li {
font: normal 12px/20px Tahoma, Verdana, Arial; color: #aeaeae;
margin: 0 0 3px 0;
padding: 0 0 0 12px;}




.left ul  {
	margin: 0 0 0 7px; 
	padding: 3px;
	list-style-type: none;
}	
.left ul li  {
	background-image: url(/images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .4em ;
	padding: 0 0 5px 20px;
	margin-left: 6px;}





/* ===== text styles ===== */

h1 {
font: normal 25px/20px Tahoma, Verdana, Arial; color: #fff;
margin: 37px 0 22px 0;
padding: 0 0 0 12px;}

h2 {
font: normal 16px/20px Tahoma, Verdana, Arial; color: #fff;
margin: 0 0 22px 0;
padding: 0 0 0 12px;}

/* ==== data tables ==== */
#datatable {
	font: 13px/18px Tahoma, Arial, Helvetica, sans-serif; color: #999999;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	background-color: #0a0a0a  }
#datatable p {
	font: 13px/18px Tahoma, Arial, Helvetica, sans-serif; color: #999999;
	margin: 0;
	padding: 0; }
#datatable td {
	border-bottom: 1px solid #1e1e1e;
	border-collapse: collapse;
	padding: 4px;
	margin: 0 }
#datatable th {
	border-left: 1px solid #1e1e1e;
	border-right: 1px solid #1e1e1e;
	border-bottom: 1px solid #1e1e1e;
	background-color: #1e1e1e;
	font-weight: bold;
	padding: 4px;
	margin: 0;
	color: #FFF;
	text-align: left; }
#datatable tr:hover {
	background-color: #2f2f2f; }

/* ====  contact form ==== */
#contactform {
margin: 0;
width: 539px; }
#contactform fieldset {
margin: 0 0 10px 0;
padding: 1em;  
-moz-border-radius:4px;
border: solid 1px #1e1e1e;  }
#contactform legend { 
font: bold 12px Tahoma, Arial, Helvetica, sans-serif; color: #fff;
margin: 0;
padding: 0 5px 0 0; }
#contactform label {
float: left;
width: 170px;
margin: 0;
padding: 6px 0 0 0 }
#contactform input { 
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 0;
padding: 0; }
#contactform select { 
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 220px;
margin: 5px 0 0 0;
padding: 0; }
#contactform textarea { 
font: normal 11px Tahoma, Arial, Helvetica, sans-serif; color: #000;
width: 222px;
height: 100px;
margin: 2px 0 0 0;
padding: 0; }
#contactform input:focus, #contactform textarea:focus { 
background-color: #FFC; }
#contactform input.chkbox1 {
width: auto;
margin: 0;
padding: 0; }
#contactform input.chkbox2 {
width: auto;
margin: 0 0 0 15px;
padding: 0; }
#contactform input.submit {
width: 120px;
float: left;
margin: 10px 6px 0 12px;
padding: 0; }


/* ===== images ===== */

.linkarrow {
margin: 0;
padding: 0 0 0 16px;
background: url(/images/arrow.jpg) no-repeat 0 50%; }

.titleimage {
padding: 0;
margin: 0 0 14px 0;}

.heritage1 {
margin: 0 14px 14px 0;}

.heritage2 {
margin: 0 0 14px 0;}


.trofeo1 {
margin: 0 10px 14px 0;}

.trofeo2 {
margin: 0 0 14px 0;}



/* ==== stock ==== */


.stock {
width: 835px;
border:solid 1px #3c3c3c;
background-color:#1e1e1e;
padding: 12px 12px 0 12px;
margin: 0 0 12px 0;}

.stockpic {
float:left;
margin: 0 0 0 0;
width: 186px;}

.stocktext {
float: right;
width: 620px;}




/* ==== footer ==== */

#footer {
width: 859px;
margin: 32px auto 0 auto;
padding: 10px 0;
border-top: solid 1px #1c1c1c;}
#footer p {
font: normal 12px/20px Tahoma, Verdana, Arial; color: #474747;
margin: 0 0 5px 0;
padding: 0 0 0 12px;}
#footer a:link, #footer a:visited, #footer a:active {
color: #474747;
text-decoration: none;}
#footer a:hover {
color: #6a6a6a;
text-decoration: none;}



/* ==== t&cs popup ==== */
#terms {
padding: 5px 0 5px 0;
font: normal 11px/14px  Arial, Helvetica, sans-serif; color: #999; 
background-color: #FFF; }
#terms h1 {
font: normal 24px "Century Gothic", Arial, Helvetica, sans-serif; color: #012d76;
letter-spacing: -1px;
margin: 0 0 10px 0;
padding: 0 0 0 6px; }
#terms p {
margin: 0 5px 10px 0; 
padding: 0 0 0 7px;}
#terms h2 {
font: bold 13px/17px  Arial, Helvetica, sans-serif; color: #999; 
margin: 0 0 2px 0;
padding: 0 0 0 7px; }
#terms a {
font-weight: bold; color: #E32025; text-decoration: none; }
#terms a:hover {
color: #304E97; text-decoration: none; }
#terms ul {
list-style-type: disc;
margin: 5px 0 10px 20px;
padding: 0; }