﻿/*RULES FOR BARBER SHIP MANAGEMENT */

/*TAGLINE TEXT ON TOP OF BANNER ON EVERY MAINPAGE.*/
.taglineTop {
	color:#001b53;
	background-color:#e0e7f1;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 15px 4px 15px;
	margin:0 0 1px 0;
	width:950px !important;
	height:28px;
}


img { border:0px; padding:0px; margin:0px; }
img.bulletList { border:0px; padding:0px; margin:0px;  }

/* CONTAINERS AROUND LISTINGS INSIDE WEBPARTS */
.listholder {
	padding:0px;
	/*border:1px solid yellow;*/
}

.bgHeaderBorder  {
	background:url('/Style%20Library/images/WW/bgHeader_1x28.gif') repeat-x left 100%;	
	height:34px !important;
	margin:0px;
	padding:0px;
	width: 100%;
	float: left;	
}
	 .bgHeaderBorder h2 {
	 	font-family: Arial, Verdana, Helvetica, Sans-serif;
		padding-left:15px;
		margin:0 0 0 0;
		border-top:6px solid #94abcd; 
		padding-top:11px;
		font-size:13px; 
	}	


#wrapper {	} 

	 
#maincontainer {
	padding:0px;
	margin:0px;
	float:left;
	width:100%;
	background:url('/Style%20Library/images/WW/bgLeftContent.gif') bottom left repeat-y;	
}	

/*.banner { 
	margin:0 0 2px 0;
	float:left;	
	padding:0px; 
	/*(border-top:5px solid #003182 -- this style is located in WWSubsite.master)*/	  
/*}*/





/*----------------------------------------------------------------------------------------------*/
/* RULES FOR LEFTNAVIGATION */
/*----------------------------------------------------------------------------------------------*/

/* FIRST LEVEL, leftNavigation  */
#leftContent {
	width: 188px;
	float:left;
	margin:0 6px 0 0;
	border-top:1px solid #4169a6;
	padding:0px;
} 

	ul.leftNavigation { 
		background-color:#94abcd;
		border-bottom:2px solid white;
		margin:0px;
		padding: 0px 0px 1px 0;
		list-style-type:none;
		font-size: 11px;
		border-top: 6px solid #94abcd;
	}
	
	ul.leftNavigation li { 
		border-bottom:1px solid white; 
		display:block;
		padding:0px; 
	 }
		
		ul.leftNavigation li a { 
			text-transform:uppercase; 
			background-color:#e8e5e2;
			color:#FFFFFF;
			text-decoration:none; 
			display:block;
			padding:5px 0 5px 10px;
			font-weight:bold;
			border-top:1px solid #ffffff; 						
		}
		
		ul.leftNavigation li a:hover { 			
			background-color:#001b53 !important;
			background:none;
			color:#FFFFFF;			
			padding:5px 0 5px 10px;
			font-weight:bold; 
		}
			
			ul.leftNavigation li a.selected {				
				background:#406aa6 url('/Style%20Library/Images/WW/arrow_406aa6.gif') no-repeat left bottom ;
				color:#ffffff;	
				text-decoration:none;				
				padding:10px 0 2px 10px;
				border-bottom: 1px solid #FFFFFF;
				font-weight:bold;    
				}
			
			ul.leftNavigation li a.selected:hover {				
				background-color:#001b53;
				background-image:none; 				
				text-decoration:none;				
				padding:10px 0 2px 10px;
				border-bottom: 1px solid #FFFFFF; 
				font-weight:bold;   
			}

				ul.leftNavigation li a.childselected {
					background-color:#406aa6;
					color:#FFFFFF; 
					text-decoration:none;				
					padding:10px 0 2px 10px;
					border-bottom: 1px solid #FFFFFF;
					font-weight:bold; 					 			
				}
				
				ul.leftNavigation li a.childselected:hover {
					background-color:#001b53; 
					color:#FFFFFF; 
					text-decoration:none;				
					padding:10px 0 2px 10px;
				}

/* END FIRSTLEVEL, leftNavigation */


/* SECOND LEVEL, leftNavigation  */
ul.leftNavigation ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-size:11px;
	
}
	
	ul.leftNavigation ul li {
		background-color:#e8e5e2 !important;
		border-bottom:1px solid white; 
		display:block;
		padding:0px; 
	}
		
		ul.leftNavigation ul li a {
			padding:1px 0 0 0; 
			text-transform:uppercase; 
			color:#001b53 !important; 
			text-decoration:none; 
			display:block;
			padding:3px 8px 3px 10px;
			font-weight:normal;
			border-top:none; 
		}
		
		ul.leftNavigation ul li a:hover {				
			background-color:#406aa6!important;
			color:#FFFFFF !important;
			padding:3px 8px 3px 10px;   	
			display: block;
			text-decoration:none;
			font-weight:normal; 
		}
		
		ul.leftNavigation ul li a.selected {
				background:url('/Style%20Library/images/WW/menu_img/406aa6_second_select.gif') left top no-repeat;
				background-color:#406aa6; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;  	
				border-bottom:none;
				font-weight:normal; 
		}
		
		ul.leftNavigation ul li a.selected:hover {
				background:none;
				background-color:#406aa6 !important; 
				color:#FFFFFF !important; 
				text-decoration:none;				
				padding:3px 8px 3px 10px;
				border-bottom:none;
				font-weight:normal; 							
		}

				ul.leftNavigation ul li a.childselected {
					background:url('/Style%20Library/images/WW/menu_img/406aa6_second_select.gif') left top no-repeat;
					background-color:#406aa6 !important; 
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:3px 8px 3px 10px; 
					border-bottom: 1px solid #ecebea;
					font-weight:normal; 
				}
				
				ul.leftNavigation ul li a.childselected:hover {
					background-image:none;
					background-color:#406aa6 !important;
					color:#FFFFFF !important; 
					text-decoration:none;				
					padding:3px 8px 3px 10px; 
					font-weight:normal;   
				}

/* END SECOND LEVEL, leftNavigation  */				
	
				
/* THIRD LEVEL, leftNavigation  */
ul.leftNavigation ul ul {	
	margin:0 0 0 0;
	padding:0px;
	border:none;
	background-color:#e8e5e2 !important;
			
}
	
	ul.leftNavigation ul ul li {
		background:url('/Style%20Library/images/WW/menu_img/stipledborder.gif') left bottom repeat-x;	
		background-color:#ffffff !important;
		display:block;
		padding:0 0 1px 0; 
		border:none;
		
	}
		
		ul.leftNavigation ul ul li a {
			background:url('/Style%20Library/images/WW/menu_img/333333_third_activeT.gif') left top no-repeat;	
			background-color:#ffffff;
			font-weight:normal;			
			color:#333333 !important;
			text-decoration:none; 
			display:block;
			padding:3px 10px 4px 24px;
			text-transform:none;
			font-size:12px;
			border:none;
		}
		
		ul.leftNavigation ul ul li a:hover {			
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul li a.selected {
			color:#003787 !important;			
			background:url('/Style%20Library/images/WW/menu_img/406ba2_third_selectT.gif') left top no-repeat;	
			background-color:#ffffff ;
			display:block;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
			border:none;
		}
		
		ul.leftNavigation ul ul li a.selected:hover {
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border:none;
			padding:3px 10px 4px 24px;
			text-decoration:none; 
			border:none;
		}

		ul.leftNavigation ul ul li a.childselected {
			color:#003787 !important;		
			background:url('/Style%20Library/images/WW/menu_img/406ba2_third_selectT.gif') left top no-repeat;					
			background-color:#ffffff !important;
			display:block;
			padding:3px 10px 4px 24px;
			text-decoration:none;
			border:none; 
		}
			
		ul.leftNavigation ul ul li a.childselected:hover {
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 24px;
			text-decoration:none;
			border:none; 
		}
							
/* END  THIRD LEVEL, leftNavigation  */	

/* FOURTH LEVEL, leftNavigation  */
ul.leftNavigation ul ul ul {
	margin:0px;
	padding:0px 0 1px 0;
	font-size: 12px;
	font-weight:normal;
	border:none;

}
	
	ul.leftNavigation ul ul ul li {
		display:block;
		padding:0 0 0 0px;
		background:none; 
		border:none;	
	}
		
		ul.leftNavigation ul ul ul li a {
			background:url('/Style%20Library/images/WW/menu_img/333333_fourth_activeT.gif') left top no-repeat;
			font-size:12px;
			color:#333333 !important;
			background-color:#ffffff !important;
			display:block;
			border:none;
			padding:2px 10px 2px 38px;
			text-decoration:none; 
		
		}
		
		ul.leftNavigation ul ul ul li a:hover {
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border:none;
			padding:2px 10px 2px 38px;
			text-decoration:none; 
		}
		
		ul.leftNavigation ul ul ul li a.selected {
			color:#003787 !important;
			background:url('/Style%20Library/images/WW/menu_img/003789_fourth_selectT.gif') left top no-repeat ;					*/
			background-color:#ffffff !important;
			display:block;
			padding:2px 10px 2px 38px;
			text-decoration:none;
			border:none; 
		}
		
		ul.leftNavigation ul ul ul li a.selected:hover {
			color:#ffffff !important;
			background-color:#406aa6 !important;
			background:none;
			display:block;
			border-bottom:none;
			padding:2px 10px 2px 38px;
			text-decoration:none;
			border:none; 
		}	
	
		ul.leftNavigation ul ul li a.childselected:hover {
			color:#ffffff !important;
			background-color:#406aa6 !important;
			display:block;
			border-bottom:none;
			padding:3px 10px 4px 30px;
			text-decoration:none; 
			border:none;
		}
	
							
/* END FOURTH LEVEL, leftNavigation  */
/* END RULES LEFT NAVIGATION AND LEFTCONTENT*/	



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR MAINCONTENT */
/*----------------------------------------------------------------------------------------------*/

.centerContent { background-color:#94abcd; }
#centerContent_oneColoumn {
	width: 786px;
	float: left;
	padding: 0px;
	border-top:6px solid #94abcd;
}

.centerContent_leftside {
	float:left;
	background-color:#ffffff;
	width:47%;
	padding:0 15px 0 0;
	margin:0px;
}


.centerContent_rightside {
	width:46%;
	float:left;
	background-color:#FFFFFF;
	margin:0px;
	padding:0 0 0 15px;	
}

.mainpagenewscontainer {
	border-top:6px solid #94abcd;
	padding: 3px 10px 0px 10px;
	background-color: #ffffff;
}

.centerContent_leftside_section {
	float:left;
	width:48%;
	margin:0px;
	padding:0 15px 0 0px;
	background-color:#FFFFFF;
}

.centerContent_rightside_section {
	float:left;
	width:47%;
	background-color:#FFFFFF;
	margin:0px;
	padding:0px;	
}


.centerContent_leftside p, .centerContent_rightside p { 
	padding:0 0px 0 0;
	margin:0px;
}


/* ADDS PADDING TO WHITEBACKGROUND IN RIGHTCONTENT */
	.whiteBg_10pxpadding { padding:10px 5px 5px 14px; }



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR RIGHT SIDE/RIGHTCONTENT */
/*----------------------------------------------------------------------------------------------*/

#rightContent {	border-top: 6px solid #94abcd; }


/* LISTS OUT CONUTRIES, MAP - DIRECTORY OF OUR LOCATIONS, PART OF THE RIGHTCONTENT */
.oulisting_countries_left {
	float:left; 
	width:40%
}

.oulisting_countries_right {
	float:right; 
	width:40%
}	



/*----------------------------------------------------------------------------------------------*/
/* RULES FOR FOOTER OG BOTTOMLINE */
/*----------------------------------------------------------------------------------------------*/
	
/* RULES FOR FOOTER */
#footer { 
	width:250px; 
	color:#406aa6; 
	font-size:0.9em;
	text-align:left; 
	padding:2px 0 7px 0;
	float:left; 
	font-weight:normal;
}	


/* RULES FOR BOTTOM LINE, TWO STYLES BECAUSE OF WIDTH AND COLOUR. (These id's exists in each css because of the change of colour in the image. */
#bottomSection {
	background:url('/Style%20Library/Images/WW/WMS/bottomWMS_section.gif') no-repeat;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;	
}

#bottomMain {
	background:url('/Style%20Library/Images/WW/WMS/bottomWMS_main.gif') no-repeat bottom;
	padding:0px;
	margin:0px;
	height:14px;
	float:left;
	width:100%;	
}

/* BOTTOM LINE FOR SECTIONPAGES, WITH JUST ONE COLOUMN CONTENT, NO RIGHTSIDE/RIGHTCONTNENT */
#bottomOneColoumn {
	background:url('/Style%20Library/Images/WW/aboutUs/bottomOneColoumn.gif') no-repeat bottom;
	padding:0px;
	margin:0px;
	height:8px;
	float:left;
	width:100%;	
}


