@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.ashx) 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.ashx) no-repeat; }
.page_box .mid{float:left; background:url(../images/page-mid.gif.ashx) 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.ashx) no-repeat; }
.page-inner{padding:7px 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; padding-top:27px;}
.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; } */
.add-your-salon-1{background: transparent url(../images/30day-free-trial.png.ashx) no-repeat scroll 0% 0%; width: 232px; height: 99px; } 
.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; line-height:12px; }

/*
.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;  }
*/
.header .register dd{float:right; padding-right:10px; line-height:normal;}
.user{width:82px;  }
.user span{float:left;}
.password{width:82px; }
.password span{float:left;}
/*.user-inputbox-outer{background:url(../images/bg-top-inputbox.gif) left top no-repeat;   height:20px; padding:1px 0 0 4px; width:70px; float:left; }*/
.user-inputbox-outer{/*background:url(../images/bg-top-inputbox.gif) left top no-repeat;*/ height:22px; padding:1px 0 0 2px; width:155px; float:left; }
.user-inputbox{background:url(../images/bg-input-box-top.gif.ashx) repeat-x; .background-position:1px;  width:60px; height:14px;  border:0px;  font-size:9px;  }

.radio-list {}
.radio-list input { vertical-align: middle; margin-right:3px; .margin-right:0;}

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

/* loader */

.loader{ position:fixed;  text-align:center; width:100%; height:100%; background-color:#666666;  left:0; top:0; z-index:10000; opacity:0.3; filter:alpha(opacity=30); }
.loader-img{position:fixed; top:50%; left:50%; height:200px; width:200px; z-index:10001}


.pop-top-l {width:16px; height:33px; font-size:1px; line-height:1px; background:url(../images/popup-box-bg.gif.ashx) no-repeat 0 0;  }
.pop-top-m {height:33px; color:#ffffff;  line-height:28px; font-size:14px; text-transform:uppercase; letter-spacing:2px;  text-align:left; background:url(../images/popup-box-bg.gif.ashx) repeat-x 0 -44px  ; }
.pop-top-r {width:16px; height:33px; font-size:1px; line-height:1px; background:url(../images/popup-box-bg.gif.ashx) no-repeat -16px 0; }

.pop-mid-l {width:16px;  font-size:1px; line-height:1px; background:url(../images/popup-box-bg-side.gif.ashx) repeat-y 0 0;  }
.pop-mid-m { background:#ffffff; font-size:11px; padding-top:10px; font-family:Verdana,Arial,Helvetica,sans-serif;}
.pop-mid-r {width:16px;  font-size:1px; line-height:1px; background:url(../images/popup-box-bg-side.gif.ashx) repeat-y -18px 0; }

.pop-btm-l {width:16px; height:16px; font-size:1px; line-height:1px; background:url(../images/popup-box-bg.gif.ashx) 0 -195px no-repeat;  }
.pop-btm-m {height:16px; font-size:1px; line-height:1px; background:url(../images/popup-box-bg.gif.ashx) repeat-x  -44px -149px; }
.pop-btm-r {width:16px; height:16px; font-size:1px; line-height:1px; background:url(../images/popup-box-bg.gif.ashx) -16px -195px no-repeat;  }

.pop-title-l {width:95%; font-family:Verdana,Arial,Helvetica,sans-serif;}
.pop-title-r {width:5%;text-align:right;}

.ModalPopupBG { background-color: #666699; filter: alpha(opacity=50); opacity: 0.7; z-index:1001; }
.button-type1{border:none;  background:url(../images/bg-btn-81.gif.ashx) 0 2px no-repeat;   height:30px; line-height:30px; width:81px; text-align:center; color:#ffffff;  cursor:pointer; }
.button-set-1{}
.button-set-1 .button-text{ padding-right:10px; float:left; padding-top:20px;  }

.inputbox-type1{border:1px solid #b5a993; height:18px; padding-top:2px; font-family:Verdana,Tahoma,Arial; font-size:12px;}
.inputbox-type1-login-block{ background:url(../images/input-text.png.ashx) 0px top no-repeat; width:150px; height:20px; padding:0 2px 0 2px;}
.inputbox-type1-login{border:0;  height:18px; padding-top:2px; font-family:Verdana,Tahoma,Arial; font-size:12px; background:none; width:146px;  }

.formlayout1 .sptr{width:100%; height:8px; font-size:1px; line-height:1px; clear:both;}
.formlayout1 .sptr1{width:100%; height:1px; font-size:1px; line-height:1px; clear:both;}

.formlayout1 dd{ position:relative; line-height:18px;}
.formlayout1 .req-ind{clear:both; color:#808080;  }
.formlayout1 .req-ind-right{clear:both; color:#808080;text-align:right;}
.formlayout1 .req-ind-left{clear:both; color:#808080;text-align:left;}
.formlayout1 .col1{ padding-right:1%; width:29%; float:left; font-weight:bold; text-align:right; color:#808080; font-family:Verdana,Arial,Helvetica,sans-serif;}
.formlayout1 .col1 font{color:#ff0000; padding-right:4px; font-size:11px;}
.formlayout1 .col70p{width:70%; float:left; color:#808080;}

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


.li-item{ height:33px; line-height:33px; font-size:12px; 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.ashx) repeat-x;}
.li-item a:active{color:#FFFFFF; text-decoration:none;}
.li-item a.selected{background:url(../images/bg-menu-bar-o.gif.ashx) 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.ashx) no-repeat;}
.search .search-lable{color:#452415;  font-size:11px; font-weight:bold;}
.search .inputbox1{background:url(../images/bg-search-input-1.gif.ashx) 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.ashx) 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.ashx) 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.ashx) left 32px repeat-x;}
.tabbing-box .tabs .left{height:44px; background:url(../images/tabbing-tl.png.ashx) left 32px no-repeat;}
.tabbing-box .tabs .right{height:44px; background:url(../images/tabbing-tr.png.ashx) right 32px no-repeat;}

.tabbing-box .tabs{text-transform:uppercase;}
.tabbing-box .tabs li{background:url(../images/tab-on-off.png.ashx) 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.ashx) 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.ashx) right -230px  no-repeat; padding-right:24px;}

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

.tabbing-box .tabs .rtsSelected .rtsIn{position:relative; left:-15px;  background:url(../images/tab-bg-rts-in.png.ashx) 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.ashx) right -184px  no-repeat;}



.tabbing-box .mid{background:#EFECDF;}
.tabbing-box .mid .left{background:url(../images/tabbing-inr-left.gif.ashx) left repeat-y;  }
.tabbing-box .mid .right{background:url(../images/tabbing-inr-right.gif.ashx) 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.ashx) repeat-x; height:12px; line-height:1px; font-size:1px;}
.tabbing-box .btm .left{ background:url(../images/tabbing-bl.png.ashx) left no-repeat; height:12px; line-height:1px; font-size:1px; }
.tabbing-box .btm .right{background:url(../images/tabbing-br.png.ashx) 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:163px;}
.header-landingpage .add-your-salon{ height:95px; width:286px;font-weight:bold;}

.landing .li-item a{text-align:center; padding:0px 16px;}
/*--.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.ashx) 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.ashx) 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.ashx) 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.ashx) 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.ashx) 0 8px no-repeat; padding-left:10px;}

.free-trial{width:222px; height:220px; background:url(../images/bg-30-day-free-trial.gif.ashx) 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.ashx) right bottom  no-repeat ; }



/******************************** New THEME ***************************************/

.newcmspages .container { margin-top:0px!important;}
.newcmspages .page_box .mid { background:none;}
.newcmspages .header {     background: url("../images/header-img.jpg.ashx") no-repeat scroll left top transparent;
    height: 150px;}
.newcmspages .page-inner { padding-top:0px;}
.newcmspages .header .logo a {
    display: block;
    height: 114px;
    width: 230px;
}
.newcmspages .header .logo {
    float: left;
    height: 114px;
    margin-left: 55px;
    padding-top: 25px;
    text-align: right;
    width: 230px;
}

.newcmspages .middle-landing{ background: #EFECDF; padding: 10px 10px; width:950px;}
.newcmspages .col-829px { background:#fff; width:809px; color:#452416!important; }

.newcmspages .about-txt-part { font-size:12px; font-family:Verdana; color:#452416; line-height:20px;}

.newcmspages .full-width table td {font-size:12px; font-family:Verdana; color:#452416; line-height:18px;}
.newcmspages .menubar {  height:33px!important;}
.newcmspages .header-landingpage .add-your-salon { height:70px!important;  background: url("../images/orenge-bg.png.ashx") no-repeat scroll 0 0 transparent; margin-right:18px;}

.newcmspages .header .register { color:#fff!important; margin-right:13px;}
.newcmspages .header .register a {color:#fff;}
.newcmspages .header .register .col2 { color:#fff!important;}

.newcmspages .footer a:link, .footer a:visited { color:#5C311E;}
.newcmspages .footer a:active {color: #FFFFFF;text-decoration: none;}
.newcmspages .footer a:hover {color: #FF6000;text-decoration: none;}
.newcmspages .col-141px a {color:#452416!important;}
.newcmspages .col-141px a:hover {color: #FF6000;text-decoration: none;}
.newcmspages .why-container { color:#452416!important; font-size:12px!important; width:790px; padding-right:10px; padding-left:10px; margin-top:10px; font-family:Verdana!importan;}
.newcmspages .why-container dt div a {color:#452416!important;}
.newcmspages .why-left, .why-right, .why-center {
    float: left;
    width: 250px!important;
}
.newcmspages .header .free-trial-days {
    color: #FFFFFF;
    font-family: Verdana;
    font-size: 17px;
    height: 55px;
    line-height: 12px;
    padding: 10px 0 0 4px;
    text-align: center;
}
.newcmspages .headingText {color:#452416; padding-bottom:10px; float:left;}
.newcmspages .headingText a {color:#452416; }

ul.bullet-list { padding:0px; margin:0px; list-style:none;}
ul.bullet-list li{ padding-left:10px; background: url("../images/bg-list-bulet-gray.gif.ashx") no-repeat left 5px;}


.bgNone { background:#EFECDF!important; width:950px; font-size:12px; color:#452416; font-family:Verdana; }

.Newbutton-type1{border:none;  background:url(../images/bg-btn-81.png.ashx) 0 2px no-repeat;   height: 37px; width:81px; text-align:center; color:#ffffff;  cursor:pointer; padding-bottom:5px }