/*br {clear:both;}*/ /* This rule causes problems on the front-end in release 4.0.9. Removing it might introduce new issues. */

a.nolink {cursor:default;}
a.download-pdf {background:url(/css/skins/global/images/global_icon_sprite.png) no-repeat 0 -3200px; display:block; margin-bottom:20px; padding-left:20px; height:16px; line-height:16px;/* float:left;*/}
a.get-reader {background:url(/css/skins/global/images/global_icon_sprite.png) no-repeat 0 -3300px; display:block; margin-bottom:20px; padding:39px 0 0 140px; width:0; height:0; overflow:hidden;}
a.get_flash {background:url(/css/skins/global/images/global_icon_sprite.png) no-repeat 0 -3500px; display:block; margin:10px auto; width:140px; height:39px;}
a.get_flash strong {display:none;}

body#popup, body#popup *, div#skin_selector, a.open_selector, div#live_chat {margin:0; padding:0; font-family:tahoma, arial, helvetica, san-serif; font-size:11px;}


/* ---------- begin legacy styles - DO NOT REMOVE – SEE HOTFIX HFX-2008-03.doc   ---------- */


span.left {float:left; margin-right:20px;}
span.right {float:right; margin-left:20px;}
span.img-left {display:block; margin-right:10px; padding-bottom:10px; float:left;}
span.img-right {display:block; margin-left:10px; padding-bottom:10px; float:right;}
span.img-left p,
span.img-right p {margin-top:10px; font-size:9px;}


/* ---------- begin skin selector ---------- */


a.open_selector {background:no-repeat 0 100%; color:#fff; display:block; position:absolute; width:100px; height:40px; top:10px; left:10px; line-height:40px; font-weight:bold; text-align:center; text-decoration:none; z-index:999;}
a.open_selector:hover {background-position:0 0;}

div#skin_selector {background-color:#fff; color:#fff; display:none; padding:148px 4px 16px 4px; position:absolute; width:605px; top:0; left:0; font-weight:bold; z-index:1000;}
div#skin_selector p {padding-top:120px; position:absolute; width:645px; height:24px; top:0; left:-16px; text-align:center;}
div#skin_selector a {background:no-repeat 12px 12px; color:#fff; display:block; width:120px; height:187px; text-align:center; text-decoration:none; float:left;}
div#skin_selector a.close_selector {background:no-repeat 0 100%; padding:0; position:absolute; width:100px; height:40px; line-height:40px; top:26px; right:10px; z-index:1;}
div#skin_selector a.close_selector:hover {background-position:0 0;}
div#skin_selector a strong {display:block; margin:165px auto 0 auto; width:70px; height:22px; line-height:22px;}

div#skin_selector div.clear_left {clear:left;}


/* ---------- begin map & directions ---------- */


div#map_container {background:#fff; color:#000; padding:10px; font-size:11px;font-family:arial,helvetica,tahoma,sans-serif;}

div#map_container div#top_controls {margin:10px 0; position:relative; width:100%; line-height:16px;}
div#map_container div#top_controls label {font-weight:bold;}
div#map_container div#top_controls input { width: 140px; }
div#map_container div#top_controls a {background:url(/css/skins/global/images/get-directions-icon.png) no-repeat; color:#000; padding-left:20px; position:absolute; right:0;}

div#map_container div#map {background:#d9d9d9; width:100%; height:300px;}
div#map_container div#map a {color:#000; font-size:11px; font-weight:bold;}

div#map_container div#bottom_controls {margin:10px 0 -5px 0; position:relative; width:100%; height:16px; line-height:16px;}
div#map_container div#bottom_controls a {background:url(/css/skins/global/images/reverse-directions-icon.png) no-repeat; color:#000; padding-left:20px; position:absolute; top:0; right:116px;}
div#map_container div#bottom_controls a.printdirections {background-image:url(/css/skins/global/images/print-directions-icon.png); right:0;}

div#map_container div#directions div div div table { font-size:11px;font-family:arial,helvetica,tahoma,sans-serif; }


/* ---------- begin page options ---------- */

form#SendToFriend h3,
form#SendToClient h3,
form#MakeAppointment h3 {background-repeat:no-repeat; color:#666; margin: -100px 10px 5px 100px; font-size:32px;}


form#SendToFriend div,
form#SendToClient div,
form#MakeAppointment div {background-repeat:no-repeat; color:#666; padding:150px 20px 20px 20px;}

form#MakeAppointment input,
form#SendToFriend input,
form#SendToClient input,
form#MakeAppointment select,
form#MakeAppointment textarea,
form#SendToFriend textarea,
form#SendToClient textarea,
form#MakeAppointment img {border: 1px solid #CCC; font-size: 11px;padding: 3px; width: 200px;}

form#MakeAppointment img,
form#SendToFriend img,
form#SendToClient img {padding: 3px; width: 120px;}


form#MakeAppointment textarea,
form#SendToFriend textarea,
form#SendToClient textarea {overflow:auto; width: 300px;}

form#SendToFriend .button,
form#SendToClient .button{border: 1px solid #CCC; width: 150px; font-size:11px; padding 10px; background-color:#E9E9E9;}

form#SendToFriend .errstring,
form#SendToClient .errstring {color:#ff0000;}


/* ---------- begin captions ---------- */


div.caption_left {margin-right:24px; width:200px; float:left;}
div.caption_right {margin-left:24px; width:200px; float:right;}
div.caption_left p,
div.caption_right p {margin:0; padding-top:12px; font-size:0.8333em; font-weight:bold;}


/* ---------- begin custom form ---------- */


form#custom_form {width:40em;}
form#custom_form h3 {font-size:1.1666em;}
form#custom_form p {margin:1.5em 0;}
form#custom_form div {padding-top:1em; clear:left; overflow:hidden;}
form#custom_form div label {display:block; padding-bottom:0.5em; width:15em; float:left;}
form#custom_form div textarea {display:block; clear:left;}
form#custom_form div div {padding:0; width:25em; float:left; clear:none;}
form#custom_form div div label {width:23em;}
form#custom_form div div input {width:1.0833em; height:1.0833em; float:left;}
form#custom_form div span.required {color:#ff0000;}
form#custom_form div span.errstring {color:#ff0000; display:block; margin-top:0.25em; position:relative; left:15em; clear:left;}