﻿body
{
	padding:0px;
	margin:0px;
	background-color:white;
	background-image:url('http://www.autoinweb.it/images/autoin_main.gif');
    background-repeat:repeat-y;
    background-position:center;
	font-family:Verdana, Helvetica, sans-serif;
	font-size:10px;
	color:black;
}
form
{
	margin:0px;
	padding:0px;
}
a img
{
	border:none;
}
.clear_both
{
	position:relative;
	clear:both;
	height:1px;
	margin:0px;
	padding:0px;
	font-size:1px;
}
h1, h2, h3
{
	font-size:12px;
	font-weight:bold;
	color:#;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0px;
	margin:0px;
	margin-bottom:5px;
}
/* ######################################################################### */	
table
{
	font-size: 10px;
}
table.pollstable 
{
	margin-top: 5px; border: navy 1px solid;
}
table.formdisplay {}
table.form 
{
	border: #cccccc 1px solid;
}
td.mainleft {
	border-right: steelblue 1px solid; padding-right: 4px;
}
td.caption 
{
	font-weight: bold;
}
table.top 
{
	font-weight: bold; font-size: 50px; color: steelblue; border-bottom: steelblue 1px inset; text-align: center;
}
table.topmembermenu {}
a.topmembermenuitem 
{
	font-weight: bold; color: navy; text-decoration: underline;
}
a.topmembermenuitem:hover 
{
	color: red; text-decoration: none;
}
.newsblock a.title, .newsblock a.title:link
{
	font-weight: bold; color: black; text-decoration: underline
}
.newsblock a.title:hover 
{
	font-weight: bold; color: black; text-decoration: none
}
.newsblock .short 
{
	font-size: 10px;
}
.forum 
{
	color: black;
}
.forum a.title, .forum a.title:link
{
	font-weight: bold; color: black; text-decoration: underline
}
.forum a.title:hover 
{
	font-weight: bold; color: black; text-decoration: none
}
.forum .description 
{
	font-size: 11px;
}
.forum .datetime 
{
	font-size: 9px;
}
tr.evenrow 
{
	background-color: #FBFBFC;
}
tr.oddrow 
{
	background-color: #FBFBFC;
}
tr.unactive 
{
	background-color: #ffaadd;
}
td.title 
{
	font-weight: bold; width: 100%; color: ghostwhite; background-color: steelblue;
}
td.head 
{
	font-weight: bold; font-size: 130%; color: white; background-color: #c7c4e2; text-align: left;
}
td.menu_items 
{
	font-weight: normal;
}
td.menu_sub_items 
{
	font-weight: normal;
}
.formgroupcaption 
{
	font-weight: bold; color: #c00; text-decoration: underline;
}
select 
{
	font-size: 12px; font-family: verdana;
	border:1px solid #B3B3B3;
	color: #484846;
}

input
{
	color: #484846;
}
input.button 
{
	font-weight: bold;
}
input.text, input.digit, textarea.text, select.list 
{
	font-size: 12px; font-family: tahoma; 
	background-color: white;
	border:1px solid #B3B3B3;
	
}
input.text 
{
	width: 150px; 
}
input.digit 
{
	width: 50px;
}
textarea.text 
{
	width: 400px;
	height:200px;
}
select.list
{
	width: 150px;
}
input.treechangebutton 
{
	font-size: 10px; border:1px solid #b95454; font-family: verdana;
}

table.formrequest, table.forminput
{
	width: 100%;
}
table.featured 
{
	font-size: 10px;
}
table.featured_block 
{
	width: 100%; 
} 
p.error 
{
	color: red;
}
.carreviews a.title, .carreviews a.title:link
{
	font-weight: bold; color: black; text-decoration: underline
}
.carreviews a.title:hover 
{
	font-weight: bold; color: black; text-decoration: none
}
.carreviews .short , .userprofile
{
	font-size: 10px;
}
.userprofile 
{
	font-size: 10px; border: #cccccc 1px solid;
}
.userprofile table 
{
	font-size: 10px; border-collapse: collapse;
}
.userprofile table td 
{
	padding:4px;
}
td.form_input_item, td.form_request_item
{
	width:50px;
}
.inputformitem 
{
	font-weight: bold;
}

a:link, a:visited
{
color:#666666;
}
a:hover, a:active
{
}
/* ######################################################################### */	
div.main
{
	position:relative;
	width:915px;
	margin-left:auto;
	margin-right:auto;
	/* border:1px solid red; */
}
div.header
{
	position:relative;
	height:85px;
}
.logo
{
	position:absolute;
	top:40px;
	left:21px;
}
a.searchYourCar, a.sellYourCar
{	
	color:white;
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
	font-weight:bold;
}
a.searchYourCar:hover, a.sellYourCar:hover, a.searchYourCar:active, a.sellYourCar:active
{
	text-decoration:none;
}
a.searchYourCar
{
	right:180px;
}
a.sellYourCar
{
	right:50px;
}

a.linkHome, a.linkContact
{
	color:white;	
	font-size:11px;
	font-family:Verdana, Helvetica, sans-serif;
}

div.content
{
	position:relative;
	width:100%;
	overflow:hidden;
	padding-top:10px;
/* 	height:550px;  */
/* 	border:1px solid navy; */
}

div.leftBlock, div.rightBlock, div.centerBlock
{
	float:left;
	/* border:1px solid green; */
}
div.leftBlock
{
	width:174px;
}

div.centerBlock
{padding-left:20px}

div.rightBlock
{width:720px;margin-left:16px;}

div.leftMenuBlock
{
	position:relative;
}
.LoginBlock
{
	margin-top:5px;
	margin-bottom:5px;
	margin-left:5px;
	font-size:12px;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.LoginBlock span a:link, div.LoginBlock span a:visited
{
	color:#6e6e6e;
	text-decoration:none;
}
div.LoginBlock span a:hover, div.LoginBlock span a:active
{
	color:#6e6e6e;
	text-decoration:underline;
}
ul.leftMenu
{
	position:relative;
	margin:0px;
	padding:0px;
}
ul.leftMenu li
{
	margin:0px;
	list-style:none;
	padding:0px;
	margin-bottom:5px;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	font-family:Verdana, Helvetica, sans-serif;
	height:33px;
	line-height:33px;
	font-weight:bold;
}
.leftMenuNoActive
{
	background-image:url('lm_blue.gif');
	background-repeat:no-repeat;
}
.leftMenuActive
{
	background-image:url('lm_orange.gif');
	background-repeat:no-repeat;
}	

ul.leftMenu li  a:hover, ul.leftMenu li  a:active, ul.leftMenu li  a:link, ul.leftMenu li  a:visited
{
	color:#6f6f6f;
	text-decoration:underline;
}
.iconPhotos
{
	position:relative;
	top:2px;
	left:0px;
}


ul.detailsLinks, ul.infoBlockDL, ul.linksBackSearchResult
{
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
}



ul.linksBackSearchResult
{
	margin-top:10px;
}
ul.detailsLinks li, ul.infoBlockDL li, ul.linksBackSearchResult li
{
	position:relative;
	float:left;		
	margin:0px;
	margin-right:7px;
	padding:0px;
	list-style:none;
	vertical-align:middle;
}

ul.infoBlockDL li
{
	margin-left:2px;
}

table.searchResultsHeaderLine {
	background:#E5E5E5;
	width:100%;
	height:36px;
}

.searchResultsHeaderLine a:link, .searchResultsHeaderLine a:visited,  .searchResultsHeaderLine a:hover
{color:#555555}

table.tableSearchResult {padding-top:10px;}

tr.sortby {font-weight:bold;font-size:105%;}

.sortby td a:link, .sortby td a:visited, .sortby td a:hover
{color:#666666;text-decoration:none}

.page_navigator
{font-weight:bold;color:#110F7C;}

.page_navigator a:link, .page_navigator a:visited, .page_navigator a:hover
{color:#110F7C}

.pointedInListingInfo
{border-bottom:1px dotted #B2B2B2;padding-bottom:3px;}

.automobileClassifieds
{position:absolute;bottom:40px;left:15px;font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:13px;color:white;font-weight:bold;text-transform:capitalize;}

.listInfoPrice
{font-weight:bold;color:#FF5600; font-size:110%; font-family:Verdana, Arial, Helvetica, sans-serif;}

.listInfoYearMakeModel, .listInfoMileage
{font-weight:bold;color:black;font-family:verdana, sans-serif;}

.listInfoYearMakeModel a:link, .listInfoYearMakeModel a:visited, .listInfoYearMakeModel a:hover
{color:black;text-decoration:none}

.footerBlock
{position:relative;margin-top:20px;padding-top:20px;height:50px;
 background:url('footer_bg.gif') no-repeat top;padding-left:10px;}

.copyright
{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:100%;}

.copyright a:link, .copyright a:visited, .copyright a:hover, .copyright a:active
{color:#211F85;text-decoration:underline;font-weight:bold;}


.detailsLinks a:link, .detailsLinks a:visited, .detailsLinks a:hover
{font-size:90%; text-decoration:underline;color:#444444}

a.black_underline:visited
{color:black}
a.black_underline:link
{color:black}
a.black_underline:hover
{color:black}

div.top_menu
{
	position: absolute; 
	top: 35px; 
	right: 37px; 
	width: 220px; 
	color:white;	
}

.top_menu a:link
{color:white}

.top_menu a:visited
{color:white}

.top_menu a:hover
{color:white;text-decoration:none}

div.featuredAdsBlock
{float:right;width:240px;border:1px solid #d1d1d1;padding-top: 3px;padding-left: 3px;
 background-color:#f8f8f8;}

.headerText
{font-weight:bold;font-size:140%}

.featuredLinks a:link, .featuredLinks a:visited
{color:#211F85}

/*select.list
{width:67px;}*/



/* %%%%%SEARCH%%%%%%%%%%% */	
	.searchTreeLevel1
	{
		width:150px;
	}
	.searchTreeLevel2
	{
		width:150px;
	}
	.searchList
	{
		width:150px;
	}
	.searchText
	{
	}
	.searchStringLike
	{
	}
	.searchString
	{
	}
	.searchIntegerLess
	{
		width:61px;
	}
	.searchIntegerMore
	{
		width:61px;
	}
	.searchGeoDistance
	{
		width:105px;
	}
	.searchGeoLocation
	{
		width:50px;
	}
	.list
	{
		width:67px;
	}
/* %%%%%END SEARCH%%%%%%%%%%% */		
/* %%%%%INPUT%%%%%%%%%%% */	
	.inputList
	{
		width:153px;
	}
	.inputString
	{
		width:148px;
	}
	.inputInteger
	{
		width:148px;
	}
	.inputTreeLevel2
	{
		width:153px;
	}
	.inputTreeLevel1
	{
		width:153px;
	}
	.inputGeo
	{
		width:148px;
	}
	.inputVideo
	{
		
	}
	
/* %%%%%END INPUT%%%%%%%%%%% */	




table.sellerComents .inputText
{
	margin-top:5px;
	width:700px;
	height:200px;
}	

.inputText
{
	margin-top:5px;
	width:400px;
	height:200px;
}	

table.paymentForm .searchString
{
	width:50px;
}
.logInNameInput, .logInPassInput
{
	width:150px;
}

.pollBlock
{
	margin-left:6px;
}
.pollQuestion .headerText
{
	color:#6e6e6e;font-size:120%;
}

.headrow td a:link, .headrow td a:visited, .headrow td a:link, .headrow td a:visited 
{
	font-size:12px;
	color:#6e6e6e;
}
.headrow td
{
	border-bottom:0px solid #6e6e6e;
	font-weight:bold;
	padding-bottom:3px;
	font-size:12px;
	color:#6e6e6e;
}

.quickSearchKeep select
{width:150px}
.quickSearchKeep input
{width:80px}

#browse_by_make_model{}
#browse_by_make_model a{}
#browse_by_make_model a:visited{}
#browse_by_make_model a:hover{}

#browse_by_body_style{font-family:verdana}
#browse_by_body_style a{color:#578298;}
#browse_by_body_style a:visited{}
#browse_by_body_style a:hover{}

.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(http://www.autoinweb.it/media/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu .headerbar22{
font: bold 14px Arial;
color: white;
background: black url(http://www.autoinweb.it/media/titlebar22.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #404040;
background: url(http://www.autoinweb.it/media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #404040;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #404040;
background-color: #F3F3F3;
}

#pscroller1{
width: 450px;
height: 1.2em;
border: 1px dashed black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 400px;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

.rssclass .rsstitle{
font-weight: bold;
}

.rssclass .rssdate{
color: gray;
font-size: 85%;
}

.rssclass a{
text-decoration: none;
}

.arrowlistmenu{
width: 180px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: #FFFFFF;
background: black url(titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(titlebar.png) repeat-x center left;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

.ddsmoothmenu{
font: bold 12px Verdana;
background: #009dff; /*background of menu bar (default state)*/
width: 100%;

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #009dff; /*background of menu items (default state)*/
color: #009dff;
padding: 8px 10px;
border-right: 0px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a:hover{
background: red; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 0px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}
.evenrow {background:#e7ebf0;}
.oddrow {background:#f8f8f8;}
