/*
 * Dark Blue: #185da4
 * Light Blue: #1b68b6
 */
a {color:#185da4;}

#header {background-color:#185da4;}
  #header #main-links {float:right; list-item-style:none; margin-top:5px;}
    #header #main-links li {padding:0 8px 0 0; margin:0; display:inline;}
      #header #main-links a {color:white; font-weight:bold;}
      
#company {background-color:white;}
  #company h1 { height:95px;}
    #company h1 a {float:left; height:95px; width:360px; background:url(/images/main/onlinelistings.png) left 50% no-repeat; color:transparent;}
  #company table {float:right; margin-top:20px;}
    #company th {font-weight:normal; font-size:12px; color:#333; padding-right:10px; text-align:left;}
    #company td {font-size:28px; color:#333; font-weight:bold; letter-spacing:-1px; vertical-align:middle;}


#headline {background:#1b68b6 url(/images/main/headline_bg.png) 0 0 repeat-x; padding:20px 0;}
  #headline #sell {padding-right:20px;}
  #headline #sell h1 {font-size:28px; line-height:28px; color:#eee;}
  #headline #sell h2 {text-align:center; font-size:20px; line-height:20px; padding:5px 0; color:#eee;}
  #headline #sell p {color:#eee; font-size:14px;}
  #headline #sell .button {text-align:center; padding-top:20px;}

#content {background:#fff url(/images/main/content_bg.png) 0 0 repeat-x; border-top:1px solid white; padding:20px 0;}
  #content h2 {height:48px; padding:8px 0 0 58px; background-position:0 0; background-repeat:no-repeat;}
  #content p {font-size:14px; padding-right:20px; height:80px;}
  #content #professional-website {background-image:url(/images/main/star.png);}
  #content #easy-to-use {background-image:url(/images/main/happy.png);}
  #content #custom-designs {background-image:url(/images/main/pencil_and_ruler.png);}
  #content #help {background-image:url(/images/main/buoy.png);}
  #content #pricing {background-image:url(/images/main/dollar.png);}

#pricing {}
  #pricing h1 em {font-size:14px;}
  #pricing #signup-help {background-color:#185da4; padding:10px 0; font-size:16px; color:#eee;}
  #pricing #content table {width:100%;}
    #pricing table#packages {margin-top:30px;}
    #pricing #packages td {padding:20px 10px 10px; width:180px;}
    #pricing #packages td#best {padding:0; width:210px; background-color:#fff4bf; border:1px solid #faeba2;}
      #pricing #packages td#best .package {height:330px; background-color:#fff4bf; border-width:0;}
      
    #pricing .image {width:135px; height:92px; margin:-85px 0 0 12px;; float:left; background-image:url(/images/main/plans.png);  background-repeat: no-repeat;}
    #pricing #free .image {background-position:0 0;}
    #pricing #starter .image {background-position:-135px 0;}
    #pricing #business .image {background-position:-270px 0; margin:-110px 0 0 25px;}
    #pricing #unlimited .image {background-position:-405px 0;}

    #pricing .package {text-align:center; background-color:#fff9db; padding:10px; height:320px; border:1px solid #fff4bf;}
      #pricing .package h1 {margin-bottom:5px;}
      #pricing .package li {margin:0; list-style-type:none;}
        #pricing .package .count {height:40px; text-align:center; font-size:16px;}
        #pricing .package .description {font-size:14px; height:80px;}
        #pricing .package .cost {font-family:"helvetica"; color:#333; font-weight:bold; list-style-type:none; font-size:48px; text-align:center; margin-left:-10px;}
          #pricing .cost sup {font-size:24px;}
          #pricing .cost small {font-size:14px;font-weight:normal;}

#features {}
  #features-headline {background-color:#185da4; padding:10px 0; font-size:16px; color:#eee;}
  #features dl#featured-items dd {margin-left:120px;}
  #features dl#featured-items dt {float:left; border:1px solid #ccc; margin:0 10px 10px 0; width:110px; height:100px; background:url(/images/main/features.jpg) 0 0 no-repeat;}
  #features #google-maps {background-position:0 0;}
  #features #dashboard-notifications {background-position:0 -100px!important;}
  #features #contacts {background-position:0 -200px!important;}
  #features #listing-types {background-position:0 -300px!important;}
  #features #free-evaluations {background-position:0 -400px!important;}
  #features #custom-design {background-position:0 -500px!important;}

#signup {}
  #signup #status {background-position:0 0; background-repeat:no-repeat; padding-left:20px; color:#333;}
  #signup .available {background-image:url(/images/icons/accept.png);}
  #signup .taken {background-image:url(/images/icons/stop.png);}

#footer {text-align:center; border-top:1px solid #ccc; padding-top:10px; margin-top:10px;}

/* Helpers */
.rounded {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}


/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
ul {list-style-type:disc;}
 
/* Positioning */
.grid_1 {width:80px;}
.grid_2 {width:160px;}
.grid_3 {width:240px;}
.grid_4 {width:320px;}
.grid_5 {width:400px;}
.grid_6 {width:480px;}
.grid_7 {width:560px;}
.grid_8 {width:640px;}
.grid_9 {width:720px;}
.grid_10 {width:800px;}
.column {margin:0; overflow:hidden; float:left; display:inline;}
.row {width:800px; margin:0 auto; overflow:hidden;}
.row .row {margin:0; width:auto; display:inline-block;}
 
/* Typography */
body{font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif}a:focus{outline:1px dotted invert}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:10px}
h1, h2, h3, h4, h5, h5{color:#333;}
h1 em, h2 em, h3 em, h4 em, h5 em, h6 em {font-size:80%; color:#666; font-weight:normal;}


/* Common */
body {padding-bottom:80px;}
img { -ms-interpolation-mode:bicubic; }
small {font-size:80%;}
em { font-size:11px; color:#999; font-weight:normal; }
textarea {font:13px/1.5 Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif!important;}
input[type=text], input[type=password], input.text, textarea {padding:1px; font-size:12px;}
fieldset {border-top:1px solid #ccc;}
  fieldset legend {padding:10px 5px 10px 0; font-weight:bold; font-size:120%;}
    fieldset legend em {color:#666; font-size:80%; font-style:normal; font-weight:normal; display:block;}

/* Tables */
table.data {width:100%;}
  table.data th {border-bottom:1px solid #ddd; text-align:left; padding:0 5px;}
  table.data tbody td {padding:5px; border-bottom:1px solid #eee; vertical-align:middle;}
    table.data td.action {width:10px; text-align:center;}
td img.photo {margin-bottom:-5px;}
td.photo {width:10px;}

table.details {width:100%;}
  table.details th {text-align:right; padding:2px 10px 2px 0; white-space:nowrap}
  table.details td {width:95%;}

table.form {width:100%;}
  table.form th {text-align:right; padding:10px 10px 2px 4px; white-space:nowrap}
  table.form th em {color:#666; font-size:80%; font-style:normal; font-weight:normal; display:block;}
  table.form td {width:95%; vertical-align:top; padding:6px 0;}
    table.form input[type=checkbox] {margin-top:8px;}
  table.form input[type=text], input[type=password], input.text, table.form textarea {border:1px solid #999; padding:4px;}
  table.form td em {color:#666; font-size:80%; font-style:normal;}
  table.form tr.active td, table.form tr.active th {background-color:#fffee0;}

.textilize {}
  .textilize h1, .textilize h2, .textilize h3, .textilize h4, .textilize h5, .textilize h6 { margin:10px 0 0;}
  .textilize h1 {font-size:22px;}
  .textilize h2 {font-size:20px;}
  .textilize h3 {font-size:18px;}
  .textilize h4 {font-size:16px;}
  .textilize h5 {font-size:14px;}
  .textilize h6 {font-size:12px;}
  .textilize em {font-size:100%!important; font-style:italic!important; color:#999!important;}
#textilize-preview {border:1px solid #ccc; background-color:#eee; padding:0 10px;}

.no-results {text-align:center;}
img.photo {border:1px solid #ccc;}
img.right {margin:0 0 10px 10px;}
img.left {margin:0 10px 10px 0;}

/* Helpers */
.buttons {border-top:1px solid #eee; margin-top:10px; padding-top:10px; text-align:center;}
.center, .center-text {text-align:center;}
.flash {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-width:0 0 1px; border-style:solid; padding:2px 0; margin-bottom:10px;}
.highlight {background-color:#FFFAC9;}
#errors {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-width:1px; border-style:solid; padding:10px; margin-bottom:10px;}
  .flash h2, #errors h2 {font-size:16px;}
  .error, #errors {border-color:#FFBEBE; background-color:#FFE6E6;} 
  .error {text-align:center;}
.success {display:none; border-color:#FFF58F; background-color:#FEFFBF; text-align:center;}
.tip, .notice {background-color:#FFFAC9; margin-bottom:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #ffeb8f; padding:10px;}
.fieldWithErrors input {border:2px solid #FFBEBE!important; background-color:#FFE6E6;} 
.important {font-size:130%; font-weight:bold; color:#222;}
.left {float:left;}
.right {float:right;}
.photo-left {float:left; border:1px solid #999;}
.photo-right {float:right; border:1px solid #999; clear:none;}
.photo-wrapper {position: relative; }
  .photo-wrapper .sold {position:absolute; top:0; left:0; z-index:1, background-color:transparent; border-width:0px!important;}
.rounded {border-radius:1px; -moz-border-radius:1px; -webkit-border-radius:1px; -o-border-radius:1px;}
.rounded-2 {border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -o-border-radius:2px;}
.rounded-4 {border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px;}