/*** CSS for RinconChiro.com. CSS Level 3 ***/
/*** Layout ***/

#superbox
  {
    margin: 5px;
    margin-right:0;
    background: url('../assets/superbg_repeat.png') repeat-y top left;
    min-width: 1000px !important;
  }

#leftbar
  {
    background: url('../assets/leftbar.png') no-repeat top left;
    float:left;
    width:190px;
  }

#nav
  {
    background: #9f0000;
    margin-top:190px;
    padding-top: 4em;
    padding-bottom: 10em;
    width:151px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
  }

#leftbar ul
  {
    width:144px;
    list-style-type:none;
    list-style-position:inside;
    margin:4em 0 0 -2.5em; 
    font-size:10pt;
  }

#leftbar a, #leftbar a:link, #leftbar a:visited
  {
    display:block;
    text-decoration: none;
    border:none 0;
    background: none;
    color:white;
    padding: 5px;
    width: 135px;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    white-space:normal;
  }

#leftbar li a:hover, #leftbar li.here a
  {
    background: #7D0800;
    text-decoration:none;
  }
#leftbar li
  {
    border-top: 1px solid #9F0000;
    border-bottom: 1px solid #9F0000;
  }
#leftbar li a:hover:before
  {
    content:"> ";
  }

#leftbar li
  {
    width: 140px;
  }

#leftbar li:hover, #leftbar li.here
  {
    margin-left: 5px;
  }
#leftbar .empty:hover
  {
    margin:0;
  }
li.parent
  {
   position:relative;
   background: #9F0000;
  }
li ul.child
  {
    display:none;
    position:absolute;
    top:-4em;
    left:13.25em;
    font-size:10pt;
    text-align:left;
    padding:0;
    margin:0;
    list-style:none;
    z-index:100;
    background:none;
		
  }
li.subchild
  {
    display:none;
    position:relative;
    width:9.2em;
    border:0 !important;
    border-radius: 3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    margin-bottom:1px;
  }
li > ul
  {
    top:auto;
    left:auto;
  }
li:hover.parent ul, li.parent:hover .subchild
  {
    display:block;
  }
li.subchild, li.subchild a
  {
    background:#870902 !important;
  }
#container
  {
    margin-left:190px;
    margin-right:230px;
  }

#rightbar
  {
    background: url('../assets/rincon_rightside.png') no-repeat top right;
    float:right;
    text-align:right;
    width: 230px;
    height: 500px;
    text-transform:uppercase;
    margin:0;
    
  }

#fadeout
  {
    background: url('../assets/right_fadeout.png') top left repeat-y;
    height:150px;
    width:16px;
    float:right;
  }

#lfadeout
  {
    background: url('../assets/left_fadeout.png') top left repeat-y;
    height:150px;
    width:16px;
    float:left;
  }

.clear
  {
    clear:both;
  }

#centerheader
  {
    background: #9F0000 url('../assets/imgbanner.jpg') repeat-x  center left;
    height: 150px;
    text-align:right;
    vertical-align: middle;
  }

#content
  {
    padding: 1em;
    min-width:700px !important;
  }

#footer
  {
    text-align:center;
    font-size:9pt;
    width: 350px;
    margin: 0 auto;
  }

.imgright, .imgleft
  {
    float:right;
    width: 160px;
    border:0;
    padding: .25em;
    margin: .5em;
    margin-top: 1em;
  }

.imgleft { float: left; }

.imgright img, .imgleft img
  {
    width: 154px;
    border:0;
  }

div.imgright, div.imgleft
  {
    border: 1px solid black;
    text-align:center;
    font-size: 9pt;
    margin: .25em 1em;
    box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    -webkit-box-shadow: 2px 2px 3px #ccc;
  }
div.imgright
  {
    margin-right: -2em;
  }
div.imgleft
  {
    margin-left: -2em;
  }
a.imglink, a.imglink:link, a.imglink:visited, a.imglink:hover, div.imgright a, div.imgleft a
  {
    border:0 none;
    background: none;
  }
a.imglink img
  {
    display:inline; 
  }
blockquote
  {
    margin-left:1.5em;
    border-left: 4px solid #E0D48F;
    padding: 5px;
  }
blockquote p:first-child
  {
    text-indent: 4em;
  }
#serviceblock
  {
    width:26em;
    margin: 1em auto;
  }
.servicelist
  {
    margin: 1em;
    margin-left: 2.5em;
    padding: 5px;
    
  }
.servicelist li
  {
    padding: 5px;
    margin:5px;
  }
.special
  {
    border: 2px dashed black;
    margin: 1em auto;
    padding: 1em;
    width: 30em;
    height:18em;
    background: url('../assets/coupon_back.png') center right no-repeat;
    position:relative;
  }
.special:hover {
    border:2px solid black;
}
.special h2
  {
    text-align: center;
    font-size: 14pt;
  }
.special .terms
  {
    font-size:9pt;
    font-style: italic;
    position:absolute;
    bottom:5px;
  }
.special .couponc
  {
    font-size:10pt;
  }
.special div 
  {
    height:18em;
    width:30em;
    margin-left:-1em;
    margin-top:-1em;
    padding:1em;
  }
#ie_errorbox
  {
    background: #E0D48F;
    border: 2px solid black;
    font-size: 9pt;
    margin: .5em;
    padding: 5px;
    width:125px !important;
  }
#ie_errorbox span
{
width:100px;
margin:0 auto;
}
#ie_errorbox img
  {
    border:0;
    width: 32px;
    height: 32px;
  }
.ipara,.interpara
  {
   display: inline;
  }
.interpara
  {
    padding:0;
    margin: 0;
  }
#area, #day
  {
    width:2em;
  }
#phone
  {
    width: 5em;
  }
.notification
  {
    text-align:center;
    background: #F9ECAE;
    border: 2px solid black;
    font-size: 9pt;
    margin: .5em;
    padding: 5px;
  }
#key
  {
    width:3em;
  }
.faqlist, .testlist
  {
    margin-left:2em;
  }
.faqlist strong, .testlist
  {
    text-indent: -2em;
  }
.center
  {
    text-align:center;
    margin-left: auto;
    margin-right: auto;
  }
.sign
  {
    margin-left: 10em;
  }
.inline-pix
  {
    display:inline;
    border: 0 none;
  }
.pv
  {
    float:right;
    margin:1em;
    margin-bottom: 3em;
  }
#minute
  {
    width:4em;
  }
#propbox
  {
    width: 700px;
    height: 5px;
  }
#varch { background: #990000; padding: 5px; color: #fff; border: 1px solid #330000; margin: 0 auto; width: 175px; height: 1.5em;}
#varch img { float:left; vertical-align: middle;padding:5px; }
#varch p {float:right;margin:0;margin-top:3px;}
#varch a { text-decoration:none; color:#fff; border:0; background:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;padding:0;}
/*** Typography ***/
@font-face
  {
    font-family:helvetica;
    src:url('../assets/fonts/Helvetica.ttf');
  }
@font-face
  {
    font-family:calibri;
    src:url('../assets/fonts/CALIBRI.TTF');
  }
@font-face
  {
    font-family:"segoe ui";
    src:url('../assets/fonts/segoeui.ttf');
  }
@font-face
  {
    font-family:"segoe ui";
    font-weight:bold;
    src:url('../assets/fonts/segoeuib.ttf');
  }
@font-face
  {
    font-family:"segoe ui";
    font-style:italic;
    src:url('../assets/fonts/segoeuii.ttf');
  }
body
  {
    font-family: "segoe ui", helvetica, calibri, tahoma, veranda, arial, sans-serif;
    font-size: 11pt;
  }
.source
  {
    font-size: 10pt;
    font-style: italic;
  }
a:link, a:visited, a.button
  {
    border:2px solid #9E0002;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    background: url('../assets/link_backdrop.png') top repeat-x #CE1B00;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: white;
    font-weight: 400;
    padding: 0 2px;
    text-decoration: none;
    box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    white-space:nowrap;
  }
a:hover, a.button:hover
  {
    text-decoration:none;
    background: #A8000E;
    border: 2px solid black;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
  }
a.sub:link, a.sub:visited, .testlist a:link, .testlist a:visited, #biojump a:link, #biojump a:visited
  {
    color:#9f0000;
    text-decoration:none;
    border:0;
    background:none;
    padding:0;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    white-space:normal;
  }

a.sub:hover, .testlist a:hover,  #biojump a:hover
  {
    color: #DB0000;
    text-decoration:underline;
    border:0;
    background:none;
  }
a.button:link, a.button:visited
  {
    border:2px solid #9E0002;
    border-bottom: 2px solid black;
    border-right: 2px solid black;
    background: url('../assets/link_backdrop.png') top repeat-x #CE1B00;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: white;
    font-weight: 400;
    padding: 0 2px;
    text-decoration: none;
    box-shadow: 2px 2px 3px #ccc;
    -moz-box-shadow: 2px 2px 3px #ccc;
    -webkit-box-shadow: 2px 2px 3px #ccc;
    white-space:nowrap;
  }
a.button:hover
  {
    text-decoration:none;
    background: #A8000E;
    border: 2px solid black;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
  }
.special a {
    text-decoration:none!important;
    border:0!important;
    background:none!important;
    padding:0!important;
    box-shadow:none!important;
    -moz-box-shadow:none!important;
    -webkit-box-shadow:none!important;
    white-space:normal!important;
    color:#000!important;
}
#centerheader h3
  {
    padding-top: 3.5em;
    padding-right: 3em;
    text-transform: uppercase;
    line-height: 1.5;
    font-size: 16pt;
    color: white;
    text-shadow: black 3px 2px 5px;
  }

#rightbar h1, #rightbar h2, #rightbar h3
  {
    color: #9F0000;
  }

#rightbar h1
  {
    padding-top: 4.5em;
    letter-spacing: 15px;
  }

#rightbar h2
  {
    letter-spacing: 4px;
    margin-top: -.65em;
    margin-right: 2px;
  }
#rightbar h3
  {
    letter-spacing: 4px;
    margin-top: -.65em;
    margin-right: 2px;
  }

#rightbar span
  {
    color: white !important;
  }


#content>p:first-child:first-line
  {
    font-size:12pt;
    font-variant: small-caps;
  }

#content>p:first-child:first-letter
  {
    font-size: 18pt;
    color:black;
    font-weight:bold;
    text-shadow: #898989 2px 2px 5px;
  }
blockquote
  {
    font-family: cambria, times, serif;
    background: url('../assets/quote.png') top left no-repeat;
  }
#suberror
  {
    color:red;
  }

#massagelist h2,#chirolist h2
  {
    margin-bottom: -.8em;
    padding-bottom: 0;
    font-size: 13pt;
  }
#massagelist h2 span, #chirolist h2 span
  {
    font-size: 10pt;
    font-variant:small-caps;
  }
#chirolist h2+p, #massagelist h2+p
  {
    margin-left:1em;
    font-size:10pt;
  }
#chirolist div, #massagelist div
  {
    padding: .25em 0 .25em 265px;
  }
/*
#massagelist div
  {
    padding: .25em 265px .25em 0;
  }*/
#massagelist div:first-child, #chirolist div:first-child
  {
    padding-top:0;
  }
#chirolist
  {
    background: url('../assets/chiroback.png') top left no-repeat;
    margin-left: -2em;
  }
#massagelist
  {
    /*text-align:right;
    margin-right:-2em;*/
    background: url('../assets/massageback.png') top left no-repeat; /*right no-repeat;*/
    margin-left: -2em;
  }
.faqlist span, .testlist span
  {
    font-weight:bold;
    text-transform: uppercase;
    font-size: 10pt;
  }
.faqlist strong
  {
    display:block;
  }
.sign
  {
    font-weight:300;
    text-transform:inherit !important;
    font-size:11pt;
    font-style: italic;
  }
#biojump p {display:inline;}
#biojump ul { display:inline; padding-left: .5em;}
#biojump li:first-child { padding-left:0!important; }
#biojump li {
    display:inline;
    padding-left:2em;
}



/*** Styling ***/

.inputerror
  {
    background: #FFC9C9;
  }
.appt_table
  {
   text-align:center;
   font-size:10pt;
   width:42em;
   margin: 1em auto;
   border-collapse: collapse;
  }
.appt_table td
  {
    padding: .25em;
    font-size:10pt;
    border: 1px solid black;
    border-collapse: collapse;
  }
.small
  {
      font-size:9pt;
  }
#pw_match
  {
      width:200px;
      height:50px;
      text-align:center;
      margin: .5em;
      margin-top:-1em;
      border:1px solid black;
      float:right;
  }