* {
	margin : 0; 
	padding : 0;
	text-decoration : none;
	outline : none;
}

ul {
	list-style-type : none;
}

a {
	color : black;
}
img { /* keep firefox happy */
	border: none;
}

body { 
	font : 76%/160% Arial, sans-serif; 
	background : #b4b4b4 url(body_back4.gif) repeat-x fixed top left; 
	margin : 0 auto; 
	padding : 0;
	text-align : center; 
	behavior:url(includes/csshover.htc);
}

#banner {
/*	padding-right : 20px; */
/*	margin: 2px 2px 22px 0px; */
	margin: 2px 2px 2px 0px;
	border-bottom-width : 16px;
	border-bottom-style : solid;
	border-bottom-color : #444444;

	text-shadow : 3px 3px 2px #grey;
	font-style: italic;
	font-size: large;
	height : 54px; /* IE sees as minimum height */
	position : relative;
	top : 0px;
	left : 0px;
}
#log {
	position : absolute;
	top : 0px;
	left : 20px;
	behavior: url(includes/iepngfix.htc);
}
#topmenu {
	padding-right : 20px; 
	padding-top : 30px;
}

#topmenu li {
	float : right;
	padding-left : 20px;
}

#flags {
	margin-bottom : 2px;
}

h2 {
	background-color : #bcb;
	padding : 1px 4px 4px 4px; 
	margin : 0px 0px 5px 0px;
	border-width : 3px 0px;
	border-style : solid;
	border-color : #999;
	text-shadow : 3px 3px 2px #grey;
	font-size:large;
}

div#container { width : 780px; 
margin : 0 auto; 
padding : 0; 
text-align : left; 
}

div#content { 
	width : 100%; 
}
div#foot {
	clear : both;
	height : 20px;
	padding-left : 4px;
	border-top-width : 22px;
	border-top-style : solid;
	border-top-color : #444444;
}
div#sorted {
	padding: 2px 4px;
	margin-top: 4px;
	background-color: #797;
	font-weight: bold;
}

div#search {
	float : left;
	width : 134px;
	height : 24px;
	background-color: #888;
	text-align : center; 
}
div#search input {
	width : 106px;
	height : 14px;
	vertical-align: 6px;
	margin-top: 2px;
}

div#content_main { 
float : right; 
width : 640px;
margin : 0 0 2px 0; 
padding : 0; 
	border-width : 0px 2px;
	border-style : solid;
	border-color : #eee;
	background-color: #ddd;
}

div#content_sub {
float : left; 
width : 130px; 
margin : 4px 0px; 
	border-width : 2px;
	border-style : solid;
	border-color : #ddd;
	line-height: 19px;
}

li.menu-cat {
	background-color : #ccc;
	padding : 1px 2px;
	float:left;
	width:126px;
}
li.menu-catsub {
	background-color : #ccc;
	padding : 1px 4px;
	/* added for IE fix ? */
	position: relative;
	top:0;
	left:0;
	float:left; /* IE hack - but breaks firefox*/
	width:122px;
}

/*touch
li.menu-catsub:hover ul {
	display : block;
}
*/

li.menu-catsub ul {		/* experimental */
	position : absolute;
	width : 180px; 
	opacity : 0.9;
	display : none;
	border-width : 2px;
	border-style : solid;
	border-color : #fff #555 #555 #fff;
	padding-bottom: 3px;
	background-color : #ddf;
	z-index:99; /* IE fix ? */	
		left: 130px;
		top: -2px;
}

li.menu-cat a {
	display : block;
	padding-left:2px;
}
li.menu-sub a {
	display:block;
}
li.menu-cat a {
	width:122px;
}
li.menu-sub a:hover {
	background-color : #ff0;
}
li.menu-cat a:hover {
	background-color : #ff0;
}
li.menu-catsub:hover {
	/*background-color : #aaf;*/
		background-color : #555;
		color: #eef;
}

div#site_info { width : 100%; }


ul.prod {
margin : 5px 4px;
background-color : #fff;
color : black;
background-image : url(blend.png);
background-repeat: no-repeat;
background-position: bottom;
float:left;
width:626px;
}

ul.variants {
	padding : 10px;
	width : 488px;
	margin-left: auto; 
	margin-right: auto;
	overflow : hidden;
}
li.clear {
	clear:both;
}

li.prod_label {
	background-color : #aaa;
	padding : 2px;
	font-weight : bold;
	border-width : 1px 0px;
	border-style : solid;
}
li.prod_label img {
	float:right;
	margin-top:1px;
}
li.man {
	background-color : #ddd;
	padding : 0px 3px;
	font-style: italic;
}

ul.var-header {
	background-color : #bb8;
	color : black;
	padding : 0px 4px;
	width : 480px;
	font-weight : bold;
	overflow : hidden;
}
ul.var-even {
	background-color : #aba;
	padding : 0px 4px;
	width : 480px;
	overflow : hidden;
	clear : both;
}
ul.var-odd {
	background-color : #9a9;
	padding : 0px 4px;
	width : 480px;
	overflow : hidden;
	clear : both;
}

li.code {
	float : left;
	width : 80px;
}
li.subname {
	float : left;
	width : 330px;
}
li.rrp {
	float : left;
}
li.description ul {
	/*padding: 0 0 0 2em;*/
	list-style-type : square;
	list-style-position: inside;
	/*text-indent: -1.2em;*/
	padding-bottom:.5em;
}
li.description {
	padding : 5px 5px;
	line-height: 1.3em;
	min-height: 120px;
}
li.description p {
	padding-bottom:.5em;
}
span.image {
		float : right;
		padding : 0px 20px 20px 20px;
}
img.hot {
	float:left;
	margin-right:0.6em;
}
li.xtra_desc {
	clear: both;
}
li.xtra_desc a {
	display: inline;
	background-color: #88f;
	padding: 2px;
	font-weight: bold;
	font-size: x-small;
}
li.xtra_desc a:hover {
	color: red;
}
div.xtra_desc {
	display: none;
}
div.xtra_desc ul li {
	list-style-type : square;
	margin : 0 0 0 2em;
}

/* Dealertainers */
li.counties0 {
	padding-bottom : 0.5em;
	clear: both;
	background-color: #bcb;
	overflow : show;
	width: 640px;
}
li.counties1 {
	padding-bottom : 0.5em;
	clear: both;
	background-color: #ded;
	overflow : show;
	width: 640px;
}
span.county {
	background-color: #999;
	display : block;
	padding-left:2px;
	font-size: small;
	border-top: solid #444 2px;
	border-bottom: solid #eee 1px;
	color:white;
	font-weight: bold;
}
li.counties0 a, li.counties1 a {
	padding:0;
}
li.dealer {
	clear: both;
	/*overflow:show;*/
	height:20px;
	font-size: small;
	border-bottom: dotted;
	border-color: #aaa;
	border-width: 1px;
}
li.dealer:hover {
	background-color: white;
}
div.company {
	float : left;
	width : 230px;
	padding-left:3px;
}
div.phone {
	float : left;
	width : 115px;
	background : url(phoneb.png) no-repeat left;
	padding-left:20px;
	behavior: url(includes/iepngfix.htc);
}
div.place {
	float:left;
	padding-left:23px;
}

/* hot */
div.hot_main{
	background-color: white;
	line-height: 1.1em;
	font-size: 10px;
	padding: 2px 0px;
}
div.hot {
	margin : 10px 4px 4px 0px;
}
p.hot_desc {
	height: 90px;
	margin : 0 1em; 
	/*padding : .5em 0;*/
	padding : 1px 0;
}
/* news */
div.billboard {
	height: 100px;
	overflow: auto;
	background-color: #e7e7e7;
	padding: 0px 8px;
/*	margin-bottom : 5px; */
}
div.date{
	font-style: italic;
	font-weight: bold;
	font-size: small;
	line-height: 1.2em;
}
div.news{
	font-size: small;
	line-height: 1.2em;
	padding-bottom: 3px;
	border-width: 0px 0px 1px 0px;
	border-style: dashed;
	border-color: #aaa;
	text-indent : 1em;
	padding-left: 1em;
}
li.item {
	clear:both;
}
img.selle {
	border-width: 2px 0px 2px 0px;
	border-style: solid;
	border-color: #000;
}
/* searches */
li.results {
	width:197px;
	float: left;
	border-width: 2px;
	border-style: solid;
	border-color: #aaa;
	padding:3px;
	margin:3px;
	background-color: #eee;
}
div.preview {
	clear:both;
}
li.results a:hover {
	background-color: #000;
	color: white;
}
/* swatches */
span.swatch {
	font-style: italic;
	font-weight: bold;
	margin-top: 1em;
	border-top: 1px dashed #ccc;
	display:block;
}
li.swatch {
	font-style: italic;
	font-weight: bold;
	margin-top: 1em;
	border-top: 1px dashed #ccc;
	padding-top: 2px;
	padding-left: 5px;
/*	display:block;*/
	vertical-align:10px;
	clear: both;
}
li.swatch img {
	vertical-align:middle;
}

textarea {
	width: 100%;
	height: 200px;
}

p.request {
	margin : 1em 4em;
	font-size : larger;
}
form.request {
	margin : 2em 5em;
}
form label {
	display : block;
    font-weight:bold;
    margin-top:0.5em;
}
form input {
	width : 100%;
}
form#selle input {
	width:auto;
}
form#selle input[type="text"] {
	width:200px;
}
form#selle {
	padding-left:60px;
	padding-right:60px;;
}
form#selle td {
	padding: 2px 5px 2px 5px;
}
form#selle table {
	margin-left: 35px;
}
form#selle ul {
	padding-bottom:5px;
}
form#selle li {
	padding-left:40px;
}
form input#submit {
	margin-top : 3em;
	width : 25%;
	margin-bottom : 2em;
}
ul.request {
	margin-left : 6em;
	list-style-type : circle;
	color : red;
}
p.error {
	margin : 0 4em;
	color : red;
}
p.about {
	margin: 1em 2em;
	font-size:115%;
	line-height: 1.3em;
}
p.about a {
	color : blue;
}
p.about a:hover {
	color : red;
}
h3 {
	margin : 1.5em;
}
img.about {
	float : right;
	margin : 2em 2em 1em 1em;
	border : #777777 solid 2px;
}
img.stickrace {
	border-top : #777777 dotted 1px;
}
blockquote {
	border-top : 1px dotted red;
	border-bottom : 1px dotted red;
	width : 70%;
	padding : 3px 20px 0px 20px;
	margin: 0 auto;
	clear : both;
	background-color: #ffcccc;
}
div.hotlink {
	cursor:pointer;
	cursor:hand;
}
td.hotbak {
	background-image: url(hotback.png);
}
.badges {
	margin-top:5px;
	width:80px;
	height:7px;
	float:left;

}
.badge:hover div {
	display:block;
}
div.badge {
	float:right;
	border: 1px black solid;
	width:5px;
	height:7px;
	margin-right:1px;	
	position:relative;
}
div.time {
	background-color: #ffcc99;
}
div.ltime {
	background-image: url(../badge/TIME.GIF);
}
div.campag {
	background-color: #fcf305;
}
div.lcampag {
	background-image: url(../badge/CAMPAGNOLO.GIF);
}
div.cinelli {
	background-color: #99ccff;
}
div.lcinelli {
	background-image: url(../badge/CINELLI.GIF);
}
div.selle {
	background-color: #ccffcc;
}
div.lselle {
	background-image: url(../badge/SELLEITALIA.GIF);
}
div.nalini {
	background-color: #FF85F5;
}
div.lnalini {
	background-image: url(../badge/NALINI.GIF);
}
div.sapim {
	background-color: #ffffff;
}
div.lsapim {
	background-image: url(../badge/SAPIM.GIF);
}
div.tifosi {
	background-color: #c0c0c0;
}
div.ltifosi {
	background-image: url(../badge/TIFOSI.GIF);
}
div.las {
	background-color: #77aa77;
}
div.llas {
	background-image: url(../badge/LAS.GIF);
}
div.iclic {
	background-color: #aa4444;
}
div.liclic {
	background-image: url(../badge/ICLIC.GIF);
}
div.elementi {
	background-color: #0000ff;
}
div.lelementi {
	background-image: url(../badge/ELEMENTI.GIF);
}
div.strada {
	background-color: #000000;
}
div.lstrada {
	background-image: url(../badge/STRADA.GIF);
}
div.test {
	background-color: #ff0000;
}
div.ltest {
	background-image: url(../badge/TEST.GIF);
}
div.miche {
	background-color: #00FF00;
}
div.lmiche {
	background-image: url(../badge/MICHE.GIF);
}
div.dem {
	background-color: #00ccff;
}
div.esq {
	background-color: #ff6600;
}
div.ryde {
	background-color: #99cc00;
}
div.vit {
	background-color: #000000;
}
div.label {
	position:absolute;
	top:-45px;
	left:-50px;
	display:none;
	width:120px;
	height:40px;
	/*background-color: black;*/
	/*color: white;*/
	z-index: 1000;
	/*border: 1px white solid;*/
	font-weight: bold;
	text-align: center;
	/*background-image: url(../logo/TIME.GIF);*/
	background-repeat: no-repeat;
	background-position: bottom center;
}
#jump {
	clear:both;
	padding:0px 4px 4px 4px;
	background-color: #333333;
	color: #cccccc;
	font-weight: bold;
	border-top: 2px black solid;
	border-bottom: 2px black solid;
	margin-bottom: 2px;
}

#dealerkey li {
	width:250px;
	float:left;
}
