/*	Defaults	*/

html{
	width:100%;
	height:100%;
}

body{
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	font:11px Arial, Helvetica, sans-serif;
	color:#4d4d4d;
	background:#d1d2d4 url(../images/nm/nm_background.jpg) repeat-x;
}

img,a{
	border:none;
	outline:none;
}

h1{
	font-size:30px;
	font-weight:normal;
	color:#51388C;
	margin:0;
	padding:10px 0 0 0;
}

h2{
	font-size:16px;
	font-weight:normal;
	color:#51388C;
	margin:0;
	padding:10px 0 0 0;
}

.small_text{
	font-size:9px;
}

.clear{
	clear:both;
}

.left{
	float:left;
}

.right{
	float:right;
}

.nm_crossfade{
	
}

/*	Main Content	*/

.nm_content_wrapper{
	position:relative;
	width:942px;
	margin:0 auto;
	background:#ffffff url(../images/nm/nm_content_background.jpg) no-repeat;
	min-height:209px;
	height:auto !important;
	height:209px;
}


/*	Header	*/

.nm_header{
	position:relative;
	width:942px;
	height:108px;
}

.nm_header .nm_pm_logo{
	position:absolute;
	top:31px;
	left:20px;
}

.nm_header .nm_nav{
	position:absolute;
	right:25px;
	bottom:0;
	height:40px;
	overflow:hidden;
	color:#51388C;
}

.nm_header .nm_nav a{
	color:#51388C;
	text-decoration:none;
	font-weight:bold;
	line-height:40px;
	padding:0;
}


/*	Content	*/

.nm_content{
	position:relative;
	margin:10px 0 0 0;
}

.nm_content_left{
	float:left;
	
}

.nm_content_right{
	float:left;
}


/*	Featured Images List	*/

.nm_featured_list{
	float:left;
	width:165px;
	margin:0 0 0 14px;
	padding:0;
	display:inline;
	background:url(../images/nm/nm_featured_list_back.png) repeat-y;
}
.nm_featured_list_bottom{
	width:165px;
	height:18px;
	display:block;
	overflow:hidden;
	clear:both;
	margin:0 0 0 14px;
	padding:0;
	background:url(../images/nm/nm_featured_list_bottom.png) no-repeat;
}
.nm_featured_list_toggle{
	width:165px;
	height:44px;
	display:block;
	overflow:hidden;
	margin:0 0 0 14px;
	text-indent:-1000em;
	background:url(../images/nm/nm_featured_list_header.png) no-repeat;
	background-position:0 0;
}
.nm_featured_list ul{
	padding:0;
	margin:4px 0 0 0;
	list-style:none;
	font-size:12px;
	color:#4D4D4D;
	overflow:hidden;
}
.nm_featured_list ul li.toggle_group{
	padding:0 8px 0 8px;
	margin:0;
	overflow:hidden;
}
.nm_featured_list ul li a{
	display:block;
	overflow:hidden;
	height:1%;
	color:#4D4D4D;
	text-decoration:none;
	padding:4px 12px 4px 12px;
	border-bottom:1px solid #ffffff;
}
.nm_featured_list ul li a:hover{
	color:#51388C;
	background:#d6d6d6;
}
.nm_featured_list ul li.toggle_group_content{
	padding:0 8px 0 8px;
	margin:0;
	display:inline-block;
}
.toggle_group_content ul {
	padding:0;
	margin:0;
	overflow:hidden;
	list-style:none;
	font-size:12px;
	color:#4D4D4D;
	background:#ffffff;
}
.toggle_group_content ul li{
	padding:0;
}
.toggle_group_content ul li a{
	display:block;
	height:1%;
	overflow:hidden;
	color:#4D4D4D;
	text-decoration:none;
	padding:4px 8px 4px 20px;
	margin:0;
	border-bottom:1px solid #d8d8d8;
}
.toggle_group_content ul li a:hover{
	color:#51388C;
}

.nm_enquiry{
	position:relative;

	width:147px;
	height:190px;
	margin-left:14px;
	padding:0 0 0 17px;
	display:inline-block;
	background:url(../images/nm/nm_enquiry_back.jpg) no-repeat;
	font-size:12px;
	color:#6D6F71;
	overflow:hidden;
}
.nm_enquiry_top{
	position:relative;
	width:165px;
	height:40px;
	display:block;
	margin:0 0 0 14px;
	overflow:hidden;
	text-indent:-1000em;
	background:url(../images/nm/nm_enquiry_title.jpg) no-repeat;
	background-position:0 0;
}
.nm_enquiry a{
	color:#51388C;
}
.nm_enquiry input.text{
	width:120px;
}
.nm_enquiry textarea{
	width:120px;
	height:38px;
}
.nm_enquiry label{
	margin:5px 0 0 0;
	display:block;
}
.nm_enquiry input.submit{
	position:absolute;
	right:7px;
	bottom:9px;
}

.nm_enquiry_button {
	position:absolute;
	right:7px;
	bottom:9px;
}

/*	This is the sidebar login panel	*/
.nm_login{
	float:left;
	width:165px;
	margin:0 0 0 14px;
	padding:0;
	display:inline;
	background:url(../images/nm/nm_login_back.jpg) repeat-y;
	font-size:12px;
	color:#6D6F71;
}
.nm_login_top{
	width:165px;
	height:40px;
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	background:url(../images/nm/nm_login_header.jpg) no-repeat;
	background-position:0 0;
}
.nm_login_bottom{
	width:165px;
	height:17px;
	margin:0;
	padding:0;
	background:url(../images/nm/nm_login_bottom.jpg) repeat-y;
}
.nm_login a{
	color:#51388C;
}
.nm_login_main{
	padding-left:17px;
	margin:10px 0 0 0;
}
.nm_login img.divider{
	padding:6px 0;
	margin:0;
}
.nm_login form{
	padding:0;
	margin:0;
}
.nm_login input.text{
	width:120px;
}
.nm_login label{
	margin:5px 0 0 0;
	display:block;
}



/*	Promo	*/

.nm_promo{
	position:relative;
	width:763px;
	height:205px;
	padding:0;
	margin:-3px 0 0 -10px;
	overflow:hidden;
	background:url(../images/nm/nm_promo_back.png) no-repeat;
}

.nm_promo_messages{
	position:absolute;
	width:360px;
	height:170px;
	top:18px;
	left:19px;
}

.nm_showcase{
	position:absolute;
	top:24px;
	left:395px;
}

.nm_items_wrapper { 
    /* required settings for carousel */ 
    position:relative; 
    overflow:hidden;
    height:200px;
	width:294px;
	margin-left:24px;
	padding-top:39px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.nm_items_wrapper .items { 
    /* this cannot be too large */ 
    width:40000em;
	margin-top:-34px;
    position:absolute;
} 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.nm_items_wrapper .items div { 
    float:left; 
	margin-right:7px;
	padding-top:35px;
} 
.nm_items_wrapper .items div img{
	border:1px solid #666;
}
.nm_showcase .next, .nm_showcase .nextPage{
	position:absolute;
	right:-30px;
	top:70px;
	cursor:pointer;
}

.nm_showcase .prev,.nm_showcase .prevPage{
	position:absolute;
	left:0;
	top:70px;
	cursor:pointer;
}



/*	Homepage Images	*/

.nm_hero_wrapper{
	float:left;
	margin-left:5px;
	margin-right:23px;
	width:297px;
	height:442px;
	overflow:hidden;
}

.nm_hero{
	width:297px;
	height:442px;
	overflow:hidden;
}
.nm_hero .hero_image{
	width:297px;
	height:374px;
	overflow:hidden;
}
.nm_hero .nm_title{
	width:263px;
	height:27px;
	margin:2px 0;
	background:#ffffff url(../images/nm/nm_title_background.gif) repeat-x;
	line-height:27px;
	color:#ffffff;
	font-size:12px;
	padding:0 17px;
}

.nm_hero .nm_details{
	width:283px;
	height:37px;
	background:url(../images/nm/nm_thumb_base.gif) repeat-x;
	line-height:37px;
	font-size:12px;
	padding:0 7px;
}

.nm_thumbs{
	float:left;
	overflow:hidden;
}

.nm_thumb_wrapper{
	float:left;
	margin:0 23px 20px 0;
	width:113px;
	height:213px;
	overflow:hidden;
}

.nm_thumb{
	width:113px;
}
.nm_thumb .nm_thumb_image{
	width:113px;
	height:170px;
	overflow:hidden;
}
.nm_thumb .nm_details{
	width:113px;
	height:37px;
	background:url(../images/nm/nm_thumb_base.gif) repeat-x;
	line-height:37px;
	font-size:12px;
	margin:2px 0 0 0;
}

.nm_thumb_default
{
	position:relative;
	display:inline-block;
	zoom:1;
	width:170px;
	height:232px;
	margin:15px 10px 0px 0;
	background:url(../images/search_result_thumb_back_old.gif) no-repeat;
}

.nm_thumb_default .nm_details_default
{
	position:absolute;
	bottom:8px;
	height:42px;
	overflow:hidden;
}

.nm_text{
	position:relative;
	width:730px;
	margin:0 0 20px 10px;
	padding:0;
	font-size:12px;
	color:#6D6F71;
}

.nm_text p{
	padding:10px 0 5px 0;
	margin:0;
}

.nm_divider{
	height:3px;
	overflow:hidden;
	line-height:3px;
	padding:0;
	margin:0 0 5px 0;
	background:url(../images/nm/nm_divider.gif) repeat-x;
}

.nm_text_left{
	float:left;
	width:350px;
}

.nm_text_right{
	float:right;
	width:350px;
}

.nm_text ul{
	margin:0 0 10px 15px;
	padding:0;
	color:#51388C;
}
.nm_text ul p{
	color:#6D6F71;
}


/*	Search results styling used for non members lightbox	*/

/*	Results	*/
#nm_results_wrapper{
	width:730px;
	margin:0 0 0 10px;
}

#nm_results_wrapper form{
	padding:0;
	margin:0;
}

.nm_pager_top_left{
	position:absolute;
	left:0;
	width:9px;
	height:34px;
	background:url(../images/pager_top_background_left.gif) no-repeat;
}
.nm_pager_top_right{
	position:absolute;
	right:0;
	width:14px;
	height:34px;
	background:url(../images/pager_top_background_right.gif) no-repeat;
}
.nm_pager_top{
	position:relative;
	margin:0px;
	height:34px;
	background:url(../images/pager_top_background.gif) repeat-x;
}

.nm_pager_bottom_left{
	position:absolute;
	left:0;
	width:9px;
	height:34px;
	background:url(../images/pager_bottom_background_left.gif) no-repeat;
}
.nm_pager_bottom_right{
	position:absolute;
	right:0;
	width:14px;
	height:34px;
	background:url(../images/pager_bottom_background_right.gif) no-repeat;
}
.nm_pager_bottom{
	position:relative;
	margin:15px 0 0 0;
	padding:0;
	height:34px;
	background:url(../images/pager_bottom_background.gif) repeat-x;
}

.nm_pager_top h1{
	font-size:15px;
	font-weight:bold;
	color:#51388C;
	padding:0 0 0 9px;
	margin:0;
	line-height:34px;
}

	
	
	
/*	Thumbnails	*/

.nm_search_result_thumb{
	position:relative;
	display:inline-block;
	zoom:1;
	*display:inline;
	width:170px;
	height:244px;
	margin:15px 10px 0 0;
	background:url(../images/nm/nm_search_result_thumb_back.gif) no-repeat;
}
.nm_search_result_thumb .thumbnail{
	width:100%;
	text-align:center;
	position:absolute;
	bottom:74px;
}
.nm_search_result_thumb .details{
	position:absolute;
	bottom:5px;
	height:55px;
	overflow:hidden;
}
.nm_search_result_thumb .details a{
	position:relative;
	display:block;
	top:0;
	left:0;
	text-align:left;
	font-weight:bold;
	color:#4D4D4D;
	text-decoration:none;
}



/*	Login page	*/

.nm_login_full{
	position:relative;
	width:730px;
	margin:0 0 20px 10px;
	padding:0;
	font-size:12px;
	color:#6D6F71;
}

.nm_login_full_panel{
	float:left;
	width:730px;
	margin:0;
	padding:0;
	display:inline;
	background:url(../images/nm/nm_login_full_back.jpg) repeat-y;
	font-size:12px;
	color:#6D6F71;
}
.nm_login_full_panel_top{
	width:730px;
	height:45px;
	display:block;
	overflow:hidden;
	text-indent:-1000em;
	background:url(../images/nm/nm_login_full_header.jpg) no-repeat;
	background-position:0 0;
}
.nm_login_full_panel_bottom{
	width:730px;
	height:32px;
	margin:0;
	padding:0;
	background:url(../images/nm/nm_login_full_bottom.jpg) repeat-y;
}
.nm_login_full_panel a{
	color:#51388C;
}
.nm_login_full_panel h1{
	font-size:15px;
	font-weight:bold;
	color:#51388C;
	line-height:15px;
	padding:0 0 20px 0;
	margin:0;
}
.nm_login_full_panel p{
	font-size:15px;
	color:#6D6F71;
	line-height:19px;
	padding:0;
	margin:0;
}
.nm_login_full_panel_main{
	float:left;
	width:350px;
	padding:0 30px 5px 43px;
	margin:30px 30px 10px 0;
	background:url(../images/nm/nm_divider_vertical.gif) repeat-y right;
}
.nm_login_full_panel #divLogmain{
	float:right;
	width:280px;
	padding:0 30px 5px 43px;
	margin:-240px -20px 10px 20px;
	
	/*padding:0;
	margin:30px;*/
}
.nm_login_full_panel input.text{
	width:216px;
}
.nm_login_full_panel label{
	margin:5px 0 0 0;
	display:block;
}



/*	Suppliers	*/

#nm_suppliers{
	position:relative;
	width:942px;
	height:81px;
	margin:0;
}

.nm_suppliers_top{
	height:26px;
	background:url(../images/suppliers_background.jpg) repeat-x;
}

.nm_suppliers_wrapper{
	 margin-top:10px;
	 width:942px;
}

.nm_suppliers_logos { 
    /* required settings for carousel */ 
    position:relative; 
    overflow:hidden;
    height:55px;

} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
.nm_suppliers_logos .items { 
    /* this cannot be too large */ 
    width:40000em; 
    position:absolute; 
} 
 
/* 
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 
.nm_suppliers_logos .items div { 
    float:left; 
	margin-right:20px;
} 

#nm_suppliers .next,#nm_suppliers .nextPage{
	padding:10px 20px;
	float:right;
	cursor:pointer;
}

#nm_suppliers .prev,#nm_suppliers .prevPage{
	padding:10px 20px;
	float:left;
	cursor:pointer;
}


/*	Footer	*/

#nm_footer1{
	position:relative;
	width:942px;
	height:28px;
	margin:0 auto;
	background:#676767;
	line-height:28px;
	color:#ffffff;
}

#nm_footer1 a{
	color:#ffffff;
	text-decoration:none;
}

#nm_footer1 div{
	padding:0 23px;
}

#nm_footer2{
	position:relative;
	width:942px;
	height:28px;
	margin:0 auto;
	line-height:28px;
	color:#999999;
}

#nm_footer2 a{
	color:#999999;
	text-decoration:none;
}

#nm_footer2 div{
	padding:0 23px;
}