@font-face { font-family: trajan; src: url('../fonts/trajan.otf'); }

@font-face { font-family: trajan; font-weight: bold; src: url('../fonts/trajan-bold.otf'); }

body { margin: 0; padding: 0; }

.message { font: bold 12px/1.2em arial, sans-serif; margin: 1em 0; padding: 10px 20px; border: solid 1px #FFDD99; background-color: #FFFFCC; overflow: hidden; }

.last-edited { float: right; margin: 10px 0 5px 0; font: bold 12px/1.2em arial, sans-serif; }

ul { list-style: outside disc; }

#page-wrapper { width: 960px; margin: 0 auto; min-height: 650px; }

#top { background: transparent url('../img/top-background.jpg') no-repeat scroll 0 0; height: 109px; }

#top-logo { float: left; margin-top: 15px; }

#top-phone { float: right; margin-top: 25px; margin-right: 40px; text-align: center; }
#top-phone .phone, #top-phone .phone-label { font-family: trajan, arial, tahoma, sans-serif; font-weight: bold; text-shadow: #FFF 0px 0px 5px; }
#top-phone .phone { font-size: 32px; color: #20465E; }
#top-phone .phone-label { font-size: 16px; margin-top: 8px; color: #481C22; }
#top-phone .phone-sub-label { color: #481C22; font-family: trajan, arial, tahoma, sans-serif; font-weight: bold; text-shadow: #FFF 0px 0px 5px; }

.step-header { background: transparent url(../img/header-background.gif) repeat-x scroll 0 0; height: 27px; padding: 5px; color: #FFF; font: bold 18px/1.3em Arial, sans-serif; }

.ghost { color: #777; }

.tooltip { display: none; z-index: 100; overflow: hidden; font: normal 14px/1.3em Arial, sans-serif; color: #FFF; max-width: 400px; border-width: 2px; border-style: solid; border-color: #3f7ba0; padding: 10px 10px 10px 30px; background-color: #619dc2; background-image: url(../img/icons/32x32/lightbulb.png); background-position: 0 50%; background-repeat: no-repeat; }

.header { font: bold 13px/1.3em Arial, sans-serif; position: relative; padding: 2px 0; }
.header img { position: absolute; top: 3px; margin-left: 10px; }

.content { padding-left: 10px; }

.help-text { margin: 5px 0; padding: 7px 0; height: 20px; }
.help-text div { display: inline; padding: 5px 10px; font: bold 12px/1.3em arial, sans-serif; border: solid 1px #FFDD99; background-color: #FFFFCC; }

.step { padding: 10px 0; clear: both; }
.step .inner { padding: 10px; }

#feature-selector .input.checkbox { margin-bottom: 5px; }
#feature-selector .input.checkbox input { margin: 2px 5px 0 0; float: left; display: block; }
#feature-selector .input.checkbox label { font: normal 12px/1.3em Arial, sans-serif; float: left; display: block; width: 150px; }

.input { width: 360px; margin-bottom: 5px; position: relative; }
.input img { position: absolute; top: 3px; margin-left: 10px; }
.input label { font: normal 12px/1.3em Arial; display: block; float: left; width: 180px; }
.input.error { border-left: 5px solid #700; padding: 5px 0px 5px 10px; }
.input.error label { width: 165px; }
.input.error .error-message { color: #F00; }
.input.checkbox label { width: auto; }
.input.checkbox input { float: left; margin-right: 10px; }
.input.radio .radios input { margin: 2px 5px 0 0; float: left; display: block; }
.input.radio .radios label { float: left; display: inline; width: auto; margin-right: 5px; }
.input.text input, .input.text select, .input.text textarea, .input.select input, .input.select select, .input.select textarea, .input.textarea input, .input.textarea select, .input.textarea textarea, .input.password input, .input.password select, .input.password textarea { border: 1px inset #AAAAAA; margin: 1px; }
.input.text input:focus, .input.text select:focus, .input.text textarea:focus, .input.select input:focus, .input.select select:focus, .input.select textarea:focus, .input.textarea input:focus, .input.textarea select:focus, .input.textarea textarea:focus, .input.password input:focus, .input.password select:focus, .input.password textarea:focus { border: 2px solid #A4D1EC; margin: 0; }
.input.text input.readonly, .input.text select.readonly, .input.text textarea.readonly, .input.select input.readonly, .input.select select.readonly, .input.select textarea.readonly, .input.textarea input.readonly, .input.textarea select.readonly, .input.textarea textarea.readonly, .input.password input.readonly, .input.password select.readonly, .input.password textarea.readonly { background: transparent none no-repeat scroll 0 0; border: 0px none; text-transform: capitalize; font: bold 12px/1.3em arial, sans-serif; }
.input.text input.narrow, .input.text select.narrow, .input.text textarea.narrow, .input.select input.narrow, .input.select select.narrow, .input.select textarea.narrow, .input.textarea input.narrow, .input.textarea select.narrow, .input.textarea textarea.narrow, .input.password input.narrow, .input.password select.narrow, .input.password textarea.narrow { width: 45px; }
.input.text input.medium, .input.text select.medium, .input.text textarea.medium, .input.select input.medium, .input.select select.medium, .input.select textarea.medium, .input.textarea input.medium, .input.textarea select.medium, .input.textarea textarea.medium, .input.password input.medium, .input.password select.medium, .input.password textarea.medium { width: 95px; }
.input.text input.wide, .input.text select.wide, .input.text textarea.wide, .input.select input.wide, .input.select select.wide, .input.select textarea.wide, .input.textarea input.wide, .input.textarea select.wide, .input.textarea textarea.wide, .input.password input.wide, .input.password select.wide, .input.password textarea.wide { width: 150px; }
.input.text input.huge, .input.text select.huge, .input.text textarea.huge, .input.select input.huge, .input.select select.huge, .input.select textarea.huge, .input.textarea input.huge, .input.textarea select.huge, .input.textarea textarea.huge, .input.password input.huge, .input.password select.huge, .input.password textarea.huge { width: 350px; }
.input.checkbox, .input.date { width: auto; }

#step-3 label { float: none; font: bold 12px/1.3em Arial, sans-serif; }
#step-3 .stand-out { width: 350px; font: normal 12px/1.3em arial, sans-serif; }

.hidden { display: none; }

.left { float: left; }

.right { float: right; }

div { overflow: hidden; }

#footer { background: #20465E url('../img/footer-background.png') repeat-x scroll 0 -35px; margin-top: 30px; }

#footer-copyright { background: transparent url('../img/footer-copyright-background.jpg') no-repeat scroll 50% 0; width: 1000px; margin: 4px auto; padding: 20px 0; }
#footer-copyright .inner { text-align: center; }
#footer-copyright .inner p { margin-bottom: 20px; color: #7698AE; font-size: 12px; font-family: arial, tahoma, sans-serif; }
#footer-copyright .inner p.main-copyright { color: #B9D2E2; }

table { margin-top: 20px; width: 100%; }
table th { font: bold 14px/1.3em Arial, sans-serif; }
table th, table td { text-align: left; padding: 10px 12px; }
table th span, table td span { color: #E22; }
table tbody th, table tbody td { border-width: 1px 1px 0 0; border-style: solid; border-color: #CDE; }
table tbody .bottom-row th, table tbody .bottom-row td { border-width: 1px 1px 1px; }

.addendum { font: normal 12px/1.3em Arial, sans-serif; }

#mce-wordcount { width: 332px; padding: 2px 10px; background-color: #F0F0EE; font: bold 10px/1.3em monospace; border-width: 0 1px 1px 1px; border-color: #C8C8C8; border-style: solid; }

.pop-button { background: #214860 url('../img/button-background.png') repeat-x scroll 0 0; padding: 2px 20px; text-shadow: -1px 1px 3px #000; text-decoration: none; color: #FFF; font-size: 14px; font-family: trajan; border: 2px solid #295773; cursor: pointer; }
.pop-button img { float: left; margin-right: 5px; }
.pop-button.tall { padding: 5px 20px; }
.pop-button.big { padding: 14px 20px; }
.pop-button:active { background: #376D90 url('../img/button-background-clicked.png') repeat-x scroll 0 0; }

.modal { display: none; text-align: left; }
.modal .header { font: bold 12px/1.2em Arial, sans-serif; margin-bottom: 10px; border-bottom: 1px dotted #aaa; padding: 0 1px; }
.modal .input { margin-bottom: 10px; }
.modal .input label { font: bold 12px/1.2em Arial, sans-serif; width: 125px; float: left; }
.modal .submit { margin-left: 125px; }
.modal .submit, .modal button { float: left; margin-right: 20px; }
.modal .content { background-color: #ffffff; padding: 0 20px; width: 590px; border-width: 0 5px; border-style: solid; border-color: #F0E2C3; }
.modal img { display: block; }
.modal .property-option { padding: 5px; border: 2px solid #EDC; background-color: #FED; margin: 10px 0; }
.modal .property-option .inner { padding: 0; }
.modal .property-option p { font: bold 12px/1.2em arial,sans-serif; }
.modal .property-option a { float: right; font: bold 12px/1.2em arial, sans-serif; color: #3f7ba0; }

#coupon-list { font: normal 12px/1.2em arial, sans-serif; color: #45151C; }
#coupon-list .odd { background: #446C89; }
#coupon-list .even { background: #5F8Eb0; }
#coupon-list a { color: #45151C; }

.coupon-element { background: #777; border: solid black 1px; width: 100%; padding: 5px; }
.coupon-element .coupon-status { color: black; }
