*{
    font-family: Verdana;
}

#content_container{
    float: right; width: 600px;
}

#prevLink{
    float: left;
}

#nextLink{
    float: right;
}

.photoDescription{
    cursor: pointer; min-height: 20px; min-width: 100px;
}

.photoDescription:hover{
    background: #FFFFAA; border-radius: 5px;
}

body {
    padding: 0px; margin: 0px; overflow: auto !important;
}

body > div{
    margin: 0 auto 0 auto; width: 800px;
}

.searchLinks a, .searchLinks a:visited{
    text-decoration: none; color: blue;
}

.hourRow{
    padding: 8px;
}

.hourRow input[type=checkbox]{
    margin-top: 3px; float: left; margin-right: 5px;
}

.hourRow input[type=text]{
    width: 100px;
}

.hourRow:hover{
    background: #e0e0e0;
}

.searchLinks a:hover{
    text-decoration: underline; color: red;
}

#banner{
    height: 131px; background: #99cc66; box-shadow: 0px 0px 5px black;
    position: relative;
}

#banner > .container{
    padding: 20px 32px 32px 20px; font-size: 20pt; color: white;
}

#search{
    background: #232323;
    padding: 10px;
    color: white;
    font-size: 10pt;
    position: absolute;
    left: -1px;
    width: 782px;
    text-indent: 8px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

#search input[type=text], .inputBrown, .selectBrown{
    margin: 0px;
    height: 20px;
    padding: 3px;
    width: 520px;
    margin-left: 10px;
    background: #505050;
    color: white;
    border: 0px;
    font-family: Verdana;
    font-size: 10pt;
    border: 0px;
}

#search input[type=text]{
    width: 576px;
}

.form .tabs{
    
}

.form .tabs > ul li{
    float: left; padding: 12px 20px; background: #FFFCD6; color: white; border: solid #aaa 1px; border-bottom: none; margin-right: 5px; list-style: none;
}

.form .tabs .current{
    background: white;
}

.form .tabs ul > li a, .form .tabs li a:visited{
    text-decoration: none;
}

.form .tabs > ul li:hover a{
    text-decoration: underline;
}

.form .tabs > ul li a{
    border-radius: 5px;
    outline-color: transparent;
}​

.ui-state-focus{
    border: solid transparent 1px !important;
    margin-bottom: 0px !important;
}

.form .ui-state-focus{
    margin-bottom: -1px !important;
    border: solid #aaa 1px !important;
    border-bottom: 0px !important;
}

.ui-autocomplete{
    max-height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #666666; border: 0px;
    color: white !important;
}

.ui-menu-item{
    background: #666;
}

.ui-menu-item a{
    color: white; font-size: 8pt !important;
    margin: 0px !important;
}

.ui-state-focus{
    border: solid transparent 1px !important;
    margin-bottom: -1px !important;
}

.selectBrown{
    height: 30px;
    margin-left: 24px;
    border: solid #232323 1px;
    width: 529px;
}

#search input[type=text]:hover, #search input[type=text]:focus, .inputBrown:hover, .inputBrown:focus, .selectBrown:hover, .selectBrown:focus{
    background: #666666;
}

#search input[type=button], .submitBrown{
    padding: 5px 14px; background: #505050; border-radius: 4px; color: white;
    font-weight: bold; font-size: 10pt; border: 0px; cursor: pointer;
}

#search input[type=button]:hover, #search input[type=button]:focus, .submitBrown:hover, .submitBrown:focus{
    background: #666666;
}

#search input[type=button]:active{
    padding-left: 15px; padding-right: 13px;
}

.navigation{
    position: absolute;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    position: absolute; padding: 0px !important;
    top: 0px; font-size: 10pt !important; right: -1px;
}

.navigation .pos{
    position: relative;
    padding: 10px;
    padding: 8px 16px;
    background: #232323;
    color: white;
}

.navigation .pos:first-child{
    border-bottom-left-radius: 5px;
}

.navigation a, .navigation a:visited{
    color: #aaa;
    text-decoration: none;
    float: left;
    margin-left: 10px;
}

.navigation a:hover .pos{
    color: white;
    background: #383838;
}

#content{
    width: 800px;
    text-align: justify;
    position: relative;
}

h1{
    font-size: 16pt; color: #99cc66; font-weight: bold;
    margin-bottom: 20px;
}

#content h1:first-child{
    margin-top: 25px;
}

#content h2{
    font-size: 12pt; font-weight: bold; color: #99bb66;
}

#content p{
    text-indent: 30px;
    margin: 3px;
}

#content img.b{
    width: 600px; margin-left: 100px; margin-top: 20px; margin-bottom: 20px;
    border-radius: 20px;
}

#content img.r{
    width: 200px; height: 126px; float: left; border-radius: 10px;
}

#content img.leftR{
    margin-right: 48px;
    margin-left: 48px;
}

#content img.rightR{
    margin-left: 48px;
}

.left{
    float: left;
}

.loginForm{
    background: #99cc66;
    width: 800px;
    box-shadow: 0px 0px 5px black;
    text-align: center;
}

.loginForm .error{
    padding: 5px; color: #df0000; font-weight: bold; margin-bottom: -15px; padding-top: 5px;
    font-size: 10pt; text-align: center; width: 790px; background: #CCE8CC;
}

.loginForm > div{
    padding: 30px; width: 400px; margin: 0 auto 0 auto;
    text-align: left;
}

.loginForm .row{
    margin-top: 3px;
}

.loginForm .label{
    float: left;
}

.loginForm .input{
    float: right;
}

.loginForm .row input[type=text], .loginForm .row input[type=password]{
    width: 250px;
}

.loginForm .row input[type=submit]{
    float: right !important;
}

h3{
    font-size: 14pt; color: #99cc66; font-weight: bold; margin-bottom: 5px; margin-top: 5px;
}

div.offers{
    width: 800px;
}

div.offers > div{
    padding: 10px;
}

.more, .more:visited{
    float: right; text-decoration: none;
}

.more:hover{
    text-decoration: underline;
}

.even{
    background: #eee;
}

#footer{
    background: #99cc66;
    text-align: center;
    padding: 5px 0px;
    color: white;
    font-weight: bold;
    margin-top: 20px;
    font-size: 8pt;
    position: fixed;
    bottom: 0px;
    left: 0px; right: 0px;
}

.list{
    
}

.list .head{
    color: black !important;
}

.list > .row{
    color: #510000;
    cursor: pointer;
}

.list > .row:hover{
    background: #FFFCD6 !important;
}

.list .row{
    padding: 10px;
}

.list .row .col{
    float: left;
    text-align: left;
}

.rowHover:hover{
    background: #eee;
}

.size-200{
    width: 200px;
}

.size-40{
    width: 40px;
}

.size-240{
    width: 240px;
}

.size-245{
    width: 245px !important;
}

.size-300{
    width: 300px;
}

hr{
    border: none; border-top: solid #232323 1px;
    box-shadow: 0px 0px 2px black;
}

.form{
    
}

.row{
    padding: 3px;
}

.row .label{
    float: left;
    width: 200px;
    font-size: 12pt;
    height: 30px;
    padding-top: 6px;
}

.row input[type=text], input[type=email]{
    float: right;
}

.error{
    margin-bottom: 10px;
    color: #cc0000;
}

.result{
    padding: 10px;
}

.left-40-top-5{
    margin-top: 5px;
    margin-left: 40px;
}

ul li{
    list-style: square;
}

#transparent{
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0px; left: 0px;
    width: 100%; height: 100%;
    cursor: pointer;
}

.window{
    position: fixed;
    top: 30%;
    left: 50%;
}

.window .reCenter{
    background: white;
    padding: 20px;
    position: relative;
    left: -50%;
}

#sortable {width: 800px; }
#sortable li { float: left;}

#cityError{
    margin-left: 63px;
    float: left;
    margin-bottom: 5px;
}