body{
margin:0;
padding:0;
line-height:1.3em;
background-color:#FFF;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
}
strong, b{
font-size:110%;
}
i, em{
color:#656565;
}
h1{
font-size:22px;
color:#FFF;
margin:5px 0 0 15px;
}
h2{
font-size:18px;
color:#767676;
margin:4px 0 0 45px;
padding:0;
font-weight:100;
}
h3{
font-size:18px;
color:#9F5524;
text-align:center;
}
p{
text-indent:20px;
padding:0;
margin-top:0;
}
#maincontainer{
width:1005px;
margin:0 auto;
}
#topsection{
height:194px;
background:url(images/header.jpg) scroll no-repeat;
}
#topsection h1{
margin:0;
padding-top:15px;
}
#contentwrapper{
float:left;
width:100%;
}
#gradient{
background:url(images/gradient.jpg) scroll repeat-x;
width:669px;
height:174px;
margin:5px 0 0 0;
}
#dropshadow{
background:url(images/ds.png) scroll no-repeat;
width:645px;
height:34px;
margin-left:32px;
}
#contentcolumn{
margin-left:336px;
}
#headerbtm{
background:url(images/headerbtm.jpg) scroll no-repeat;
width:669px;
height:140px;
}
#leftcolumn{
float:left;
width:336px;
margin-left:-1005px;
background:#FFF;
}
#home{
width:328px;
height:45px;
float:left;
background:url(images/home.jpg) scroll no-repeat 0 0;
margin-top:5px;
}
#home:active{
width:328px;
height:45px;
float:left;
background:url(images/home.jpg) scroll no-repeat 0 -90px;
}
#home:hover, #home.active{
width:328px;
height:45px;
float:left;
background:url(images/home.jpg) scroll no-repeat 0 -45px;
}
#about{
width:328px;
height:45px;
float:left;
background:url(images/about.jpg) scroll no-repeat 0 0;
margin-top:5px;
}
#about:active{
width:328px;
height:45px;
float:left;
background:url(images/about.jpg) scroll no-repeat 0 -90px;
}
#about:hover, #about.active{
width:328px;
height:45px;
float:left;
background:url(images/about.jpg) scroll no-repeat 0 -45px;
}
#pricing{
width:328px;
height:45px;
float:left;
background:url(images/pricing.jpg) scroll no-repeat 0 0;
margin-top:5px;
}
#pricing:active{
width:328px;
height:45px;
float:left;
background:url(images/pricing.jpg) scroll no-repeat 0 -90px;
}
#pricing:hover, #pricing.active{
width:328px;
height:45px;
float:left;
background:url(images/pricing.jpg) scroll no-repeat 0 -45px;
}
#contact{
width:328px;
height:45px;
float:left;
background:url(images/contact.jpg) scroll no-repeat 0 0;
margin-top:5px;
}
#contact:active{
width:328px;
height:45px;
float:left;
background:url(images/contact.jpg) scroll no-repeat 0 -90px;
}
#contact:hover, #contact.active{
width:328px;
height:45px;
float:left;
background:url(images/contact.jpg) scroll no-repeat 0 -45px;
}
#orange{
width:90px;
height:40px;
margin:5px 5px 5px 0;
background-color:#F6921E;
float:left;
}
#gray{
width:233px;
height:40px;
margin:5px 0 5px 0;
background-color:#6C6D69;
float:left;
}
#gray h1{
margin-top:10px;
}
#orange2{
width:655px;
height:35px;
margin:-164px 0 0 5px;
background-color:#F6921E;
}
.gray2{
width:620px;
height:40px;
margin:4px 0 10px 5px;
background-color:#6C6D69;
float:left;
}
.links{
width:320px;
height:39px;
background:url(images/links.jpg) scroll no-repeat 0 0;
float:left;
border:1px solid #999;
margin-bottom:3px;
text-decoration:none;
}
.links:active{
width:320px;
height:39px;
float:left;
background:url(images/links.jpg) scroll no-repeat 0 -39px;
}
.links:hover{
width:320px;
height:39px;
float:left;
background:url(images/links.jpg) scroll no-repeat 0 -39px;
}
.links span{
padding:10px 0px 0px 40px;
font-size:18px;
color:#767676;
width:320px;
height:39px;
display:inline-block;
}
.links:active span, .links:hover span, #active span{
color:#F6921E;
}
#active{
width:320px;
height:39px;
float:left;
background:url(images/links.jpg) scroll no-repeat 0 -39px;
color:#F6921E;
}
#support{
width:321px;
height:162px;
background:url(images/support.jpg) scroll no-repeat 0 0;
float:left;
margin-bottom:5px;
}
#footer{
clear:left;
width:100%;
background:#6B6B6B;
color:#FFF;
text-align:center;
padding:4px 0;
font-size:0.6em;
line-height:1.2em;
}
#footer a{
color:#FFFF80;
}
.innertube{
margin-top:0;
}
#homeimage{
float:left;
width:182px;
height:161px;
background:url(images/homeimage.jpg) scroll no-repeat 00;
padding:10px;
z-index:100;
}
#content{
z-index:100;
padding-left:15px;
padding-right:15px;
margin:-43px 0 0 0;
font-size:0.75em;
}
#appointments{
width:100%;
/*height:171px;*/
margin:10px 0 0 0;
padding:0;
/*background:url(images/appointments.jpg);*/
background-color:#E2E2E2;
}
img{
text-decoration:none;
border:none;
}
form.appnitro{
margin:20px 0 0;
padding:0 0 20px;
font-size:0.8em;
background-color:#E2E2E2;
}
form.appnitro div{
background-color:#E2E2E2;
}
.appnitro{
font-size:small;
background-color:#E2E2E2;
}
.appnitro li{
width:90%;
}
.form_description{
padding:1em 0 0 1em;
}
.appnitro div{margin:0;}
form ul{
font-size:100%;
list-style-type:none;
margin:0;
padding:0;
width:100%;
}
form li{
display:block;
margin:0;
padding:4px 5px 2px 9px;
position:relative;
}
form li:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.buttons:after{
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
.buttons{
clear:both;
display:block;
margin-top:10px;
}
* html form li{
height:1%;
}
* html .buttons{
height:1%;
}
* html form li div{
display:inline-block;
}
form li div{
color:#444;
margin:0 4px 0 0;
padding:0 0 8px;
}
form li span{
color:#444;
float:left;
margin:0 4px 0 0;
padding:0 0 8px;
}
form li div.left{
display:inline;
float:left;
width:48%;
}
form li div.right{
display:inline;
float:right;
width:48%;
}
form li div.left .medium{
width:100%;
}
form li div.right .medium{
width:100%;
}
.clear{
clear:both;
}
form li div label{
clear:both;
color:#444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:3px;
}
form li span label{
clear:both;
color:#444;
display:block;
font-size:9px;
line-height:9px;
margin:0;
padding-top:3px;
}
form li .datepicker{
cursor:pointer !important;
float:left;
height:16px;
margin:.1em 5px 0 0;
padding:0;
width:16px;
}
.form_description{
border-bottom:1px dotted #CCC;
clear:both;
display:inline-block;
margin:0 0 1em;
}
.form_description[class]{
display:block;
}
.form_description h2{
clear:left;
font-size:160%;
font-weight:400;
margin:0 0 3px;
}
.form_description p{
font-size:95%;
line-height:130%;
margin:0 0 12px;
}
form hr{
display:none;
}
form li.section_break{
border-top:1px dotted #CCC;
margin-top:9px;
padding-bottom:0;
padding-left:9px;
padding-top:13px;
width:97% !important;
}
form ul li.first{
border-top:none !important;
margin-top:0 !important;
padding-top:0 !important;
}
form .section_break h3{
font-size:110%;
font-weight:400;
line-height:130%;
margin:0 0 2px;
}
form .section_break p{
font-size:85%;
margin:0 0 10px;
}
input.button_text{
overflow:visible;
padding:0 7px;
width:auto;
}
.buttons input{
font-size:120%;
margin-right:5px;
}
label.description{
border:none;
color:#222;
display:block;
font-size:85%;
font-weight:700;
line-height:150%;
padding:0 0 1px;
}
span.symbol{
font-size:115%;
line-height:130%;
}
input.text{
background:url(images/shadow.gif) #FFF repeat-x top;
border-bottom:1px solid #DDD;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-top:1px solid #7C7C7C;
color:#333;
font-size:100%;
margin:0;
padding:2px 0;
}
input.file{
color:#333;
font-size:100%;
margin:0;
padding:2px 0;
}
textarea.textarea{
background:url(images/shadow.gif) #FFF repeat-x top;
border-bottom:1px solid #DDD;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-top:1px solid #7C7C7C;
color:#333;
font-size:100%;
margin:0;
width:99%;
}
select.select{
color:#333;
font-size:100%;
margin:1px 0;
padding:1px 0 0;
background:url(images/shadow.gif) #FFF repeat-x top;
border-bottom:1px solid #DDD;
border-left:1px solid #C3C3C3;
border-right:1px solid #C3C3C3;
border-top:1px solid #7C7C7C;
}
input.currency{
text-align:right;
}
input.checkbox{
display:block;
height:13px;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
}
input.radio{
display:block;
height:13px;
line-height:1.4em;
margin:6px 0 0 3px;
width:13px;
}
label.choice{
color:#444;
display:block;
font-size:100%;
line-height:1.4em;
margin:-1.55em 0 0 25px;
padding:4px 0 5px;
width:90%;
}
select.select[class]{
margin:0;
padding:1px 0;
}
*:first-child+html select.select[class]{
margin:1px 0;
}
.safari select.select{
font-size:120% !important;
margin-bottom:1px;
}
input.small{
width:25%;
}
select.small{
width:25%;
}
input.medium{
width:50%;
}
select.medium{
width:50%;
}
input.large{
width:99%;
}
select.large{
width:100%;
}
textarea.small{
height:5.5em;
}
textarea.medium{
height:10em;
}
textarea.large{
height:20em;
}
#error_message{
background:#FFF;
border:1px dotted #F00;
margin-bottom:1em;
padding-left:0;
padding-right:0;
padding-top:4px;
text-align:center;
width:99%;
}
#error_message_title{
color:#DF0000;
font-size:125%;
margin:7px 0 5px;
padding:0;
}
#error_message_desc{
color:#000;
font-size:100%;
margin:0 0 .8em;
}
#error_message_desc strong{
background-color:#FFDFDF;
color:#F00;
padding:2px 3px;
}
form li.error{
background-color:#FFDFDF !important;
border-bottom:1px solid #EACBCC;
border-right:1px solid #EACBCC;
margin:3px 0;
}
form li.error label{
color:#DF0000 !important;
}
form p.error{
clear:both;
color:#F00;
font-size:10px;
font-weight:700;
margin:0 0 5px;
}
form .required{
color:#F00;
float:none;
font-weight:700;
}
form li.highlighted{
background-color:#FFF7C0;
}
form .guidelines{
background:#F5F5F5;
border:1px solid #FEA426;
color:#444;
font-size:80%;
left:80%;
line-height:130%;
margin:0 0 0 8px;
padding:8px 10px 9px;
position:absolute;
top:0;
visibility:hidden;
width:42%;
z-index:1000;
text-indent:0px;
}
form .guidelines small{
font-size:105%;
}
form li.highlighted .guidelines{
visibility:visible;
}
form li:hover .guidelines{
visibility:visible;
}
.no_guidelines .guidelines{
display:none !important;
}
.no_guidelines form li{
width:97%;
}
.no_guidelines li.section{
padding-left:9px;
}
.form_success{
clear:both;
margin:0;
padding:90px 0pt 100px;
text-align:center;
}
.form_success h2{
clear:left;
font-size:160%;
font-weight:normal;
margin:0pt 0pt 3px;
}
ul.password{
margin-top:60px;
margin-bottom:60px;
text-align:center;
}
.password h2{
color:#DF0000;
font-weight:bold;
margin:0pt auto 10px;
}
.password input.text{
font-size:170% !important;
width:380px;
text-align:center;
}
.password label{
display:block;
font-size:120% !important;
padding-top:10px;
font-weight:bold;
}
#li_captcha{
padding-left:5px;
}
#li_captcha span{
float:none;
}
.embed #form_container{
border:none;
}
.embed #top,.embed #bottom,.embed h1{
display:none;
}
.embed #form_container{
width:100%;
}
.embed #footer{
text-align:left;
padding-left:10px;
width:99%;
}
.embed #footer.success{
text-align:center;
}
.embed form.appnitro{
margin:0px 0px 0;
}
div.calendar{
position:relative;
}
.calendar table{
cursor:pointer;
border:1px solid #CCC;
font-size:11px;
color:#000;
background:#FFF;
font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;
}
.calendar .button{
text-align:center;
padding:2px;
}
.calendar .nav{
background:#F5F5F5;
}
.calendar thead .title{
font-weight:bold;
text-align:center;
background:#DEDEDE;
color:#000;
padding:2px 0 3px 0;
}
.calendar thead .headrow{
background:#F5F5F5;
color:#444;
font-weight:bold;
}
.calendar thead .daynames{
background:#FFF;
color:#333;
font-weight:bold;
}
.calendar thead .name{
border-bottom:1px dotted #CCC;
padding:2px;
text-align:center;
color:#000;
}
.calendar thead .weekend{
color:#666;
}
.calendar thead .hilite{
background-color:#444;
color:#FFF;
padding:1px;
}
.calendar thead .active{
background-color:#D12F19;
color:#FFF;
padding:2px 0px 0px 2px;
}
.calendar tbody .day{
width:1.8em;
color:#222;
text-align:right;
padding:2px 2px 2px 2px;
}
.calendar tbody .day.othermonth{
font-size:80%;
color:#BBB;
}
.calendar tbody .day.othermonth.oweekend{
color:#FBB;
}
.calendar table .wn{
padding:2px 2px 2px 2px;
border-right:1px solid #000;
background:#666;
}
.calendar tbody .rowhilite td{
background:#FFF1AF;
}
.calendar tbody .rowhilite td.wn{
background:#FFF1AF;
}
.calendar tbody td.hilite{
padding:1px 1px 1px 1px;
background:#444 !important;
color:#FFF !important;
}
.calendar tbody td.active{
color:#FFF;
background:#529214 !important;
padding:2px 2px 0px 2px;
}
.calendar tbody td.selected{
font-weight:bold;
border:1px solid #888;
padding:1px 1px 1px 1px;
background:#F5F5F5 !important;
color:#222 !important;
}
.calendar tbody td.weekend{
color:#666;
}
.calendar tbody td.today{
font-weight:bold;
color:#529214;
background:#D9EFC2;
}
.calendar tbody .disabled{
color:#999;
}
.calendar tbody .emptycell{
visibility:hidden;
}
.calendar tbody .emptyrow{
display:none;
}
.calendar tfoot .footrow{
text-align:center;
background:#556;
color:#FFF;
}
.calendar tfoot .ttip{
background:#222;
color:#FFF;
font-size:10px;
border-top:1px solid #DEDEDE;
padding:3px;
}
.calendar tfoot .hilite{
background:#AAF;
border:1px solid #04F;
color:#000;
padding:1px;
}
.calendar tfoot .active{
background:#77C;
padding:2px 0px 0px 2px;
}
.calendar .combo{
position:absolute;
display:none;
top:0px;
left:0px;
width:4em;
border:1px solid #CCC;
background:#F5F5F5;
color:#222;
font-size:90%;
z-index:100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix{
text-align:center;
padding:1px;
}
.calendar .combo .label-IEfix{
width:4em;
}
.calendar .combo .hilite{
background:#444;
color:#FFF;
}
.calendar .combo .active{
border-top:1px solid #999;
border-bottom:1px solid #999;
background:#DEDEDE;
font-weight:bold;
}
input.element, textarea.element, select.element{
background-color:#EDE6EB;
}
input.element:focus, textarea.element:focus, select.element:focus{
background-color:#FFFFCC;
border-color:#FEA426;
}

.formError{
position:absolute;
top:300px;
left:300px;
padding-bottom:13px;
display:block;
z-index:5000;
}
.ajaxSubmit{
padding:20px;
background:#55EA55;
border:1px solid #999;
display:none;
}
.formError .formErrorContent{
width:100%;
background:#EE0101;
color:#FFF;
width:150px;
font-family:tahoma;
font-size:11px;
border:2px solid #DDD;
box-shadow:0px 0px 6px #000;
-moz-box-shadow:0px 0px 6px #000;
-webkit-box-shadow:0px 0px 6px #000;
padding:4px 10px 4px 10px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
}
.greenPopup .formErrorContent{
background:#33BE40;
}
.blackPopup .formErrorContent{
background:#393939;
color:#FFF;
}
.formError .formErrorArrow{
position:absolute;
bottom:0;
left:20px;
width:15px;
height:15px;
z-index:5001;
}
.formError .formErrorArrowBottom{
top:0;
margin:-6px;
}
.formError .formErrorArrow div{
border-left:2px solid #DDD;
border-right:2px solid #DDD;
box-shadow:0px 2px 3px #444;
-moz-box-shadow:0px 2px 3px #444;
-webkit-box-shadow:0px 2px 3px #444;
font-size:0px;
height:1px;
background:#EE0101;
margin:0 auto;
line-height:0px;
font-size:0px;
display:block;
}
.formError .formErrorArrowBottom div{
box-shadow:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
}
.greenPopup .formErrorArrow div{
background:#33BE40;
}
.blackPopup .formErrorArrow div{
background:#393939;
color:#FFF;
}
.formError .formErrorArrow .line10{
width:15px;
border:none;
}
.formError .formErrorArrow .line9{
width:13px;
border:none;
}
.formError .formErrorArrow .line8{
width:11px;
}
.formError .formErrorArrow .line7{
width:9px;
}
.formError .formErrorArrow .line6{
width:7px;
}
.formError .formErrorArrow .line5{
width:5px;
}
.formError .formErrorArrow .line4{
width:3px;
}
.formError .formErrorArrow .line3{
width:1px;
border-left:2px solid #DDD;
border-right:2px solid #DDD;
border-bottom:0px solid #DDD;
}
.formError .formErrorArrow .line2{
width:3px;
border:none;
background:#DDD;
}
.formError .formErrorArrow .line1{
width:1px;
border:none;
background:#DDD;
}