/*-----------------------------------------------------------
Description: Salon 2010
Version: 1.0
Author: Mark Edwards
Author URI: www.aspevents.net
-----------------------------------------------------------*/


/* RESET
-----------------------------------------------------------*/
a img {border:none;}
.clear {clear:both;}
ol,ul { margin:0; padding:0;}
/*---------------------------------------------------------*/


/* WEBSITE HTML/BODY
-----------------------------------------------------------*/
html, body {border:0; margin:0; padding:0;}
body {font:0.74em Arial, Helvetica, Sans-serif; letter-spacing:normal; text-align:left; color:#818285; line-height:1.5em; text-decoration:none;}
body a:link{text-align:left; color:#ee2a53; text-decoration:none;}
body a:visited {text-align:left; color:#ee3897; text-decoration:none;}
body a:hover {text-align:left; color:#c82a4a;}
/*---------------------------------------------------------*/

/* STRUCTURE
-----------------------------------------------------------*/
#wrapper{width:988px; margin:0 auto; position:relative; border-left:1px solid #d3d4d6; border-right:1px solid #d3d4d6; border-bottom:1px solid #d3d4d6; margin-bottom:10px;}
	#header{position:relative; width:988px;}
		#header_left{float:left; position:relative; width:261px; height:155px; margin:0; padding:0; }
		#header_right{float:left; position:relative; width:716px; height:155px; margin:0; padding:0;}
			#pb_banner{width:709px; height:85px; margin:0; padding:7px 0 0 15px; z-index:200; }
			* html #pb_banner{width:709px; height: 85px; margin:0; line-height: 0; padding:7px 0 0 15px; display: inline;  }
			
		#searchwrap{float:left; width:726px; height:63px; padding:0; margin:0;}
		* html #searchwrap{float:left; position:relative; width:724px; display:inline; height:63px; padding:0; margin:-66px 0 0 0; }
				#headerlink{width:587px; height:63px; float:left; padding:0; margin:0;}
				
				#search{float:left; background:url(../g/2010/template/search_bg2.gif) no-repeat; width:115px; height:18px; padding:28px 0 17px 11px;}			
	#main{position:relative; width:988px; padding-top:23px;}
		#sub_content{float:left; position:relative; width:836px; padding:0 10px 0 10px;}
			#pb_left{float:left; position:relative; width:326px; padding-top:27px; margin:0;  }
			#sub_body{float:left; position:relative; width:443px; padding:27px 45px 0 0; margin:0; }
				* html #sub_body{ width:443px; padding:27px 0 0 0; float:left; position:relative; margin:0; } /*--only to fix exhiblist in ie 6--*/
		#home_content{float:left; position:relative; width:836px; padding:0 10px 0 10px;}
			#nav{position:relative; width:836px; height:25px; margin:0; padding:0; *z-index:998;}
			#home_page{position:relative; width:786px; padding-top:30px; padding-right:50px;}
		#pb_right{float:left; position:relative; width:119px; }
	#footer{float:left; height:30px; padding-left:15px;}
	#social{float:left; height:25px; padding-left:20px;}
	#asplink{float:right; height:30px; padding-top:5px; padding-right:15px;}	
	#asplink a{font:0.9em Arial, Helvetica, Sans-serif; color:#b2b5b7;}
	#asplink a:visited{font:0.9em Arial, Helvetica, Sans-serif; color:#b2b5b7;}
	#asplink a:hover{font:0.9em Arial, Helvetica, Sans-serif; color:#999;}
/*---------------------------------------------------------*/

/* SEARCH
-----------------------------------------------------------*/	
#inp input{width:90px; height:15px; float:left; font-size:0.9em; color:#a7aaad; font-weight:bold; font-size:0.9em; border:solid 0px; background-color:#f5f5f5;}
#inpimg{float:left;}

/*---------------------------------------------------------*/

/* NAVIGATION
-----------------------------------------------------------*/
/*********[BEGIN]mainmenu*********/
.menu1{ z-index:50; *z-index:999; position:relative; float:left; width:820px; padding:0; margin: 0 0 0 4px; height:31px;}
.menu1 ul{margin:0; float:left;}
.menu1 ul a{font:1em arial, Verdana, Sans-serif; color:#241c5c; font-weight:normal; display:block; line-height:27px; text-decoration:none; padding:0 4px 0 0;}
.menu1 ul a:visited {line-height:27px;}
.menu1 ul a:hover{line-height:27px; text-decoration:none; text-align:center;}
.menu1 li{list-style:none; float:left; position:relative;  z-index:50; *z-index:100; height:27px}
.menu1 table{position:absolute; border-collapse:collapse; left:-1px; top:25px; z-index:999;}
.menu1 ul li{display:block;}
.menu1 ul li:hover, .menu1 ul li a:hover{display:block;}
.menu1 ul li a, .menu1 ul li a:hover{display:block;}
/*********[END]mainmenu****

	
/*********[BEGIN]submenu*********/
.menu1 ul ul{margin:0; padding:0;border:none; background:none; background-color:#c82a4a;}
.menu1 ul ul li{list-style:none; width:140px; background:none; position:relative; display:block;}
.menu1 ul ul li a, .menu1 ul ul li a:visited{background:none; background-color:#c82a4a!important; color:#fff!important; font:bold 0.9em Arial, Sans-serif; padding:6px 5px 6px 10px; margin:0; text-align:left; border:none;  line-height:15px; text-transform:none;}
.menu1 ul ul li a:hover{color:#fff!important; background:none; padding:6px 5px 6px 10px; margin:0; text-align:left; line-height:15px; text-decoration:underline;}
.menu1 ul ul li:hover {background:none;} /* To get rid of the repeating of background color from the main menu*/
.menu1 ul li:hover ul li{background:none; } /* To get rid of the repeating of background color from the main menu*/
.menu1 ul ul {visibility:hidden;position:absolute;height:0;}
.menu1 ul li:hover ul, .menu1 ul a:hover ul{visibility:visible;}


/*---------------------------------------------------------*/

/* HEADINGS
-----------------------------------------------------------*/
h1{font:1.5em/1.1em Arial, Sans-serif; color:#ee2a53; text-align:left; margin:0; font-weight:bold; padding:0;}


h1.pink{font:1.5em/1.1em Arial, Sans-serif; color:#ec369a; text-align:left; margin:0; font-weight:bold; padding:0;} /* The Hair Show Page*/
h1.lightpurple{font:1.5em/1.1em Arial, Sans-serif; color:#802081; text-align:left; margin:0; font-weight:bold; padding:0;} /* Salon Live Page*/
h1.darkpurple{font:1.5em/1.1em Arial, Sans-serif; color:#2f317b; text-align:left; margin:0; font-weight:bold; padding:0;} /* Salon Seminars Page*/
h1.grey{font:1.5em/1.1em Arial, Sans-serif; color:#959ca2; text-align:left; margin:0; font-weight:bold; padding:0;} /* Business Extra Page */


h2{font:1.1em/1.1em Arial, Sans-serif; color:#2f317a; text-align:left; margin:0; padding-bottom:5px;}

h3{text-align:left; color:#4a4a4a; font:bold 1em/1em Arial, san-serif; margin:0; padding-bottom:5px;}
h4{color:#fff; text-align:left; font-weight:bold; font-size: 1em; margin:0; padding:4px 0 4px 10px;}

.ez_header{color:#000; font:bold 1.25em/1em Arial, Sans-serif;}
.ez_po_header{color:#0f034e; font:bold 1em/1em Arial, Sans-serif;}
/*---------------------------------------------------------*/


/* SHEETS
-----------------------------------------------------------*/
.fullsheet{float:left; width:786px; margin:0; padding:0;}
.leftsheet{float:left; width:383px; margin-right:20px; padding:0;}
.rightsheet{float:left; width:383px; padding:0; margin:0;}

.fullsheet2{float:left; width:443px; margin:0; padding:5px 0 15px 0;}
.leftsheet2{float:left; width:211px; margin-right:20px; padding:5px 0 15px 0;}
.rightsheet2{float:left; width:211px; margin:0; padding:5px 0 15px 0;}

.sheetbody{padding-bottom:25px;}
.bodysheet{padding:0;}
.bodysheet  p{padding:0 0 15px 0; margin:0;}
.bodysheet ul {list-style:disc; margin-left:2em;}
.bodysheet  ol {list-style:decimal; margin-left:2em;}

/*---------------------------------------------------------*/

/* PANELS
-----------------------------------------------------------*/
/* BORDERED WITH PADDING */
.panel_4{padding:0; margin:0; width:117px; border:1px solid #e99195; margin-bottom:17px;}
.panelbody_4 img{text-align:center;}

/* PLAIN WITH PADDING */
.panel_1{float:left; padding:0; margin-bottom:17px;}

 /* PLAIN*/
.panel_2{padding:0; margin:0;}

/*  Banner panels */
.panel_3{padding-top:8px;}


/*---------------------------------------------------------*/


/* PHOTO GALLERY
-----------------------------------------------------------*/
.set {color:#fff;} /* To remove page numbers*/
h2.photo_gallery_h2_title {font:1.5em/1.1em Arial, Sans-serif; color:#2f317a; text-align:left; margin:0; font-weight:bold; padding:0;} /* To have a separate style for title in Photo Gallery*/
/*---------------------------------------------------------*/


/* FOOTER
-----------------------------------------------------------*/
ul.footeritems{clear:both; list-style:none; text-align:left; position:relative; margin-bottom:10px; margin-top:5px ; padding-left:16px; height:17px;}
ul.footeritems li {display:inline; font:normal 0.9em Arial, Helvetica, Sans-serif; letter-spacing:normal; color:#b2b5b7; text-decoration:none; line-height:1.4em; margin-right:5px;}
ul.footeritems li a {display:inline; font:0.9em Arial, Helvetica, Sans-serif; color:#b2b5b7;}
ul.footeritems li a:hover {display:inline; font:0.9em Arial, Helvetica, Sans-serif; color:#999;}
ul.footeritems li a:visited {display:inline; text-decoration:none;}

/*---------------------------------------------------------*/