/*************************************************
	#file:		header.css
	
	#desc:		Basic styles for header and content
	
*************************************************/


/**************************************
								 Header
**************************************/
#header { height:101px; }

	#header .logo { float:left; width:252px; height:101px; overflow:hidden; }
	
	#header .cart { float:right; padding-top:13px; margin:13px 0 0 0; width:245px; background:url(../images/bg_cosprod_top.gif) no-repeat 0 0; }
	
		#header .cart ul { padding:0 0 0 8px; border-left:1px solid #f6e497; border-right:1px solid #f6e497; background-color:#fcfae1; }
		
				#header .cart ul li a { line-height:18px; color:#4c1b1b; font-weight:bold; }
				
				#header .cart ul li span { color:#B9121B; }
		
		#header .cart .cart-dummy { height:13px; background:url(../images/bg_cosprod_bottom.gif) no-repeat 0 0; }
		
		#header .cart .user-details { padding:6px 0 0 8px; border-left:1px solid #f6e497; border-right:1px solid #f6e497; background-color:#fcfae1; }
		
			#header .cart .user-details a { color:#B9121B; font-weight:bold; text-decoration:underline; }
			
		
		#header .lang-bar { float:right; margin:83px 8px 0 0; }
				
			#header .lang-bar li { float:left; margin:0 10px 0 0; }
	
				#header .lang-bar li a { display:block; width:20px; height:14px; overflow:hidden; }
				
			#header .lang-bar li.last { margin:0; }
			
		
	
/**************************************
							  Head-menu
**************************************/
	
#head-menu { padding-left:10px; height:51px; background:url(../images/bg-head-menu-left.jpg) no-repeat 0 0 }

	#head-menu .search-box { float:right; padding:14px 0 0 12px; width:233px; height:36px; background:url(../images/bg-search-box.jpg) no-repeat 0 0 }
	
		#head-menu .search-box div.box-left { float:left; width:161px; height:24px; }
		
			#head-menu .search-box div.box-left .text-input { padding-top:3px; width:159px; height:19px; border:1px solid #f6e497; font-size:12px; }
			
		#head-menu .search-box div.box-right { float:left; width:65px; height:24px; line-height:24px; }
		
	
	/* -------- Head MENU -------- */
	#head-menu ul { float:left; padding-top:19px; width:685px; height:32px; background:url(../images/bg-head-menu-center.jpg) repeat-x 0 0 }
	
		#head-menu ul li { float:left; margin-right:1px; width:90px; height:32px; background:url(../images/btn_off.jpg) repeat-x 0 0; }
		
		#head-menu ul li.selected { background:url(../images/btn_sel.jpg) repeat-x 0 0; } 
		
			#head-menu ul li.selected a:hover { color:#000; }
		
		#head-menu ul li .lastone { margin-right:0; }
		
			#head-menu ul li a { height:100%; line-height:32px; text-align:center; display:block; color:#000; font-weight:bold; }
			
			#head-menu ul li a:hover { color:#fff; }
	/* -------- END Head MENU -------- */

	

/**************************************
						    Breadcrumbs
**************************************/

#breadcrumbs { padding-left:13px; height:42px; line-height:42px; background:url(../images/bg_navbar_left.jpg) no-repeat 0 0; }
	
	#breadcrumbs .bread-dummy { float:left; width:13px; height:42px; background:url(../images/bg_navbar_right.jpg) no-repeat 0 0; }
	
		#breadcrumbs ul { float:left; width:914px; height:42px; line-height:42px; background: url(../images/bg_navbar_center.jpg) repeat-x 0 0; }
	
			#breadcrumbs ul li { float:left; margin-top:12px; height:20px; line-height:20px; padding:0 10px; background:url(../images/bg_navbar_arrow.gif) no-repeat 0 6px  }
			
				#breadcrumbs ul li a { color:#4c1b1b; font-weight:bold; }
				
				#breadcrumbs ul li a:hover { color:#B9121B; }
				
				#breadcrumbs ul li a.last { font-weight:normal; }
				
				#breadcrumbs ul li.last a:hover { color:#4c1b1b; }



/**************************************
 				 	 			Paging
**************************************/

.container.paging { margin-bottom:7px; }
	
		.container.paging .holder ul { margin:0 0 0 18px; padding:10px 0; }
		
			.container.paging .holder ul li { float:left; height:13px; line-height:13px; color:#B9121B; font-weight:bold; }
			
			.container.paging .holder ul li.selected { color:#4C1B1B; }
		
			.container.paging .holder ul li.info { margin-right:90px; font-weight:bold; color:#4C1B1B; }
			
				.container.paging .holder ul li a { color:#B9121B; font-size:12px; font-weight:bold; text-decoration:none; }