/*** HTML ***/
body{ background:#666 url(../images/body_bg.jpg); }
a:link,a:visited{ color:#66c621 }
a:hover{ color:#284907; border:none }
a:focus { -moz-outline: none;}
::-moz-selection { background:#c1c1c1; color:#666 }
::selection { background:#c1c1c1; color:#666 }
/*** Colors ***/
.green{ color:#66c621 /*5c832f*/ }
.darkgreen{ color:#284907 }
.tan{ color:#d8caa8 }
.brown{ color:#382513 }
.yellow{ color:#fef965 }
.orange{ color:#E8C850 }
/*** Visual ***/
.inform{ border:1px solid #ccc; padding:10px 10px 10px 115px; background:#eee url(../images/inform_bg.gif) no-repeat -25px -25px }
/*** Header ***/
#header{ background:url(../images/header_bg.jpg) no-repeat 50% 0; position:relative; height:160px; width:950px; padding:0 25px; margin:10px auto 0; overflow:hidden; font-family:Helvetica, Arial, Verdana, sans-serif; line-height:1.1em }
#header .book_appointment{ width:280x; height:80px; overflow:hidden; position:absolute; padding-top:5px; top:0; right:180px /*140px*/ }
#header .logo{ width:546; height:126px; overflow:hidden; position:absolute; top:0; left:0 }
#header .logo a{ }
#header .logo div{ text-align:center }
#header #backpack{ position:absolute; top:25px; right:0 }
#header .body{ font-size:.8em; height:65px; position:absolute; left:425px; top:14px; color:#eee }
#header .body a{ color:#9dc4e2; text-decoration:underline; padding-left:20px; margin:10px 0; display:block; background:url(../images/icons/bullet_green.gif) no-repeat 0 50% }
#header .body a:hover{ color:#eee }
#header .body b{ color:#a9dc4e }
#header .support{ float:right; margin:65px 0 0 5px; }
#header .checkout{ padding:0 5px; height:18px; position:absolute; top:5px; right:0; color:#eee; font-size:.7em }
#header .checkout a{ text-decoration:none; color:#a9dc4e /*9dc4e2*/ }
#header #turtle{ width:41px; height:45px; background:url(../images/turtle.png) no-repeat; position:absolute; top:82px; left:154.5px; visibility:hidden }
#header ul{ width:780px; height:30px; overflow:hidden; background:url(../images/nav_bg_top.gif) repeat-x 0 0; position:relative; top:120px; left:100px; padding-top:10px }
#header ul li{ float:left; display:block; font-size:.95em; margin:0 5px; white-space:nowrap }
#header ul li a,#header ul li a:visited{ color:#fef965; /*E8C850*/ text-decoration:none; padding-left:8px; position:relative !important }
#header ul li a:hover{ color:#fff; text-decoration:underline }
#header ul li a:active{ color:#ddd }
#header ul li.first{ margin-left:0; background-image:none }
#header ul li.first a{ padding-left:0 !important }
#header ul li.last{ margin-right:0 }
#header ul li.last a{ padding-right:0 }
#header ul li.active{ }
#header ul li.active a,#header ul li.active a:visited{ color:#fff; text-decoration:underline }
/*** Breadcrumb ***/
.B_crumbBox{ color:#fef965; font-family:Helvetica, Arial, Verdana, sans-serif; display:block; margin:0 auto; text-align:left; position:relative; height:1em; width:950px; padding:0 25px; }
.B_crumbBox .B_homeCrumb{}
.B_crumbBox .B_firstCrumb{}
.B_crumbBox .B_crumb{}
.B_crumbBox .B_lastCrumb{}
.B_crumbBox .B_currentCrumb{}
.B_crumbBox a,.B_crumbBox a:visited{ color:#fff }
.B_crumbBox a:active{ text-decoration:none }
.B_crumbBox a:hover{ color:#ccc }
/*** Container ***/
#container_top{ margin:0 auto; text-align:left; position:relative; height:13px; width:950px; padding:0 25px; background:url(../images/container_bg_top.png) no-repeat }
#container{ position:relative; width:950px; padding:0 25px; margin:0 auto; background:url(../images/container_bg_sides.png) repeat-y; }
#container_bottom{ margin:0 auto; text-align:left; position:relative; height:11px; width:950px; padding:0 25px; background:url(../images/container_bg_split.png) no-repeat }
/*** Top ***/
#container.top #content{ padding-bottom:0 }
#container.top #content h1{ height:65px }
/*** Header ***/
#container.header{ background:none; padding-bottom:0 }
#container.header #content{ }
/*** Content - Classes ***/
#content{ position:relative; width:95%; padding:1em 0 0 0; margin:0 auto; font-family:Helvetica, Arial, Verdana, sans-serif; }
#content .summary{ background:url(../images/dotted.gif) repeat-x 0 100%; color:#284907; padding-bottom:.5em }
#content .question{ color:#555; font-weight:bold; margin:10px 0 5px 0; cursor:pointer; padding-left:20px; background:url(../images/icons/help.gif) no-repeat 0 50%; }
#content .question.accordion_on{ color:#284907; background-image:url(../images/icons/bullet_go.gif) }/*font.gif*/
#content .question.accordion_hover{ color:#000; background-image:url(../images/icons/bullet_go.gif); }
#content .answer{ font-size:.9em; margin-left:20px; line-height:1.4em }
#content .step_toggle{ font-weight:bold; padding-left:20px; background:url(../images/icons/arrow_right.gif) no-repeat 0 50%; border-bottom:1px solid #ccc }
#content .step_toggle.accordion_on{ color:#000 }
#content .step_toggle.accordion_hover{ color:#a9dc4e }
#content .step{ }
/*** Content - HTML ***/
#content h1,
#content h2,
#content h3,
#content h4{ font-weight:normal: margin:5px 0 10px; line-height:1.2em; letter-spacing:-.05em; margin-bottom:10px }
#content h1{ overflow:hidden; width:905px; height:65px; /*84*/ color:#fff; /*b6f18a 585858 fff*/ font-weight:normal; /*letter-spacing:.1em;*/ margin:0 auto; vertical-align:middle; text-align:center; background:url(../images/h1_bg.gif) no-repeat 50% 0 }
/*** Typography ***/
#content h1{ font-size:1.25em; /*2.5*/ line-height:2em; padding-top:.75em }
.sIFR-active #content h1{ line-height:2.5em }
#content h2{ font-size:1.25em; color:#000 }
#content h3{ font-size:1.1em; color:#66c621 }
#content h4{ font-size:1em; font-weight:bold }
#content p{ font-size:.9em; margin:10px 0; line-height:1.4em; color:#333 }
#content b,#content strong{ font-weight: bold }
#content em,#content i{ font-style:italic }
#content tr td{ font-size:.9em; line-height:1.4em }
/*** Lists ***/
#content ul{ margin-left:20px }
#content ul li{ margin-bottom:10px; font-size:.9em; line-height:1.2em; padding-left:20px; list-style:none; background:url(../images/icons/bullet_green.gif) no-repeat 0 0 }
/*** Columns ***/
#columns{}
#columns.features .column{ border-top:1px solid #c1c1c1 }
#columns.features .column h3{ color:#0e6fb7 }
/* Default Padding */
#columns .column{ padding:0 15px 0 0 }
#columns.pad0 .column{ padding:0 }
#columns.pad5 .column{ padding:0 5px 0 0 }
#columns.pad10 .column{ padding:0 10px 0 0 }
#columns.pad20 .column{ padding:0 20px 0 0 }
#columns .column{ float:left }
#columns .first{ padding-left:0 !important }
#columns .last{ padding-right:0 !important }
#columns .w25{ width:24% }
#columns .w33{ width:31% }
#columns .w40{ width:38% }
#columns .w50{ width:48% }
#columns .w60{ width:58% }
#columns .w66{ width:64% }
#columns .w75{ width:73% }
#columns .w100{ width:100% }
/** Clearfix Hack **/
#columns:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* Hides from IE-mac \*/
* html #columns{ height: 1% }
#columns{ display: block }
/* End hide from IE-mac */
#our_team div.childscontainer{ width:900px; overflow:hidden }
#our_team div.childscontainer ul.thumbs{}
#our_team div.childscontainer ul.thumbs li{ width:145px; overflow:hidden }
#our_team div.childscontainer ul.thumbs li a img{}
/*** Footer ***/
#footer_container{ width:950px; padding:0 25px; position:relative; margin:0 auto; background:url(../images/container_bg_sides.png) repeat-y }
#footer{ font-size:.9em; position:relative; width:95%; padding:1em; margin:0 auto; font-family:Helvetica, Arial, Verdana, sans-serif; line-height:1.1em; background:url(../js/x.gif) no-repeat right top }
#footer a{ color:#284907; text-decoration:none }
#footer a:hover,#footer li.active a{ color:#66c621; text-decoration:underline }
#footer ul li{ float:left; display:block; margin:0 5px; white-space:nowrap; background:url(../images/footer_separate.gif) no-repeat 0 50% }
#footer ul li a{ padding-left:8px }
#footer ul li.active a{ font-weight:bold }
#footer ul li.first{ margin-left: 0; background-image:none }
#footer ul li.first a{ padding-left:0 }
#footer ul li.last{ margin-right: 0 }
#footer ul li.last a{ padding-right:0 }
#footer .copyright{ padding-top:10px; display:block; line-height:2em }
/*** Footer Images ***/
.footer_bg_1{ background-image:url(../images/footer_bg_1.jpg) !important }
.footer_bg_2{ background-image:url(../images/footer_bg_2.jpg) !important }
.footer_bg_3{ background-image:url(../images/footer_bg_3.jpg) !important }
.footer_bg_4{ background-image:url(../images/footer_bg_4.jpg) !important }
.footer_bg_5{ background-image:url(../images/footer_bg_5.jpg) !important }
.footer_bg_6{ background-image:url(../images/footer_bg_6.jpg) !important }
.footer_bg_7{ background-image:url(../images/footer_bg_7.jpg) !important }
.footer_bg_8{ background-image:url(../images/footer_bg_8.jpg) !important }
.footer_bg_9{ background-image:url(../images/footer_bg_9.jpg) !important }
.footer_bg_10{ background-image:url(../images/footer_bg_10.jpg) !important }
#footer_container_bottom{ position:relative; margin:0 auto; height:17px; width:950px; padding:0 25px; background:url(../images/container_bg_bottom.png) repeat-y }
/*** Forms ***/
#invalid_form{ margin-bottom:10px }
#invalid_form .errors{ font-size:.8em; line-height:1.2em }
#buyer_form form{ width:75%; margin:0 auto 10px; text-align:center }
#buyer_form label,#buyer_form .privacy{ font-size:.8em }
.ModalContainer{ background-color:#fff;width:430px; padding:10px }
.ModalMessage{ width:100% }
.ModalMessage form{}
.ModalMessage form input{}
.ModalMessage form h2{ text-align:center; font-size:150% }
.ModalMessage form label{ width:75px; display:block; float:left }
.ModalMessage form p{ font-size:1.1em; line-height:1.5em; margin:.5em 0 }
.ModalMessage form .privacy{ float:left; text-align:left; font-size:.9em; color:#666 }
.ModalClose{ clear:both; display:block; text-align:right; background-color:#eee; padding:5px; font-family:Helvetica, Arial, Verdana, sans-serif; line-height:1.1em; font-weight:bold; text-transform:uppercase; }
.ModalClose a{ color:#C32622; text-decoration:none }
.ModalClose a:hover{ text-decoration:underline }
/*** Buttons ***/
/*button.button, input.button, a.button{ padding-left:3px; padding-right:3px; background:#c4e5ff url(../images/button_bg.gif) repeat-x 0 0px; color:#000; min-width:50px; width:auto !important; width:50px; overflow:hidden; height:23px; overflow: visible; vertical-align:middle; border:0; line-height:2em; font-size:.8em }
button.button:hover, input.button:hover, a.button:hover, button.button:focus, input.button:focus, a.button:focus{ background-position:0 -23px; cursor:pointer; text-decoration:none; color:#274e6c !important }
button.button:active, input.button:active, a.button:active{ background-position:0 -46px; color:#666 !important; text-decoration:none; outline:none }
*/
/*** Miscellaneous ***/
.alignCenter{ text-align:center }
.br{ clear:both }
.errors,.required,.invalid,
label.errors,label.required,label.invalid{ color:#C32622 !important }
.floatImgLeft,.floatLeftImg{float:left;padding-right:10px}
.floatImgRight,.floatRightImg{float:right;padding-left:10px}
.price{ color:green }
.hide{ display:none }
#divide{ width:100%; clear:both; height:5px; line-height:1em; font-size:1px; background:url('../images/dotted.gif') repeat-x 0 0 }
.managecontainer p b {color:#66c621}
.thumbs li{ background:none !important; height:250px; overflow:hidden }
/*** Tooltips ***/
.tool-tip {
color: #fff;
width: 139px;
z-index: 13000;
}
.tool-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #9FD4FF;
padding: 8px 8px 4px;
background: url(../images/bubble.png) top left;
}
.tool-text {
font-size: 11px;
padding: 4px 8px 8px;
background: url(../images/bubble.png) bottom right;
}
.custom-tip {
color: #000;
width: 130px;
z-index: 13000;
}
.custom-title {
font-weight: bold;
font-size: 11px;
margin: 0;
color: #3E4F14;
padding: 8px 8px 4px;
background: #C3DF7D;
border-bottom: 1px solid #B5CF74;
}
.custom-text {
font-size: 11px;
padding: 4px 8px 8px;
background: #CFDFA7;
}