*{margin:0; padding:0;}
body{background:#f6f2e7; padding:0px; margin:0px; font:11px arial, helvetica, sans-serif; color:#000; text-align:left;
}

/*------------------ HTML Tags -----------------------*/
 
h1,h2,h3,h4,h5,h6{padding:0px; margin:0px; }
label,select{cursor:pointer; }
li{padding:0px; margin:0px;}
ol,ul{padding:0px; }
p{padding:0px; margin:0px; line-height:normal; }
 form{padding:0px; margin:0px;}
hr{padding:0px; margin:0px;}
img{border:0px;}
b{font-weight:bold;}

/* --------------------- custom --------------------- */

.clear{clear:both;}
 .page-break,.print-only{display:none;}
.point{cursor:pointer;}
.f_left{float:left;}
.f_right{float:right;}
.aligncenter{text-align:center;}
.alignleft{text-align:left;}
.alignright{text-align:right;}
.relative{position:relative;}

/* --------------------- links --------------------- */

 a img{border:0;}
 a:focus{ outline:0px;}
 
/*------------------ Wrapper -----------------------*/
#wrapper{
	margin:0 auto;
 	width:100%;
	}

/*------------------ Header -----------------------*/

#header{
	width:900px;
	height:150px;
	}

/*------------------ Navigation -----------------------*/

#navigation{
	width:100%;
	height:42px;
	background:url(../images/nav_back.jpg) top repeat-x;
	}

.navigation_indent{
	width:962px;
	margin:0 auto;
	padding:0px;
	height:42px;
	}

.navigation_indent ul{
	margin:0px;
	padding:0px;
	}


.navigation_indent li{
	margin:0px;
	float:left;
	list-style:none;
	}


/*------------------ Banner -----------------------*/

#banner{
	width:100%;
	background:url(../images/banner_back.jpg) top no-repeat;
	height:427px;
	}

.banner_indent{
	width:962px;
	margin:0 auto;
	padding:20px 0 0 0;
	}

.banner_left{
	width:374px;
	float:left;
	}

.logo{
	width:218px;
	height:60px;
	float:left;
	display:block;
	background:url(../images/isalon_logo.jpg) top no-repeat;
	}

.total_salon{
	width:371px;
	height:172px;
	padding:25px 0 20px 0;
	float:left;
	}

.free_trial{
	width:369px;
	float:left;
 	}

.banner_right{
	width:586px;
	float:right;
	margin:37px 0 0 0;
 	}
 
/*------------------ Container -----------------------*/

#container{
	width:100%;
	}

.container_indent{
	width:962px;
	margin:0 auto;
	padding:20px 0;
	}

.container_indent h1{
	font:bold 60px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	}

.container_indent h5{
	font:28px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
 	}

.container_indent h4{
	font:bold 30px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	padding:0 0 5px 0;
	}
	
.container_indent p{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	line-height:22px;
	}
 
.left_col{
	width:400px;
	float:left;
	}

.left_col h2{
	margin:0px;
	color:#457000;
	font:bold 14px Arial, Helvetica, sans-serif;
	border-bottom:1px solid #e7e5e1;
	padding:0 0 13px 10px;
	width:390px
	}
 
.box{
	width:400px;
	padding:0px;
	margin:0px;
	margin:0 0 10px 0;
	}
 
.left_box{
	width:190px;
	float:left;
	}

.left_box p{
	padding:5px 5px 0 5px;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:18px;
	text-align:left;
	}

.man_box{
	background:url(../images/isalon_man.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}
.man_text{
 	width:186px;
	background:url(../images/man_color.png) left top repeat;
	height:38px;
	margin:0 2px;
	padding:0px;
	}	
.man_text p{
	padding:3px 10px 0 10px;
	margin:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#fff;
	line-height:16px;
	}	

.box_1{
	background:url(../images/woman.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}

.box_2{
	background:url(../images/two_man.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}

.box_3{
	background:url(../images/one_man.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}	
	
.box_4{
	background:url(../images/business_man.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}	
	
.box_5{
	background:url(../images/two_business.jpg) top no-repeat;
	height:40px;
	width:190px;
    padding:143px 0 0 0;
	}	
 	
.speace{
	float:left;
	width:20px;
	height:50px;
 	}

.innovative_box{
	width:400px;
	background:url(../images/features_line.jpg) top repeat-x;
	}

.innovative_indent{
	padding:20px 0 10px 0;
	}

.innovative_indent ul,li{
	margin:0px;
	padding:0px;
 	}

.innovative_indent ul{
	width:180px;
	float:left;
	padding:0 0 0 15px;
  	}

.innovative_indent li{
	font:14px Arial, Helvetica, sans-serif;
	color:#000;
	text-decoration:none;
	background:url(../images/built.png) left 13px no-repeat;
	padding:8px 0 8px 10px;
	border-bottom:1px dotted #c5c2b9;
	width:175px;
	line-height:20px;
	list-style:none;
	}

.innovative_indent a{
	text-decoration:underline;
	color:#d26102;
	}

.innovative_indent a:hover{
	text-decoration:none; 
	color:#d26102;
	}

.right_col{
	width:540px;
	float:right;
	}
	
.right_col img{
	padding:0 10px 0 0;
	vertical-align:middle;
	}

 .right_col p{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	line-height:20px;
	text-decoration:none;
	padding:0 0 20px 0;
	text-align:left;
	}
	
.right_col h1{
	font:25px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
 	padding:0 0 5px 0;
	line-height:30px;
	margin:0px;
	text-align:left;
	}

.right_col h6{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#572b07;
  	padding:0 0 15px 0;
	line-height:20px;
	}
.professional_box{
	width:540px;
	padding:0px;
	background:url(../images/features_line.jpg) bottom repeat-x;
	padding:0 0 15px 0;
	}

.professional_box ul,li{
	margin:0px;
	padding:0px;
	}

.professional_box ul{
	width:250px;
	float:left;
	padding:0 0 0 15px;
	}

.professional_box li{
	background:url(../images/i_icon.jpg) left 11px no-repeat;
	padding:8px 0 8px 20px;
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	list-style:none;
	border-bottom:1px dotted #c5c2b9;
	line-height:20px;
	}

.professional_box h1{
	font:25px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
 	padding:10px 0 5px 0;
	line-height:30px;
	margin:0px;
	}
	
.professional_box p{
	text-align:center;
	margin:0px;
	padding:0px;
	font-size:13px;
	padding:5px 0 0 0;
	}

.book_box{
	width:540px;
	padding:15px 0 10px 0;
	}

.appointments_box{
	width:540px;
	padding:0 0 10px 0;
	float:left;
	}

.appointments_left{
	width:60px;
	padding:2px 0 0 10px;
	float:left;
	}

.appointments_right{
	width:470px;
	float:left;
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	line-height:18px;
 	}

/*------------------ Footer -----------------------*/

#footer{
	width:100%;
	background:url(../images/footer_back.jpg) left top repeat-x;
	height:198px;
	}

.footer_indent{
	width:962px;
	margin:0 auto;
	padding:2px 0 0 0;
	height:196px;
	}

.footer_box{
	width:962px;
	height:139px;
	float:left;
	}

.follow_box{
	background:url(../images/footer_line.jpg) right top no-repeat;
	height:139px;
	width:190px;
	float:left;
	}

.follow_box h5{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#d16100;
	padding:20px 0 25px 0;
	}

.follow_box img{
	float:left;
	padding:0 8px 0 0;
	}

.footer_product{
	background:url(../images/footer_line.jpg) right top no-repeat;
	height:139px;
	width:415px;
	float:left;
	}

.footer_product_indent{
	padding:20px 0 0 20px;
	width:395px;
	height:119px;
	}

.footer_product_indent h5{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#d16100;
	padding:0 0 5px 24px;
 	}

.footer_product_indent ul,li{
	margin:0px;
	padding:0px;
	}

.footer_product_indent ul{
	float:left;
	width:150px;
	padding:0 0 0 25px;
	}

.footer_product_indent li{
	background:url(../images/footer_built.png) left 6px no-repeat;
	padding:0 0 0 15px;
	font:12px Arial, Helvetica, sans-serif;
	color:#a5a5a5;
	text-decoration:none;
	line-height:22px;
	list-style:none;
	}
	
.footer_product_indent a{
	color:#a5a5a5;
	text-decoration:none;
	}

.footer_product_indent a:hover{
	color:#a5a5a5;
	text-decoration:underline;
	}
 
.footer_support{
	height:139px;
	width:355px;
	float:left;
	background:url(../images/footer_logo.jpg) right 40px no-repeat;
	}

.footer_support_indent{
	padding:20px 0 0 30px;
	width:325px;
	height:119px;
	}


.footer_support_indent h5{
	font:bold 15px Arial, Helvetica, sans-serif;
	color:#d16100;
	padding:0 0 5px 0;
 	}

.footer_support_indent ul,li{
	margin:0px;
	padding:0px;
	}

.footer_support_indent li{
	background:url(../images/footer_built.png) left 6px no-repeat;
	padding:0 0 0 15px;
	font:12px Arial, Helvetica, sans-serif;
	color:#a5a5a5;
	text-decoration:none;
	line-height:22px;
	list-style:none;
	}

.footer_support_indent a{
	color:#a5a5a5;
	text-decoration:none;
	}

.footer_support_indent a:hover{
	color:#a5a5a5;
	text-decoration:underline;
	}

.copyright_box{
	width:500px;
	float:left;
	height:45px;
	padding:12px 0 0 0;
	font:11px Arial, Helvetica, sans-serif;
	color:#5a5a5a;
	text-decoration:none;
	line-height:17px;
	}

.copyright_box a{
	color:#5a5a5a;
	text-decoration:none;
	}
.copyright_box a:hover{
	color:#ccc;
	text-decoration:underline;
	}
	
 /**************   WHY ISALON2YOU PAGES *************/	
	
.inner_banner{
	width:100%;
	background:url(../images/inner_banner.jpg) top no-repeat;
	height:98px;
	}	

.inner_container{
	background:url(../images/inner_container.jpg) top repeat-y;
	width:100%;
	}	

.client_box{
	width:390px;
	padding:15px 0 10px 10px;
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:left;
	}
	
.client_box p{
 	padding:10px 0 0 ;
	font:13px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:left;
	}	

.left_link{
	width:390px;
	padding:0 0 0 10px;
	}	
	
.left_link ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}	
	
.left_link li{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	background:url(../images/left-arrow.jpg) left 10px no-repeat;
	padding:8px 0 8px 22px;
	border-bottom:1px dotted #c9c7c3;
	width:360px;
	line-height:20px;
	}	
 	
/**************** CONTACT PAFES *******************/
.contact_text{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	}	
	
.contact_text a{
	color:#572b07;
	text-decoration:underline;
	}	

.contact_text a:hover{
	color:#572b07;
	text-decoration:none;
	}		
	
.contact_box{
	width:500px;
	padding:0 0 0 45px;
	}	
	
.contact_box2{
	width:460px;
	padding:0 0 0 45px;
	}	
	
.contact_box_account{
	width:566px;
	padding:0 0 0 45px;
	}			
	
.input_box{
	padding:1px;
	border:1px solid #e4e4e4;
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	}

 
/************* ORDER PAGES ********************/
.plan_top{
	background:url(../images/plan_top.jpg) top no-repeat;
	width:525px;
	height:46px;
	}	

.plan_mid{
	background:url(../images/plan_mid.jpg) top no-repeat;
	width:525px;
 	}

.plan_bot{
	background:url(../images/plan_bot.jpg) top no-repeat;
	width:525px;
	height:21px;
 	}

	
.plan_text{
	padding:0 0 0 10px;
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
 	}	
	
.plan_text1{
	padding:5px 0 0 10px;
	font:13px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
	line-height:20px;
 	}	
	
.plan_text1 a{
 	color:#dc0505;
	text-decoration:underline;
 	}	
		
.plan_text1 a:hover{
 	color:#dc0505;
	text-decoration:none;
 	}		
	
	
.price_text{
	padding:5px 0 0 10px;
	font:15px Arial, Helvetica, sans-serif;
	color:#dc0505;
	text-decoration:none;
	}	
	
	
.price_text span{
 	font:8px Arial, Helvetica, sans-serif;
	color:#dc0505;
	text-decoration:none;
	}	
	

.silver_box{
	width:375px;
	float:left;
	margin:0 0 15px 0;
	}	
	
.silver_top{
	width:375px;
	height:53px;
 	}	
	
.silver_mid{
	width:375px;
	background:url(../images/silver_package_mid.jpg) top no-repeat;
  	}	
	
.silver_indent{
	width:335px;
	padding:10px 20px 0 20px;
   	}	
	
.service_box{
	float:left;
	width:215px;
	}

.service_box ul,li{
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
.service_box li{
	background:url(../images/right_arrow.png) left 4px no-repeat;
	padding:0 0 3px 30px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#000;
	line-height:22px;
 	}

.month_box{
	width:120px;
	float:right;
	}

.month_box p{
	padding:0 0 10px 0;
	}

.silver_bot{
	width:375px;
	height:16px;
   	}	
	
	
/**************** PLAN PAGES ***************/
.plan_indent{
	width:962px;
	margin:0 auto;
	padding:20px 0 0 0;
	}

.plan_indent h1{
	font:bold 60px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	}

.plan_indent h5{
	font:28px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
 	}

.plan_indent h4{
	font:bold 30px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	padding:0 0 5px 0;
	}
	
.plan_indent p{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-align:center;
	line-height:22px;
	}

.plan{
	width:880px;
	margin:0 auto;
	padding:20px 0 0 0;
 	}	
	
.plan_silver{
	width:294px;
	float:left;
	}	
	
.plan_silver_top{
	width:294px;
	height:53px;
	}
	
.plan_silver_mid{
	width:294px;
	background:url(../images/plan-silver_mid.jpg) top repeat-y;
	}


.plan_silver_indent{
	padding:30px 44px 0 44px;
	width:206px;
	}

.plan_silver_bot{
	width:294px;
	height:44px;
	}	
	
.plan_gold{
	width:288px;
	float:left;
	}
	
.plan_gold_top{
	width:288px;
	height:54px;
	}	
	
.plan_gold_mid{
	width:288px;
	background:url(../images/plan_gold_mid.jpg) top no-repeat;
 	}	
	
.plan_gold_indent{
	padding:30px 40px 0 40px;
	width:208px;
	}
	
.plan_gold_bot{
	width:288px;
	height:43px;
	}	
	
	
.plan_platinum{
	width:282px;
	float:left;
	}
	
.plan_platinum_top{
	width:282px;
	height:54px;
	}	
	
.plan_platinum_mid{
	width:282px;
	background:url(../images/plan_plantinum_mid.jpg) top no-repeat;
 	}	

.plan_platinum_indent{
	padding:30px 37px 0 37px;
	width:208px;
	}

.plan_platinum_bot{
	width:282px;
	height:40px;
  	}	
	
	
.features_box{
	width:912px;
	background:#fbf9f4;
	padding:20px 25px;
	}	
	
.features_box p{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	line-height:20px;
	text-decoration:none;
	padding:0 0 20px 0;
	text-align:left;
	}

.features_box span{
	font:bold 18px "Trebuchet MS";
	color:#8a440a;
	}



.features_box h1{
	font:20px Arial, Helvetica, sans-serif;
	color:#572b07;
	text-decoration:none;
 	padding:0 0 10px 0;
	text-align:left;
  	}

.text{
	font:14px Arial, Helvetica, sans-serif;
	color:#572b07;
	}
	

.salon_login{
	width:910px;
	height:264px;
	display:block;
	background:url(../images/isalon_login.jpg) top no-repeat;
	padding:50px 0 0 0;
	}

.salon_login_indent{
color:#FFFFFF;
font:bold 13px "Trebuchet MS";
padding:0 50px 0 731px;
width:230px;
	}
.input_box_tour{
border:2px solid #C94016;
padding:1px;
	}

/*----------------gallery css ---------------*/

.gallery {width:542px; height:370px; margin:0 auto; }
#slider { margin:0; padding:0; list-style:none; }
#slider ul,
#slider li { margin:0; padding:0; list-style:none; }
/* 
    define width and height of list item (slide)
    entire slider area will adjust according to the parameters provided here
*/
#slider li {width:542px; height:370px; overflow:hidden; }
p#controls{margin:0; padding:0; position:relative; }


#prevBtn {display:block; margin:0; overflow:hidden; width:25px; height:52px; position:relative; left:-25px; top:-190px; z-index:10; }


#nextBtn {display:block; margin:0; overflow:hidden; width:25px; height:52px; position:absolute; left:542px; top:-190px; z-index:10}






#prevBtn a {display:block; width:25px; height:52px; background:url(../images/left-arrow.png) no-repeat 0 0; z-index:10}
#nextBtn a {display:block; width:25px; height:52px; background:url(../images/right-arrow.png) no-repeat 0 0; z-index:10}




/*-------------- 30-11- 2010 -------*/
.contact_box1{
	width:800px;
 	}	

.checkout_box{
	width:799px;
	border-top:2px solid #a9a9a9;
	background:url(../images/woman_back.jpg) 48px bottom no-repeat #f3f3f3;
	}

.operation {
	padding:50px 0 0 10px;
	width:50px;
	float:left;
	}



.check_box{
	width:531px;
 	float:right;
	}

.member_top{
	width:530px;
	height:140px;
	}

.member_mid{
	width:510px;
	background:#454545;
	padding:10px;
 	}
	
.contact-text{
	font:14px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	}

.contact-text a{
	color:#fff;
	text-decoration:none;
	}

.contact-text a:hover{
	color:#fff;
	text-decoration:underline;
	}