/* ************* HOME QUICKMENU ************* */	
.Wr_home_quickmenu{
	height:150px; 
	width: 960px;
	background: url('/Style Library/Images/quickmenu-bg.png') top left repeat-x;
	border-bottom: 1px solid #b2b2b2;
}
	
.home_quickmenu_left{ 
	width:240px; 
	float:left;
	padding: 0;
	padding-left: 20px;
	height: 130px;
	margin-top: 20px;
}
	
.home_quickmenu_left h3{
	padding: 0;
	margin: 0;
	/*font-size: 17px;*/
	font-size: 13pt;
	color: #006bb6;
	font-weight: bold;
}
	
.home_quickmenu_left p{
	/*font-size: 14px;*/
	font-size: 10.5pt;
	padding: 5px 0;
	margin: 0;
}
	
.home_quickmenu_left select{ width: 150px; }
	
.home_quickmenu_right{ 
	padding: 0;
	margin: 0;
	width:700px; 
	float:left;
	height: 130px;
	margin-top: 20px;
}
	
.home_quickmenu_right table{
	padding: 0;
	width: 668px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
}

td.qm_icons { text-align:left; height: 100px;}
	
td.qm_icons ul{
	padding: 0;
	margin: 0;
}
	
td.qm_icons ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 120px;
	height: 100px;
	text-align: center;
	background: url('/Style Library/Images/qm-separator.png') right center no-repeat;
}
	
td.qm_icons ul li.last_icon{ background: none; }	
	
	
td.qm_icons div{
	padding: 0;
	margin: 0;
}
	
td.qm_icons p{
	padding: 0 5px;
	margin: 0;
	height:29px;
	overflow:hidden; 
	width:108px;
}
	
td.qm_icons a{
	padding: 0;
	margin: 0;
	display: block;
	color: #373737;
	height: 100px;
	margin-left: 1px;
	text-decoration: none;
	
}


td.qm_icons a:hover {
	background: url('/Style Library/Images/qm-hover.png') top left no-repeat;
	color: #ffffff;
}





/* HOME QUICKMENU STYLES FROM JS */

.home_quick {width: 600px; height:100px;}

/*	root element for the scrollable.
	when scrolling occurs this element stays still. */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
}

/*	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element. */
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	height: 100px;
	position:absolute;
	padding: 0;
	font-size:9pt;
}

/*	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most. */
.items div {
	padding: 0;
	margin: 0;
	float:left;
}


/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:30px;
	height:30px;
	float:left;
	cursor:pointer;
	/*font-size:1px;*/
	font-size: 1pt;
}

/* right */
a.right, a.right:hover, a.right:active 	{ 
	background:url('/Style Library/Images/qm-arrowR.png') no-repeat; 
	clear:right;
	float: right; 
	margin-right: 0px;
}


/* left */
a.left, a.left:hover, a.left:active	{ 
background: url('/Style Library/Images/qm-arrowL.png') no-repeat; 
margin-left: 0px; 
} 


/* enable navigational button even at the end of cycle */
a.disabled {
	visibility:visible !important;		
} 	



/* *****************PAGINATION**************** */

td.pagination
{
	height: 20px;
	padding: 0;
	margin: 0;
	/*border: 1px solid #0C3;*/
	text-align:center;
}


/* position and dimensions of the navigator */
.navi {
	padding:0; 
	width:500px;
	margin:auto;
	text-align:center;
}

/* items inside navigator */
.navi a {
	padding: 0;
	display: inline-block;
	height: 10px;
	width: 10px;
	background: url('/Style Library/Images/qm-pagination.png') top left no-repeat;
	margin: 3px;
}

/* mouseover state */
.navi a:hover {
	background: url('/Style Library/Images/qm-pagination-current.png') top left no-repeat;      
}

/* active state (current page state) */
.navi a.active {
	background: url('/Style Library/Images/qm-pagination-current.png') top left no-repeat;     
}


/* ************* END OF QUICKMENU ************* */


/* ************* IP QUICKMENU ************* */

.IP_Wr_QuickMenu {
	/*height: 138px;*/
	height:165px;
	width: 960px;
	border-bottom: 1px solid #b2b2b2; }

.IP_qm_top {
	height: 46px;
	width: 960px;
	background: url('/Style Library/Images/IP-qm-topbg.png') top left repeat-x;
	position: relative;
	z-index: 1;
}

.IP_qm_top h3{
	/*font-size: 16px;*/
	font-size: 12pt;
	font-weight: bold;
	color: #fff;
	margin: 15px 0 0 10px;
}

.wr_select {
	float: left; 
	padding: 0;
	margin: 0;
	width: 191px;
	height: 25px;
	margin-top: 10px;
	vertical-align: top;
	padding-left: 5px;
}	



.IP_qm_bottom {
	clear: both;
	/*height: 103px;*/
	background: url('/Style Library/Images/IP-qm-botbg.png') top left repeat-x;
	padding: 0;
	margin: 0;
	border-left:1px solid #e4e4e4;
	border-right:1px solid #e4e4e4;	
	border-bottom:1px solid #B2B2B2;
	background-color: #d9d8d8;
	
}


.IP_qm_bottom table{
	width: 936px;
	margin: auto;
	padding: 0;
}

.IP_qm_bottom table td{
	padding: 0;
	margin: 0;
	/*text-align: center;*/
	padding-top: 3px;
}

td.quickmenu { width: 842px;}

td.quickmenu a{
	padding: 0;
	margin: 0;
	display: block;
	color: #373737;
	height: 100px;
	margin-left: 1px;
	text-decoration: none;
}


td.quickmenu ul{
	padding: 0;
	margin: 0;
}

td.quickmenu ul li{
	padding: 0;
	margin: 0;
	list-style: none;
	float: left;
	width: 120px;
	height: 100px;
	text-align: center;
	background: url('/Style Library/Images/qm-separator.png') right center no-repeat;
}

td.quickmenu div{
	padding: 0;
	margin: 0;
}

td.quickmenu p{
	padding: 0 5px;
	margin: 0;
	height:29px;
	overflow:hidden; 
	width:108px;
}



.IP_qm_bottom ul li.last_icon {	background: none;}

td.quickmenu a:hover { /*td.quickmenu a.current*/
	background: url('/Style Library/Images/qm-hover.png') top left no-repeat;
	color: #ffffff;
	cursor:pointer;
}

td.quickmenu a:hover div.qm_arrow, td.quickmenu a.current div.qm_arrow 
{
	/*background: url('/Style Library/Images/IP-selector.png') top center no-repeat;*/
}




/* INNER PAGE QUICK MENU STYLES FROM JS */
.IP_quick {width: 842px; height: 100px;}

.menu_item
{
	padding: 0;
	margin: 0;
	width: 102px;
	height: 100px;
}

.items .qm {height: 89px; }

.items .qm_arrow{
	height:13px;
	width: 102px;
}

/* ************* END OF IP QUICK MENU************* */



.IP_qm_bottom .items ul li img{
	 width:55px; height:50px; margin-bottom:2px;
}

.home_quickmenu_right .items ul li img{
	 width:60px; height:55px; margin-bottom:2px;
}
