/* Frontend CSS Document */

/*********************/
/***** HTML TAGS *****/
/*********************/
body { background:#fafafa; font: normal 12px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
body * { behavior: url(js/hover.htc);}


a { color: #3769aE; }
a:hover { color: #bc4105; }
a:visited { color: #555; }
a img { border: none; }

h1, h2, h3, h4, h5, h6 { margin: .8em 0 .4em 0; }
h1 { font-size: 1.4em; }
h2 { font-size: 1.2em; }
h3 { font-size: 1em; }
h4 { font-size: 1em; }
h5 { font-size: 1em; font-style: italic; }
p { margin: .5em 0; }

form { margin: 0; padding: 0; }
form input { margin: 1px; } 
form.clean { margin: 0; padding: 0; }
form.clean label { float: left; margin: 1px 0; }
form.clean label.regular { float: none; width: auto; }
form.clean input.text { padding: 0 2px; margin: 1px; }
form.clean select { width: 11.3em; margin: 1px; }
form.clean input.button { margin: 5px 5px 5px 0; }
form.clean br { clear: left; }
form.clean fieldset { margin: 5px 0; }
form.clean fieldset .hasIcon { padding-left: 30px; }

/* Cross-browser UL & OL layout (not pixel-perfect. use bullet background technique for pixel perfect lists): */
ul, ol { margin: 1em 0 1em 40px; padding: 0; }
li { margin: 0; padding: 0; }

/* Preserving right font in tables (IE5.x) */
table { font-size: 1em; }

/*
.warningBox { font-size: 12px; font-weight: normal; color: #720; border: 1px solid #f90; padding: 2px 2px 2px 25px; margin: 2px; background: #fc6 url(../../../images/common/icons/16x16/exclamation-sign.gif) 2px 2px no-repeat; }
.successBox { font-size: 12px; font-weight: normal; color: #072; border: 1px solid #0f9; padding: 2px 2px 2px 25px; margin: 2px; background: #cfc url(../../../images/common/icons/16x16/green-check.gif) 2px 2px no-repeat; }
.infoBox { font-size: 12px; font-weight: normal; color: #024; border: 1px solid #68a; padding: 2px 2px 2px 25px; margin: 2px; background: #bdf url(../../../images/common/icons/16x16/i-blue-disk.gif) 2px 2px no-repeat; }
.errorBox { font-size: 12px; font-weight: normal; color: #720; border: 1px solid #f90; padding: 2px 2px 2px 25px; margin: 2px; background: #fcc url(../../../images/common/icons/16x16/x-red-disk.gif) 2px 2px no-repeat; }
*/

.warningBox { font-size: 12px; font-weight: normal; color: #720; padding: 4px 2px 4px 25px; margin: 2px; background: #FFDC80 url(../../../images/common/icons/16x16/error.jpg) 2px 2px no-repeat; }
.successBox { font-size: 12px; font-weight: normal; color: #072; padding: 4px 2px 4px 25px; margin: 2px; background: #FFDC80 url(../../../images/common/icons/16x16/error.jpg) 2px 2px no-repeat; }
.infoBox { font-size: 12px; font-weight: normal; color: #024; padding: 4px 2px 4px 25px; margin: 2px; background: #FFDC80 url(../../../images/common/icons/16x16/error.jpg) 2px 2px no-repeat; }
.errorBox { font-size: 12px; font-weight: normal; color: #720; padding: 4px 2px 4px 25px; margin: 2px; background: #FFDC80 url(../../../images/common/icons/16x16/error.jpg) 2px 2px no-repeat; }
/**************************************/
/***** BEHAVIORS / PSEUDO CLASSES *****/
/**************************************/

/* Highlight Row & Cell for tables */
table.highlightRow tbody tr:hover, table.highlightRow tbody tr.hover { background: #ddeeff; }
table.highlightCell tbody td:hover, table.highlightCell tbody td.hover { background: #c0d0e0; }





/***********************************/
/***** GENERAL PURPOSE CLASSES *****/
/***********************************/
.vSpacer1px { font-size: 1px; }
.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }
.price { color: #CC6633; font-size: 14px; font-weight: bold; }
form .button.fancy { padding: 0 5px; font-size: 13px; font-weight: bold; color: #265a80; background: #fbe7c0 url(../../../images/templates/autoprim/button-bg.jpg) repeat-x; border: 2px solid #ebc78d; }
.pagination { padding: 5px; text-align: center;}
.pagination a { color: #448DC2; text-decoration: none; font-weight: bold; }


/***********************************/
/***** WIDGETS / UI COMPONENTS *****/
/***********************************/

/* Data Grid Table */
table.grid { border: 1px solid #444; border-collapse: collapse; }
table.grid th, .grid td { border: 1px solid #444; padding: 1px 2px; }


/* Vertical & Horizontal List Menus (unstyled, just layouting) */
.vMenu, .hMenu { margin: 0; padding: 0; list-style: none; }
.vMenu li, .hMenu li { margin: 0; padding: 0; }
.hMenu li { display: inline; }

.hMenu.sep li { border-left: 1px solid #aaa; padding: 0 5px 0 7px; }
.hMenu.sep li.first { border-left: none; padding-left: 0; }


/* Horizontal tabs menu */
.tabs li { display: block; float: left; margin-right: 2px; padding: 0 0 0 4px; background: url(../../../images/templates/autoprim/tab-normal-left.gif) top left no-repeat; }
	.tabs li a { display: block; float: left; text-decoration: none; font-weight: bold; color: #477496; padding: 5px 12px 4px 9px; background: url(../../../images/templates/autoprim/tab-normal-right.gif) top right no-repeat;  }	
	.tabs li a:hover { color: #164aa0; }
.tabs li.active { display: block; float: left; margin-right: 2px; padding: 0 0 0 4px; background: url(../../../images/templates/autoprim/tab-active-left.gif) top left no-repeat; }
	.tabs li.active a { display: block; float: left; text-decoration: none; font-weight: bold; color: #fff; padding: 5px 14px 4px 10px; background: url(../../../images/templates/autoprim/tab-active-right.gif) top right no-repeat;  }
	.tabs li.active a:hover { color: #fff; }

/* Lists displayed by column */
ul.columns { width: 100%; margin: 0; padding: 0; list-style: none; }
ul.columns li { float: left; margin: 0; padding: 0; }
ul.columns.col3 li { width: 33%; }
ul.columns.col2 li { width: 50%; }
ul.columns.col4 li { width: 25%; }




/**************************/
/***** GENERAL LAYOUT *****/
/**************************/
.page { background: #fff; }

.header { background: url(../../../images/templates/autoprim/header-bg.jpg) 10px 0px no-repeat; }
	.header .logo { display: block; float: left; }
		.header .logo img { margin: 0 0 0 20px; }
	.header .banner { padding: 4px 0; margin-left: 245px; }

.mainNav { padding-top: 10px; clear: left; }
.mainNav .tabs { margin-left: 10px; }
#langLinks { float: left; margin: 4px 0 0 180px; width: 60px; }
.mainNav .clear { background: #265A80; height: 7px; }

.footer { clear: left; border-top: 7px solid #265A80; margin-top: 10px; padding: 0 10px 10px 10px; }
	.footer .hMenu { margin-top: 5px; }

.middle { width: 992px; border-collapse:collapse; table-layout:fixed;}

/* POSTS LISTING */
/* TODO: split classes for regular posts and fancy/sponsored posts. */
/*.listPosts { width: 100%; margin: 0; background: #eaeaea; }
	.listPosts h1 { margin: 0; padding: 0 0 5px 0; }
		.listPosts h1 a { float: right; font-size: 12px; font-weight: normal; }
	.listPosts h2 { margin: 0; padding: 0 0 5px 0; font-size: 14px; }
		.listPosts h2 a { text-decoration: none; }
		.post { background: #F7F7F7 url(../../../images/templates/autoprim/post-bg.jpg) repeat-x; border: 1px solid #ddd; padding: 5px; margin: 5px; }
			.post .image { float: left; text-align: center; width: 140px; }
*/

.listPosts .post { height: 135px; width: 45%; margin: 5px; padding: 5px 5px 0px 5px; background: #F7F7F7 url(../../../images/templates/autoprim/post-bg.jpg) repeat-x; }
.listPosts .post h2 { margin: 0; padding: 0 0 4px 0; }
.listPosts .post h2 a { text-decoration: none; }
.listPosts .post .thumb { float: left; margin-right: 10px; }

.listPosts_L1 {}/*border:1px solid #000066;*/

.listPosts_L2 {}/*border:1px solid #006633;*/

.listPosts_L3 {}/*border:1px solid #990000;*/

.panel { background: #448DC2; color: #fff; }
	.panel a { color: #fff; }
	.panel a:hover { color: #fff; text-decoration: none; }
	.panel a:visited { color: #fff; }
	.panel .title { padding: 5px 10px; font: bold 14px Arial, Helvetica, sans-serif; }
	.panel .content { padding: 4px; }

/**************************/
/***** LAYOUT CLASSES *****/
/**************************/
/* pageSplitLayout: */
.pageSplitLayout td { padding: 0; vertical-align: top; }
.pageSplitLayout td.left { padding-left: 0px; width: 545px; border: none;  }

#pnlAuth { height: 110px; position: relative; top: -35px; background: url(../../../images/templates/autoprim/pnlLogin-bg.jpg) no-repeat; }
#pnlAuth label { float: left; display: block; margin-right: 10px; }
	#pnlAuth input.text { width: 140px; }
#pnlAuth input.button { margin-top: 1.2em; }
#pnlAuth .links { clear: left; padding: 3px; }
	#pnlAuth .links a { margin: 0 40px; }
#pnlAuth.logged .content { text-align: center; }
	#pnlAuth.logged .content .p1 { margin: 0; padding: 0 0 10px 0; }
	#pnlAuth.logged .content a {  margin: 2px 5px;display:block;}


#pnlSearch { height: 277px; position: relative; top: -25px; background: url(../../../images/templates/autoprim/pnlSearch-bg.jpg) no-repeat; }
	#pnlSearch .title a { float: right; font-size: 12px; font-weight: normal; }

#frmSearch { padding: 0 5px; }
	#frmSearch label { float: left; display: block; margin-bottom: 6px; }
	#frmSearch label.left { margin-right: 30px; }
		#frmSearch label.medium select { width: 120px; }
		#frmSearch label.medium .text { width: 80px; }
	#frmSearch select { width: 190px; }
	#frmSearch .range { float: left; width: 160px; }
		#frmSearch .range label { float: none; display: inline; padding: 0 5px 0 10px; }
		#frmSearch .range label.p2 { padding-right: 3px; }
		#frmSearch .range .text { width: 80px; }
	#frmSearch .range2 { float: left; width: 80px; }
		#frmSearch .range2 label { float: none; padding-left: 10px; margin: 2px 0; }
	#frmSearch .submit { clear: left; text-align: center; padding-top: 10px; }

#catTabPane .clearLeft { height: 8px; background: #265A80; border-left: 1px solid #B9B9B9; }
#catTabPane .panes .clearLeft { height: 1px; background: none; border: none; }
#catTabPane .panes { margin-left: 1px; padding: 10px; background: #4691C8 url(../../../images/templates/autoprim/pnlCat-bg.jpg) no-repeat; }
#catTabPane ul.columns li a { width: 90%; color: #fff; text-decoration: none; display: block; padding: 2px 5px; }
#catTabPane ul.columns li a:hover { background: #569Fd4; }



/*************************/
/***** PAGE SPECIFIC *****/
/*************************/

/* Home */


/* Registration page */
#regForm { padding: 0 20px 0 0; }
#regForm label { width: 130px; margin: 5px 0; }
#regForm input.text { width: 200px; }
#regForm select { width: 170px; }
#regForm .formTip { float: left; margin-left: 135px; margin-bottom: 10px; }
#regForm .park { margin-top: 20px; }
#regForm .park textarea { font: normal 12px Arial, Helvetica, sans-serif; margin: 1px; height: 6em; padding: 0 2px; width: 300px; }

/* Listing */



/* Post details */


/***********************************************/
/***** 3rd PARTY COMPONENTS STYLE & LAYOUT *****/
/***********************************************/


.message td {background-color:#eeeeee; border:1px solid #cccccc; padding:0px 10px; margin-bottom:10px;}

.link_pagination {
	text-align: center;
}

.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size:12px;
}
.style2 {
	color: #FF6600;
	font-weight: bold;
}

a.car_title:link, a.car_title:visited{
color: #FFFFFF;
font-weight: bold;
font-size:12px;
text-decoration:none;
}

a.car_title:hover{
text-decoration:underline;
}

a.car_categ:link, a.car_categ:visited{
color: #FF6600;
font-weight: bold;
text-decoration:none;
}

a.car_categ:hover{
text-decoration:underline;
}


.style2 {
	color: #FF6600;
	font-weight: bold;
}
.style3 {
	color: #FFFFFF;
	font: bold;
	font-size: 18px;
}

.bara_localizare{
background-image:url(../../../images/templates/autoprim/localizare.jpg); 
background-repeat:repeat-x;
color:#FFFFFF;
padding:0px;
}

.title_localizare{
float:right; 
font-size:21px; 
color:#FFFFFF; 
font-weight:bold; 
height:28px; 
padding-right:17px;
}

a.localizare_lnk:link, a.localizare_lnk:visited{
font-weight:bold;
color:#FFFFFF;
padding:2px 5px;
text-decoration:none;
}

a.localizare_lnk:hover{
text-decoration:underline;	
}


.space_ie{clear:both; height:1px; font-size:2px;}

.text_area label{ width:120px;}
.text_area textarea{float:left; width:352px; height:100px;}