/*	
	federauto - main stylesheet
	authors: mga, fde
	note: Styles for eMagic customer editable content should go in generic.css
*/

body {
	background:#c4c6c9 url(/01/images/federauto/interface/bg_pattern.jpg) top left repeat-x;
	margin:0 auto;
	padding:0;
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Trebuchet MS,Tahoma,Verdana,Arial,Sans-serif;
	color:#40444a;
}


/* base rules (base formatting rules are in 'generic.css') */
img {border:0;}
form {margin:0;padding:0;}
input, textarea, select {font-family: Trebuchet MS,Tahoma,Verdana,Arial,Sans-serif;font-size:1em;}

/* generic paragraph ---> implicit content */
p.back2top {font-size:0.9em;text-align:right;}
p.back2top a {background:url(/01/images/federauto/interface/bullet_back2top.gif) no-repeat center left;padding-left:12px;text-decoration:none;}
p.back2top a:hover {background:url(/01/images/federauto/interface/bullet_back2top_h.gif) no-repeat center left;}

/* paragraphs used on the front pages (inside boxes) */
p.small 	{font-size:1em;margin:0;margin-bottom:0.5em;color:#40444a;}

/* bread crumbs (hmm) */
p.breadcrumb {margin-bottom: 1em;}
/*
p.breadcrumb a {color:#40444a;background:url(/01/images/federauto/breadcrumb_arrow.gif) no-repeat right center;padding-right:10px;margin-right:5px;}
commented by JYP
*/
p.breadcrumb a {color:#40444a;padding-right:10px;margin-right:5px;}
p.breadcrumb a:hover {color:#ff6224;}

p.magazine { margin-bottom: 0.8em; }
p.magazine span.issue { font-weight:bold; color:#047440; }

/* >> arrow bullet orange */
a.ArrowOrange {background:url(/01/images/federauto/interface/head_arrow_orange.gif) no-repeat center left;padding-left:12px;color:#40444A;text-decoration:none;}

/* small green arrow, gray text */
div.bulletins-info a { color: #40444a; }
div.bulletins-info a:hover { color:#ff6224; text-decoration:underline; }


/* green bullet >> right + green text, hover orange */
a.pagenext {background:url(/01/images/federauto/bullet_next.gif) no-repeat center left;font-weight:bold;color:#047440;padding-left:11px;text-decoration:none;}
a.pagenext:hover {background:url(/01/images/federauto/bullet_next_h.gif) no-repeat center left;color:#ff6224;}
/* green bullet << left + green text, hover orange */
a.pageprev {background:url(/01/images/federauto/bullet_prev.gif) no-repeat center left;font-weight:bold;color:#047440;padding-left:11px;text-decoration:none;}
a.pageprev:hover {background:url(/01/images/federauto/bullet_prev_h.gif) no-repeat center left;color:#ff6224;}
/* green bullet >> + gray text, hover orange bullet+text */
/*sfo*/a.linkstyle2 {background:url(/01/images/federauto/bullet_next.gif) no-repeat left 6px ;font-size:1em;color:#40444a;padding-left:12px;text-decoration:none;}
/*sfo*/a.linkstyle2:hover {background:url(/01/images/federauto/bullet_next_h.gif) no-repeat left 6px;color:#ff6224;}

/* small green arrow, 11px green text, no underlining */
a.linkstyle3 {
	display: block;
	font-size: 1.1em;
	line-height: 1em;
	padding-left:11px;
	color:#047440;
	font-weight:bold;
	background:url(/01/images/federauto/bullet_triangle_green.gif) no-repeat left 3px;
}
a.linkstyle3:hover { background:url(/01/images/federauto/bullet_triangle_green_h.gif) no-repeat left 3px; text-decoration:none; }

/* image buttons with html text */
a.orangebutton {
	display:block;
	background:url(/01/images/federauto/btn_orange_19_left.gif) no-repeat center left;
	height:19px;
	padding-left:20px;
	width: 62px; /* minimum width */
	text-decoration: none;
}
a.orangebutton:hover { text-decoration: none; }
a.orangebutton span {
	color:#fff;
	font-size: 10px;
	display:block;
	position: relative;
	background:url(/01/images/federauto/btn_orange_19_right.gif) no-repeat top right;
	line-height:19px;
	height:19px;
	white-space: nowrap;
	cursor: pointer;
	text-align: left;
}

a.greenbutton {
	display:block;
	background:url(/01/images/federauto/btn_green_19_left.gif) no-repeat center left;
	height:19px;
	padding-left:20px;
	width: 62px; /* minimum width */
	text-decoration: none;
}
a.greenbutton:hover { text-decoration: none; }
a.greenbutton span {
	color:#fff;
	font-size: 10px;
	display:block;
	position: relative;
	background:url(/01/images/federauto/btn_green_19_right.gif) no-repeat top right;
	line-height:19px;
	height:19px;
	white-space: nowrap;
	cursor: pointer;
	text-align: left;
}


/* vertical dotted separator */
td.vertdots { background: url(/01/images/federauto/vert_dots.gif) repeat-y 50% 0; }

/* horizontal dotted separator */
.hordots { 
	height: 15px;
	background: url(/01/images/federauto/home_h1_dotted.gif) repeat-x center left;
}

.Section-Title {
	/*
	this is the class for the section (big blue bar in content pages)
	note: 	it can be placed on a H1 (on the section page itself)
			or on a <P> tag for a page inside the section in this case use: <H1 class="Page-Title">
	*/
	border:3px solid #5e6e86;
	margin:5px 10px 10px 10px;
	padding:0 7px;
	font-size:2em;
	font-weight:bold;
	color:#f2f4f7;
	background:url(/01/images/federauto/interface/page_title_bg.gif) repeat-x top left;
}
.Home-Title {
	/*
	used only on the homepage (bigger text) use <H1 class="Home-Title"></H1>
	*/
	font-size:2.2em;
	color:#40444a;
	margin:0;
	padding:0;
	background:url(/01/images/federauto/home_h1_dotted.gif) repeat-x bottom left;
	padding-bottom:4px;
	margin-bottom:12px;
}


#wrapperHeader td a{color:#f2f4f7;}
#wrapperFooter td a{color:#e6e8eb;}

/*TOP LEFT NAVIGATION*/

ul#navigation-main {margin:0;padding:0;list-style-type:none;}
ul#navigation-main li {margin:0;padding:0;width:182px;height:29px;line-height:29px;margin-bottom:5px}
ul#navigation-main li a {
	display:block;
	width:174px;
	height:29px;
	line-height:29px;
	padding-left:8px;
	text-transform:uppercase;
	color:#dee2e8;
	font-weight:bold;
	background:url(/01/images/federauto/interface/nav_main_bg.gif) no-repeat top right;
}
ul#navigation-main li a:hover 		{ color:#f2f4f7; background-image:url(/01/images/federauto/interface/nav_main_bg_h.gif); }
ul#navigation-main li.active a 		{ color:#f2f4f7; background-image:url(/01/images/federauto/interface/nav_main_bg_a.gif); }
ul#navigation-main li.active a:hover { color:#f2f4f7; background-image:url(/01/images/federauto/interface/nav_main_bg_a.gif); }


/*TOP RIGHT NAVIGATION (SECTORS)*/
.topLevel1, .topLevel1over, .topLevel1active, .topLevel1overactive
{
	color:#ffffff;
	font-size:110%;
    cursor: pointer;
	line-height:1em;
	padding:6px;
	padding-left:5px;
	width:20%;
	background:url(/01/images/federauto/interface/mainnav_dotted.gif) top right no-repeat;
    vertical-align:top;
}    
.topLevel1over
{
	color:#ff6224;
    text-decoration:underline;
}
.topLevel1active
{
	background:#202b42 url(/01/images/federauto/interface/mainnav_dotted.gif) top right no-repeat;
}
.topLevel1overactive
{
	color:#ff6224;
    text-decoration:underline;
	background:#202b42 url(/01/images/federauto/interface/mainnav_dotted.gif) top right no-repeat;
}
.topLevel1 span, .topLevel1over span {
	display:block;
	color:#fff;
	background:url(/01/images/federauto/interface/mainnav_arrow.gif) 1px 3px no-repeat;
	padding-left:10px;
}
.topLevel1active span, .topLevel1overactive span {
	display:block;
	color:#fff;
	background:url(/01/images/federauto/interface/mainnav_arrow_orange.gif) 0px 3px no-repeat;
	padding-left:10px;
}



.topLevel2, .topLevel2over, .topLevel2active, .topLevel2overactive
{
	border-left:1px solid #bac1cc;
	border-right:1px solid #bac1cc;
	border-bottom: 0px solid #bac1cc;
	border-top: 0px solid #bac1cc;
	background:#223859;
	width:110px;
}
.topLevel2 span, .topLevel2over span, .topLevel2active span
{
	color:#fff;
	display:block;
	margin:0 5px;
	background:url(/01/images/federauto/interface/subnav_bullet.gif) 0px 7px no-repeat;
	padding-left:10px;
}
.topLevel2over span
{
	color:#ff6224;
	background:url(/01/images/federauto/interface/subnav_bullet_h.gif) 0px 7px no-repeat;
    text-decoration:underline;
}
.topLevel2active span
{
	color:#ff6224;
	background:url(/01/images/federauto/interface/subnav_bullet_h.gif) 0px 7px no-repeat;
	text-decoration:none;
}


/* TOPMENU TH */
table.topNav {
	color:#fff;
	font-size:110%
}
table.topNav  th {
	text-align:left;
	padding:2px;
	padding-left:9px;
	text-transform:uppercase;
	background:url(/01/images/federauto/interface/mainnav_dotted_h.gif) top left repeat-x;
}


/*SIDEBAR (CONTENT NAVIGATION)*/

ul.subnav {margin:0;padding:0;list-style-type:none;margin-bottom:10px;}
ul.subnav li {
	margin:0;
	padding:0;

	border-top:1px solid #cbcfd8;
	font-size:1.1em;
	/*line-height:20px;height:20px;*/
	padding-top:2px;
	padding-bottom:1px;
	background:#d6dbe2 url(/01/images/federauto/interface/sidenav_bg.gif) no-repeat 0 0;
}
ul.subnav li.active {}
ul.subnav li a {
	display:block;
	width:150px;
	margin-left:9px;
	padding-left:11px;
	color:#223859;
	font-weight:bold;
	background:url(/01/images/federauto/interface/sidenav_bullet.gif) no-repeat center left;
}
ul.subnav li a:hover {
	color:#047440;
}
ul.subnav li.active a {
	color:#223859;
	background:url(/01/images/federauto/interface/sidenav_bullet_h.gif) no-repeat center left;
}
ul.subnav li.active a:hover {
	color:#047440;
	background:url(/01/images/federauto/interface/sidenav_bullet_h.gif) no-repeat center left;
}

/*SIDEBAR level2 */
ul.subnav ul {
	list-style-type:none;
	margin:0;padding:0;
	background:#f5f6f9;
	border:3px solid #ebeef2;
	padding:3px 0;
}
ul.subnav li.active ul li {
	margin:0;padding:0;
	font-size:1em;
	background:transparent;
	border:none;
	padding-left:4px;
}
ul.subnav li.active ul li a {
	margin:0;padding:0;
	margin-left:13px;
	font-weight:normal;
	color:#40444a;
	background:transparent;
}
ul.subnav li.active ul li a:hover {
	font-weight:normal;
	background:transparent;
}
ul.subnav li.active ul li.active a {
	color:#ff6224;
	background:transparent;
}



/* ### login ### */

/* login button at top of page */
a#memberAccess {background:url(/01/images/federauto/interface/login_btn_right.gif) no-repeat center right;display:block;padding-right:15px;height:21px;line-height:21px;cursor:pointer;}
a#memberAccess span {background:url(/01/images/federauto/interface/login_btn_left.gif) no-repeat center left;display:block;padding-left:20px;height:21px;line-height:21px;}

/* popup login box */
#loginBox {position:absolute;top:0;left:0;display:none;}
#loginBox td {color:#fff}
#loginBox a {color:#40444a} 
#loginBox ul {
	list-style-type:none;
	margin:3px 0;
	padding:0;
}
#loginBox ul li {
	line-height:1em;
	padding-left:12px;
	background:url(/01/images/federauto/login/login_arrow.gif) no-repeat 0 2px;
}

#loginBox .err {
    color:#ff7741; 
    line-height:1em; 
    padding-left:3px; 
    font-weight:bold; 
    font-size:1.1em;
}


/* ### bordered boxes ### */

.BOX {}
.BoxDark {
	padding:7px;
	border:3px solid #d6dbe2;
	background:#e1e4e9 url(/01/images/federauto/block_bg_dark.jpg) repeat-x bottom left;
}
.BoxLight, .box_h_banner{
	padding:7px;
	border:3px solid #ebeef2;
	background:#f1f2f6 url(/01/images/federauto/block_bg_light.jpg) repeat-x bottom left;
}

.box_h_banner
{	width : 489px;
	height : 73px;
	padding : 21px 18px 17px 18px; 
	
}

/* content formatting in boxes */
.BOX h2 { font-size:1.4em;color:#40444a;margin:0;margin-bottom:0.5em; /*multi-line h2*/ line-height:1em; }
.BOX h3 { font-size:1.2em;color:#223859;margin:0; }
.BoxLight p.small {
	line-height:1.3em;
}
.BOX ul {
	 margin:0;
	 padding:0;
	 list-style-type:none;
	 font-size:1.1em;
}
.BOX ul li{
	color:#40444a;
	padding-left:10px;
	background:url(/01/images/federauto/bullet_triangle_green.gif) no-repeat 0 3px;
	line-height:1em;
	margin-bottom:6px;
}
.BOX img.bordered {
	 border:1px solid #777879;
}

/* special text colors */
.TextGreen {
	color: #047440;
}
.TextOrange {
	color: #FF6224;
}


/* statistics page */
.stats_grid {
	height: 240px;
	margin-top: 0px;
	background: url(/01/images/federauto/stats/grid.gif) no-repeat top right;
}

img.legend-img {
	border: 1px solid #40444A;
	margin-right: 20px;
	float: left;
	position: relative;
	top: 2px;
}


/* form pages */
#formerrorwarning {
	border: 3px solid #fcb093;
	background: #FFEDE6 url(/01/images/Federauto/form/formerrorwarning-bg.gif) repeat-x top center;
	padding: 7px;
	margin: 0 0 15px 0;
}

#formerrorwarning p {
	margin: 0;
}

.errortitle {
	color: #FF6224;
	margin: 0; padding:0; font-size: 11px; line-height: 12px;
}

div.forminput131px {
	background:url(/01/images/Federauto/form/input_form_131px.gif) no-repeat top left;
	width:131px;
	height:20px;
	margin:0;
	border:none;
	padding:2px 0 0px 5px;
}

input.forminput131px {
	background:transparent;
	border:none;
	width:122px;
	padding:0;
}

div.forminput59px {
	background:url(/01/images/Federauto/form/input_form_59px.gif) no-repeat top left;
	width:59px;
	height:20px;
	margin:0;
	border:none;
	padding:2px 0 0px 5px;
}

input.forminput59px {
	background:transparent;
	border:none;
	width:49px;
	padding:0;
}

div.forminput237px {
	background:url(/01/images/Federauto/form/input_form_237px.gif) no-repeat top left;
	width:237px;
	height:20px;
	margin:0;
	border:none;
	padding:2px 0 0px 5px;
}

input.forminput237px {
	background:transparent;
	border:none;
	width:227px;
	padding:0;
}

/*GFR*/div.forminput29px {
	background:url(/01/images/Federauto/form/input_form_29px.gif) no-repeat top left;
	width:29px;
	height:20px;
	margin:0;
	border:none;
	padding:2px 0 0px 5px;
}

/*GFR*/input.forminput29px {
	background:transparent;
	border:none;
	width:19px;
	padding:0;
}

/*SFO*/div.formdropdown237px {
	width:237px;
	height:20px;
	margin:0;
	border:none;
	padding:0px;
}

/*SFO*/select.formdropdown237px {
	border: 1px solid #B7B8BB; 
	background-color: #F2F4F7; 
	width:237px;
	padding:0;
}

table.form-input {
	font-size: 1.1em;
	margin-bottom: 8px;
}

table.form-input p {
	line-height: 1.1em;
	margin: 0 25px 0 0;
}

table.form-input td { 
	padding-bottom: 7px;
}

.input-error {
	color: #FF6224;
}

.form-textarea {
	border: 1px solid #B7B8BB; 
	background-color: #F2F4F7; 
	width: 240px; 
	height: 70px; 
}


/* List Table headings */
.TableHeaders{
    font-size:1.1em;
    color:#40444a;
    margin:0;
    margin-bottom:0.5em; 
    line-height:1em;
    background-color: #ECEFF4;
}
.TableHeaders th{
    border:3px #EBEEF3 solid;
}
.TablePaging td
{
    margin-top:10px;
    padding-top: 0px;
    border-top:2px #EBEEF3 solid;
}
.TablePaging td table td
{
    margin-top:0px;
    padding-top: 0px;
    border-top:0px #EBEEF3 solid;
    font-weight:bold;
}


/* Catalog Page (search) */

.CatalogSearchStep { font-size:30px; color:#C9D0D8; font-weight:bold; }
.CatalogResultBox {	margin: 20px 0 0 0; }
.CatalogResultNameAgent { font-size: 1.4em;	font-weight:bold; color:#333366; }
.CatalogResultAgentDetails { font-size: 1.1em; line-height: 1.2em; }
.CatalogResultAgentDetailsTitles { font-weight: bold; }
.CatalogResultInfoBox { width: 100%; line-height: 1.2em; }
.CatalogResultInfoTitle { font-size: 1.0em;	font-weight: bold; }
.CatalogResultInfoDescr { font-size: 1.1em; }

/*SFO*/
.catalogL1
{
	margin:0;
	padding:0;
	font-size:1.1em;
	padding-top:4px;
	padding-bottom:0px;
	width:100%;
}
.catalogL1 a, .catalogL1 a:hover, .catalogL1 a:visited, .catalogL1 a:link
{
	display:block;
	margin-left:7px;
	padding-left:12px;
	color:#223859;
	background:url(/01/images/federauto/bullet_next.gif) no-repeat center left;
}
.catalogL1 a:hover
{
    	color:#047440;
}
.catalogL2
{
	margin:0;padding:0;
	font-size:1.0em;
	background:transparent;
	border:none;
	padding-left:10px;
}
.catalogL2 a, .catalogL2 a:hover, .catalogL2 a:visited, .catalogL2 a:link
{
	padding-left:11px;
	margin-left:13px;
	font-weight:normal;
	color:#40444a;
	background:url(/01/images/federauto/interface/sidenav_bullet.gif) no-repeat center left;
}
.catalogL2 a:hover
{
    	color:#047440;
}
    
    
    
    
    
    
    

/* FAQ Page (search) */
.FaqBox h3 { 
	margin: 35px 0 0 0;
}

.FaqBox dl dd { 
	margin: 10px 0 0 0;
	width: 380px;
}
.FaqBox dl dt { 
	display: block;
	font-size: 1.1em;
	width: 450px; 
	margin: 0 0 0 15px; 
	line-height: 1.3em;
}

dd.FaqBox {
	background:url(/01/images/federauto/bullet_triangle_green_open.gif) no-repeat left 5px;
	font-weight: bold;
	font-size: 1.1em;
	padding-left: 15px;
	color: #047440;
	line-height: 1.3em;
}

#blank { 
	margin: 85px 0 0 0; 
}

/* Young manager of the year, main layout */
.ymoty-table-heads td img { display:block; }
.ymoty-table td, .ymoty-table th { font-size:12px; text-align:left; vertical-align:top; }
.ymoty-table a.pagenext { font-size:10px; }
.ymoty-table th { }
.ymoty-table-foot td table { background:url(/_html/images/home_h1_dotted.gif) repeat-x left top; }
.ymoty-table-foot td table td { padding-top:8px; padding-left:44px; }
.ymoty-table-foot td a.orangebutton { width:130px; }
/* profile in progress */
table.ymoty-profile td.BOX { padding:13px 17px; }
table.ymoty-profile h2 { font-size:20px; color:#223859; margin:0; }
table.ymoty-profile-data { margin:1em 0; }
table.ymoty-profile-data2 { margin:0; }
table.ymoty-profile-data td, .ymoty-profile-data th { font-size:12px; text-align:left; vertical-align:top; }
table.ymoty-profile-data th { width:74px; padding-right:10px; }
.ymoty-content-padded { padding:0 20px; }
.ymoty-content-padded h3 { margin:0 0 0.5em; font-size:16px; line-height:1.1em; }
.ymoty-content-padded p { font-size:12px; line-height:1.2em; }
/* profile in progress */
table.ymoty-profile td.BOX { padding:13px 17px; }
table.ymoty-profile h2 { font-size:20px; color:#223859; margin:0; }
table.ymoty-profile-data { margin:1em 0; }
table.ymoty-profile-data td, .ymoty-profile-data th { font-size:12px; text-align:left; vertical-align:top; }
table.ymoty-profile-data th { width:74px; padding-right:10px; }
.ymoty-content-padded { padding:0 20px; }
.ymoty-content-padded h3 { margin:0 0 0.5em; font-size:16px; line-height:1.1em; }
.ymoty-content-padded p { font-size:12px; line-height:1.2em; }
/* profile winner */



/* Style Image Bank */

 #image-bank { background:#FFF;  }

#image-bank-img-left { float:left; width:548px; }

.image-bank-table { width:548px; margin-bottom:8px; } 

.image-bank-table .item
{
	vertical-align:top;
	padding-bottom: 0px;
	padding-top: 10px;
}
.image-bank-img {
	width:176px; 
	height:180px; 
	background:#efefef; 
	text-align:center;
}

.image-bank-img table{
	width:176px; 
	height:180px; 
	background:#efefef; 
	text-align:center;
}

.image-bank-info {
	width:176px; 
	padding:4px 4px 4px 4px;
	font-size:11px;
}

.image-bank-info ul
{
	margin: 0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
.image-bank-info li
{
	background: none; padding: 0;
}
/*
.image-bank-info table{ width:162px; }
.image-bank-info td { vertical-align:top; }
*/
.image-bank-info-title { color:#464646; }

.image-bank-info-right { float:right; width:175px; border:1px solid #d9d9d9; padding:20px; margin-top:5px; margin-bottom:250px; }
.image-bank-info-right p { font-size:12px; }
.image-bank-info-right a { color:#ed1555; text-decoration:underline; }
.image-bank-info-right a:hover { color:#ed1555; text-decoration:none; }
.image-bank-info-right ul { margin-left:5px; }
.image-bank-info-right ul li { font-size:12px; line-height:1.2em; background:url(/01/images/FlatGlassEurope/puce_sitemap_l2.gif) no-repeat 0 7px; margin:0; padding:0 0 0 12px; }


.ibir-links { margin-bottom:20px; }
.ibir-links a { background:url(/01/images/FlatGlassEurope/ico-arrow-red.gif) no-repeat 0 50%; padding-left:12px; }

.image-bank-previous-next { width:554px; font-size:11px; margin-top:15px; }
.image-bank-previous-next  a { color:#ed1555; text-decoration:underline; }
.image-bank-previous-next  a:hover { color:#ed1555; text-decoration:none; }
.previous { background:url(/01/images/FlatGlassEurope/ico-arrow-previous.gif) left no-repeat; padding-left:10px; }
.next { background:url(/01/images/FlatGlassEurope/ico-arrow-next.gif) right no-repeat; padding-right:10px; }

/* Ajax popup */
.modalBackground {
	background-color: #c4c6c9;
	filter: alpha(opacity=70);
	opacity: 0.5;
}

.modalBox {
	background-color : #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #abacac;
	padding: 15px;
}

#map {
height:400px;
width:100%;
top:20px;
margin:0 auto;
position:relative;
}