/* SALONLINE.COM CSS */

/* START GENERAL */
body 
{
  background-color: #614E4A;
  font-family: Verdana,Helvetica, Arial, sans-serif;
  font-size: 8pt;
  text-align:center;
  color: #7e7e7e;
}
body, div ,img, td, tr, table,h1,h2,h3
{
  border: 0px;
  padding: 0px;
  margin: 0px;
}
body,td,tr,table{
font-size:8pt;
line-height:16px;
}
a 
{
  color: #28bad2;
  text-decoration: none;
  outline: none;
}
a:hover {
  color: #28bad2;
}
hr{
border: 2px solid #98CAD1;
}

.errortag{
color:#dd3535;
font-size:7pt;
}
.field{
  font-size: 8pt;
}
/* END GENERAL */
/* START FORM STYLES */
.inputText{
  border: 1px solid #b3b3b3;
  border-top:2px solid #8f8f8e;
  padding: 5px;
}
.inputTextLogin{
  border: 1px solid #b3b3b3;
  border-top:2px solid #8f8f8e;
  padding: 2px;
  height: 20px;
  font-size:8pt;
}
.inputLabel{
  color: #a6a6a6;
  font-size:13px;
  font-weight:bold;
  line-height: 26px;
}
.inputSubmit{
  border: 0; 
  background-color: #ffffff; 
  color: #28bad2; 
  font-family: Verdana,Helvetica, Arial, sans-serif; 
  font-size: 13px;
  font-weight:bold;
  padding:10px 0px 10px 0px;
}
.inputSubmitDark{
  border: 0; 
  background-color: #614E4A; 
  color: #fff; 
  font-family: Verdana,Helvetica, Arial, sans-serif; 
  font-size: 8pt;
  font-weight:bold;
  padding:2px 0px 0px 0px;
}
.inputSubmit:hover ,.inputSubmitDark:hover{
cursor:pointer;

}
fieldset{
  border: 1px solid #b3b3b3;
  color: #a6a6a6;
  font-size:13px;
  font-weight:bold;
  line-height: 26px;
  padding:10px;
}
legend{
  color: #a6a6a6;
}
/* START FORM STYLES */
/* START WRAPPERS */
div#structureTop{
background-color: #614E4A;
height:155px;
}
div#structureMiddle{
background-color:#fff;
overflow:hidden;
}
div#structureBottom{
height:155px;
overflow:hidden;
background-color: #614E4A;
}
div#greyWrapper 
{
  position:absolute;
  text-align:center;
  width:990px;
}
div#contentWrapper{
margin-top:5px;
  width:955px;
  text-align:left;
  margin:0px auto;
}
div#contentWrapper h2{
  color: #74afb8;
  font-size:25px;
  font-weight:500;
  line-height:55px;
}

div#splashWrapper{
  position:relative;
  width:955px;
  text-align:left;
  margin:0px auto;
  margin-bottom:50px;
  top:63px;
}
div#footerWrapper{
background-color: #614E4A;
width:100%;
height:100px;
}
div.indent{
margin-left:30px;
}
/* END WRAPPERS */

/* START HEADER */
div#header{
  height:111px;
}
div#logo{
  padding-left:25px;
  line-height:90px;
  vertical-align:middle;
}
/* END HEADER */

/* START NAV */
div#nav{
  height:35px;
  font-weight:500;
  font-size:10pt;
}
#nav a{
  color:#fff;
}
#nav a:hover{
  color:#7AD7E8;
}
#navList ul {
  position:relative;
  top:9px;
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 
#navList ul li {
  margin-left: 0;
  padding: 3px 10px;
  list-style: none;
  display: inline;

}
#navList ul li.first {
  margin-left: 0;
  padding: 3px 10px 0px 30px;
  border-left: none;
  list-style: none;
  display: inline;
  }
div#footerNav{
  height:35px;
  font-weight:500;
  font-size:10pt;
  text-align:right;
  width:828px;
  margin:0px auto;
}
#footerNav a{
  color:#fff;
}
#footerNav a:hover{
  color:#7AD7E8;
}
#footerNavList ul {
  position:relative;
  top:9px;
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 
#footerNavList ul li {
  margin-left: 0;
  padding: 3px 10px;
  list-style: none;
  display: inline;

}
#footerNavList ul li.first {
  margin-left: 0;
  padding: 3px 10px 0px 30px;
  border-left: none;
  list-style: none;
  display: inline;
  }
/* END NAV */
/* START SUB NAV */
div#subNav{
  padding-top:8px;
  height:18px;
  font-weight:500;
  font-size:9px;
  font-weight:bold;
}
#subNav a{
  color:#fff;
}
#subNav a:hover{
  color:#614E4A;
  
}
#subNavList ul {
  position:relative;
  top:1px;
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 
#subNavList ul li {
  background-color:#FC8D3C;
  margin-left: 0;
  padding: 3px 10px;
  list-style: none;
  display: inline;

}
#subNavList ul li.first {
  margin-left: 25px;
 /* padding: 3px 10px 0px 30px;*/
  border-left: none;
  list-style: none;
  display: inline;
  }
/* END SUB NAV */
/* START LANDING PAGE COLUMNS */
table#landingWrapper{
  width:955px;
  overflow:hidden;
}
td#landing-1{
  margin-bottom:50px;
  width:210px;
  vertical-align:top;
}
td#landing-2{
  margin-bottom:50px;
  width:423px;
  vertical-align:top;
}
td#landing-3{
  margin-bottom:50px;
  width:317px;
  vertical-align:top;
}
td#landing-TwoColumn{
  width: 740px;
  vertical-align:top;
}

/* END LANDING PAGE COLUMNS */
/* START LANDING PAGE CONTENT HOLDERS */
div#content-1{
  padding:35px 30px 50px 0px;
  vertical-align:top;
}
div#content-1 h2{
  color: #a6a6a6;
  font-size:12px;
}
div#content-2{
  padding:31px 15px 50px 15px;
  vertical-align:top;
}
div#content-2 h2{
  color: #74afb8;
  font-size:25px;
  font-weight:500;
}
div#content-2 h2.welcome{
font-size:30px;
}
div#content-3{
  padding:35px 15px 50px 15px;
  vertical-align:top;
}
div#content-3 h2{
  color: #74afb8;
  font-size:20px;
  font-weight:500;
}
.ojHeader{font-size:20px;color:#FA990E;line-height:40px;font-weight:normal}

div#content-TwoColumn{
  position:relative;
  padding:1px 15px 50px 15px;
  vertical-align:top;
}
div#content-TwoColumn .welcome{
font-size:30px;
}

div#content-TwoColumn h2{
  color: #74afb8;
  font-size:25px;
  font-weight:500;
}
.copy{
font-size:8pt;
padding:.8em;
line-height:16px;
}
.profileName{
font-size:20px;
color: #717171;
}
.profileInfo{
font-size:14px;
font-weight:bold;
}
.copySmall{
font-size:8pt;
padding:.2em;
color: #fff;
line-height:12px;
}
.orange{
font-size:13px;
color:#FA990E;
line-height:22px;
font-weight:bold;
border-bottom:1px solid #FA990E;
padding-bottom:3px;
}
h3{
  color: #74afb8;
  font-size:14px;
  font-weight:500;
}
h4{
  color: #74afb8;
  font-size:16px;
  font-weight:500;
}
div#thinBox{
  width:204px;
  border:2px solid #979797;
  padding:12px;
}
/* END LANDING PAGE COLUMNS */
/* START TABLE */

#PartnerPaging table a{
font-weight:bold;
color:#7e7e7e;
}

table.data {
        border: 0px inset #8B8378;
        width: 100%;
        font-family: tahoma, verdana, sans-serif;
        font-size: 11px;
        <!--[if IE]>
        font-size: 12px;
        <![endif]-->
        text-align:      left;
        -moz-border-radius: 0px;
}

table.data th {
	padding: 1em;
        color: #fff;
        font-weight:bold;
        background-color: #4D443B;
        text-align:left;
}

table.data td {
        padding: 1em;
        color: black;
}

table.data tr.d0 td {
        background-color: #DFF2F6;
        vertical-align: top;
}

table.data tr.d1 td {
        background-color: #c9dee5;
        vertical-align: top;
}

table.data tr.hover td {
        background-color: #fff;
}
table.data h3 {
font-size:18px;
font-weight:bold;
}


/* START CLASSES */
.mailbox{
padding-bottom:5px;
padding-top:5px;
color: #FA990E;
border-bottom:1px solid #FA990E;
font-size:20px;
font-weight:normal;
}
.mailbox a{color: #aaaaaa;}
.mailbox a:hover{color: #FA990E;}
.mailbox a:active{color: #FA990E;}

#feedback{ position:absolute;top:121px;right:20px;height:16px;width:80px; }
.findAsalon{ font-size:7pt;color: #969696;font-weight:normal;}
.full {width:100%;height:100%;display:block;}
.full a {text-decoration:none;}

div.blur {opacity:.70;filter: alpha(opacity=70); -moz-opacity: 0.7;}
div.focus  {opacity:1.0;filter: alpha(opacity=100); -moz-opacity: 1.0; }

/* END CLASSES */
/* Rounded Bubble */
div.bubble div.rounded {
	margin-top: 25px;
	margin-bottom: 10px;
	border: 3px solid #fff;
	background-color: #b7e0ff;
}
div.bubble div.rounded blockquote {
	border: 0;
	background-color: transparent;
}
div.bubble div.rounded blockquote p {
	margin: 0px 10px;
}
div.bubble cite.rounded {
	position: relative;
	margin: 0px;
	padding-left: 15px;
	padding-top: 12px;
	top: 9px;
	background: transparent url(../img/rounded/tip-rounded.gif) no-repeat 15px 0;
}
/* IE */

.commentbox{
background-color: #DFF2F6;
width:540px;

padding: 10px;
}

.commentfooter{
background: url(../img/arrow.gif) 20px 0 no-repeat; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
font-size: 90%;
color: #4A4A4A;
}

.autofind {
	background-color: #614E4A;
	color: #ffffff;
}
#home-ad-right{
	position:absolute;
	right:-20px;
	top:45px;
	width:120px;
	height:620px;
}
#home-ad-bottom{
	width:120px;
	height:239px;
}
#partneradtop{
	 height: 98px;
    left: 0;
    margin-top: 33px;
    position: absolute;
    top: 0;
    width: 736px;
}