/* ------------------------- Common CSS Start ------------------------- */
body {font-family: arial,sans-serif; margin: 0; padding: 0; height: 100%; 
    background: #004C94; color: #ffffff;}

#bg2 {font-family: arial,sans-serif; color: #333; margin: 0; padding: 0; height: 100%;}
a {color: #3366CC; text-decoration: none;}
a:active {color: #2850A2;}
a:hover {color: #6464FF;}
a:visited {color: #668BD9;}
img {border: none;}
.bold-label, .shipping-cost input {font-weight: bold;}
.gray-line {display: inline-block; width: 719px; border-bottom: 1px solid #D3D3D3; margin: 35px 0 19px 0;}
.home-link {float: left; clear: both; margin-left: 17px; font-size: 11px;}
.field-error input {border: 2px solid red; background-color: #FAFAD2;}
.small-text {float: left; width: 690px; font-size: 11px;}
.medium-text {font-size: 14px; font-weight: normal;}
.red-text, .payment-declined {color: red;}
.green-text, .payment-status, #myCounter {color: green;}
.bold-text, #myCounter {font-weight: bold;}
.change-zipcode, .zipcode-lookup {font-size: 11px; font-weight: normal; color: #2F5BB9; cursor: pointer; cursor: hand;}
.update-zipcode input {font-size: 11px;}
.zipcode-field {float: left; width: 687px;}
.zipcode-field input {float: left; width: 250px; margin: 0 10px 10px 220px;}
textarea {resize: none;}
/* ------------------------- Header Start ------------------------- */
#header-table {width: 980px;}
.company-logo {float: left;}
.top-menu {float: left; width: 492px; height: 42px; margin-top: 18px;}
.top-menu img {width: 69px; margin-right: 13px;}
#header-cell {width: 980px;}

/* ------------------------- Main Content Start ------------------------- */
#main-table {width: 721px; border-collapse: collpase; background: #ffffff;}
#main-left-cell {width: 721px; vertical-align: top; text-align: left;}
.login-page {height: 600px;}
#scroller {float: left; padding-bottom: 16px;}
#pscroller2{width: 550px; height: 30px; border: none;}
#carousel {float: left; width: 704px; height: 342px; clear: both; padding-left: 17px;}
#weship-label {float: left;}
#track-link {float: right;}
.shipping-banners {float: left; width: 721px; clear: both; padding-bottom: 27px; text-align: center;}
#main-right-cell {width: 236px; vertical-align: top; padding: 26px 0 25px 13px; background-color: rgba(255,255,255,0.9); text-align: left;}
.panel-logout, .more-services {float: left; width: 213px; text-align: right; padding: 10px 4px;}
.more-services {margin-bottom: 10px;}
.panel-logout a, .more-services a {font-size: 12px; font-weight: bold; color: #666; text-decoration: none;}
.panel-logout img, .more-services img {vertical-align: middle; margin-right: 5px;}
.control-panel-link {float: left; width: 213px; text-align: center; margin: 0 4px; padding: 5px 0; font-size: 14px; color: #666; border: 1px solid #999; border-radius: 5px; background: #fff; opacity: 0.7;}
.control-panel-link:hover {color: #fff; background: #666;}
.control-panel-link:hover {cursor: hand; cursor: pointer;}
#right-menu {float: left; width: 213px; margin-top: 20px;}
#right-menu img {margin: 0 4px 5px 4px;}
.instant-quote-button img {width: 200px; height: 100px; margin-left: 11px;}
.office-hours {float: left; width: 215px; margin: 5px 4px; font-size: 12px; font-weight: bold; color: #444444;}
.testimonials-links {float: left; width: 215px; margin: 10px 4px; padding: 20px 0; text-align: center; font-size: 12px; font-weight: bold; border-top: 1px solid #2E2D2D; border-bottom: 1px solid #2E2D2D;}
.auto-links {float: left; width: 687px; margin: 10px 17px; padding: 20px 0; text-align: center; font-size: 12px; font-weight: bold; border-top: 1px solid #2E2D2D; border-bottom: 1px solid #2E2D2D;}
.rate-calculator {float: left; width: 213px; margin: 20px 4px 0 4px; padding-bottom: 10px; background: #FAFAFA; box-shadow: inset 0 0 10px #ccc; border: 1px solid #ccc; border-radius: 10px;}
.calculator-header {float: left; width: 213px; padding: 5px 0; text-align: center; font-size: 18px; font-weight: bold; color: #666; box-shadow: inset 0 0 10px #bbb; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.calculator-header label {float: left; width: 213px; text-align: center; font-size: 12px;}
.calculator-body {float: left; width: 213px; padding: 10px 0; text-align: center;}
.rate-container {float: left; width: 213px; font-size: 12px; color: #999;}
.rate-from {float: left; width: 105px;}
.rate-to {float: right; width: 105px;}
.vehicle-units {float: left; width: 213px; margin-top: 20px; text-align: center; font-size: 12px; color: #999;}
.app-label {float: left; line-height: 28px; text-align: right; font-size: 14px; color: #999;}
.calculator-fields {float: left; margin-left: 5px; border: 1px solid #ddd; border-radius: 5px;}
.calculator-footer {float: left; width: 203px; margin: 10px 20px; text-align: center;}
.calculator-footer input[type="text"] {width: 100px; height: 25px; font-size: 16px; font-weight: bold; text-align: center; color: #008048; border: 1px solid #eee;}
.calculator-button input {vertical-align: middle; width: 28px; height: 26px;}
#text-content {float: left; width: 687px; margin: 0 0 20px 17px; padding-bottom: 20px; font-size: 12px; color: #333;}
.page-description {float: left; margin: 20px 0;}
.shipping-rate-box {float: left; width: 645px; margin-top: 20px; padding: 10px; border: 1px solid #D3D3D3;}
#wiretransfer-content {padding: 20px; font-size: 12px; color: #333;}
#panel-header {float: left; width: 687px; border-collapse: collpase; margin-left: 17px; padding-bottom: 5px; border-bottom: 1px solid #D3D3D3;}
#employee-header {float: left; width: 687px; border-collapse: collpase; padding-bottom: 5px; border-bottom: 1px solid #D3D3D3;}
.hidden-headline {display: none; float: left; width: 100%; font-size: 20px; color: #000; border-bottom: 1px solid #999;}
.headline-border {float: left; width: 687px; margin: 4px 0 4px 17px; border-bottom: 1px solid #D3D3D3;}
#price-button, #zone-button {text-align: right; vertical-align: bottom;}
#employee-button {margin: 5px 0 0 220px; text-align: left; vertical-align: bottom;}
#admin-headline {text-align: left;}
.admin-link {float: left; width: 687px; font-size: 11px; margin: 5px 0 0 17px;}
.item-count {float: left; width: 687px; margin: 10px 0 0 15px; padding-bottom: 5px; font-size: 12px; font-weight: bold; border-bottom: 1px dashed #999;}
#zone-button input, #price-button input, #employee-button input {font-size: 12px; font-weight: bold;}
#update-button {float: left; width: 687px; margin: 20px 0 20px 0; padding: 20px 0; text-align: center; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;}
#update-button input {font-size: 12px; font-weight: bold;}
#zones-list, #price-list, #employee-list {float: left; margin-top: 10px;}
#zones-list-labels, #quotes-list-labels, #results-list-labels, #employee-list-labels {float: left; margin-top: 10px; font-weight: bold;}
#zone {float: left; width: 100px;}
#state {float: left; width: 150px;}
#start-zip {float: left; width: 100px;}
#end-zip {float: left; width: 120px;}
#start-zip input, #end-zip input, #weight input, #length input, #width input {text-align: center;}
#surcharge {float: left; width: 139px;}
#delete-zone {float: left; width: 50px;}
#surcharge input, #cost input, #one-hundred input, #two-hundred input, #three-hundred input, #four-hundred input, #oversized-pallet input, #add-insurance input, .shipping-cost input, .california-zone input {text-align: right;}
#vehicle-type {float: left; width: 105px; text-align: center;}
#zones {float: left; width: 120px; text-align: center;}
#length {float: left; width: 70px; text-align: center;}
#width {float: left; width: 70px; text-align: center;}
#cost {float: left; width: 130px; margin-right: 5px; text-align: center;}
#terminal {float: left; width: 130px; margin-right: 5px; text-align: center;}
#terminal input {text-align: right;}
#delete-price {float: left; width: 50px; text-align: right;}
#length label, #width label, #cost label, #terminal label {font-weight: normal; color: #666;}
.terminal-list ul {list-style: none; margin: 0; padding: 0;}
.terminal-list li {float: left; width: 687px;}
.terminal-item {margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #D3D3D3;}
.terminal-label {float: left; width: 356px; margin: 0 10px 10px 0; font-size: 12px; font-weight: bold; color: #333;}
.terminal-city-label {float: left; width: 141px; margin: 0 10px 10px 0; font-size: 12px; font-weight: bold; color: #333;}
.terminal-state-label {float: left; width: 75px; margin: 0 10px 10px 0; font-size: 12px; font-weight: bold; color: #333;}
.terminal-option-label {float: right; width: 75px; text-align: right; font-size: 12px; font-weight: bold; color: #333;}
.terminal-list textarea {float: left; width: 350px; margin-right: 10px;}
.terminal-list input[type="text"] {float: left; width: 135px; margin-right: 10px;}
.terminal-list select {float: left; width: 75px; margin-right: 10px;}
.terminal-list a {float: right; width: 75px; text-align: right;}
.quote-link {float: left; width: 687px; margin: 17px 0 20px 0; padding-bottom: 20px;}
.quote-link label, .quote-link a {margin-left: 220px;}
.tracking-alert {font-weight: normal; margin-bottom: 10px;}
.tracking-header {float: left; width: 650px; font-size: normal;}
.alert-message {float: left; width: 482px; margin-left: 205px; font-weight: normal; color: #FF0000;}
.tracking-details {float: left; width: 687px; margin-top: 20px;}
.tracking-details ul {list-style: none; margin: 0; padding: 0;}
.tracking-details li {margin-top: 5px; font-size: 13px; font-weight: bold;}
.tracking-details label {float: left; width: 130px; clear: both; text-align: right; margin-right: 5px; font-size: 13px; font-weight: normal; color: #666;}
.submit-button {float: left; width: 687px; margin: 5px 0 0 220px;}
.large-header-print {font-size: 20px; color: #333; margin-top: 17px;}
#additional-weight {float: left; width: 90px; text-align: center;}
#oversized-pallet {float: left; width: 100px; text-align: center;}
#additional-insurance {float: left; width: 130px; text-align: center;}
.vehicle-two {float: left; width: 687px; margin: 10px 0 10px 17px; font-size: 14px;}
#shipping-cost-box, #shipping-rate-box {float: left; width: 665px; margin-top: 15px; padding: 10px; text-align: center; border: 1px solid #D3D3D3;}
#shipping-rate-box {margin-left: 17px;}
.prepared-by {float: left; width: 687px; margin-left: 17px; text-align: center;}
.prepared-by input[type="text"] {padding: 3px; font-size: 12px;}
.prepared-by input:focus[type="text"] {border: 1px solid #0099FF; box-shadow: inset 0 0 2px 0 #0099FF;}
.shipping-rate-label, .shipping-cost-label {font-size: 18px;}
.shipping-rate {font-weight: bold; color: green;}
.shipping-option {margin-left: 10px; font-size: 14px;}
.shipping-option-hint {float: left; width: 687px; margin-bottom: 10px; font-size: 12px; font-style: italic; color: #666;}
#divArea1, #divArea2 {float: left; width: 645px; margin: 10px 0;}
.terminal-locations label {float: left; width: 687px; margin: 10px 0 3px 0; color: #666;}
.terminal-dropdown {float: left; width: 687px;}
.steps-container {float: left; width: 690px; text-align: center;}
#order-steps {display: inline-block; width: 150px; text-align: center; padding: 25px 0;}
.label-off {color: #DDDDDD;}
.shipping-contract {display: none;}
.edit-contract textarea {float: left; width: 665px; padding: 10px; border: 1px solid #D3D3D3;}
.edit-contract label {font-size: 12px; color: #666;}
.digital-signature {float: left; width: 665px; text-align: center; color:#000;}
.digital-signature input {font-size: 12px;}
.zipcode-cities {float: left; margin-bottom: 10px; font-size: 12px;}
.text-hint {float: left; margin-bottom: 10px; font-size: 11px; font-weight: normal;}
.paragraph-header {width: 400px; font-size: 20px; margin: 50px 0 10px 0; padding: 0 0 5px 10px; border-left: 10px solid #D1D0D0; border-bottom: 1px dashed #999;}
.paragraph-header a {color: #CC561F;}
.paragraph-header a:hover {text-decoration: none;}
.payment-message {float: left; font-size: 14px; padding: 20px 0;}
.order-message {font-size: 13px; font-weight: bold; font-style: italic; padding: 20px 0;}
.order-message label {text-align: left!important; font-weight: normal; font-style: normal;}
.activities {width: 350px; height: 25px; margin: auto; padding-top: 35px; font-size: 20px; color: #666;}
.activity-link a {float: left; width: 220px; padding: 4px 7px; text-decoration: none; color: #3366CC;}
.activity-link a:hover {padding: 4px 7px; text-decoration: none; background-color: #EEEEEE;}
.activities-count {float: right; width: 70px; height: 25px; text-align: center; background-color: #EEEEEE; border: 1px solid #D3D3D3; font-weight: bold; margin-left: 30px; padding: 2px;}
#quote-date {float: left; width: 110px; height: 20px; margin-bottom: 15px;}
#ref-number {float: left; width: 100px; height: 20px; font-weight: bold; margin-bottom: 15px;}
#vehicles {float: left; width: 235px; height: 20px; margin-bottom: 15px;}
#route {float: left; width: 240px; height: 20px; margin-bottom: 15px;}
#quotes-content, #admin-login-content, #testimonials-edit, #testimonials-content, #login-content, #setting-content {float: left; width: 690px; margin-left: 17px; font-size: 12px; color: #333;}
#admin-content, #confirmation-content, #orders-content, #search-content {float: left; width: 690px; height: 100%; margin-left: 17px; font-size: 12px; color: #333;}
#contact-content, #company-content, #hawaii-content, #faqs-content {float: left; width: 690px; height: 100%; min-height: 550px; margin-left: 17px; font-size: 12px; color: #333;}
#quotes-list, #results-list {float: left;}

.socialmedia-fields {float: left; width: 294px; margin-right: 10px; border-right: 1px solid #D3D3D3;}
.socialmedia-fields input[type="submit"], .marketingsites-fields input[type="submit"], .marketingsites-links input[type="submit"] {font-size: 12px;}
.socialmedia-fields ul {list-style: none; margin: 0; padding: 0;}
.socialmedia-fields li {float: left; width: 340px; margin-bottom: 5px;}
.marketing-header {font-size: 20px; color: #333;}
.socialmedia-fields li label {float: left; width: 80px; text-align: right; margin-right: 5px; font-weight: normal; color: #666;}
.socialmedia-fields input[type="text"], .socialmedia-fields input[type="password"] {float: left; width: 150px; padding: 3px; font-size: 12px; border: 1px solid #D3D3D3;}
.socialmedia-fields input[type="text"]:focus, .socialmedia-fields input[type="password"]:focus, .marketingsites-list input:focus, .banners-container input[type="text"]:focus, .marketing-networks input[type="text"]:focus {border: 1px solid #0099FF; box-shadow: inset 0 0 2px 0 #0099FF;}
.marketingsites-fields {float: left; width: 340px; margin-left: 42px;}
.marketingsites-list {float: left; width: 338px; margin-top: 5px; overflow: auto; background: #fff; border: 1px solid #D3D3D3;}
.marketingsites-list ul {list-style: none; margin: 0; padding: 10px 0 0 0;}
.marketingsites-list li {float: left; width: 314px; margin: 0 10px 10px 10px; padding: 5px; background: #F1F1F1; border-radius: 3px;}
.marketingsites-list input {float: left; width: 250px; padding: 3px; font-size: 12px; border: 1px solid #D3D3D3;}
.marketingsites-list li a {float: right; line-height: 23px; margin-right: 10px;}
.marketingsites-list label {float: right; margin-left: 10px;}
.add-marketingsite, .add-banner {float: right;}
.update-marketing {float: left; width: 687px; margin: 20px 0; padding: 20px 0; text-align: center; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;}
.update-marketing input[type="submit"] {margin-left: 116px; font-size: 12px; font-weight: bold;}
.update-marketing a {float: right; line-height: 21px;}
.update-marketing a label {font-size: 16px; font-weight: bold;}
.banners-container {float: left; width: 687px; margin-bottom: 15px; padding-bottom: 15px;}
.banner_container {float: left; width: 687px; margin-bottom: 10px; padding-bottom: 15px; border-bottom: 4px solid #D3D3D3;}
.add-banner input {margin-bottom: -25px;}
.banner {float: left; width: 294px; margin-top: 10px; padding-right: 10px; border-right: 1px solid #D3D3D3;}
.banner-image {float: left; width: 290px; height: 270px; overflow: hidden; margin: 10px 0; padding: 1px; text-align: center; border: 1px solid #D3D3D3; background: #F1F1F1;}
.banner-image img {width: 290px; height: auto;}
.upload-banner, .banner-options, .company-site, .banner-buttons {float: left; width: 294px; margin-bottom: 10px;}
.upload-banner input[type="file"], .banner-buttons input[type="submit"] {font-size: 12px;}
.banner-buttons input[type="submit"] {font-weight: bold;}
.discount-amount label {font-size: 11px; color: #999;}
.banner-discount {float: right;}
.banner-discount input {width: 40px; padding: 3px; text-align: center; font-size: 13px; font-weight: bold; border: 1px solid #D3D3D3;}
.banner-discount label {margin-right: 5px; font-weight: normal; color: #666;}
.marketingsites-links {float: left; width: 372px; margin-top: 10px; padding-left: 10px;}
.banner-expiration label {margin-right: 5px; color: #666;}
.banner-expiration input {width: 100px; text-align: center;}
.marketing-subheaders {float: left; width: 372px; margin-bottom: 10px; padding-bottom: 3px; font-weight: bold; border-bottom: 1px solid #D3D3D3;}
.banner-clicks {float: left; width: 60px; margin-right: 10px;}
.banner-location {float: left; width: 200px;}
.banner-location input, .banner-location textarea {width: 200px;}
.link-options {float: left; width: 92px; margin-left: 10px;}
.banner-locations, .banner-links {float: left; width: 372px;}
.marketing-links {margin: 10px 0;}
.marketing-links label {margin-right: 5px; color: #666;}
.banner-links ul {list-style: none; margin: 0; padding: 0;}
.banner-links li {float: left; width: 372px; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #bbb;}
.banner-links .banner-clicks {text-align: center; font-size: 16px; font-weight: bold; color: #006400;}
.banner-buttons {padding-top: 10px; border-top: 1px solid #D3D3D3; text-align: center;}
.banner-offer {float: left; width: 220px; height: 220px; margin-bottom: 20px; padding: 1px; font-size: 16px; border: 1px solid #ccc;}
.banner-offer img {width: 220px; height: 220px;}
.marketing-networks {float: left; width: 687px; margin-left: 15px;}
.site-header {float: left; width: 687px; margin: 20px 0 10px 0; font-size: 12px; font-weight: bold;}
.marketing-networks ul {list-style: none; margin: 0; padding: 0;}
.marketing-networks li {float: left; width: 687px; margin-bottom: 10px;}
.marketing-networks label {float: left; width: 100px; line-height: 23px; margin-right: 5px; font-size: 12px; color: #666;}
.marketing-networks input[type="text"] {float: left; width: 520px; margin-right: 50px; padding: 3px; font-size: 12px; border: 1px solid #D3D3D3;}
#update-networks {float: left; width: 687px; margin: 20px 0; padding: 20px 0; text-align: center; border-top: 1px solid #D3D3D3; border-bottom: 1px solid #D3D3D3;}
#update-networks input[type="submit"] {font-size: 12px; font-weight: bold;}
.fb-revalidate {float: right; margin: -15px 0 5px 0; font-size: 14px;}
/* --------- form fields --------- */
.form-fields ul {float: left; width: 687px; list-style: none; margin: 0; padding: 0;}
.large-header {float: left; width: 687px; font-size: 20px; color: #333; margin-top: 17px;}
.small-header {float: left; width: 687px; margin-top: 20px; font-size: 11px;}
.medium-header {float: left; width: 687px; margin-top: 20px; font-size: 12px; font-weight: normal;}
.form-fields li {float: left; width: 687px; margin: 0 0 5px 15px; font-size: 13px; font-weight: bold; color: #333;}
.form-fields input[type="text"], .form-fields input[type="password"], .form-fields textarea {float: left; padding: 3px; font-size: 12px; border: 1px solid #D3D3D3;}
.form-fields textarea {resize: none; font-family: arial, sans-serif;}
.textarea-preview {overflow: hidden; resize: none; background: #F8F8F8; border: 1px solid #F8F8F8!important;}
.form-fields input[type="text"]:focus, .form-fields input[type="password"]:focus, .form-fields textarea:focus {border: 1px solid #0099FF; box-shadow: inset 0 0 2px 0 #0099FF;}
.form-fields textarea {width: 300px;}
.form-fields li label {float: left; width: 200px; text-align: right; margin-right: 5px; font-weight: normal; color: #666;}
.motorcycle-year {float: left;}
.motorcycle-weight label {float: left; width: 100px!important; margin: 0 5px 0 20px; font-weight: normal; color: #666;}
.motorcycle-weight input {width: 50px;}
select.shipping-terminals {width: 230px;}
.login-fields input[type="text"], .login-fields input[type="password"] {width: 200px;}
.print-form-fields {display: none;}
li.login-button {margin-left: 220px;}
.shipping-cost {padding: 5px 0; font-size: 16px; font-weight: bold; color: green;}
.shipping-cost input {color: green;}
.additional-value {text-align: right;}
.confirm-length {float: left; width: 450px; font-size: 12px; font-weight: normal;}
.status-header {float: left; font-size: 20px; color: #333; margin: 15px 0 15px 15px;}
.shipment-status {float: left; margin: 20px 0 0 15px; font-size: 12px; color: #666;}
.shipment-status input[type="checkbox"] {vertical-align: middle;}
.process-status {font-size: 11px; font-weight: normal; color: green;}
.sent-followups {font-size: 11px; font-weight: bold; color: #FF6600;}
.dashed-line {float: left; clear: both; width: 687px; border-bottom: 1px dashed #D3D3D3; margin: 4px 0;}
.instant-cost {font-size: 14px; color: green;}
.field-details {margin-left: 10px; font-size: 12px; font-weight: normal; color: #666;}
.process-button {margin-left: 130px;}
.search-box {float: left; width: 720px; text-align: center; font-size: 12px; margin: 35px 0 15px 0;}
.search-box img {width: 34px; height: 21px; vertical-align: top; margin-top: 0px;}
.search-box input {font-size: 13px; font-weight: bold;}
#ref-details {float: left; width: 211px; height: 20px; margin-bottom: 15px; font-weight: bold;}
.contact-name {font-size: 11px;}
.testimonial {float: left; width: 687px; height: 200px; margin: 10px 0;}
.testimonial a, .testimonial-post a {color: #444; text-shadow: 1px 1px 0 #fff; text-decoration: none;}
.testimonial a:hover, .testimonial-post a:hover {color: #fff; text-shadow: 1px 1px 0 #999;}
.testimonial img {float: left; width: 200px; height: 200px; margin-right: 7px;}
.testimonial-title {float: left; width: 478px; height: 20px; font-size: 16px; font-weight: bold; margin-bottom: 10px;}
.testimonial-details {float: left; width: 478px; height: 140px; margin-bottom: 10px;}
.testimonial-author {float: left; width: 478px; height: 20px;}
.testimonial-options {float: right; width: 170px; height: 20px;}
.testimonial-option {float: left; line-height: 19px; margin-left: 9px; padding: 0 5px; text-align: center; font-weight: bold; background: #fff; border: 1px solid #bbb; border-radius: 5px; box-shadow: inset 0 0 5px #ddd;}
.testimonial-option:hover, .testimonial-post a:hover {color: #fff; background: #bbb; border: 1px solid #666; box-shadow: inset 0 0 5px #666;}
.testimonial-posted {float: left; width: 40px; height: 19px; margin-left: 9px; background-color: white; text-align: center; font-weight: bold; border-left: 1px solid #D3D3D3; border-bottom: 1px solid #999;}
.testimonial-posted a {color: green;}
.testimonial-post a {float: right; line-height: 19px; margin-left: 9px; padding: 5px 10px; text-align: center; font-weight: bold; background: #fff; border: 1px solid #bbb; border-radius: 5px; box-shadow: inset 0 0 5px #ddd;}
#employee-name {float: left; width: 190px;}
#employee-username {float: left; width: 170px;}
#employee-password {float: left; width: 196px;}
#delete-employee {float: left; width: 120px;}
.california-zone {float: left; margin-left: 10px; font-size: 16px; font-weight: bold;}
.blocks {display: block; float: left; width: 800px; clear: both; margin-top: 20px;}
.block-one {float: left; width: 400px;}
.block-two {float: left; width: 400px;}
.block-three {display: block; float: left; width: 800px; clear: both;}
.block-three-button {display: block; float: left; width: 800px; clear: both; background-color: #333; margin-top: 20px; text-align: center; padding: 3px;}
.print-button {display: block; float: left; width: 680px; clear: both; background-color: #333; margin-top: 20px; text-align: center; padding: 3px;}
.regular-price {font-size: 11px; color: red;}
.motorcycle-paragraph {font-size: 16px; margin-top: -170px;}
.motorcycle-bg img {display: block; width: 150px; height: 110px; padding-top: 60px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.atv-paragraph {font-size: 16px; margin-top: -110px;}
.atv-bg img {display: block; width: 150px; height: 110px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.sportbike-paragraph {font-size: 16px; margin-top: -110px;}
.sportbike-bg img {display: block; width: 150px; height: 110px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.touring-paragraph {font-size: 16px; margin-top: -100px;}
.touring-bg img {display: block; width: 150px; height: 100px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.trike-paragraph {font-size: 16px; margin-top: -100px;}
.trike-bg img {display: block; width: 150px; height: 100px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.jetski-paragraph {font-size: 16px; margin-top: -90px;}
.jetski-bg img {display: block; width: 150px; height: 90px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.snowmobile-paragraph {font-size: 16px; margin-top: -90px;}
.snowmobile-bg img {display: block; width: 150px; height: 90px; margin: auto; filter:alpha(opacity=10); -moz-opacity:0.1; -khtml-opacity: 0.1; opacity: 0.1;}
.dolly {display: block; text-align: center; margin-top: 20px;}
.dolly img {width: 250px; height: 200px; border: 1px solid #E3E2E3;}
.motorcycle-loading {display: block; text-align: center; margin: 20px 0; font-size: 11px; color: #CC561F;}
.motorcycle-loading img {border: 1px solid #CC561F;}
.company-container, .alaska-container, .hawaii-container {float: left; width: 458px; height: 100%; min-height: 550px; background-image: url(../images/company-bg.gif); background-repeat: repeat-y; margin-top: 25px;}
.about-us, .about-hawaii, .about-alaska {float: left; width: 416px; margin: 25px 15px; text-align: justify; font-size: 14px; color: #333;}
.about-hawaii li, .about-alaska li {font-size: 12px; font-weight: bold; color: #483D8B;}
.company-highlight, .hawaii-highlight, .alaska-highlight {float: left; width: 197px; margin: 25px 0 0 17px;}
.company-highlight ul {margin-top: 25px; margin-left: -41px; padding-left: 41px;}
.company-highlight li {list-style-position: inside; margin-top: 10px; font-weight: bold; color: #483D8B;}
.company-line {float: left; clear: both; width: 719px; border-bottom: 1px solid #D3D3D3; margin-bottom: 19px;}
.hawaii-alaska-header {width: 400px; font-size: 24px; color: #CC561F; margin-bottom: 10px; padding: 0 0 5px 10px; border-left: 10px solid #D1D0D0; border-bottom: 1px dashed #999;}
.price-headline {font-size: 30px; font-weight: bold; font-style: italic; color: #000; text-align: center;}
.price-restrictions {display: block; text-align: center; margin-bottom: 20px; font-size: 10px; color: #CC561F;}
.size-restrictions {font-size: 10px; font-style: italic; margin-top: 10px;}
.faqs-intro {width: 621px; margin-top: 25px; font-size: 16px; font-style: italic; color: #FF4500;}
.faqs-container {float: left; width: 621px; background-image: url(../images/faqs-bg.gif); background-repeat: repeat-y; margin-top: 25px;}
.faqs-elements {float: left; width: 589px; margin: 10px 22px 10px 10px;}
.faqs-question {float: left; width: 589px; font-size: 18px; font-weight: bold; margin-bottom: 5px;}
.faqs-answer {float: left; width: 589px; text-align: justify; font-size: 13px; color: #333;}

/* ------------------------- Nav-Bar Start ------------------------- */
#nav-bar {display: block; float: left; clear: both; width: 660px; text-align: center; margin: 50px auto; font-size: 14px;}
#nav-bar a {color: #3366CC; font-weight: bold; text-decoration: none; padding: 2px 8px; margin: 2px; border: 1px solid #CCD1DD;}
.current-page {color: #fff; background-color: #3366CC; font-weight: bold; padding: 2px 8px; margin: 2px; border: 1px solid #CCD1DD;}

/* ------------------------- Auto Complete Start ------------------------- */
ul.autocompleter-choices {position: absolute; margin: 0; padding: 0; list-style: none; border: 1px solid #7c7c7c; border-left-color: #c3c3c3; border-right-color: #c3c3c3; border-bottom-color: #ddd; background-color: #fff; text-align: left; z-index: 50; background-color: #fff;}
ul.autocompleter-choices li {position: relative; margin: -2px 0 0 0; padding: 0.2em 1.5em 0.2em 1em; display: block; float: none !important; cursor: pointer; font-weight: normal; white-space: nowrap; font-size: 0.8em; line-height: 1.5em;}
ul.autocompleter-choices li.autocompleter-selected {background-color: #444; color: #fff;}
ul.autocompleter-choices span.autocompleter-queried {display: inline; float: none; font-weight: bold; margin: 0; padding: 0;}
ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried {color: #9FCFFF;}

.handcursor {cursor:hand; cursor:pointer;}

/* ------------------------- Bottom Content Start ------------------------- */
#bottom-table {width: 970px; margin: auto; background-color: #141213; border: 1px solid #2E2D2D; font-size: 12px; color: #AEAEAE;}
#bottom-cell {width: 970px; vertical-align: top;}
#bottom-cell  a:link, #bottom-cell  a:visited{color: #AEAEAE; font-weight: bold;}
#bottom-cell  a:hover{color: #fff;}
#col1, #col2, #col3 {float: left; width: 209px; text-align: left; padding: 15px; border-right: 1px solid #2E2D2D;}
.helpful-link{padding-bottom: 7px;}
#col2 img {margin: 22px 0 0 22px;}
.thumb-hint {font-size: 11px; color: #707774;}
#dhtmltooltip {position: absolute; left: -300px; width: 235px; height: 235px; border: 1px solid #707774; padding: 2px; background-color: #141213; visibility: hidden; z-index: 100;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden;}
#dhtmltooltip2 {position: absolute; left: -300px; width: 335px; height: 281px; border: 1px solid #707774; padding: 2px; background-color: #141213; visibility: hidden; z-index: 100;}
#dhtmlpointer2{position:absolute; left: -300px; z-index: 101; visibility: hidden;}
.col-header {font-size: 20px; color: #fff; padding-bottom: 15px;}
#col4 {float: left; width: 248px; color: #AEAEAE;}

/* DatePicker CALENDAR
   =============================================================== */
.ui-datepicker {width: 240px; height: auto; margin: 0 auto 0; font: 9pt Arial, sans-serif; -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5); background: #fff;}
.ui-datepicker a {text-decoration: none;}
/* DatePicker Table */
.ui-datepicker table {width: 100%;}
.ui-datepicker-header {background: url("../images/dark_leather.png") repeat 0 0 #000000; color: #e0e0e0; font-weight: bold; -webkit-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, 2); -moz-box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); box-shadow: inset 0px 1px 1px 0px rgba(250, 250, 250, .2); text-shadow: 1px -1px 0px #000000; filter: dropshadow(color=#000, offx=1, offy=-1); line-height: 30px; border-width: 1px 0 0 0; border-style: solid; border-color: #111;}
.ui-datepicker-title {text-align: center;}
.ui-datepicker-prev, .ui-datepicker-next {display: inline-block; width: 30px; height: 30px; text-align: center; cursor: pointer; background-image: url("../images/arrow.png"); background-repeat: no-repeat; line-height: 600%; overflow: hidden;}
.ui-datepicker-prev {float: left; background-position: center -30px;}
.ui-datepicker-next {float: right; background-position: center 0px;}
.ui-datepicker thead {background-color: #f7f7f7; background-image: -moz-linear-gradient(top,  #f7f7f7 0%, #f1f1f1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#f1f1f1)); background-image: -webkit-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: -o-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: -ms-linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background-image: linear-gradient(top,  #f7f7f7 0%,#f1f1f1 100%); background: linear-gradient(to bottom, #f7f7f7, #f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f7f7f7", endColorstr="#f1f1f1",GradientType=0 ); border-bottom: 1px solid #bbbbbb;}
.ui-datepicker th {text-transform: uppercase; font-size: 6pt; padding: 5px 0; color: #666666; text-shadow: 1px 0px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=0);}
.ui-datepicker tbody td {padding: 0; border-right: 1px solid #bbbbbb;}
.ui-datepicker tbody td:last-child {border-right: 0px;}
.ui-datepicker tbody tr {border-bottom: 1px solid #bbbbbb;}
.ui-datepicker tbody tr:last-child {border-bottom: 0px;}
.ui-datepicker td span, .ui-datepicker td a {display: inline-block; font-weight: bold; text-align: center; width: 30px; height: 30px; line-height: 30px; color: #666666; text-shadow: 1px 1px 0px #ffffff; filter: dropshadow(color=#ffffff, offx=1, offy=1);}
.ui-datepicker-calendar .ui-state-default {background: #ededed; background: -moz-linear-gradient(top,  #ededed 0%, #dedede 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(100%,#dedede)); background: -webkit-linear-gradient(top,  #ededed 0%,#dedede 100%); background: -o-linear-gradient(top,  #ededed 0%,#dedede 100%); background: -ms-linear-gradient(top,  #ededed 0%,#dedede 100%); background: linear-gradient(top,  #ededed 0%,#dedede 100%); background: linear-gradient(to bottom, #ededed, #dedede); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ededed", endColorstr="#dedede",GradientType=0 ); -webkit-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); -moz-box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5); box-shadow: inset 1px 1px 0px 0px rgba(250, 250, 250, .5);}
.ui-datepicker-calendar .ui-state-hover {background: #0000ff; color: #ffffff; text-shadow: none;}
.ui-datepicker-calendar .ui-state-active {background: #0099ff; -webkit-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); -moz-box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, .1); color: #e0e0e0; text-shadow: 0px 1px 0px #4d7a85; filter: dropshadow(color=#4d7a85, offx=0, offy=1); border: 1px solid #55838f; position: relative; margin: -1px;}
.ui-datepicker-unselectable .ui-state-default, .ui-datepicker-other-month {background: #f4f4f4; color: #b4b3b3;}

.js_needed_error {padding: 0 10px ; margin: 10px; background-color: #FFF; color: #F00; border: 2px solid #F00; clear:both;}
.shipping-option-hint {word-wrap: break-word; width: auto; float: none;}
.marketingsites-fields {margin-left: 0; width: auto;}
.marketingsites-list {width: auto;}
.update-networks {text-align:center; float:none; width:auto; display:block;}
.update-networks input[type="submit"] {float:none; width:180px; display:block; margin:0 auto;}

/* ------------------------- Footer Start ------------------------- */
#Footer {background: #19191B; font-weight: normal;}
.widget_text {color: #ffffff;}
.textwidget {color: #ABABAB;}
#footer-table {width: 974px; height: 73px; margin: auto; background-color: #2A2A2A; border: 1px solid #3F3F40; font-size: 12px; color: #AEAEAE;}
#footer-cell {vertical-align: middle; text-align: center; font-size: 12px; color: #707774;}
#footer-cell a:link, #footer-cell a:visited {color: #707774;}
#footer-cell a:hover {color: #fff;}
.js_needed_error {padding: 0 10px ; margin: 10px; background-color: #FFF; color: #F00; border: 2px solid #F00; clear:both;}
.shipping-option-hint {word-wrap: break-word; width: auto; float: none;}
.marketingsites-fields {margin-left: 0; width: auto;}
.marketingsites-list {width: auto;}
.update-networks { text-align:center; float:none; width:auto; display:block; }
.update-networks input[type="submit"] { float:none; width:180px; display:block; margin:0 auto; }
.footer_copy {float: left; width: 100%; line-height: 30px; margin-top: 30px; background: #0D0D0D;}
.copyright {padding-left: 10px; font-size: 14px; color: #cccccc;}