/**
* Airport-int - general_suppliers_home.css
*
* @package			layout
* @author			Arca Solutions
* @version			eDirectory 5.2.03
* @since			May, 4, 2009
*
*/

/**
* Global Classes
*
* @section		global
* @subsection	global classes
*/

.mg-t-0
{ margin-top:0 !important; }

/**
* Box Model
*
* Differences for Box model used in the entire website.
*
* @section			structure
* @subsection		content
* @subsubsection	box-model
*/

.box-model
{ height:auto; }
	
/** Box model > content */

.box-model-content
{ padding:0 5px 5px 5px; }

/** Box model > content > box-model-content-categories-filter */

.box-model-content-categories-filter
{ background: url(../images/structure/bg-box-model-content-categories-filter.gif) no-repeat bottom; }

/** Box model > content > generals */

	.box-model-content p.center
	{ padding:5px 0 0 0; text-align:center; }

/**
* Content Model
*
* Content Area used inside all modules ( variations: transparent / white )
*
* @section			structure
* @subsection		content
* @subsubsection	content-model
*/

.content-model
{ background:#202020 url(../images/structure/bg-content-model-suppliers-home.jpg) no-repeat 0 0; margin:8px 0 0 0; padding:0 4px 4px 4px; }
	
/** Structure > content > content-model > content model splitter */
	
.content-model-splitter
{ overflow:hidden; width:100%; }

/**
* Categories Filter
*
* @section			structure
* @subsection		content
* @subsubsection	categories-filter
*/

.categories-filter
{ background:#1E1E1E url(../images/structure/bg-splitter-dark.gif) repeat-y 341px 0; border-top:1px solid #121212; height:66px; margin:5px 0 0 0; }

	.categories-filter p
	{ background:url(../images/iconograph/icon-categories-filter.gif) no-repeat 19px 15px; display:block; float:left; padding:18px 0 18px 78px; width:261px; }

.filter
{ background:#121212; float:right; padding:23px 23px 24px 23px; width:257px; }

	.filter .input-filter
	{ background:url(../images/structure/bg-large-search.gif) no-repeat 0 0; height:19px; overflow:hidden; width:257px; }  
	
		.filter .input-filter input
		{ border:1px solid #FFF; color:#666; float:left; font-size:11px; line-height:17px; margin:1px 0 0 1px; padding:0 0 0 3px; width:246px; }
		
/**
* Categories Filter
*
* @section			structure
* @subsection		content
* @subsubsection	categories-subfilter
*/

.categories-subfilter
{ height:59px; overflow:hidden; padding:12px 5px 0 5px; }

	.categories-subfilter .select
	{ float:left; width:116px; }
	
		.categories-subfilter .select a:link,
		.categories-subfilter .select a:visited,
		.categories-subfilter .select a:active
		{ color:#ABABAB; display:block; font-size:11px; height:19px; line-height:19px; padding:0 0 0 5px; width:111px; }
		
			.categories-subfilter .select a:hover
			{ color:#4655CB; }
			
			.categories-subfilter .select a.active:link,
			.categories-subfilter .select a.active:visited,
			.categories-subfilter .select a.active:active
			{ background:#323232 url(../images/iconograph/icon-bullet-dark-right-bg-1E1E1E.gif) no-repeat right top; }

/**
* Section
*
* @section			structure
* @subsection		content
* @subsubsection	section
*/

/** Section > generals */

.section
{ background:url(../images/structure/bg-opacity-black-40.png) repeat; margin:4px 0 0 0; padding:0; }
	
	.section h2.expand-collapse
	{ background:url(../images/structure/bg-opacity-black-40.png) repeat; color:#FFF; display:block; font-size:13px; line-height:17px; }
	
		.section h2 a:link,
		.section h2 a:visited,
		.section h2 a:active
		{ display:block; padding:6px 7px 8px 24px; }
		
			.section h2:hover
			{ background:url(../images/structure/bg-opacity-black-50.png) repeat; }
		
		.section h2 a.expand:link,
		.section h2 a.expand:visited,
		.section h2 a.expand:active
		{ background:url(../images/iconograph/icon-bullet-expand-collapse.gif) no-repeat 10px -11px; }
		
		.section h2 a.collapse:link,
		.section h2 a.collapse:visited,
		.section h2 a.collapse:active
		{ background:url(../images/iconograph/icon-bullet-expand-collapse.gif) no-repeat 10px 14px; }
	
.section-holder
{ border-bottom:1px solid #111; padding:12px 0; }
	
/** 
* Section > Generals - Internet Explorer 6
*
* @bugfix 
* @affected IE 6/Win
* @valid yes 
*/

* html .section
{ background-color:#1E1E1E; background-image:none; }
	
		* html .section h2.expand-collapse
		{ background-color:#111; background-image:none; }

/**
* List bullet
*
* Differences for Generic list with bullets used in the entire website.
*
* @section				structure
* @subsection			content
* @subsubsection		splitter
* @subsubsubsection		list
*/

.section .list-bullet
{ background:url(../images/structure/bg-opacity-splitter.png) repeat-y center; height:auto; overflow:hidden; padding:0 0 0 18px; }

	.section .list-bullet li
	{ background:url(../images/iconograph/icon-arrow-small-black.gif) no-repeat 0 4px; clear:none; display:block; float:left; padding:0 25px 2px 16px; width:274px; }

		.section .list-bullet li h3
		{ line-height:16px; }
		
			.section .list-bullet li h3 span
			{ color:#ABABAB; }
		
/**
* Letter Filter
*
* Letter Filter for results by letters
*
* @section			structure
* @subsection		content
* @subsubsection	letter-filter
*/

.letter-filter
{ color:#FFF; float:left; font-size:11px; height:auto; overflow:hidden; padding:8px 0 0 15px; text-align:center; width:490px; }

	.letter-filter a,
	.letter-filter span
	{ display:block; float:left; padding:2px 0; text-align:center; width:16px; }
	
		.letter-filter a.active
		{ background:#111; }
		
		.letter-filter span
		{ color:#666; cursor:default; }
