/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; background:url(images/bg.gif) repeat-x top #272319}
body#page6 {font-size:100%; line-height:1em; background:url(images/bg-1.gif) repeat-x top #272319}
html, input, textarea { font-family: Arial, Helvetica, sans-serif;
color:#9f9884; }
.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}
object { vertical-align:top;}
.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}
div.container { overflow:hidden; width: 100%;}
a img{ border:0}
img{ vertical-align:top; }
a{color:#e6d9b2; text-decoration:underline}
a:hover{text-decoration:none}
.link{color:#e6d9b2; background:url(images/marker1.gif) top left no-repeat; padding-left:14px; background-position:0 5px; font-weight:bold }
.button{color:#fff; font-weight:bold; background:url(images/button_blue.gif) top left no-repeat; padding:5px 15px 7px 15px; text-decoration:none; margin:0 0 0 66px; line-height:26px }
.button:hover{text-decoration:none; color:#000 }
#content ul{margin:0; padding:0; list-style:none;}
#content ul li{background:url(images/marker.gif) top left no-repeat; background-position:0 9px; margin:0; padding-left:12px; }
#content ul li span{ float:right; font-weight:bold; color:#e6d9b2}
#content ul li a{color:#e6d9b2; font-weight:bold; text-decoration: underline; line-height:1.83em}
#content ul li a:hover { text-decoration:none; }
#content .ul li{background:none; padding-left:0 }
#content .ul li span{ float:right; font-weight:bold; color:#e6d9b2}
#content .ul li a{color:#e6d9b2; font-weight: normal; text-decoration: underline; line-height:1.41em}
#content .ul li a:hover { text-decoration:none; }
.link-1 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-1 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-1 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 13px 7px 15px; font-style:normal;}
.link-1:hover{ text-decoration:none; color:#000000}
.link-2 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-2 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-2 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 13px 7px 15px; font-style:normal;}
.link-2:hover{ text-decoration:none; color:#000000}
.link-3 { display:block; float:left; background:url(images/link_bg.gif) left top repeat-x; color:#ffffff; text-decoration:none; }
.link-3 em { display:block; background:url(images/link_left.gif) no-repeat left top;}
.link-3 b { display:block; background:url(images/link_right.gif) no-repeat right top; padding:5px 13px 7px 15px; font-style:normal;}
.link-3:hover{ text-decoration:none; color:#000000}
/*header*/
#header .flash{ margin:0 0 0 0px; position:relative}
#header .flash1{ margin:-489px 0 0 0px; position:relative}
/*header*/
#header {font-size:0.75em; color:#FFFFFF }
#header .logo{ margin:21px 0 0 28px }
#header .slogan{ margin:52px 0 0 60px }
#header p{ margin:15px 0 15px 79px}
#header ul{
margin:36px 0 0 180px;
position:absolute;
padding:0;
list-style:none;
left: -129px;
top: 0px;
}
#header ul li{ margin:0px; display:inline}
#header ul li a{color:#fff; text-decoration:none; margin:0px 0px 0px 0px; width:95px; text-align:center; display:block; float:left ; padding:4px 0px 8px 0px; font-weight:normal; margin-right:15px}
#header ul li a:hover { text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; font-weight:bold}
#header ul li .current{ text-decoration:none; background:url(images/bg_menu.gif) top left no-repeat; font-weight:bold; }
.img-1{ margin:98px 0 0 164px; position:absolute; z-index:10}
.img-2{ margin:135px 0 0 177px; position:absolute; z-index:10}
.img-3{ margin:121px 0 0 126px; position:absolute; z-index:10}
#page2 .img-1{ margin:98px 0 0 318px; position:absolute}
#page2 .img-2, #page4 .img-2{ margin:135px 0 0 332px; position:absolute}
#page4 .img-3{ margin:121px 0 0 283px; position:absolute}
/*content*/
#content{ font-size:0.75em; width:100%; text-align:left;}
#content .indent-main{margin:-122px 6px 0 22px; position:relative}
#content .indent-main1{margin:0 6px 0 22px; }
#content .title{ margin-bottom:26px}
#content .title-1{ margin:10px -15px 0 -15px; position:relative}
#content .img-left{ float:left; margin:0 27px 16px 0}
#content .img-indent{ margin:0 0 16px 0}
#content p{ margin:0 0 17px 0}
#content .p1{ margin:0 0 7px 0}
#content .p{ margin:0 0 11px 0}
#content h4{color:#9f9884; font-size:1em; margin-bottom:23px; }
#content .tail{ background:url(images/tail.gif) repeat-x bottom; padding-bottom:9px; margin-bottom:9px}
.txt{ color:#444444; font-weight:bold}
#content .indent{padding:0 0 0 0}
/*doctors*/
#content .doctor {float:left; width:425px; margin:0 13px 20px 0;}
#content .doctor img {margin:5px 10px 0 0}
#content .doctor strong {font-size:12px;}
#content .doctor p {padding:10px 0 0 0; font-size:11px; line-height:13px;}
/*smile gallery*/
#content .smileimg {float:left; width:127px; padding:2px; margin:0 5px 0 0; background-color:#c9c9c9; color:#333; font-weight:bold; text-align:center;}
/*form*/
#content .formbox {float:left; width:425px; margin:10px 13px 0 0; font-size:12px; font-weight:bold;}
#content .formbox2 {float:left; width:425px; margin:10px 13px 0 0; font-size:12px; font-weight:bold;}
#content .formbox div {float:left; margin:0 0 10px 0;}
#content .formbox2 div {float:left; margin:0 0 10px 0;}
#content .formfull {width:420px;}
#content .formhalf {width:210px;}
#content .form3col1 {width:200px;}
#content .form3col2 {width:80px;}
#content .form3col3 {width:140px;}
#content .formbox input {width:90%; background-color:#FFFFFF; border:1px solid #d9d9d9;}
#content .formbox2 textarea {width:90%; height:50px; background-color:#FFFFFF; border:1px solid #b4b5b2;}
#content .formradio {width:12px; margin:0 3px 0 10px}
#content .formbox2 label {font-weight:500;}
#content .formbox .star {color:#F00;}
#content .formbox .submitbtn {float:left; width:95px; height:30px; margin:0; padding:0 0 5px 0; font-weight:bold; background-image:url(images/button_transparent.gif); background-repeat: no-repeat; background-color:transparent; color:#ffffff;}
/*survey*/
#content .surveyblock {float:left; width:100%; margin:0 0 10px 0;}
#content .surveyblock .submitbtn {float:left; width:95px; height:30px; margin:0; padding:0 0 5px 0; font-weight:bold; background-image:url(images/button_transparent.gif); background-repeat: no-repeat; background-color:transparent; color:#ffffff;}
#content .surveyquest {float:left; width:430px; margin:0 20px 0 0;}
#content .surveyquest .largenum {margin:0 5px 0 0; font-size:16px; font-weight:bold;}
#content .surveyform {float:left; width:430px; margin:10px 0 0 0; line-height:10px;}
#content .surveyform input {background-color:#FFFFFF; border:1px solid #b4b5b2;}
#content .surveyform textarea {width:100%; height:50px; background-color:#FFFFFF; border:1px solid #b4b5b2;}
#content .surveyradio {float:left; width:80%; margin:0 0 0 30px; border:0; padding:0; text-align:center;}
#content .surveyradio input {width:12px;}
#content .surveyradio td {width:5%;}
#content .surveyradio .variant {background-color:#d4d4d4;}
#content .surveyradio .quest {text-align:left; width:75%;}
#content .surveyradio strong {font-size:16px; margin:0 10px 0 5px;}
/*==================boxes====================*/
.box { width:100%; color:#8d8d8d}
.box .left-top-corner { background:url(images/corner_top_left.png) no-repeat left top; height:110px; padding-left:25px;}
.box .right-top-corner { background:url(images/corner_top_right.png) no-repeat right top; height:110px; padding-right:25px;}
.box .border-top { background:url(images/border_top.png) left top repeat-x; height:110px; }
.box .left-bottom-corner { background:url(images/corner_bottom_left.png) no-repeat left bottom; height:20px; padding-left:25px}
.box .right-bottom-corner { background:url(images/corner_bottom_right.png) no-repeat right bottom; height:20px; padding-right:25px}
.box .border-bottom { background:url(images/border_bottom.png) left bottom repeat-x; height:20px; width:100%;}
.box .right-border { background:url(images/border_right.png) right top repeat-y; padding-right:25px;}
.box .border-left { background:url(images/border_left.png) left top repeat-y; padding-left:25px;}
.box .border-right { background:url(images/border_right.png) right top repeat-y; padding-right:25px;}
.box .xcontent { background:url(images/bg_box.png) repeat-x top #dcdcdc; /*min-height:162px; height:auto !important; height:162px;*/}
.box .indent-box{ /*min-height:330px; height:auto !important; height:330px; */padding:0px 0px 20px 0px; }
#content .box p{ margin:0 0 11px 0}
#content .box .p{ margin:0 0 17px 0}
#content .box .p2{ margin:0}
#content .box .p3{ margin:0 0 7px 0}
#content .box .link1{ color:#444444}
/*box4*/
.box4{width:100%;}
.box4 .border-top {background:url(images/border_top4.gif) repeat-x top;}
.box4 .corner-top-left {background:url(images/corner_top_left4.gif) no-repeat left top;}
.box4 .corner-top-right {background:url(images/corner_top_right4.gif) no-repeat right top;}
.box4 .indent-box{ padding:29px 25px 0 29px; }
.box4 .indent-box2{ padding:29px 45px 0 29px; }
/*footer*/
#footer .img{ margin:-27px 0 0 832px; position:absolute }
#footer { color:#6a685e; font-size:0.75em; background:url(images/bot.gif) repeat-x top ; }
#footer .indent-footer{ padding:46px 0px 0 48px;float:left;}
#footer .indent-footer-breadcrumb{ padding:46px 50px 0 0px;float:right;}
#footer a {color:#6a685e; text-decoration:underline}
#footer a:hover { text-decoration:none}
.bot-left{ background:url(images/bot_left.gif) no-repeat top left}
.bot-right{ background:url(images/bot_right.gif) no-repeat top right; height:77px}
.jamp2{ width:40px; margin-left:6px}
select{font-size:.84em; color:#2d3331; height:20px; font-family:Tahoma;}
.indent-2{ position:relative; padding-left:20px; float:left}
.h{ height:27px; background:url(images/bg_input.gif) no-repeat top left}
.h1{ height:122px; background:url(images/bg_textarea.gif) no-repeat top left}
.block-contact span{ float:right; margin-right:50px}
input{
border:none;
background:none;
width:193px; height:18px;
font-size:1em;
padding-left:5px;
padding-top:2px
}
textarea{
border:none;
background:none;
width:239px; height:105px;
font-size:1em;
padding-left:5px;
overflow:auto}
.cap{
font-size:1.15em;
font-weight:bold;
}
.cap1{
font-size:1.5em;
font-weight:bold;
}
.cap2{
font-size:1.15em;
font-weight:bold;
font-style:italic;
}
/*================== DEMAND ====================*/
.appointMinBox {
background: url(../images/appointment.jpg) no-repeat;
height: 160px;
width: 177px;
margin: 15px 0 0 0;
padding: 10px 0 0 0px;
text-align: left;
}
.appointMinBox input {
font-size: 14px;
font-family: arial;
}
.requestMinCom {
font-size: 18px;
font-family: comic Sans MS;
padding: 10px 0 15px 15px;
/*background:url(../images/activeA.gif) 65px bottom no-repeat;*/
}
.contactButton {
position: absolute;
right: 5px;
top: -40px;
}
.address {
background: url(../images/bottom.gif) no-repeat;
padding: 10px 0 0 0;
text-align: center;
line-height: 25px;
height: 25px;
color: #fff;
position: relative;
z-index: 1;
}
.address a {
color: #fff;
padding: 0 15px;
}
.address a:hover {
color: #B8D4E3;
}
.copyright {
color: #000;
background: #fff;
text-align: center;
padding: 10px 0 20px;
}
.copyright a {
color: #000;
text-decoration: underline;
}
.copyright a:hover {
color: #069;
}
.ads {
text-align: left;
font-size: 25px;
color: #069;
padding: 50px 0 0 60px;
line-height: 35px;
font-style: italic;
}
.ads span {
font-weight: bold;
font-family: Monotype Corsiva;
padding-right: 10px;
font-size: 32px;
color: #666;
}
a.appoint {
color: #333;
font-family: Monotype Corsiva;
text-decoration: underline;
}
a.appoint:hover {
text-decoration: none;
}
.adventure {
font-size: 16px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
color: black;
float: left;
margin-left: 0px;
}
.mainLeft {
float: left;
width: 536px;
}
.wrap2 {
overflow: hidden;
padding-top: 40px !important;
padding-top: 20px;
clear: both;
margin-top: -40px;
}
.mainRight {
float: right;
background: #F2F5FA;
border-left: 1px dashed #D6D6D6;
margin-top: -20px;
width: 200px;
padding-top: 30px;
padding-bottom: 5000px;
margin-bottom: -5000px;
}
* html .wrap2 .mainRight {
height: 1px;
position: relative;
z-index: -1;
}
.topWrap {
overflow: auto;
margin-bottom: 10px;
text-align: center;
}
.businessdescription {
font-size: 10pt;
margin: 20px;
}
.infoTab {
margin: 15px 0;
}
.reviews {
margin: 10px 20px 10px 20px;
overflow: auto;
padding: 10px 0;
}
.reviewsLeft {
float: left;
text-align: center;
width: 80px;
color: #396FA5;
}
.customerImg {
background: url(../images/cn.gif) no-repeat center top;
height:34px;
width:35px;
}
.customerImgFemale {
background: url(../images/cf.gif);
}
.customerImgMale {
background: url(../images/cm.gif);
}
.rerviewsRight {
width: 500px;
float: right;
}
.reviewTitle {
font-size: 15px;
color: #396FA5;
float: left;
padding: 0 0 10px;
}
.reviewDate {
color: #666;
display: block;
font-size: 12px;
}
.reviewComment {
border-left: 2px solid rgb(0, 102, 153);
padding-left: 10px;
padding-right: 20px;
}
.reviewComment span {
font-size: 8pt;
color: gray;
font-style: italic;
}
.starExplainStar {
margin: 0;
padding: 0 0 0 50px;
background: url(../images/5.0starMin.gif) no-repeat center left;
font-size: 9px;
color: #888;
}
.starExplainStar4 {
background-image: url(../images/4.0starMin.gif);
}
.starExplainStar3 {
background-image: url(../images/3.0starMin.gif);
}
.starExplainStar2 {
background-image: url(../images/2.0starMin.gif);
}
.starExplainStar1 {
background-image: url(../images/1.0starMin.gif);
}
.reviewRatingForeground {
padding: 0 5px 0 0;
float: right;
width: 100px;
text-align: right;
}
.reviewRatingStars {
height: 17px;
width: 100px;
}
.stars0 {
background-image: url(../images/0.0star.gif);
}
.stars10 {
background-image: url(../images/0.5star.gif);
}
.stars20 {
background-image: url(../images/1.0star.gif);
}
.stars30 {
background-image: url(../images/1.5star.gif);
}
.stars40 {
background-image: url(../images/2.0star.gif);
}
.stars50 {
background-image: url(../images/2.5star.gif);
}
.stars60 {
background-image: url(../images/3.0star.gif);
}
.stars70 {
background-image: url(../images/3.5star.gif);
}
.stars80 {
background-image: url(../images/4.0star.gif);
}
.stars90 {
background-image: url(../images/4.5star.gif);
}
.stars100 {
background-image: url(../images/5.0star.gif);
}
.reviewCertifiedSeal {
background: url(../images/certified.gif) no-repeat top right;
height: 45px;
width: 45px;
}
.reviewContent {
clear: both;
padding: 0 20px 0 0;
line-height: 16px;
}
.video {
width: 190px;
border: 1px solid #666;
margin: 0 auto;
text-align: center;
background: #fff;
}
.sectiongradient {
background: url(../images/sectiongradient.jpg) repeat-x;
width: 647px;
vertical-align: top;
height: 500px;
}
.reviewBorder {
background: #F3F3F3;
margin-right: 20px;
margin-left: 20px;
border: 1px solid #006699;
border-collapse: collapse;
width: 607px;
}
.leftNum {
padding-left: 30px;
padding-top: 10px;
width: 300px;
color: #155da5;
}
.reviewNum {
width: 300px;
color: #155da5;
border-collapse: collapse;
}
.gradeItem {
font-size: 10pt;
font-weight: bold;
}
.percent {
font-size:18pt;
line-height:18pt;
}
.reviewHead {
vertical-align:top;
width: 45px;
}
.csi_refer_sign {
height: 34px;
width: 34px;
}
.csi_refer_sign_good {
background: url(../images/tu.gif) no-repeat top left;
}
.copyrightBlue {
padding: 5px 0 20px;
}
.reviewRight {
padding: 10px 0 0 20px;
vertical-align: top;
color: #155da5;
}
.thermometerWrap {
padding: 3px 0 0 0;
width: 80px;
}
.thermometer {
height:14px;
width: 69px;
}
.temperature0 {
background-image: url(../images/b0.gif);
}
.temperature20 {
background-image: url(../images/b20.gif);
}
.temperature40 {
background-image: url(../images/b40.gif);
}
.temperature60 {
background-image: url(../images/b60.gif);
}
.temperature80 {
background-image: url(../images/b80.gif);
}
.temperature100 {
background-image: url(../images/b100.gif);
}
.reviewDec {
padding: 10px 30px 15px;
font-size: 10pt;
}
.pageNum {
background: #ebf2f8;
width: 215;
font-weight: bold;
line-height: 18px;
color: #396FA5;
padding-right: 30px;
}
.pageContent {
width: 280px;
vertical-align: middle;
}
.reviewItemTit {
width: 150px;
padding: 20px 10px 0 20px;
font-size: 16px;
text-align: left;
font-weight: bold;
vertical-align: top;
}
.reviewItemTit span {
font-size: 16px;
}
.reviewItemRight {
padding-top: 20px;
text-align: left;
}
.textareaWrap {
height: 160px;
}
.captchaWrap {
display:inline;
float:right;
height:27px;
padding:0 1px 1px;
vertical-align:bottom;
}
.btnSubmitReview {
margin: 20px 0 0 0px;
background: url(../images/submitareview.gif);
height: 25px;
width: 152px;
border: 0;
cursor: pointer;
}
.submitComment {
padding: 20px 60px;
}
.padding5 {
padding: 5px;
}
.padding3 {
padding: 3px;
}
.widthS {
width: 103px;
}
.widthM {
width: 224px;
}
.reviewText {
padding: 5px;
width: 375px;
}
.titNormal {
font-size: 8pt;
font-weight: normal;
}
.addComment {
font-size: 16px;
padding: 20px 20px 0 20px;
}
.borderBox {
border: 1px solid #069;
background: #F3F3F3;
margin: 20px;
padding: 10px;
text-align: center;
}
.blueTit {
color: #155DA5;
font-size: 20px;
text-align: center;
}
.italic {
font-style: italic;
padding: 10px 0 5px;
font-size: 14px;
}
.linkContent,.linkContent a {
font-size: 16px;
}
form.borderBox {
text-align: left;
}
form.borderBox input {
vertical-align: middel;
}
.formTit {
font-weight: bold;
background: #E8EEF7;
padding: 5px 20px;
font-size: 13px;
margin-top: 20px;
}
.formItem {
font-weight: bold;
color: #396FA5;
display: inline-block;
width: 150px;
}
.formList {
display: inline-block;
width: 160px;
}
.paddingP {
padding: 5px;
}
.checkboxSub {
width: 380px;
font-style: normal;
display: inline-block;
vertical-align: top;
}
.referWrap {
padding: 0 0 20px;
}
.referWrap p {
font-size: 14px;
}
.normalContent {
text-indent: 2em;
font-size: 14px;
line-height: 22px;
}
.nameRefer {
width: 90%;
text-align: center;
margin: 5px 0 10px;
}
.margin5 {
margin: 5px;
}
.noBgFormTit {
font-weight: bold;
padding: 5px;
}
.mailName {
padding-left: 20px;
font-size: 20px;
}
.infoWrap {
margin: 0 20px;
width: 605px;
}
.ifm {
background-color:transparent;
border:0 none;
height:500px;
overflow:auto;
width:100%;
}
.sortReview {
text-align: right;
background: #006699;
margin: 0 20px 0 20px;
padding: 5px;
color: #fff;
font-weight: bold;
}
a.reviewOrder {
padding: 0 12px 0 20px;
color: #B8D4E3;
}
a.reviewOrder:hover {
background: url(../images/sortDescH.gif) right 5px no-repeat;
}
a.reviewOrderAsc {
padding: 0 12px 0 20px;
color: #B8D4E3;
background: url(../images/sortAsc.gif) right 5px no-repeat;
}
a.reviewOrderDesc {
padding: 0 12px 0 20px;
color: #B8D4E3;
background: url(../images/sortDesc.gif) right 5px no-repeat;
}
a.reviewOrderAsc:hover {
background: url(../images/sortDescH.gif) right 5px no-repeat;
}
a.reviewOrderDesc:hover {
background: url(../images/sortAscH.gif) right 5px no-repeat;
}
.pageReview {
width: 475px;
margin: 0 auto;
text-align: center;
background: url(../images/smallbluetop.jpg) no-repeat top left #EBF2F8;
padding: 12px 0 0;
}
.pageReviewBottom {
width: 475px;
margin: 0 auto;
text-align: center;
background: url(../images/smallbluebottom.jpg) no-repeat bottom left
#EBF2F8;
padding: 0 0 12px;
}
.pageReview a {
font-weight: bold;
}
.pageReview a {
padding: 0 5px;
}
.bgWhite {
background: #fff;
padding: 20px 0;
}
.googleMap #map {
margin: 0 auto;
}
.derectStreet,.derectCity,.derectState,.derectZip {
margin: 0 5px;
}
.derectStreet {
width: 200px;
}
.derectCity {
width: 100px;
}
.derectState {
width: 20px;
}
.derectZip {
width: 40px;
}
.btnSubmit {
background: url(../images/submitPic.gif);
height: 25px;
width: 152px;
border: 0;
cursor: pointer;
}
.btnDelete {
background: url(../images/delete-button-long.gif);
height: 25px;
width: 152px;
border: 0;
cursor: pointer;
}
.wid100 {
width: 100px;
}
.margin20 {
margin: 20px;
}
.circleList {
display: list-item;
padding: 3px 0 3px 10px;
}
.staffePic {
margin: 20px 40px 0 40px;
font-size: 20px;
font-style: italic;
color: #396FA5;
font-weight: bold;
}
.staffePic img {
vertical-align: middle;
overflow: auto;
}
/* ===== styles for the review star rater ==== */
.star-rating{
list-style:none;
margin: 0px;
padding:0px;
width: 120px; /* star width*5 */
height: 24px; /* single star height */
position: relative;
background: url(../images/star.gif) top left repeat-x;
}
.star-rating li{
padding:0px;
margin:0px;
float: left;
}
.star-rating li a{
display:block;
width:12px; /* half star width */
height: 24px; /* single star height */
text-decoration: none;
text-indent: -9000px;
z-index: 20;
position: absolute;
padding: 0px;
}
.star-rating li a:hover{
background: url(../images/star.gif) left bottom;
z-index: 1;
left: 0px;
}
.star-rating li a.selected{
background: url(../images/star.gif) left bottom;
}
.star-rating a.half-star{
left: 0px;
}
.star-rating a.half-star:hover{
width: 12px; /* half star width */
}
.star-rating a.half-star-selected{
left:0px;
width:12px;
}
.star-rating a.half-star-selected:hover{
left: 0px;
}
.star-rating a.one-star{
left: 12px; /* half star width */
}
.star-rating a.one-star:hover{
width:24px; /* one star width */
}
.star-rating a.one-star-selected{
left:0px;
width:24px;
}
.star-rating a.one-star-half{
left:24px; /* one star width */
}
.star-rating a.one-star-half:hover{
width: 36px;
}
.star-rating a.one-star-half-selected{
left:0px;
width:36px;
}
.star-rating a.two-stars{
left:36px;
}
.star-rating a.two-stars:hover{
width: 48px;
}
.star-rating a.two-stars-selected{
left:0px;
width:48px;
}
.star-rating a.two-stars-half{
left: 48px;
}
.star-rating a.two-stars-half:hover{
width: 60px;
}
.star-rating a.two-stars-half-selected{
left:0px;
width:60px;
}
.star-rating a.three-stars{
left: 60px;
}
.star-rating a.three-stars:hover{
width: 72px;
}
.star-rating a.three-stars-selected{
left:0px;
width:72px;
}
.star-rating a.three-stars-half{
left: 72px;
}
.star-rating a.three-stars-half:hover{
width: 84px;
}
.star-rating a.three-stars-half-selected{
left:0px;
width:84px;
}
.star-rating a.four-stars{
left: 84px;
}
.star-rating a.four-stars:hover{
width: 96px;
}
.star-rating a.four-stars-selected{
left:0px;
width:96px;
}
.star-rating a.four-stars-half{
left: 96px;
}
.star-rating a.four-stars-half:hover{
width: 108px;
}
.star-rating a.four-stars-half-selected{
left:0px;
width:108px;
}
.star-rating a.five-stars{
left: 108px;
}
.star-rating a.five-stars:hover{
width: 120px;
}
.star-rating a.five-stars-selected{
left:0px;
width:120px;
}
/*=====staff css start here====*/
#staffInfo .staffImg {
background: url(../images/s.gif) no-repeat;
overflow: auto;
border: 0px;
max-height: 100px;
max-width: 100px;
}
#staffInfo .female {
background-image: url(../images/female.png);
height: 100px;
width: 100px;
}
#staffInfo .male {
background-image: url(../images/male.png);
height: 100px;
width: 100px;
}
#staffInfo .unknown_sex {
background-image: url(../images/nosex.png);
height: 100px;
width: 100px;
}
#staffInfo .StaffName {
float: left;
padding-left: 20px;
}
#staffInfo .StaffName span {
color: #000;
display: block;
font-style: normal;
font-size: 16px;
padding: 5px;
}
#staffInfo .borderBox {
border: 0;
width: 560px;
margin: 10px 20px;
padding: 0;
clear: both;
background: none;
}
#staffInfo .reviewItemTit {
vertical-align: top;
width: 140px;
}
a.staffReview {
font-weight: normal;
}
#staffInfo .rerviewsRight {
width: 435px;
}
#staffInfo .reviewItemTit {
padding-top: 10px;
}
#staffInfo .reviews {
margin: 0;
padding: 0 0 20px 40px;
}
#staffInfo .reviewItemRight {
padding-top: 10px;
}
.staffImgWrap {
width: 100px;
height: 100px;
float: left;
}
/*=====appointment css start here====*/
input.txtCalendarInputField {
margin: 5px 0 3px;
vertical-align: middle;
width: 75px;
}
input.btnCalendarTrigger {
background: url(../images/calendar-trigger-bttn.gif) no-repeat;
width: 28px;
height: 25px;
border: 0;
cursor: pointer;
veritcal-align: bottom;
}
input.sbmtRequestAppointment {
background: url(../images/requestAppointment.gif) no-repeat;
width: 152px;
height: 25px;
border: 0;
cursor: pointer;
margin: 20px 0 0;
}
#appointment table.wrapContent {
width: 100%;
}
/*=====contact css start here====*/
#contact .twoButton {
padding: 20px 0 0;
text-align: center;
}
#contact .twoButton a {
margin: 0 20px;
}
#contact .wrapContent {
margin: 0 auto 20px;
}
#contact .reviewItemTit {
width: 80px;
}
#contact .reviewItemTit span {
font-size: 14px;
}
#contact .reviewItemRight {
font-size: 14px;
}
#contactForm table {
width: 100%;
}
input.sbmtReferFriend {
background: url(../images/referFriend.gif);
border: 0;
width: 152px;
height: 25px;
margin: 10px;
cursor: pointer;
}
#appointment .dateInput {
float: left;
width: 400px;
}
#appointment .dateInput input {
margin: 5px 0 3px;
vertical-align: middle;
}
#appointment .calendarWrap {
float: left;
}
#preferences {
width: 100%;
}
#preferences .subList {
display: block;
padding: 0 0 5px 2em;
text-indent: -2em;
}
#preferences .subListTit {
font-weight: bold;
padding: 0 5px;
}
#preferences .blue {
white-space: nowrap;
font-size: 14px;
}
#preferences #TypeCheck_Wrapper div {
width: 380px;
}
#preferences #TypeCheck_Wrapper span {
display: block;
float: left;
width: 25px;
}
#preferences #TypeCheck_Wrapper label {
display: block;
float: left;
width: 350px;
padding-bottom: 5px;
}
#preferences .formTitComment {
font-size: 12px;
font-weight: normal;
padding-left: 20px;
}
#preferences .sectionTitle {
background: url(../images/email-reference.gif) left 20px no-repeat;
font: normal normal bold 15px/ 25px Arial;
color: #949494;
padding: 20px 0 0 40px;
border-top: 1px solid #AABFD5;
}
#preferences .emailSectionTitle {
background: url(../images/email-reference.gif) left 20px no-repeat;
}
#preferences .msgSectionTitle {
background: url(../images/cellphone-reference.gif) left 20px no-repeat;
}
#preferences .postcardSectionTitle {
background: url(../images/postcard-reference.gif) left 20px no-repeat;
}
.grayOrange {
color: #b2935a;
font-weight: bold;
}
.orangeComment {
color:#EA5F00;
float:right;
font-size:12px;
font-weight:normal;
text-align:right;
width:300px;
}
/*=== add review===*/
#reviewForm .fiveStarWrap {
overflow: auto;
float: left;
padding-top: 10px;
}
#reviewForm .starExplain {
padding: 3px 3px 3px 0;
float: left;
background: #fefefe;
width: 250px;
border: 1px dotted #ccc;
margin-left: 5px;
}
#surveyWrap table {
width: 100%;
padding: 0 20px 0;
}
#surveyWrap .sectionHeader {
font-weight: bold;
padding-top: 20px;
color: #396fa5;
font-size: 16px;
}
#surveyWrap .sectionHeader .titNormal {
font-weight: normal;
color: black;
}
#surveyWrap .questionScoreHeader {
width: 25px;
text-align: center;
font-size: 14px;
vertical-align: bottom;
}
#surveyWrap .questionOrder {
text-align: right;
width: 10px;
padding-top: 8px;
font-size: 14px;
vertical-align: top;
}
#surveyWrap .question {
width: 400px;
padding-top: 8px;
font-size: 14px;
}
#surveyWrap .questionScore {
width: 25px;
text-align: center;
padding-top: 8px;
vertical-align: top;
}
.wrapGraphBttns {
margin:10px 30px;
padding:20px 10px 0;
}
.graphBttns {
display:inline;
height:84px;
line-height:61px;
margin:15px 20px;
width:240px;
}
.profileSiteLogo {
height: 61px;
width: 200px;
}
.profileYellowPages {
background:transparent url(../../images/prof-yellow-pages.png) no-repeat scroll center bottom;
}
.profileBing {
background:transparent url(../../images/prof-bing.png) no-repeat scroll center bottom;
}
.profileYelp {
background:transparent url(../../images/prof-yelp.png) no-repeat scroll center bottom;
}
.profileFacebook {
background:transparent url(../../images/prof-facebook.png) no-repeat scroll center bottom;
}
.profileYahoo {
background:transparent url(../../images/prof-yahoo.png) no-repeat scroll center bottom;
}
.profileGoogle {
background:transparent url(../../images/prof-google.png) no-repeat scroll center bottom;
}
/*===============*/
.fixDiv {
padding: 0 10px 10px;
margin: 20px 30px 0;
overflow: auto;
}
.fixDiv .formTit {
margin-top: 10px;
clear: both;
}
.fixDiv .paddingP {
clear: both;
}
.fixDiv .formItem {
font-size:16px;
line-height:20px;
padding-left:20px;
vertical-align:top;
}
.fixDiv .red {
font-weight: normal;
}
.fixDiv .formList {
font-size:14px;
line-height:20px;
width:330px;
}
.hrSlit {
height: 1px;
border: 0;
border-bottom: 1px solid #aabfd5;
background: #fff;
margin: 20px 20px 0;
clear: both;
}
.bottomBorder {
text-align: right;
border-bottom: 1px solid #069;
padding: 5px 20px;
}
.rightMargin20 {
margin-right: 20px;
}
.spaceWidth20 {
display:inline-block;
width:20px;
}
.bottomBorder img {
float: right;
}
.emailIcon {
background: url(../images/email-icon.gif) no-repeat left center;
padding-left: 30px;
line-height: 24px;
}
.websiteIcon {
background: url(../images/website-icon.gif) no-repeat left center;
padding-left: 30px;
line-height: 24px;
}
a.writeReview,a.reviewPolicy,a.moreReviews {
display:inline-block;
height:25px;
padding:0;
vertical-align:middle;
width:118px;
}
a.writeReview {
background: url(../images/writeReview.gif) no-repeat;
}
a.reviewPolicy {
background: url(../images/Review-policy.gif) no-repeat;
}
a.moreReviews {
background: url(../images/morereviews.gif) no-repeat;
}
a.getDrivingDirections,a.writeReviewWider,a.sendToEmail,a.sendToPhone,a.referFriend,a.downLoadCalendar
{
height: 25px;
width: 152px;
display: inline-block;
vertical-align: middle;
}
a.getDrivingDirections {
background: url(../images/getDrivingDirections.gif) no-repeat;
}
a.writeReviewWider {
background: url(../images/writeReviewWider.gif) no-repeat;
}
a.sendToEmail {
background: url(../images/sendtoemail.gif) no-repeat;
}
a.sendToPhone {
background: url(../images/sendtophone.gif) no-repeat;
}
a.referFriend {
background: url(../images/referFriend.gif) no-repeat;
}
a.downLoadCalendar {
background: url(../images/downLoadCalendar.gif) no-repeat;
}
.coupon {
background: url(../images/Coupon-middle.gif) repeat-y;
background-position: 50% 0%;
font-size: 25px;
text-align: center;
font-weight: bold;
font-family: arial;
margin: 5px 8px;
padding: 0px 20px;
display: block;
text-decoration: none;
outline: 0;
cursor: pointer;
}
.lightYellowBorder {
border: 1px solid #FFCC66;
padding: 5px;
font-size: 14px;
}
.orangeCoupon {
background-color: #ec6100;
color: #fff;
line-height: 60px;
font-size: 52px;
font-weight: bold;
}
.blueCoupon {
color: #609fc0;
font-size: 28px;
font-family: arial;
line-height: 40px;
}
.expirationInfo {
font-size: 11px;
font-family: arial;
font-weight: normal;
color: #000;
line-height: 20px;
}
textarea.reviewText {
height: 120px;
}
/*
* ------
* END Demandforce Consumer Portal CSS -- http://www.demandforce.com
* ------
*/
/*
* ------
* JS Calendar CSS Style
* ------
*/
.D3cpDynarchCalendar {
border: 1px solid #aaa;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
background: #F1F6FC;
font: 11px "lucida grande", tahoma, verdana, sans-serif;
line-height: 14px;
position: relative;
cursor: default;
}
.D3cpDynarchCalendar table {
border-collapse: collapse;
font: 11px "lucida grande", tahoma, verdana, sans-serif;
line-height: 14px;
margin: auto;
}
.D3cpDynarchCalendar-topBar {
border-bottom: 1px solid #aaa;
background: #ddd;
padding: 5px 0 0 0;
}
table.D3cpDynarchCalendar-titleCont {
font-size: 130%;
font-weight: bold;
color: #444;
text-align: center;
z-index: 9;
position: relative;
margin-top: -6px;
}
.D3cpDynarchCalendar-title div {
padding: 5px 17px;
text-shadow: 1px 1px 1px #777;
}
.D3cpDynarchCalendar-hover-title div {
background-color: #fff;
border: 1px solid #000;
padding: 4px 16px;
background-image: url("../images/js-cal-img/drop-down.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.D3cpDynarchCalendar-pressed-title div {
border: 1px solid #000;
padding: 4px 16px;
background-color: #76A4DF;
color: #fff;
background-image: url("../images/js-cal-img/drop-up.gif");
background-repeat: no-repeat;
background-position: 100% 50%;
}
.D3cpDynarchCalendar-bottomBar {
border-top: 1px solid #aaa;
background: #ddd;
padding: 2px;
position: relative;
text-align: center;
}
.D3cpDynarchCalendar-bottomBar-today {
padding: 2px 15px;
}
.D3cpDynarchCalendar-hover-bottomBar-today {
border: 1px solid #000;
background-color: #fff;
padding: 1px 14px;
}
.D3cpDynarchCalendar-pressed-bottomBar-today {
border: 1px solid #000;
background-color: #76A4DF;
color: #fff;
padding: 1px 14px;
}
.D3cpDynarchCalendar-body {
position: relative;
overflow: hidden;
padding-top: 5px;
padding-bottom: 5px;
}
.D3cpDynarchCalendar-first-col {
padding-left: 5px;
}
.D3cpDynarchCalendar-last-col {
padding-right: 5px;
}
.D3cpDynarchCalendar-animBody-backYear {
position: absolute;
top: -100%;
left: 0;
}
.D3cpDynarchCalendar-animBody-back {
position: absolute;
top: 5px;
left: -100%;
}
.D3cpDynarchCalendar-animBody-fwd {
position: absolute;
top: 5px;
left: 100%;
}
.D3cpDynarchCalendar-animBody-now {
position: absolute;
top: 5px;
left: 0;
}
.D3cpDynarchCalendar-animBody-fwdYear {
position: absolute;
top: 100%;
left: 0;
}
.D3cpDynarchCalendar-dayNames {
padding-left: 5px;
padding-right: 5px;
}
.D3cpDynarchCalendar-dayNames div {
font-weight: bold;
color: #444;
text-shadow: 1px 1px 1px #777;
}
.D3cpDynarchCalendar-navBtn {
position: absolute;
top: 5px;
z-index: 10;
}
.D3cpDynarchCalendar-navBtn div {
background-repeat: no-repeat;
background-position: 50% 50%;
height: 15px;
width: 16px;
padding: 1px;
}
.D3cpDynarchCalendar-hover-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #fff;
}
.D3cpDynarchCalendar-navDisabled {
opacity: 0.3;
filter: alpha(opacity = 30);
}
.D3cpDynarchCalendar-pressed-navBtn div {
border: 1px solid #000;
padding: 0;
background-color: #76A4DF;
color: #fff;
}
.D3cpDynarchCalendar-prevMonth {
left: 25px;
}
.D3cpDynarchCalendar-nextMonth {
left: 100%;
margin-left: -43px;
}
.D3cpDynarchCalendar-prevYear {
left: 5px;
}
.D3cpDynarchCalendar-nextYear {
left: 100%;
margin-left: -23px;
}
.D3cpDynarchCalendar-prevMonth div {
background-image: url("../images/js-cal-img/nav-left.gif");
}
.D3cpDynarchCalendar-nextMonth div {
background-image: url("../images/js-cal-img/nav-right.gif");
}
.D3cpDynarchCalendar-prevYear div {
background-image: url("../images/js-cal-img/nav-left-x2.gif");
}
.D3cpDynarchCalendar-nextYear div {
background-image: url("../images/js-cal-img/nav-right-x2.gif");
}
.D3cpDynarchCalendar-menu {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: #CCE3F1;
overflow: hidden;
opacity: 0.85;
filter: alpha(opacity = 85);
}
.D3cpDynarchCalendar-menu table td div {
text-align: center;
font-weight: bold;
padding: 3px 5px;
}
.D3cpDynarchCalendar-menu table td div.D3cpDynarchCalendar-menu-month {
width: 4em;
text-align: center;
}
.D3cpDynarchCalendar-menu table td div.D3cpDynarchCalendar-hover-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #fff;
color: #000;
}
.D3cpDynarchCalendar-menu table td div.D3cpDynarchCalendar-pressed-navBtn {
border: 1px solid #000;
padding: 2px 4px;
background-color: #76A4DF;
color: #fff !important;
}
.D3cpDynarchCalendar-menu-year {
text-align: center;
font: 16px "lucida grande", tahoma, verdana, sans-serif;
font-weight: bold;
}
.D3cpDynarchCalendar-menu-sep {
height: 1px;
font-size: 1px;
line-height: 1px;
overflow: hidden;
border-top: 1px solid #888;
background: #fff;
margin-top: 4px;
margin-bottom: 3px;
}
.D3cpDynarchCalendar-time td {
font-weight: bold;
font-size: 120%;
}
.D3cpDynarchCalendar-time-hour,.D3cpDynarchCalendar-time-minute {
padding: 1px 3px;
}
.D3cpDynarchCalendar-time-down {
background: url("../images/js-cal-img/time-down.png") no-repeat 50% 50%;
width: 11px;
height: 8px;
opacity: 0.5;
}
.D3cpDynarchCalendar-time-up {
background: url("../images/js-cal-img/time-up.png") no-repeat 50% 50%;
width: 11px;
height: 8px;
opacity: 0.5;
}
.D3cpDynarchCalendar-time-sep {
padding: 0 2px;
}
.D3cpDynarchCalendar-hover-time {
background-color: #444;
color: #fff;
opacity: 1;
}
.D3cpDynarchCalendar-pressed-time {
background-color: #000;
color: #fff;
opacity: 1;
}
.D3cpDynarchCalendar-time-am {
padding: 1px;
width: 2.5em;
text-align: center;
}
/* body */
.D3cpDynarchCalendar-hover-week {
background-color: #ddd;
}
.D3cpDynarchCalendar-dayNames div,.D3cpDynarchCalendar-day,.D3cpDynarchCalendar-weekNumber
{
width: 1.7em;
padding: 3px 4px;
text-align: center;
}
.D3cpDynarchCalendar-weekNumber {
border-right: 1px solid #aaa;
margin-right: 4px;
width: 2em !important;
padding-right: 8px !important;
}
.D3cpDynarchCalendar-day {
text-align: right;
color: #222;
}
.D3cpDynarchCalendar-day-othermonth {
color: #888;
}
.D3cpDynarchCalendar-weekend {
color: #c22;
}
.D3cpDynarchCalendar-day-today {
color: #00f;
font-weight: bold;
}
.D3cpDynarchCalendar-day-disabled {
opacity: 0.5;
text-shadow: 2px 1px 1px #fff;
}
.D3cpDynarchCalendar-hover-date {
padding: 2px 3px;
background-color: #eef;
border: 1px solid #88c;
margin: 0 !important;
color: #000;
}
.D3cpDynarchCalendar-day-othermonth.D3cpDynarchCalendar-hover-date {
border-color: #aaa;
color: #888;
}
.D3cpDynarchCalendar-dayNames .D3cpDynarchCalendar-weekend {
color: #c22;
}
.D3cpDynarchCalendar-day-othermonth.D3cpDynarchCalendar-weekend {
color: #d88;
}
.D3cpDynarchCalendar-day-selected {
padding: 2px 3px;
margin: 1px;
background-color: #A8C8EF;
color: #000 !important;
}
.D3cpDynarchCalendar-day-today.D3cpDynarchCalendar-day-selected {
background-color: #99d;
}
/* focus */
.D3cpDynarchCalendar-focusLink {
position: absolute;
opacity: 0;
filter: alpha(opacity = 0);
}
.D3cpDynarchCalendar-focused {
border-color: #000;
}
.D3cpDynarchCalendar-focused .D3cpDynarchCalendar-topBar,.D3cpDynarchCalendar-focused .D3cpDynarchCalendar-bottomBar
{
background-color: #C5D9F2;
border-color: #336;
}
.D3cpDynarchCalendar-focused .D3cpDynarchCalendar-hover-week {
background-color: #A8C8EF;
}
.D3cpDynarchCalendar-tooltip {
position: absolute;
top: 100%;
width: 100%;
}
.D3cpDynarchCalendar-tooltipCont {
margin: 0 5px 0 5px;
border: 1px solid #aaa;
border-top: 0;
padding: 3px 6px;
background: #ddd;
}
.D3cpDynarchCalendar-focused .D3cpDynarchCalendar-tooltipCont {
background: #A8C8EF;
border-color: #000;
}
@media print {
.D3cpDynarchCalendar-day-selected {
padding: 2px 3px;
border: 1px solid #000;
margin: 0 !important;
}
}