/** reset **/
html {
    color: #444;
    background: #fff
    }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, 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, optgroup {
    font-style: inherit;
    font-weight: inherit
    }
del, ins {
    text-decoration: none
    }
li {
    list-style: none
    }
caption, th {
    text-align: left
    }
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
    }
q:before, q:after {
    content: ""
    }
abbr, acronym {
    border: 0;
    font-variant: normal
    }
sup {
    vertical-align: baseline
    }
sub {
    vertical-align: baseline
    }
legend {
    color: #000
    }
input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit
    }
/** common styles **/
body {
    height: 100%;
    background: #fff url(../img/shared/body-bg.jpg) 50% bottom no-repeat;
    font: 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, "Trebuchet MS", Arial, sans-serif;
    padding-bottom: 10px
    }
h1 {
    font-size: 30px
    }
h2 {
    font-size: 24px
    }
h3 {
    font-size: 26px;
    color: #7b0c0e;
    margin: 10px 0;
    font-variant: small-caps
    }
h3.sifr {
    margin: 0
    }
h4 {
    font-size: 16px;
    color: #7b0c0e
    }
h5 {
    font-size: 12px;
    color: #7b0c0e
    }
h6 {
    font-size: 10px;
    color: #999
    }
p {
    margin: 0.5em 0
    }
em {
    font-style: italic
    }
strong {
    font-weight: bold
    }
:focus {
    outline: none
    }
a:link, a:visited {
    text-decoration: none
    }
a:hover {
    text-decoration: underline
    }
a.pdf {
    padding: 2px 0 2px 18px;
    background: url(../img/shared/pdf_icon.png) 0 50% no-repeat
    }
#header {
    position: relative;
    z-index: 1000;
    /*background:url('../img/headers/rimini.jpg') 50% top no-repeat*/
    height: 169px;
    padding-top: 30px;
    border-bottom: 1px solid #fff
    }
#header div {
    position: relative;
    width: 960px;
    margin: 0 auto
    }
#header div h1 {
    clear: both;
    margin: 0 0 0 8px;
    float: left;
    display: inline
    }
#header div h2 {
    float: left;
    margin: 110px 0 0 -20px
    }
#header #top {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2px 0 3px 0;
    background: #90181b;
    opacity: 0.85;
    border-bottom: 1px solid #fff
    }
#header #top-contents {
    z-index: 100
    }
#header ul.menu {
    float: left
    }
#header ul.menu li {
    display: inline
    }
#header ul.menu li a {
    font-size: 11px;
    color: #fff;
    padding: 0 5px;
    border-right: 1px solid #fff
    }
#jflanguageselection {
    float: right;
    margin-right: 20px;
    width: auto
    }
#jflanguageselection li {
    display: inline
    }
#jflanguageselection li a {
    padding: 0 5px
    }
/** main menu **/
#nav {
    position: relative;
    z-index: 1000;
    height: 21px;
    background: #dbd6b0;
    padding: 5px 0;
    border-bottom: 1px solid #fff
    }
#nav div {
    width: 960px;
    margin: 0 auto
    }
#nav ul {
    padding-left: 10px;
    height: 26px
    }
#nav li {
    display: inline
    }
#nav li a {
    display: block;
    float: left;
    font: 14px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    line-height: 17px;
    color: #7f5d2c;
    margin-right: 30px;
    text-transform: uppercase
    }
#nav li a:hover, #nav li.active a {
    color: #90181b
    }
#nav a span {
    display: block;
    float: left;
    padding-bottom: 9px
    }
#nav li.active span {
    background: url(../img/shared/menu-arrow.gif) no-repeat scroll center bottom;
    color: #90181b
    }
/** slider hp **/
#sliderContainer {
    position: relative;
    margin-bottom: 20px;
    z-index: 100;
    width: 940px
    }
#sliderContainer a#sliderPrev {
    position: absolute;
    top: 120px;
    left: -10px;
    z-index: 500
    }
#sliderContainer a#sliderNext {
    position: absolute;
    top: 120px;
    right: -10px;
    z-index: 500
    }
#sliderContainer #sliderBottom {
    position: relative;
    height: 25px;
    background: url(../img/shared/slider-hp-bottom.jpg) bottom left no-repeat
    }
#sliderContainer #sliderBottom p {
    margin: 0;
    padding: 5px 0 0 15px;
    color: #a17d49;
    font-size: 11px
    }
#sliderContainer #sliderBottom a:hover {
    color: #7b0c0e
    }
#sliderContainer #sliderBottom a {
    color: #a17d49;
    font-weight: bold
    }
#sliderContainer #sliderBottom a#toggleSlider {
    position: absolute;
    top: 5px;
    right: 10px;
    padding-right: 20px;
    text-transform: uppercase
    }
.open #sliderBottom a#toggleSlider {
    background: url(../img/shared/slider-close.gif) center right no-repeat
    }
.closed #sliderBottom a#toggleSlider {
    background: url(../img/shared/slider-open.gif) center right no-repeat
    }
#sliderhp {
    height: 300px;
    overflow: hidden
    }
#sliderhp ul {
    width: 940px;
    height: 300px;
    overflow: hidden
    }
#sliderhp li {
    position: relative;
    width: 940px;
    height: 300px;
    float: left
    }
#sliderhp img.city-img {
    float: left;
    width: 540x
    }
#sliderhp div.city-details {
    position: relative;
    float: left;
    width: 335px;
    height: 265px;
    padding: 25px 40px 10px 25px;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    background: url(../img/shared/slider-hp-bg.jpg) top left no-repeat
    }
#sliderhp div.city-details h4 {
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 6px 0;
    height: 28px
    }
#sliderhp div.city-details h5 {
    color: #dbd6b0;
    font-size: 14px;
    font-style: italic;
    font-weight: normal
    }
#sliderhp div.city-details p {
    color: #fff;
    padding-right: 20px
    }
#sliderhp p.readmore {
    position: absolute;
    bottom: 15px;
    left: 20px
    }
#sliderhp p.readmore a {
    background: url(../img/shared/slider-hp-readmore.jpg) top left no-repeat;
    display: block;
    font: 12px;
    color: #7b0c0e;
    font-style: italic;
    width: 130px;
    height: 25px;
    padding: 9px 0 0 44px
    }
/** widget map **/
#widget iframe {
    display: block
    }
.closed {
    margin-top: -300px
    }
#widget #widgetMenu {
    position: relative;
    height: 25px;
    background: url(../img/shared/slider-hp-bottom.jpg) bottom left no-repeat
    }
#widget #widgetMenu p {
    margin: 0;
    padding: 5px 0 0 15px;
    color: #a17d49;
    font-size: 11px
    }
#widget #widgetMenu a:hover {
    color: #7b0c0e
    }
#widget #widgetMenu a {
    color: #a17d49;
    font-weight: bold
    }
#widget #widgetMenu a#toggleMap {
    position: absolute;
    top: 5px;
    right: 10px;
    padding-right: 20px;
    text-transform: uppercase
    }
.open #widgetMenu a#toggleMap {
    background: url(../img/shared/slider-close.gif) center right no-repeat
    }
.closed #widgetMenu a#toggleMap {
    background: url(../img/shared/slider-open.gif) center right no-repeat
    }
/** news hp **/
.sidebar-news {
    padding: 0 10px
    }
.sidebar-news h4 {
    margin: 15px 0 10px 0;
    color: #a17d49;
    font: 18px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase;
    padding: 4px 0 4px 45px;
    background: url(../img/shared/ico-news.jpg) top left no-repeat
    }
.sidebar-news ul li {
    display: block;
    margin: 15px 0
    }
.sidebar-news ul li img {
    float: left;
    border: 1px solid #a4814d;
    margin-right: 10px
    }
.sidebar-news ul p, .sidebar-news ul a {
    font: 11px Verdana;
    margin: 2px 0;
    color: #a17d49
    }
.sidebar-news ul p.date {
    margin: 0
    }
.sidebar-news ul li p.title {
    color: #7b0c0e
    }
.sidebar-news ul li p.newslink {
    text-align: right
    }
/** contenuti **/
#body {
    width: 940px;
    min-height: 650px;
    padding: 0 10px 20px 10px;
    margin: 0 auto
    }
#body .content {
    float: left;
    display: inline;
    width: 700px;
    margin-right: 20px;
    padding: 20px 0 40px 0;
    min-height: 500px
    }
#body .sidebar {
    float: left;
    display: inline;
    width: 220px
    }
#page a {
    color: #7b0c0e
    }
#page h5 {
    color: #444;
    font-size: 13px
    }
#page strong {
    color: #222
    }
#page ul li {
    list-style: disc inside
    }
/** sidebar **/
.sidebar {
    margin-top: 20px;
    padding-bottom: 20px;
    background: #dbd6b0 url(../img/shared/sidebar-bottom.gif) bottom left no-repeat
    }
.sidebar hr {
    clear: left;
    border: 0;
    border-top: 1px dashed #7b0c0e;
    width: 30%;
    margin: 15px auto
    }
.sidebar div.bannergroup {
    padding: 0 10px;
    margin: 20px 0
    }
.sidebar .banneritem {
    margin: 10px 0
    }
/** cerca **/
#search {
    background: url(../img/shared/sidebar-top.gif) top left no-repeat;
    padding: 65px 5px 0 5px;
    height: 30px
    }
#search input {
    float: left
    }
#search input#mod_search_searchword {
    border: 0;
    background: url(../img/shared/search-input-bg.gif) top left no-repeat;
    height: 18px;
    width: 150px;
    padding: 3px 9px 3px 4px;
    color: #fff
    }
/** menu sidebar **/
.menusub {
    margin: 0 10px
    }
.menusub li a {
    background: #d4cba4;
    margin-bottom: 1px;
    display: block;
    padding: 5px;
    text-transform: uppercase;
    color: #7f5d2c
    }
.menusub li a:hover {
    background: #a17d49;
    color: #d4cba4;
    text-decoration: none
    }
.menusub li.active a {
    background: #fff;
    color: #7b0c0e
    }
.menusub li.active ul {
    margin-left: 10px
    }
.menusub li.active ul li a {
    background: #eeebd1;
    text-transform: none;
    font-size: 11px;
    padding: 4px
    }
.menusub li.active ul li a:hover, .menusub li.active ul li.active a {
    text-decoration: underline
    }
/** rss sidebar **/
a.rss-link {
    display: block;
    margin: 8px 0 8px 12px;
    padding: 7px 0 7px 40px;
    font-size: 14px;
    color: #a17d49;
    background: url(../img/shared/feed.gif) left center no-repeat
    }
/** box curiosità **/
div.curiosita {
    float: left;
    margin: 20px 30px 0 0;
    width: 340px;
    background: #dbd6b0 url(../img/shared/curiosita-btm.gif) bottom left no-repeat;
    padding-bottom: 10px
    }
div.curiosita h4 {
    margin: 0;
    color: #a17d49;
    font: 19px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase;
    padding: 15px 0 4px 45px;
    background: url(../img/shared/curiosita-top.gif) top left no-repeat
    }
div.curiosita p {
    color: #a17d49;
    padding: 0 15px
    }
div.curiosita h5 {
    padding: 0 15px
    }
div.curiosita a {
    color: #a17d49
    }
/** eventi-pacchetti per città **/
div.cityrecords {
    float: left;
    width: 340px;
    margin: 20px 0
    }
div.offers {
    margin-right: 20px
    }
div.cityrecords h3.pacchetti {
    color: #7b0c0e;
    font: 19px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase;
    padding: 9px 0 4px 45px;
    background: url(../img/shared/ico-pacchetti.gif) top left no-repeat;
    margin: 5px 0 0 0
    }
div.cityrecords h3.eventi {
    color: #7b0c0e;
    font: 20px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase;
    padding: 8px 0 4px 45px;
    background: url(../img/shared/ico-eventi.gif) top left no-repeat;
    margin: 5px 0 0 0
    }
div.cityrecords a.viewAll {
    clear: left;
    display: block;
    margin-top: 10px;
    color: #7B0C0E;
    font-style: italic
    }
/** approfondimenti **/
div.related-articles {
    width: 330px;
    float: left;
    margin-top: 20px
    }
div.related-articles h4 {
    margin: 0;
    color: #7b0c0e;
    font: 19px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase;
    padding: 8px 0 8px 45px;
    background: url(../img/shared/ico-approfondimenti.gif) top left no-repeat
    }
div.related-articles ul {
    padding-left: 10px
    }
div.related-articles li {
    padding: 3px 0;
    list-style-image: url(../img/shared/approfondimenti-arrow.gif);
    list-style-position: inside
    }
div.related-articles li a {
    color: #a17d49;
    text-transform: uppercase
    }
/** gallerie immagini **/
div.gallery {
    position: relative;
    width: 680px;
    height: 310px;
    margin: 20px 0;
    padding: 0 10px 0 10px;
    background: url(../img/shared/gallery-bottom.gif) 10px bottom no-repeat
    }
div.gallery ul {
    position: relative;
    height: 255px;
    border: 2px solid #c4b387
    }
div.gallery ul li a img {
    display: none;
    position: absolute;
    top: 0;
    left: 0
    }
div.gallery a#galPrev {
    position: absolute;
    top: 100px;
    left: 0;
    z-index: 1000
    }
div.gallery a#galNext {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 1000
    }
div.gallery .info {
    padding: 10px 20px;
    color: #7b0c0e;
    font-style: italic
    }
/** pacchetti vacanza **/
.offer_abstract {
    clear: left;
    padding-top: 10px;
    height: 180px
    }
.offer_abstract h4 {
    margin-bottom: 0.8em
    }
.offer_abstract h4 a {
    color: #a17d49;
    font: 13px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS";
    text-transform: uppercase
    }
.offer_abstract img.offer_thumb {
    width: 144px;
    height: 74px;
    float: left;
    margin: 0 15px 5px 0;
    padding: 18px;
    background: url(../img/shared/frame-180.gif) top left no-repeat
    }
.offer_abstract p.readmore {
    margin-top: 15px
    }
.offer_abstract p.readmore a {
    padding: 6px 0 4px 35px;
    background: url(../img/shared/offer-readmore.jpg) left center no-repeat;
    color: #7b0c0e;
    font-style: italic
    }
.record-details {
    margin-top: 20px;
    padding-bottom: 10px
    }
.record-details a img.offer_thumb290 {
    border: 2px solid #7b0c0e;
    float: left;
    margin: 0 15px 5px 0
    }
.record-details p.contacts {
    margin: 10px 0 20px 0;
    clear: left;
    width: 260px;
    float: left;
    padding: 10px 0 6px 40px;
    background: url(../img/shared/offer-contacts.jpg) top left no-repeat
    }
.record-details p.contacts a, .record-details p.viewall a {
    color: #7b0c0e;
    font-style: italic;
    font-size: 12px
    }
.record-details p.viewall {
    margin: 10px 0 20px 0;
    float: right;
    text-align: right;
    padding: 10px 20px 6px 40px;
    background: url(../img/shared/ico-viewoffers.gif) top left no-repeat
    }
.offer_abstract .details p.where {
    margin-top: 20px
    }
.offer_abstract .details p span {
    color: #7b0c0e;
    text-transform: uppercase
    }
.record-details .details span.price {
    color: #7b0c0e;
    font-size: 14px
    }
.record-details .details span.price_notes {
    font-style: italic
    }
.record-details .offer-contacts {
    clear: left
    }
.record-details .record-where {
    clear: left;
    border-top: 1px dotted #7b0c0e;
    border-bottom: 1px dotted #7b0c0e;
    padding: 5px 0;
    margin: 5px 0
    }
.record-details .record-where p span {
    color: #7b0c0e;
    text-transform: uppercase
    }
.record-details .record-contacts {
    border-bottom: 1px dotted #7b0c0e
    }
.record-details .record-contacts h5 {
    font-size: 16px
    }
.record-details .record-contacts p.name {
    text-transform: uppercase;
    color: #7b0c0e
    }
.record-details a {
    color: #7b0c0e
    }
a.back {
    display: block;
    margin-top: 10px;
    color: #7b0c0e;
    font-weight: bold;
    padding-top: 20px;
    border-top: 1px dashed #333
    }
.related_contents {
    clear: both;
    margin-top: 20px
    }
/** form ricerca pacchetti **/
h4.search {
    text-transform: uppercase;
    margin: 10px 0 2px 0;
    padding-left: 10px
    }
form.offer_search {
    padding: 0 10px
    }
form.offer_search fieldset {
    padding: 8px 0
    }
form.offer_search input {
    border: 0;
    background: url(../img/shared/sidebar-input-bg.gif) top left no-repeat;
    padding: 3px 10px;
    width: 185px;
    color: #fff
    }
form.offer_search input.submit {
    display: block;
    width: 130px;
    margin: 10px auto;
    text-align: center;
    background: url(../img/shared/sidebar-submit.jpg) top left no-repeat;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 0
    }
/** stylish select **/
ul.newList * {
    margin: 0;
    padding: 0
    }
ul.newList {
    margin: 0 0 0 10px;
    padding: 0;
    list-style: none;
    color: #fff;
    width: 185px;
    background: #c0b58f;
    position: absolute;
    border: 0;
    top: 22px;
    left: 10px;
    overflow: auto;
    z-index: 9999
    }
.newListSelected {
    width: 180px;
    color: #000;
    height: 17px;
    padding: 3px 11px;
    float: left;
    background: url(../img/shared/select-bg.gif) no-repeat
    }
.newListSelected span {
    width: 185px;
    display: block
    }
ul.newList li {
    padding: 3px 8px
    }
.selectedTxt {
    width: 160px;
    overflow: hidden;
    height: 16px;
    padding: 0 23px 0 0;
    color: #fff
    }
.hiLite {
    background: #7b0c0e !important;
    color: #fff !important
    }
.newListHover {
    background: #7b0c0e !important;
    color: #fff !important;
    cursor: default
    }
.newListOptionTitle {
    font-weight: bold
    }
.newListOptionTitle ul {
    margin: 3px 0 0
    }
.newListOptionTitle li {
    font-weight: normal;
    border-left: 1px solid #ccc
    }
/** form richiesta informazioni **/
/*div#form-request {display:none}*/
/** form visit **/
#formvisit h4 {
    text-transform: uppercase;
    margin: 10px 0 2px 0;
    padding-left: 10px
    }
#formvisit form {
    padding: 0 10px
    }
#formvisit form fieldset {
    padding: 8px 0
    }
#formvisit form fieldset legend {
    padding-left: 3px;
    color: #7B0C0E
    }
#formvisit form input {
    border: 0;
    background: url(../img/shared/sidebar-input-bg.gif) top left no-repeat;
    padding: 3px 10px;
    width: 185px;
    color: #fff
    }
#formvisit form input.submit {
    display: block;
    width: 130px;
    margin: 10px auto;
    text-align: center;
    background: url(../img/shared/sidebar-submit.jpg) top left no-repeat;
    text-transform: uppercase;
    font-size: 13px;
    padding: 5px 0
    }
#formvisit form input.quando {
    margin-bottom: 10px
    }
/**pagina ricerca**/
div#search-results .results ol.list li {
    padding: 10px 0;
    border-bottom: 1px dashed #7b0c0e
    }
div#search-results .results ol.list li h4 a {
    font-size: 14px
    }
div#search-results .results ol.list li p.category {
    color: #000
    }
div#search-results .results span.highlight {
    font-weight: bold
    }
div#search-results .results p.readmore {
    text-align: right
    }
/** pagine soci **/
div.socio {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px dashed #7b0c0e
    }
div.socio h4 a, div.socio p {
    color: #7b0c0e
    }
div.socio div.socio_info {
    display: none
    }
/** pagination **/
div.list-footer {
    clear: left;
    padding-top: 10px
    }
ul.pagination {
    margin-top: 20px
    }
ul.pagination li {
    float: left;
    display: inline;
    margin: 0 5px 0 0;
    display: block
    }
ul.pagination li a, ul.pagination li a {
    color: #000;
    font-size: 11px;
    padding: 2px 4px;
    border: 1px solid #000;
    text-decoration: none;
    float: left;
    background: #fff
    }
ul.pagination li a:hover, ul.pagination li.active a, ul.pagination li a:hover, ul.pagination li.active a {
    color: #fff;
    background: #7b0c0e;
    border: 1px solid #000
    }
div.counter {
    clear: left
    }
/** footer **/
#footer {
    clear: left;
    text-align: center;
    color: #fff
    }
#footer li {
    display: inline
    }
#footer li a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 0 6px;
    border-right: 1px solid #fff;
    font: 11px "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS"
    }
#footer li a:hover {
    text-decoration: underline
    }
#footer li.item8 a {
    border: none
    }
/** OVERLAY FORM  **/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    z-index: 5000
    }
.formHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 600px;
    padding: 10px;
    display: none;
    z-index: 9999
    }
.formHolder a#closeLayer {
    position: absolute;
    top: 0;
    left: 0
    }
#body .formHolder .content {
    background: #fff;
    border: 2px solid #000;
    width: 540px;
    padding: 30px
    }
.formHolder h2 {
    margin: 5px 0 10px 0;
    font-size: 14px;
    font-weight: bold;
    color: #7B0C0E;
    border-bottom: 1px solid #7B0C0E
    }
.formHolder ol {
    width: 100%;
    margin: 0
    }
.formHolder ol li {
    padding: 5px 0;
    margin: 3px 0
    }
.formHolder ol li label {
    display: block;
    float: left;
    width: 130px
    }
.formHolder form label.error {
    color: #e30000
    }
.formHolder form input {
    width: 390px
    }
.formHolder form input.name {
    width: 335px
    }
.formHolder li.narrow {
    display: inline;
    float: left;
    width: 180px
    }
.formHolder li.narrow input {
    width: 160px
    }
.formHolder textarea {
    width: 520px;
    height: 60px;
    border: 1px solid #999;
    padding: 2px
    }
.formHolder li.privacy {
    font-size: 10px
    }
.formHolder li.privacy p {
    margin: 5px 0
    }
.formHolder li.privacy p a {
    color: blue
    }
.formHolder li.privacy input {
    width: auto;
    margin-right: 5px
    }
.formHolder li.privacy label#privacy {
    float: none;
    display: inline;
    width: auto
    }
.formHolder li.submit {
    text-align: center;
    padding-top: 10px;
    position: relative
    }
.formHolder li.submit input {
    width: auto
    }
.formHolder li.submit #formLoader {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -8px;
    display: none
    }
.formHolder p.confirm {
    margin: 0
    }
.formHolder li.comment {
    display: none
    }
/** form Cycler **/
h2.cycler {
    color: #7b0c0e
    }
form.cycler ol li {
    height: 32px;
    display: block
    }
form.cycler ol li.submit {
    clear: left;
    padding-top: 20px
    }
form.cycler label {
    clear: left;
    float: left;
    display: inline;
    width: 150px;
    color: #000;
    font-size: 12px;
    padding: 6px 0
    }
form.cycler input.inputbox {
    float: left;
    display: inline;
    border: 1px solid #7b0c0e;
    width: 320px;
    padding: 3px;
    background: url(../img/shared/search-bg.gif) top left repeat-x;
    margin: 3px 0 0 0
    }
form.cycler textarea {
    float: left;
    display: inline;
    border: 1px solid #5FBFCC;
    width: 320px;
    height: 100px;
    margin: 3px 0 0 0;
    padding: 2px 3px;
    background: #faf8f9
    }
form.cycler select {
    float: left;
    border: 1px solid #7b0c0e
    }
form.cycler li.error input.inputbox, .form.cycler select.error {
    border: 1px solid red
    }
form.cycler li.error #contact_location {
    color: red
    }
form.cycler input.button {
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    color: #333;
    font-size: 12px;
    text-align: center;
    cursor: pointer
    }
form.cycler ol li.privacy {
    height: auto;
    padding: 20px 0 0
    }
ul#location {
    clear: left
    }
ul#location li {
    float: left;
    height: auto;
    width: 98px
    }
ul#location li label {
    float: none
    }
div.alert {
    padding: 10px 10px 10px 90px;
    margin: 20px 0;
    color: #c00;
    font-size: 90%;
    border-top: 3px solid #fe7b7a;
    border-bottom: 3px solid #fe7b7a;
    background: #fcc url(../img/shared/status-alert.png) 35px 50% no-repeat
    }
#content div.alert h3 {
    color: #C00;
    font-size: 12px
    }
ul.cycle li {
    display: block;
    padding: 2px 0
    }
ul.cycle a {
    margin: 2px 0;
    color: #000
    }
/* SLIMBOX */
#lbOverlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    cursor: pointer
    }
#lbCenter, #lbBottomContainer {
    position: absolute;
    z-index: 9999;
    overflow: hidden;
    background-color: #fff
    }
.lbLoading {
    background: #fff url(../img/shared/slimbox/loading.gif) no-repeat center
    }
#lbImage {
    position: absolute;
    left: 0;
    top: 0;
    border: 10px solid #fff;
    background-repeat: no-repeat
    }
#lbPrevLink, #lbNextLink {
    display: block;
    position: absolute;
    top: 0;
    width: 50%;
    outline: none
    }
#lbPrevLink {
    left: 0
    }
#lbPrevLink:hover {
    background: transparent url(../img/shared/slimbox/prevlabel.gif) no-repeat 0 15%
    }
#lbNextLink {
    right: 0
    }
#lbNextLink:hover {
    background: transparent url(../img/shared/slimbox/nextlabel.gif) no-repeat 100% 15%
    }
#lbBottom {
    font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
    font-size: 10px;
    color: #666;
    line-height: 1.4em;
    text-align: left;
    border: 10px solid #fff;
    border-top-style: none
    }
#lbCloseLink {
    display: block;
    float: right;
    width: 66px;
    height: 22px;
    background: transparent url(../img/shared/slimbox/closelabel.gif) no-repeat center;
    margin: 5px 0;
    outline: none
    }
#lbCaption, #lbNumber {
    margin-right: 71px
    }
#lbCaption {
    font-weight: bold
    }
/**SIFR**/
@media screen {
    .sIFR-flash {
        visibility: visible !important;
        margin: 0;
        padding: 0
        }
    .sIFR-replaced, .sIFR-ignore {
        visibility: visible !important
        }
    .sIFR-alternate {
        position: absolute;
        left: 0;
        top: 0;
        width: 0;
        height: 0;
        display: block;
        overflow: hidden
        }
    .sIFR-replaced div.sIFR-fixfocus {
        margin: 0;
        padding: 0;
        overflow: auto;
        letter-spacing: 0;
        float: none
        }
    }
@media print {
    .sIFR-flash {
        display: none !important;
        height: 0;
        width: 0;
        position: absolute;
        overflow: hidden
        }
    .sIFR-alternate {
        visibility: visible !important;
        display: block !important;
        position: static !important;
        left: auto !important;
        top: auto !important;
        width: auto !important;
        height: auto !important
        }
    }
/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
    /* Example:
      .sIFR-active h1 {
        font-family: Verdana;
        visibility: hidden;
      }
      */
    }
/** date Picker **/
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px
    }
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px
    }
table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center
    }
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa
    }
table.jCalendar td.today {
    background: #666;
    color: #fff
    }
table.jCalendar td.selected {
    background: #f66;
    color: #fff
    }
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff
    }
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000
    }
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff
    }
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888
    }
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888
    }
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em
    }
div#dp-popup {
    position: absolute;
    z-index: 6000
    }
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0
    }
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block
    }
a#dp-close:hover {
    text-decoration: underline
    }
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0
    }
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px
    }
div.dp-popup div.dp-nav-prev a {
    float: left
    }
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer
    }
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default
    }
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px
    }
div.dp-popup div.dp-nav-next a {
    float: right
    }
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa
    }
div.dp-popup td {
    cursor: pointer
    }
div.dp-popup td.disabled {
    cursor: default
    }