body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}pre, code {font:115% monospace;*font-size:100%;}body * {line-height:1.22em;}
* {font-family: Verdana, Arial, sans-serif; font-size: 100%; color: #333}
body {background-color: #e9e9e9; text-align: center}
#page {position: relative; clear: both; width: 778px; margin: 0 auto; background-color: #fff; text-align: left}
a {color: #336699}
h2 {margin: 1em 0 .5em; font: 130% "Arial", "Helvetica", sans-serif; font-weight:bold; color: #6c9c12}
h3 {margin: 1em 0 .5em; font: 140% "Arial", "Helvetica", sans-serif; color: #036}
h3.callout {font-size: 160%}
h4 {font-size: 100%; font-weight: bold; padding: 0; margin: .5em 0 .25em; color: #333}
h4 .note {font-size: 80%; font-weight: normal; font-style: italic}
.first {margin-top: 0; padding-top: 0}
p {padding: .3em 0 .7em}
ul, ol, dl {position: relative}
ol {list-style: decimal}
ol ol {list-style: lower-alpha}
ul {list-style: disc}
li {padding: .3em 0 .7em; margin-left: 20px}
span.underline {text-decoration: underline}
hr {border: none 0; color: #ccc; background-color: #ccc; height: 1px; margin: 15px 0}
strong {font-weight: bold}
em {font-weight: bold; font-style: italic}
abbr {border: none}
.clear {clear: both}
.header {font-weight: bold}
.important {text-decoration: underline}
form {margin: 0 20px}
form p {position: relative; margin-left: 200px}
p.indent {position: relative; margin-left: 220px}
form p.normal {position: static; margin: 0}
p.note {font-size: 85%; font-style: italic}
form p label, form p .label {position: absolute; display: block; left: -210px; width: 200px; text-align: right; padding-right: 10px; font-weight: bold}
.required {color: #ae0304 }
fieldset {border: 1px solid #ccc; margin: 10px 0 20px; padding: 10px; text-align:left}
legend {padding: 10px; font: 140% "Arial", "Helvetica", sans-serif; color: #036}
input, textarea {font: 1em arial, helvetica, sans-serif; padding: 2px 2px}
select {font: 1em arial, helvetica, sans-serif; padding: 2px 0 2px 2px}
input, select, textarea {border: 1px solid #ccc}
textarea {width: 400px; height: 100px}
input:focus, select:focus, textarea:focus {border: 1px solid #a3eb1b; background-color: #f3fee7}
input.long {width: 200px}
input.text {width: 200px}
input.medium_text {width: 120px}
input.small_text {width: 80px}
input.large_number {width: 120px}
input.medium_number {width: 100px}
input.small_number {width: 50px}
input.button, input.small-button{ border: 1px solid #a3eb1b; background-color: #f3fee7; color: #333; font-weight: bold; cursor: pointer; padding-right: 8px; padding-left: 8px; margin-left: 10px}
input.small-button {width: 6.5em; margin: 5px 1px}
form.remote-action-button {margin: 0px; padding: 0px}
form input.disabled {border: 1px solid #999; background-color: #ccc; color: #999; font-style: italic; font-weight: normal}
.field_with_errors, input.field_with_errors:focus, select.field_with_errors:focus, textarea.field_with_errors:focus {background-color: #eabdbd}
input.field_with_errors:focus, select.field_with_errors:focus, textarea.field_with_errors:focus {border: 1px solid #ae0304}
.error_explanation {border: 1px solid #ae0304; padding: 0 7px 7px 7px; margin: 10px 20px 20px; padding-bottom: 12px}
.error_explanation h2 {text-align: left; font-weight: bold; padding: 5px 5px 5px 27px; font-size: 1.1em; margin: 0 -8px 0 -8px; background: url(/images/alertbad_icon.gif) #c00 left no-repeat; color: #fff}
.error_explanation p {color: #333; margin: 10px 0; padding: 5px}
.error_explanation ul {margin: 0; padding: 0; margin-left: 40px}
.error_explanation ul li {margin: 0; padding: 0; font-size: 1em}
#flash {position: absolute; top: 18px; left:0px; right:0px; text-align:center; padding:0 auto; width:100%; z-index: 1}
#login_nav {height: 15px; width: 772px; margin: 0 auto; padding: 3px; padding-top: 6px; text-align: right; font-size: .8em}
#header {position: relative; width: 778px; height: 79px; margin: 0 auto; background-color: #fff; text-align: left}
#content {border-top: 1px solid #ebebeb; padding: 20px 40px}
#footer {clear: both; margin: 27px 0 27px 0; text-align: center; color: #666}
#error {display: none}
.notice, .error {padding: 1px 10px}
.notice {background-color: #036; color: #fff}
.error {background-color: #900; color: #fff}
#header h1 {display: block; float: left; height: 53px; width: 236px; margin: 0; padding: 14px 0 0 16px; background: transparent url(/images/logo.gif) no-repeat 16px 14px; text-indent: -9000px}
#header h1 a {display: block; height: 53px; width: 236px; margin: 0; padding: 0; background: transparent url(/images/logo.gif) no-repeat; text-decoration: none}
#header ul.nav {position:absolute; top:0; right:0; display:block; height:79px; list-style: none; padding: 0; margin: 0}
#header ul.nav li {float: left; display: block; height: 79px; padding: 0; margin: 0; border-left: 1px solid #ebebeb}
#header ul.nav li a {display: block; height: 24px; padding: 55px 14px 0 14px; color: #336600; text-decoration: none; text-align: center; white-space:nowrap}
* html #header ul.nav li a {width: 1%}
#header ul.nav li a:hover {background: transparent url(/images/nav_link_hover_bg.png) repeat-x}
.bubble {position: absolute; top: 0; left: 0; width: 325px; padding: 10px}
.bubble .top {width: 325px; height: 15px; background: transparent url(/images/bubble_top.png) no-repeat left top}
.bubble .bottom {width: 325px; height: 30px; background: transparent url(/images/bubble_bottom.png) no-repeat left bottom}
.bubble .body {width: 280px; padding: 0 30px 0 15px; background: transparent url(/images/bubble_body.png) repeat-y left top}
ul.tabs li.active {border-bottom: 1px solid #fff; background-color: #f3fee7}
ul.tabs {list-style: none; height: 27px; padding: 0; margin: 0; z-index: 5; border-bottom: 1px solid #ebebeb}
ul.tabs li {float: left; height: 27px; padding: 0; margin: 0}
ul.tabs li a {display: block; height: 27px; padding: 0 40px 1px 22px; border-left: 1px solid #ebebeb; background: transparent url(/images/vt_nav_right_tab.gif) no-repeat top right; font: normal normal bold 110%/27px "Arial", "Helvetica", sans-serif; color: #036; text-decoration: none; text-align: center; white-space:nowrap}
ul.tabs li a:hover {padding: 0 40px 1px 22px; background-color: #f3fee7; border-bottom: 1px solid #f3fee7}
ul.tabs li.nohover a:hover {background-color: white}
* html ul.tabs li a {width: 1%}
img.sample {}
.line_item .note {font-size:0.8em; color:grey; font-style:italic}
#manage_logos {border: 1px solid grey; padding: 1em}
#manage_logos .logo {width: 200px; height: 160px; float:left; text-align:center; font-size:0.8em}
.branded {color:black; font-size:0.9em}
.branded .agent_photo img {border: 2px solid black; margin-bottom: 1em}
.branded .fn {font-weight:bold}
.branded .motto {font-style:italic}
.branded a {text-decoration:none; color:black}
.branded a:hover {text-decoration:underline}
table th, table th a, table.form-group caption {color: black; text-decoration: none; border: 0; font-weight: bold}
table th, table.form-group caption {background-color: #DDD; font-size:0.9em}
table td , table th {padding: 0.2em 0.5em}
table tr.centered th {text-align:center}
table {padding: 0; width: 100%; border-collapse: collapse; border-bottom: 1px solid #ccc}
table tr.even {background-color: #f0f0f0}
table tr, table tr.odd {background-color: white}
table td,table th {border-right: 1px solid #DDD; border-left: 1px solid #DDD}
td.amount, th.amount {text-align: right; white-space: nowrap}
.total {font-weight: bold; text-align:right}
form.ordering {margin: 0}
.tight p {margin:0; padding:0}
.tight h2 {margin: 1em 0 0 0}
.invalid_card {background-color:#FAA}
.product {padding: 1em 0; border-bottom: 1px solid #ccc; margin-bottom: 1em}
.product .image {float: left; width: 37%}
.product .image img {display: block}
.product .highlight img {border: 1px solid #000}
.product .description {float: right; width: 63%}
.product h4 {position: relative; background-color: #ddd; padding: 2px 0 2px 1em; margin-top: 0}
.product h4 .more {position: absolute; right: 1em; font-size: 100%; font-weight: bold; padding-left: 1em; border-left: 1px solid #fff}
.product h4 .more .cents {font-size: 70%; vertical-align: top}
.product h4 .more a {font-weight: normal}
#virtual_tour_wizard-new #header ul li#create a, #virtual_tour_wizard-step #header ul li#create a, #virtual_tours-index #header ul li#manage a, #my_admin-index #header ul li#my_admin a {color: #fff; background: transparent url(/images/nav_link_active_bg.png) repeat-x 0px 0px}
.welcome {font: 140% "Arial", "Helvetica", sans-serif; color: #0066cc}
ul.actions {list-style-type: none; margin: 10px}
ul.actions li {margin: 5px; padding: 0}
ul#photo_list {position: static}
#photo_list li {float: left; width: 100px; height: 90px; list-style-type: none; margin: 0; padding: 2px 6px; margin: 0; text-align: center}
#photo_list img {height: 68px; width: 100px}
* #photo_list li span {display: inline-block}
#photo_list li.thumb_hover {padding: 0 4px; border: 2px dashed #6c9c12}
#photo_list .photo {position: relative}
#photo_list img {margin: 0 auto; cursor: move}
#photo_list img.thumbnail {margin:auto; height: 67px}
#photo_list .photo_delete {position: absolute; z-index: 100000; display: block; right: 0; bottom: 5px; cursor: pointer; width: 16px; height: 16px}
#photo_list .photo_view {position: absolute; z-index: 100000; display: block; left: 0; bottom: 5px; cursor: pointer; width: 16px; height: 16px}
#photo_list .progress {display: block; z-index: 900; position: absolute; top: 23px; left: 26px; width: 60px; height: 60px; background-color: #000; filter:alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6}
#photo_list .progress img {position: absolute; top: 22px; left: 22px}
.upload_file {position: relative}
.file_progress {position: absolute; z-index: 1000; width: 100px; top:0; left:0; text-align: center}
#photo_list .upload_image {border: 1px solid #999; cursor: default; position:absolute; top:17px; left:0}
#photo_list .upload_started {border: 1px solid #a3eb1b}
.add_photos_button {display: block; background: url(/images/add.png) no-repeat left center; width: 100px; padding-left: 20px}
.swfuploadbtn {display: block; width: 100px; padding: 0 0 0 20px}
.uploadbtn {display: none; background: url(/images/accept.png) no-repeat 0 4px}
.cancelbtn {display: block; width: 16px; height: 16px; float: right; background: url(/images/cancel.png) no-repeat}
#cancelqueuebtn {display: block; display: none; background: url(/images/cancel.png) no-repeat 0 4px; margin: 10px 0}
#SWFUploadFileListingFiles ul {margin: 0; padding: 0; list-style: none}
.SWFUploadFileItem {display: block; width: 230px; height: 70px; float: left; background: #eaefea; margin: 0 10px 10px 0; padding: 5px}
.fileUploading {background: #fee727}
.uploadCompleted {background: #d2fa7c}
.uploadCancelled {background: #f77c7c}
.uploadCompleted .cancelbtn, .uploadCancelled .cancelbtn {display: none}
span.progressBar {width: 200px; display: block; font-size: 10px; height: 4px; margin-top: 2px; margin-bottom: 10px; background-color: #CCC}
.additional_info {font-size: .8em}
.instructions {margin-left: 0; text-align: right; color: #888}
#own_photos {float: left; margin-top: 30px; width: 49%; text-align: center}
#professional_photos {float: right; margin-top: 30px; width: 50%; text-align: center; border-left: 1px dashed #999}
#own_photos .photo_choice {margin: 0 auto; text-align: center}
#own_photos .pricing {font-weight: bold; font-size: 1em}
#own_photos .pricing .price {font-size: 1.4em}
#own_photos p.photo_choice_help {margin: 0 auto; padding: 0; text-align: center}
#own_photos p.photo_choice_help a {font-size: .9em; color: #6c9c12; text-decoration: none}
#own_photos p.photo_choice {width: 300px}
#own_photos .photo_choice a {text-decoration: none; padding: 2px 4px; color: #6c9c12; background-color: #eee; font-size: 1.1em; font-weight: bold}
#own_photos .photo_choice a:hover {text-decoration: underline}
#own_photos p {text-align: center; margin: 0 auto; width: 210px}
#professional_photos p.photo_choice_help {margin: 0 auto; padding: 0; text-align: center}
#professional_photos p.photo_choice_help a {font-size: .9em; color: #036; text-decoration: none}
#professional_photos .photo_choice {margin: 0 auto; text-align: center; width: 270px}
#professional_photos .photo_choice a {text-decoration: none; padding: 2px 4px; color: #036; background-color: #eee; font-size: 1.1em; font-weight: bold}
#professional_photos .photo_choice a:hover {text-decoration: underline}
#professional_photos p, #professional_photos table {text-align: left; width: 300px; margin: 0 auto}
#professional_photos table {margin-top: .7em; margin-bottom: .7em}
#professional_photos td {padding-left: 5px}
table.offers {margin-top:1em; border:0}
table.offers th {background:#DDD; font-weight:bold}
table.offers td, table.offers th {border:0}
table.offers tr td.first_column{ text-align:center; border:0}
table.offers tr th.first_column {text-align:center; background:white; font-weight:normal; font-size:1.2em; border:0}
table.offers tr.divider td {border-top: 1px solid #444}
.order_now {position: absolute; right: 10em; font-size: 1em; font-weight: normal}
.domain_name_price {font-weight: bold; margin-left: 4em}
.max_characters {display: block; color: #666; font-style: italic; font-size: .9em}