/* 
	Name: Eircom Wholesale
	Date: 26th February 2010 
	Description: JS Enabled Stylesheet
	Version: 1.0 
	Author: Pete Luffman
	Author URI: http://www.merchantmarketinggroup.com
*/

@import "jquery.ui.theme.css";

			
/*********************************************** 
				Finder
***********************************************/

.finder { position: absolute; top:0px; left:0px;}

	.finder h2 { 
		left: -10px !important; 
		width: 370px;
		height: 52px;
		line-height: 39px;
		padding: 0 0 0 20px;
		background: url(../images/finder-bar.png) no-repeat;
		color: #FFF;
		font-weight: 500;
		}
		.finder .pane p { padding: 0 0 0.6em 0;}
			.finder .pane a.readMore:hover { background-position: 0 -34px; }
		.finder .pane .selectContainer { 
			width: 220px;
			padding: 5px 0 7px;
			}
		.finder .pane dl { width: 220px; display: block; position: relative;}
			.finder .pane dl dt { 
				width:200px;
				height: 31px;
				background: url(../images/finder-select.png) no-repeat 0 0;
				display: block;
				color: #736C66;
				line-height: 28px;
				font-size: 110%;
				padding: 0px 10px;
				margin: 0 0 4px;
				cursor: pointer
				}
				.finder .pane dl.hover, .finder .pane dl.open  { z-index: 99999;}
				.finder .pane dl.hover dt { 
					/*background-position: 0 -68px; 
					padding-bottom: 2px; 
					margin: 0;*/
					}
				.finder .pane dl.open dt { background-position: -225px 0; color: #9D9894 }
				.finder .pane dl dd { 
					position: absolute;
					left: 0px;
					top:28px;
					display: block;
					width: 219px;
					background:#FFF;
					z-index: 99;
					border: 1px solid #aba6a3;
					border-top: none;
					overflow: hidden
					}
					.finder .pane dl dd ul { font-size: 110%; margin: 0 6px; padding: 0 0 6px;}
						.finder .pane dl dd ul li { padding: 0;	}
							.finder .pane dl dd ul li a { color: #736C66; display: block; padding: 3px 15px; }
							.finder .pane dl dd ul li a:hover { background: #F15A22; color: #FFF; }
					

/*********************************************** 
		Main menu styles and drop down
***********************************************/
.js #header dd#mainmenu ul li.parent {  }
	.js #header dd#mainmenu ul li.parent a { position: relative; padding-right: 26px;  }

.js #header dd#mainmenu ul li.expanded { 
	position: relative;
	z-index: 1000; 
	border-top: 1px solid #DCDAD9;
	border-right: 1px solid #DCDAD9;
	border-left: 1px solid #DCDAD9; 
	margin: 0 8px 0 0;	
	}
	.js #header dd#mainmenu ul li.expanded a { z-index: 5000; padding: 0 25px 2px 9px; line-height: 34px; }
	.js #header #mainmenu ul li.expanded ul a { border: none; }
	

.js #header dd#mainmenu ul li.parent ul.expanded {
	background: #fff;
	border: 1px solid #DCDAD9;
	padding: 8px 10px;
	width: 180px;
	z-index: 1000;
	left: -1px;
	top: 35px;
	height: auto;
	font-size: 74%;
	font-family: Verdana, Geneva, sans-serif;
	}
	.js #header dd#mainmenu ul li.parent ul.expanded li { float: none; height: auto; margin:2px 0; width: 180px; }
		.js #header dd#mainmenu ul li.parent ul.expanded li a {
			float: none;
			background: none;
			height: auto;
			padding: 5px 5px;
			color: #736C66;
			width: 170px;
			line-height: 1.4em;
			display: block;
			font-weight: normal;
			}
			.js #header dd#mainmenu ul li.parent ul.expanded li a:hover { background:#F15A22; color: #FFF; }
	
.js #mainmenu ul li.parent .dropdown {
	background: url(../images/navigation.png) 6px 12px no-repeat;
	position: relative;
	display: block;
	z-index: 9900;
	float: left;
	margin-left: -25px;
	height: 36px;
	width: 25px;
	cursor: pointer;
	}
	.js #mainmenu ul li.parent .dropdown:hover { background-position: 6px -72px; }
	.js #mainmenu ul li.active .dropdown,
	.js #mainmenu ul li.active .dropdown:hover { background-position: 7px -45px;}
	.js #mainmenu ul li.expanded .dropdown,
	.js #mainmenu ul li.expanded .dropdown:hover { background-position: 7px -17px;}
	

/*********************************************** 
		Selectmenu
***********************************************/	

#section #main .box .downloads .ui-selectmenu { 
	display: block; 
	display: inline-block; 
	position: relative; 
	height: 22px; 
	text-decoration: none; 
	overflow: hidden; 
	zoom: 1; 
	background: url(../images/ui-dropdown.png) no-repeat;
	border: none;
	width: 119px !important;	
	font-size: 90%;
}
#section #main .box .downloads .ui-selectmenu-icon { 
	position:absolute; 
	right: 15px; 
	margin-top:-8px; 
	top: 50%; 
	background: url(../images/ui-dropdown-arrow.png) no-repeat;
}
.ui-selectmenu-menu {  text-align:left; padding:0; margin:0; list-style:none; position:absolute; top: 0; visibility: hidden; overflow: auto; z-index: 1005; font-size: 90%;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-open { visibility: visible; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-widget-content { border: 1px solid #C7C4C2 !important; }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { line-height: 1.4em; display: block; padding: .405em 0.5em; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { line-height: 1.4em; width:70%; overflow:hidden; white-space:nowrap;}
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { background: #736C66; }
.ui-selectmenu-open li.ui-selectmenu-item-selected a { color: #FFF; }
.ui-selectmenu-open .ui-selectmenu-item-focus, 
.ui-selectmenu-menu .ui-state-hover { background: #60CDCB !important; border-color: #FFF; }
.ui-selectmenu-menu .ui-state-hover a { color: #FFF; }

.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; overflow:hidden; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {  }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }

.ui-selectmenu  { margin: 0 0 1em; display:block; }
.ui-state-hover, .ui-state-active { color:#212121 !important; }