@charset "utf-8";
/*-------------------------------------------
|	Document	:	CSS						|	
|	WebSite		:	Vagaro 					| 
|	Creator		:	Chintan Sheth			|
|	Date		:	12-December-2009		|
|	Updater		:	Chintan Sheth			|
|	Last Update	:	12-December-2009		|
|--------------------------------------------*/

.cas{border:1px solid #f00;}
html, body{ background:#452415 url(../images/bg-body.jpg) left top repeat-x; margin:0px; padding:0px;}
.body{font-size:12px;  font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; color:#808080; line-height:18px;}
div, dl, dd, ul, li, h1, h2,h3,h4,h5, p, img, form{ margin:0px; padding:0px;}
/*{ margin:0px; padding:0px;}*/
img{ border:none;}
/*ul, li{ list-style-type:none;}*/

.top-menu li{ list-style-type:none;}

a{color:#808080; text-decoration:none; }
a:link,
a:visited{color:#808080; text-decoration:none;}
a:hover{color:#ff6000; text-decoration:none;}
a:active{color:#808080; text-decoration:none;}

a.banLink{color:#eb5c23; text-decoration:none; }
a.banLink:hover{color:#eb5c23; text-decoration:none; }


.wraper{ width:100%;}
.container{ width:1000px; margin:10px auto 0 auto; padding:0px;  /*overflow:hidden;*/}



.page_box{width:1000px;}
.page_box .top{float:left; line-height:1px; font-size:1px; width:1000px; height:15px; background:url(../images/page-top.gif) no-repeat; }
.page_box .mid{float:left; background:url(../images/page-mid.gif) repeat-y; width:1000px;  }
.page_box .btm{float:left; line-height:1px; font-size:1px; width:1000px; height:15px; background:url(../images/page-btm.gif) no-repeat; }
.page-inner{padding:25px 15px 15px 15px;}

.footer{padding:10px; font-size:10px; color:#FFFFFF; text-align:center; text-transform:capitalize;}
.footer a{color:#FFFFFF; text-decoration:none; padding:0 16px}
.footer a:link,
.footer a:visited{color:#FFFFFF; text-decoration:none;}
.footer a:hover{color:#ff6000; text-decoration:none;}
.footer a:active{color:#FFFFFF; text-decoration:none;}

.header{height:125px;}
.header .logo{ width:230px; float:left; text-align:right;}
.header .add-your-salon{width:200px; height:100px; float:right; text-align:right; }
.header .register{ width:665px; float:right; font-size:11px; }
.header .register a{padding:0 5px;}
.add-your-salon-1{background: transparent url(../images/30day-free-trial.gif) no-repeat scroll 0% 0%; width: 232px; height: 99px; } /* padding-bottom: 10px; */
.header .free-trial-days { padding: 17px 0pt 0pt 4px; font-size: 18px; font-family: Verdana; color: rgb(255, 255, 255); text-align: center; height: 80px; }

.header .register dd{float:right; padding-right:10px; line-height:normal;}
.user{background:url(../images/icon-user.gif) 3px 2px no-repeat; padding-left:20px; width:70px;  }
.password{background:url(../images/icon-lock.gif) 3px 2px no-repeat; padding-left:20px; width:70px; }
.user-inputbox{background:url(../images/bg-top-inputbox.gif) top no-repeat; width:66px; height:16px;  padding:2px 2px 0 2px; border:0px;  font-size:9px;  }

.menubar{height:36px; background:url(../images/bg-menu-bar.gif) repeat-x;}


.li-item{ height:33px; line-height:33px; font-size:13px; color:#FFFFFF; float:left; border-right:1px solid #ffffff;}
.li-item a{color:#FFFFFF; text-decoration:none; height:33px; line-height:33px; padding:0 22px; letter-spacing:2px; display:block; float:left;  }
.li-item a:link,
.li-item a:visited{color:#FFFFFF; text-decoration:none;}
.li-item a:hover{color:#FFFFFF; text-decoration:none; background:url(../images/bg-menu-bar-o.gif) repeat-x;}
.li-item a:active{color:#FFFFFF; text-decoration:none;}
.li-item a.selected{background:url(../images/bg-menu-bar-o.gif) repeat-x;}
.li-item-soc{border-right:none; text-align:center; padding-top:5px;}
.li-item-soc a{padding:0 2px;}



.search-flash{height:345px;}

.search{float:left; height:331px; width:240px; background:url(../images/bg-search.gif) no-repeat;}
.search .search-lable{color:#452415;  font-size:11px; font-weight:bold;}
.search .inputbox1{background:url(../images/bg-search-input-1.gif) no-repeat; font-size:11px;  width:182px; height:18px; padding:4px 9px 0 9px; border:none; color:#999999; font-style:italic;}
.search .inputbox2{background:url(../images/bg-search-input-2.gif) no-repeat; font-size:11px;  width:82px; height:18px; padding:4px 9px 0 9px; border:none; color:#999999; font-style:italic;}

.part1{padding-left:20px; padding-top:8px; height:56px;}
.part2{padding-left:20px; padding-top:8px; height:83px;}
.part3{padding-left:20px; padding-top:8px; height:63px;}
.part4{padding-left:20px; padding-top:8px; height:92px;}

.flash{float:right; height:331px; width:651px;}

.tabbing-add-salon{}
.tabbing-add-salon .add-your-salon{ float:right; background:url(../images/bg-add-your-salon.gif) no-repeat; height:167px; width:335px;}
.add-your-salon .btn-contact{text-align:center; padding-top:125px;}
.tabbing-part{width:550px; float:left;}

/*--tabbing-box--*/
.tabbing-box{}
/*
.tabbing-box .tabs{height:36px; padding-bottom:30px;}
.tabbing-box .tabs{text-transform:uppercase;}
.tabbing-box .tabs li a{background:url(../images/tab-on-off.png) right -46px repeat-x; float:left; line-height:36px; padding:0 24px 0 2px;}
.tabbing-box .tabs li a .rtsOut{line-height:36px; display:block; float:left;}

.tabbing-box .tabs .rtsFirst a{padding-left:0px;}
.tabbing-box .tabs .rtsFirst a .rtsOut{background:url(../images/tab-on-off.png) left -138px  no-repeat; padding-left:20px;}

.tabbing-box .tabs .rtsLast a{ padding-right:0px}
.tabbing-box .tabs .rtsLast a .rtsOut{background:url(../images/tab-on-off.png) right -230px  no-repeat; padding-right:24px;}

*/

.tabbing-box .tabs{height:44px; background:url(../images/bg-tabbing-top-line.png) left 32px repeat-x;}
.tabbing-box .tabs .left{height:44px; background:url(../images/tabbing-tl.png) left 32px no-repeat;}
.tabbing-box .tabs .right{height:44px; background:url(../images/tabbing-tr.png) right 32px no-repeat;}

.tabbing-box .tabs{text-transform:uppercase;}
.tabbing-box .tabs li{background:url(../images/tab-on-off.png) right -46px repeat-x; float:left; line-height:36px; padding:0 24px 0 2px;}
.tabbing-box .tabs li a{line-height:36px; display:block; float:left;}

.tabbing-box .tabs .rtsFirst{padding-left:0px;}
.tabbing-box .tabs .rtsFirst a{background:url(../images/tab-on-off.png) left -138px  no-repeat; padding-left:20px; }

.tabbing-box .tabs .rtsLast{ padding-right:0px}
.tabbing-box .tabs .rtsLast a{background:url(../images/tab-on-off.png) right -230px  no-repeat; padding-right:24px;}

/*--open tab--*/
.tabbing-box .tabs .rtsSelected{background:url(../images/tab-on-off.png) right 0px repeat-x;}

.tabbing-box .tabs .rtsSelected .rtsIn{position:relative; left:-15px;  background:url(../images/tab-bg-rts-in.png) no-repeat 0 bottom;  height:36px; display:block; float:left;}
.tabbing-box .tabs .rtsSelected .rtsTxt{position:relative; left:15px;}
.tabbing-box .tabs .rtsLast a{background:url(../images/tab-on-off.png) right -184px  no-repeat;}



.tabbing-box .mid{background:#EFECDF;}
.tabbing-box .mid .left{background:url(../images/tabbing-inr-left.gif) left repeat-y;  }
.tabbing-box .mid .right{background:url(../images/tabbing-inr-right.gif) right repeat-y;}
.tabbing-box .mid .tabbing-inner{padding:12px 0px 0 20px; font-size:11px; line-height:14px;   }

.tabbing-box .btm{ background:url(../images/tabbing-bm.png) repeat-x; height:12px; line-height:1px; font-size:1px;}
.tabbing-box .btm .left{ background:url(../images/tabbing-bl.png) left no-repeat; height:12px; line-height:1px; font-size:1px; }
.tabbing-box .btm .right{background:url(../images/tabbing-br.png) right no-repeat; height:12px; line-height:1px; font-size:1px;}




  


.tabbing-box547px,
.tabbing-box547px .top,
.tabbing-box547px .tabbing-top-line,
.tabbing-box547px .mid,
.tabbing-box547px .btm{width:547px;  }
 




.data-item{font-size:11px;}
.item-title{color:#d35a27; padding-bottom:6px; font-size:12px;}
.item-title a{color:#d35a27; text-decoration:none;}
.item-title a:link{color:#d35a27; text-decoration:none;}
.item-title a:visited{color:#d35a27; text-decoration:none;}
.item-title a:hover{color:#808080; text-decoration:none;}
.item-title a:active{color:#d35a27; text-decoration:none;}




/*--Columns--*/
.separator{width:100%; height:1px; line-height:1px; font-size:1px; clear:both; }
.separator10px{width:100%; height:10px; line-height:1px; font-size:1px; clear:both; }
.separator18px{width:100%; height:18px; line-height:1px; font-size:1px; clear:both; }




.col-90px{width:90px; float:left;}
.col-110px{width:110px; float:left;}
.col-141px{width:141px; float:left;}
.col-160px{width:160px; float:left;}
.col-260px{width:260px; float:left; }
.col-300px{width:300px; float:left; }
.col-345px{width:345px; float:left; }
.col-440px{width:440px; float:left;  }
.col-829px{width:829px; float:left;background: #fff;}


/*--Style For Landing Page --*/
.header-landingpage{height:135px;}
.header-landingpage .add-your-salon{ height:110px; width:232px;}

.landing .li-item a{text-align:center; padding:0px;}
.landing .li-item1 a{width:136px;}
.landing .li-item2 a{width:175px;}
.landing .li-item3 a{width:110px;}
.landing .li-item4 a{width:207px;}
.landing .li-item5 a{width:80px;}

.middle-landing{}

.iphone-ul{width:130px; float:left;}
.iphone-ul li{background:url(../images/bg-iphone-ul-line.gif) bottom repeat-x; padding:5px; width:120px;}

.brown-box-125px{width:125px;} 
.brown-box-125px .top{width:125px; height:8px; float:left; background:url(../images/bg-brown-top.gif) no-repeat;} 
.brown-box-125px .mid{width:125px; float:left; background:#62250e; text-align:center;} 
.brown-box-125px .btm{width:125px; height:8px; float:left;  background:url(../images/bg-brown-btm.gif) no-repeat;} 
.brown-box-125px .box-inner{padding:0 8px; color:#FFFFFF; font-size:12px;}


.editor-part{}

.landing-page-banner{background:url(../images/landing-page-banner.jpg) no-repeat; width:829px; height:291px; color:#FFFFFF;}
.banner-text{width:400px; padding-left:400px; padding-top:40px;}
.banner-text h1{font-size:20px;  font-weight:normal; padding-bottom:20px; color:#FFFFFF;}
.banner-text p{ font-size:14px; line-height:22px;  }

.title-h1{font-size:14px;  font-weight:normal; padding-bottom:5px; padding-top:10px; color:#d45a27;}

.editor-ul{}
.editor-ul li{background:url(../images/bg-list-bulet-gray.gif) 0 8px no-repeat; padding-left:10px;}

.free-trial{width:222px; height:220px; background:url(../images/bg-30-day-free-trial.gif) no-repeat; float:right;}
.free-trial .btn-contact{text-align:center; padding-top:134px;}

.editor-part-inner{ padding-right:20px;}

.bg-editor-white{padding:20px; background:#ffffff url(../images/bg-cor-white.gif) right bottom  no-repeat ; }