/*-----------------------------------------------------------------------------
Business Internet Directory
-----------------------------------------------------------------------------*/

@import url(navigation.css);
@import url(sIFR-screen.css);

/* =General
-----------------------------------------------------------------------------*/
* {
  	margin: 0;
	padding: 0;
}

td, input, textarea, select {
	font-family: Arial, Helvetica, Tahoma, sans-serif; 
	font-size: 1em; 
	margin:0px; 
	padding:0px;
	}

form {
	margin:0px; 
	padding:0px;}

hr { display:none; }
	
.alignTop { vertical-align:top; }
.alignRight { text-align:right; }
.alignLeft { text-align:left; }
.alignCenter { text-align:center; }
.floatLeft { float:left; }
.floatRight { float:right; }
.clearall { clear:both; }
.clearLeft { clear:left; }

br.clearall {
	clear:both;
	height:0em;
	line-height:0em;	
	}
img	{border: 0px;}
acronym {border-bottom: 1px dotted black;}
.hide { display: none; }
.error {	color: #ff0000;}
.small {font-size: 0.9em;}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font: normal 62.5% Verdana, Arial, Helvetica, sans-serif;
	color: #363636;
	margin: 0;
	padding: 2px 0 0 0;	
	text-align: center;
	background:#fff;
	}

p 				{margin: 0px; padding: 6px 0;}
a, a:visited	{color: #16b8db; text-decoration: underline;}
a:hover 		{color: #16b8db; text-decoration: none;}

body.image a, body.image a:visited {
	color: #fff !important;
	text-decoration: none;
	}
	
body.image a:hover {
	text-decoration: underline;
	}
body.grey{color:#373737;}
/* =Headings
-----------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font: normal 2.0em Arial, Helvetica, sans-serif; 
	margin:0;
	color: #00b2d9;
	}

h1 {font-weight: bold; padding: 0 0 8px 0;}
h2 {font-size: 1.2em; font-weight: bold; padding: 8px 0 0 0;}
h3 {font-size: 1.5em; font-weight: bold; padding: 5px 0;}
h4 {font-size: 1.2em; padding: 5px 0;}
h5 {font-size: 1.2em; font-weight: bold; padding: 2px 0;}

body.no-title h1.title{display: none;}
body.grey h1{padding: 0 0 4px 0;}

/* =Main container boxes
-----------------------------------------------------------------------------*/

#header {
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
	}
	
#header-inner {
	margin: 0px auto;
	width: 760px;
	padding: 0;
	overflow: hidden; 
	text-align:left;
	}

#container,
#container-inner {	
	width: 100%;
	padding: 0;
	text-align: left;
	background: #f6f5f5 url(../images/body-bg-bot.gif) repeat-x bottom;
	}
body.grey #container-inner {background: #f6f5f5 url(../images/body-bg-bot.gif) repeat-x center 465px;}
#container-inner {	
	background: transparent url(../images/body-bg.gif) repeat-x top;
	min-height:700px;
	}
body.grey #container-inner{
	min-height:520px; 
	height:550px;
	}
body[class]grey #container-inner{height:auto;}	
#content {
	width: 760px;
	margin: 0px auto;
	font-size: 1.1em;	
	}

body.home #content {background:transparent url(../images/img-bg.jpg) no-repeat right bottom;}
	
body.image .content {
	padding: 0 5px;
	}
	
.primary-content {
	float: left;
	width: 566px;
	w\idth: 552px;
	padding: 5px 10px 50px 4px;
	position:relative;
	line-height:1.5em;
	}

.primary-content .indent { padding-right:125px;}
	
.secondary-content {
	float: left;
	width: 194px;
	w\idth: 182px;
	padding: 15px 4px 0 8px;
	}
	

#access-key {
	position:absolute;
	left: -9999em;
	}

/* =Branding
-----------------------------------------------------------------------------*/
a.logo {
	display: block;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/logo.gif) no-repeat top left;
	width: 433px;
	height: 67px;
	margin: 0;
	}
body.grey a.logo{
	margin-bottom:25px;
	margin-top:21px;
	}	
.contact {
	font-size: 1.2em;
	float: right;
	padding: 20px 0 19px 0;
	color:#818285;
	font-size:1.4em;
	font-weight:bold;
	width:174px;
	}
	
.contact strong {
	font: bold 1.8em Arial, Helvetica, sans-serif;
	color:#00b2d9;
	}

/* =Breadcrumb
-----------------------------------------------------------------------------*/

/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	background:#fff url(../images/footer-bg.gif) repeat-x top;
	width:100%;
	text-align:center;
	}
	
#footer-inner {
	width:760px;
	w\idth:752px;
	margin:0 auto;
	padding:15px 4px 50px 4px;
	text-align: left;
	color:#818285;
	line-height:1.3em;
	}	
#footer a {
	color: #949393 !important;
	}

.fuse8 {
	float:right;
	clear:both;
	width:86px;
	height:16px;
	margin:0 0 20px 20px;
	text-indent:-9999px;
	background:transparent url(../images/fuse8.gif) no-repeat top left;
	}
#footer p {
	clear:left;
	}
#footer ul.partners {
	float:left;
	padding:10px 120px 40px 0;
	list-style:none;
	}
	#footer ul.partners.last {
		padding-right:0;
		}
		#footer ul.partners li {
			padding:0 0 .6em;
			}


ul.logo-partners {
	list-style:none; 
	padding: 30px 0 0 0;
	}
	ul.logo-partners li {
		padding: 0;
		float:left;
		}

/* =Homepage
-----------------------------------------------------------------------------*/



/* =Sitemap
-----------------------------------------------------------------------------*/
#sitemap ul {
	margin-left: 0px;
	padding-left: 15px;
	}
#sitemap ul li {
	margin-left: 0px;
	padding: 2px 0;
	}


/* =FAQ
-----------------------------------------------------------------------------*/

div#faq {
	padding: 10px 0;
	min-height:540px;
	height:auto !important;
	height:540px;
	}

.faq {
	margin-bottom: 6px;
	width:550px;
	float:left;}

.faq .question {	
	border-top: 1px solid #cccccc;
	color: #666666;
	cursor: pointer;	
	font-weight: bold;
	padding: 13px 15px 30px 13px;
	position: relative;
	}
.faq .question span.ico {
	background: #33ccff url(../images/faq-question-bg.gif) no-repeat top right;
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: -1px;
	right: 0;
	}

.faq .question b {
	display: block;
	}

.faq .selected {	
	background: #fff;
	color: #16b8db;	
	border: 1px solid #cccccc;
	border-bottom: none;	
	padding: 13px 15px 2px 13px;	
	}
.faq .selected span.ico {
	background: #33ccff url(../images/faq-question-bg-selected.gif) no-repeat top right;
	right: -1px;
	}

.faq .answer {
	padding: 13px 15px 13px 13px;
	background: #fff;
	border: 1px solid #cccccc;
	border-top: none;
	margin-bottom: 30px;
	}

.select-categories {
	margin:10px 0;
	padding:13px;
	background: #e7e7e8;
	}
.select-categories select {
	width:530px;
	border: 1px solid #cccccc;
	color:#787878;
	}



/*=Tooltip
-----------------------------------------------------------------------------*/	

.careers {
	background: transparent url(/assets/x/50045) no-repeat top left;		
	}

#tooltip {
	position: absolute;
	z-index: 3000;
	height:69px;	
	he\ight:51px;
	width:235px;
	w\idth:205px;
	background: transparent url(/images/tooltip.png) no-repeat left top;
	padding:0 30px 18px 0;
	
}
#tooltip .outer {	
	padding:12px 0 12px 12px;	
	font-size:1.2em;
	color:#fff;
	float:left;
	text-align:left;
	font-weight:bold;
 }

/*=Form
-----------------------------------------------------------------------------*/	
div.border-closed{
	width:234px;
	padding:0 0 9px;
	background: url(../images/Bg-div-border-closed.gif) bottom center no-repeat;
	margin:18px 0 16px;
	}
p.freefone{
	background:url(../images/Bg-p-freefone.gif) center top;
	font-size:1.25em;
	font-family:"Lucida Console", "Arial Narrow", Arial,  "Times New Roman";
	letter-spacing:-0.01em;
	color: #373737;
	width:234px;
	w\idth:204px;
	padding:9px 10px 0px 20px;
	}
p.freefone strong{color: #00AAE8;}
p.freefone a,
p.freefone a:hover{
	color: #00AAE8;
	text-decoration:none; 
	}

div.freefone-form{
	background:url(../images/Bg-fieldset-freefon.png) center top no-repeat;
	padding:19px 19px 10px 23px;
	width:523px;
	w\idth:481px;
	min-height:180px;
	margin:4px 0 0;
	}
	div.freefone-form br{
		clear:both;
		line-height:0em;
		height:0em;
		}	
	div.freefone-form label{
		display:block;
		float:left;
		font-size:1em;
		letter-spacing:0.01em;
		padding-top:4px;
		width:100px;
		color:#525151;
		}
	div.freefone-form input.text,
	div.freefone-form textarea.text{
		border:1px solid #E0E0E0;
		width:211px;
		padding:0;
		margin:0 0 13px;
		}
	div.freefone-form textarea.text{
		padding:5px 0 6px;
		height:74px;
		hei\ght:63px;
		overflow:auto;
		}	
	div.freefone-form input.text{
		padding:5px 0 6px;
		}
	/* right part of the form with select */
	div.freefone-form div.floatRight.select label{
		float:none;
		letter-spacing:-0.03em;
		width:145px;
		color:#363636;
		margin:-3px 0 15px;
		position:relative;
		padding:0;
		}
	div.freefone-form div.floatRight.select select{
		border:1px solid #E0E0E0;
		padding:4px 4px 4px 0;
		width:87px;
		w\idth:83px;
		}	
	div.freefone-form div.floatRight.select select option{padding-left:4px;}
	input.freefone-submit{
		background:url(../images/Bg-submit-freefone.gif) no-repeat top;
		border:none;
		float:right;
		text-align:left;
		text-indent:-999em;
		width:81px;
		height:35px;
		margin:50px 4px 0 0;
		cursor:pointer;
		}