body {
    background: #464646 url(i/body-bg.gif) repeat-x top left;
}


h2 {
    font-size: 14px;
    margin-bottom: 7px;
}



p {
    line-height: 13px;
}
p a {
    font-weight: bold;
    color: #1b6ca3;
    text-decoration: none;
}
p a:hover {
    color: #eca22d;
}




#wrapper {
    margin-left: auto;
    margin-right: auto;

    width: 769px;
    background-color: #FFF;
}
#body {
    min-height: 350px;

    padding-bottom: 10px;
    background: transparent url(i/bottom-bg.gif) no-repeat bottom left;
}






/* BEGIN: header */
#header {
    height: 135px;
    background: #FFF url(i/header-bg.png) no-repeat top left;
}
#logo {
    display: block;
    width: 211px;
    padding-top: 20px;
    margin-left: 30px;
    text-decoration: none;
}
/* END: header */






/* BEGIN: footer */
#footer {
    clear: both;
    height: 100px;
    background: #186ba6 url(i/footer-line.gif) repeat-y;
    background-position: 250px 0;
}
#footer hr {
    display: none;
}
#copyright {
    color: #FFF;
    margin: 0;
    padding-left: 72px;
}
#developed {
    color: #FFF;
    margin: 0;
    padding-left: 72px;
}
#developed a {
    color: #FFF;
    font-weight: normal;
    text-decoration: none;
}
#developed a:hover {
    text-decoration: underline;
}
/* END: header */











#top-box {
    border: 1px solid #dadada;
    background: #FFF url(i/top-box-h.gif) repeat-x top left;
    margin: 14px;
    padding: 25px 15px 15px  15px;
}

#top-box .inner {
    background: transparent url(i/dots-v-a8a8a8.gif) repeat-y center top;
    padding-bottom: 15px;
}

#top-box .heading {
    width: 320px;
    color: #2078b6;
    font-family: arial;
    font-size: 18px;
    line-height: 22px;
    float: left;
    margin: 0;
}

.heading2 {
    color: #2078b6;
	font: 18px/22px arial;
    margin: 0;
}

#top-box .text {
    width: 300px;
    float: right;

    margin: 0;
    padding-right: 35px;
}


#bottom-box {
    clear: both;
    border: 1px solid #dadada;
    background: #FFF url(i/bottom-box-h.gif) repeat-x top left;
    margin: 14px;
    padding: 25px 0 0 0;
}
#bottom-box .inner {
    padding: 25px 15px 15px 15px;
    background: transparent url(i/bottom-box-h.gif) repeat-x bottom left;
}






.a-s {
    display: none;
}









/* BEGIN: image headers  */
h2.easily_accessible {
    width: 88px;
    height: 19px;
    background: #FFF url(i/texts/easily_accessible.gif) no-repeat top left;
    line-height: 100px;
    overflow: hidden;
}

h2.weather_or_not {
    width: 91px;
    height: 16px;
    background: #FFF url(i/texts/weather_or_not.gif) no-repeat top left;
    line-height: 100px;
    overflow: hidden;
}

h2.most_historic_corners {
    width: 129px;
    height: 35px;
    background: #FFF url(i/texts/most_historic_corners.gif) no-repeat top left;
    line-height: 100px;
    overflow: hidden;
}

h2.booking_prices {
    width: 88px;
    height: 17px;
    background: #FFF url(i/texts/booking_prices.gif) no-repeat top left;
    line-height: 100px;
    overflow: hidden;
}
/* END: image headers  */












/* BEGIN: main nav */
#nav {
    padding-top: 16px;
    padding-left: 30px;
}
#nav ul {
    margin: 0;
    padding: 0;
}
#nav li {
    float: left;
    height: 34px;
    list-style-type: none;
    padding: 0 2px 0 0px;
    margin-left: -1px;
    background: transparent url(i/nav-sp.gif) no-repeat top right;
    display: block;
}
#nav a {
    float: left;
    display: block;
    overflow: hidden;
    height: 34px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
#nav a:hover {
    background: transparent url(i/nav-hover.gif) repeat-x top left;
}
#nav li.current a {
    background: transparent url(i/nav-hover.gif) repeat-x top left;
    cursor: default;
}
#nav a u {
    line-height: 100px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 12px 6px 0 6px;
}

#nav .about u {
    background: transparent url(i/texts/nav-about.png) no-repeat;
    background-position: 50% 13px;
}
#nav .kayaking u {
    background: transparent url(i/texts/nav-kayaking.png) no-repeat;
    background-position: 50% 13px;
}
#nav .shop u {
    background: transparent url(i/texts/nav-shop.png) no-repeat;
    background-position: 50% 13px;
}
#nav .accommodation u {
    background: transparent url(i/texts/nav-accommodation.png) no-repeat;
    background-position: 50% 13px;
}
#nav .contact u {
    background: transparent url(i/texts/nav-contact.png) no-repeat;
    background-position: 50% 13px;
}
#nav .links u {
    background: transparent url(i/texts/nav-links.png) no-repeat;
    background-position: 50% 13px;
}
#nav .gallery u {
    background: transparent url(i/texts/nav-gallery.png) no-repeat;
    background-position: 50% 13px;
}
/* END: main nav */








#nav2 {
    width: 100%;
    float: left;
    clear: both;
    height: 25px;
    background: transparent url(i/nav2-bg.gif) repeat-x top left;
    margin-top: -2px;
}
#nav2 ul {
    margin: 0;
    padding: 0;
}
#nav2 li {
    float: left;
    height: 25px;
    list-style-type: none;
    padding: 0 1px 0 0px;
/*  margin-left: -1px;*/
    background: transparent url(i/nav2-sp.gif) no-repeat top right;
}
#nav2 a {
    float: left;
    display: block;
    overflow: hidden;
    height: 25px;
    color: #FFF;
    text-decoration: none;
    text-transform: uppercase;
}
#nav2 a u {
    display: block;
    overflow: hidden;
    text-decoration: none;
    padding: 6px 6px 0 6px;
}

#nav2 a:hover {
    background: transparent url(i/nav2-hover.gif) repeat-x top left;
}
#nav2 li.current a {
    background: transparent url(i/nav2-hover.gif) repeat-x top left;
    cursor: default;
}








#retail_cats {
}

#retail_cats .item {
    float: left;
    width: 174px;

    background: url(i/shop-item-middle.gif) repeat-y top left transparent;
}
#retail_cats a {
    text-decoration: none;
}
#retail_cats .B1 {
    background: url(i/shop-item-top.gif) no-repeat top left transparent;
    padding-top: 28px;
}

#retail_cats .B2 {
    background: url(i/shop-item-bottom.gif) no-repeat bottom left transparent;
    text-align: center;
}

#retail_cats .img {
    text-align: center;
    padding-bottom: 20px;
}

#retail_cats .name {
    text-align: center;
}
#retail_cats .name em {
    font-size: 14px;
    font-style: normal;
    text-align: center;
}










.retail-list .item {
    float: left;
    width: 174px;

    background: url(i/shop-item-middle.gif) repeat-y top left transparent;
}
.retail-list a {
    text-decoration: none;
}
.retail-list .B1 {
    background: url(i/shop-item-top.gif) no-repeat top left transparent;
    padding-top: 28px;
}
.retail-list .B2 {
    background: url(i/shop-item-bottom.gif) no-repeat bottom left transparent;
    text-align: center;
}
.retail-list .img {
    text-align: center;
    padding-bottom: 30px;
}
.retail-list .info {
    padding: 15px;

    padding-bottom: 35px;
    background: url(i/v-v.gif) repeat-x bottom left transparent;
}
.retail-list .info * {
    font-size: 11px;
    line-height: 18px;
}
.retail-list .features {
    padding-top: 10px;
    padding-bottom: 10px;
}










.retail-view .item {
    float: left;
    width: 174px;

    margin-left: -5px;

    background: url(i/shop-item-middle.gif) repeat-y top left transparent;
}
.retail-view a {
    text-decoration: none;
}
.retail-view .B1 {
    background: url(i/shop-item-top.gif) no-repeat top left transparent;
    padding-top: 28px;
}
.retail-view .B2 {
    background: url(i/shop-item-bottom.gif) no-repeat bottom left transparent;
    text-align: center;
}
.retail-view .img {
    text-align: center;
    padding-bottom: 30px;
}
.retail-view .info {
    padding: 15px;
}
.retail-view .info * {
    font-size: 11px;
    line-height: 18px;
}
.retail-view .btn-sp {
    height: 20px;
    background: transparent url(i/v-v.gif) repeat-x left center;
}







a.btn {
    display: block;
    float: left;
    width: 112px;
    height: 27px;
    background: url(i/btn.gif) no-repeat top left transparent;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}
a.btn u {
    text-decoration: none;
}



input.btn-wide {
    width: 181px;
    height: 26px;
    background: url(i/btn-big.gif) no-repeat top left transparent;
    border-width: 0;
    cursor: pointer;
    cursor: hand;
    padding-bottom: 1px;
}
input.btn, .btn_update {
    width: 112px;
    height: 27px;
    background: url(i/btn.gif) no-repeat top left transparent;
    border-width: 0;
    cursor: pointer;
    cursor: hand;
    padding-bottom: 2px;
}




a.btn2 {

    display: block;
    float: left;
    width: 165px;
    height: 26px;
    background: url(i/btn2.gif) no-repeat top left transparent;
    padding-top: 4px;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
}









.back {
    display: block;
    float: left;
    width: 18px;
    height: 18px;
    background: url(i/btn_prev_1.gif) no-repeat top left transparent;
    padding-left: 25px;
    text-align: center;
    text-decoration: none;
    line-height: 18px;
    font-size: 12px;
    color: #000;
}













.pager {
    padding-left: 8px;
    height: 31px;
}
.pager .next {
    display: block;
    width: 18px;
    height: 18px;
    background: url(i/btn_next_1.gif) no-repeat left top transparent;
}
.pager .prev {
    display: block;
    width: 18px;
    height: 18px;
    background: url(i/btn_prev_1.gif) no-repeat left top transparent;
}
.pager .next.last {
    background: url(i/btn_next_0.gif) no-repeat left top transparent;
    cursor: default;
}
.pager .prev.first {
    background: url(i/btn_prev_0.gif) no-repeat left top transparent;
    cursor: default;
}
.pager .next u {
    display: none;
}
.pager .prev u {
    display: none;
}
.pager span {
    padding-top: 2px;
    padding-left: 6px;
    padding-right: 6px;
    color: #999;
}
.pager * {
    float: left;
}

.pager .goto-page {
    float: right;
    width: 160px;
}
.pager .goto-page .go {
    width: 19px;
    height: 19px;
    border-width: 0;
    color: #FFF;
    background: url(i/btn_go.gif) no-repeat left top transparent;
}

.pager .goto-page span {
    display: block;
    float: left;
    padding-top: 3px;
}
.pager .goto-page .input {
    height: 13px;
    width: 20px;
    margin-right: 4px;
}
.pager .goto-page * {
    float: none;
}
.pager.top {
    padding-top: 7px;
    margin-bottom: 0;
}
.pager.bottom {
    padding-top: 7px;
    margin-bottom: 0;
    padding-bottom: 0;
}





















#nav-my {
    float: right;
    margin-top: -51px;
    padding-right: 20px;
}
#nav-my ul {
    margin: 0;
    padding: 0;
}
#nav-my li {
    list-style-type: none;
    float: left;
    border-right: 1px solid #FFF;
    padding-top: 2px;
    padding-bottom: 2px;
}
#nav-my a {
    display: block;
    float: left;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
    margin-left: 5px;
    margin-right: 5px;
}
#nav-my u {
    text-decoration: none;
}

#nav-my li.account {
    border-right-width: 0;
}
#nav-my li.login {
    border-right-width: 0;
}

#nav-my .login a {
    width: 24px;
    height: 8px;
    line-height: 100px;
    background: transparent url(i/texts/login.png) no-repeat left top;
    overflow: hidden;
}
#nav-my .logout a {
    width: 34px;
    height: 8px;
    line-height: 100px;
    background: transparent url(i/texts/logout.png) no-repeat left top;
    overflow: hidden;
}
#nav-my .account a {
    width: 52px;
    height: 8px;
    line-height: 100px;
    background: transparent url(i/texts/my_account.png) no-repeat left top;
    overflow: hidden;
}




#cart-short {
    clear: both;
    float: right;
    margin-top: -13px;
    margin-right: 30px;
    font-size: 12px;
}
#cart-short strong {
    diaplay: block;
    float: left;
    width: 96px;
    height: 9px;
    line-height: 100px;
    overflow: hidden;
    background: url(i/texts/cart-short.png) no-repeat left top transparent;
    margin-top: 1px;
    margin-right: 10px;
}








.section-auth h2 {
    color: #106eb1;
    font-weight: normal;
    font-size: 18px;
    padding-left: 7px;
}




.login .autologin {
    display: none;
}






.section-cart h2 {
    color: #106eb1;
    font-weight: normal;
    font-size: 18px;
    padding-left: 7px;
}
.section-cart #top-box .inner {
    background-image: none;
}



.section-auth h2 {
    color: #106eb1;
    font-weight: normal;
    font-size: 18px;
    padding-left: 7px;
}
.section-auth #top-box .inner {
    background-image: none;
}





.cart-steps {
    padding: 10px;
}
.cart-steps .spacer {
    display: none;
}

.cart-steps a {
}

.step-0, .step-1, .step-2, .step-3, .step-4, .step-0-current, .step-1-current, .step-2-current, .step-3-current, .step-4-current {
    float: left;
    display: block;
    height: 20px;
    padding-left: 25px;
    margin-right: 17px;
    line-height: 18px;
    color: #303030;
}


.step-0 {
    background: url(i/step-1-off.gif) no-repeat left center transparent;
}
.step-1 {
    background: url(i/step-2-off.gif) no-repeat left center transparent;
}
.step-2 {
    background: url(i/step-3-off.gif) no-repeat left center transparent;
}
.step-3 {
    background: url(i/step-4-off.gif) no-repeat left center transparent;
}
.step-4 {
    background: url(i/step-5-off.gif) no-repeat left center transparent;
}

.step-0-current {
    background: url(i/step-1-on.gif) no-repeat left center transparent;
}
.step-1-current {
    background: url(i/step-2-on.gif) no-repeat left center transparent;
}
.step-2-current {
    background: url(i/step-3-on.gif) no-repeat left center transparent;
}
.step-3-current {
    background: url(i/step-4-on.gif) no-repeat left center transparent;
}
.step-4-current {
    background: url(i/step-5-on.gif) no-repeat left center transparent;
}





.cart-items {
    padding: 10px;
}
.cart-items table {
    width: 100%;
    border-width: 0;
}
.cart-items td {
    border-width: 0;
    padding: 7px;
}
.cart-items th {
    border-width: 0;
    padding: 7px;
}
.cart-items a {
    color: #eca22d;
    text-decoration: none;
}
.cart-items a:hover {
    text-decoration: underline;
}










.cart-details {
    padding: 10px;
}
.cart-details table {
    width: 100%;
    border: 1px dashed #ababab;
    border-collapse: collapse;
}
.cart-details td {
    padding: 5px;
    border: 1px dashed #ababab;
    border-left-width: 0;
    border-right-width: 0;
}
.cart-details th {
    padding: 5px;
    border: 1px dashed #ababab;
    background: #f1f1f1;
    border-left-width: 0;
    border-right-width: 0;
}
.cart-details a {
    color: #c10000;
}



.cart-fees {
    padding: 10px;
}
.cart-fees table {
    border: 1px dashed #ababab;
    border-collapse: collapse;
}
.cart-fees td {
    padding: 5px;
    border: 1px dashed #ababab;
    border-left-width: 0;
    border-right-width: 0;
}
.cart-fees th {
    padding: 5px;
    border: 1px dashed #ababab;
    background: #f1f1f1;
    border-left-width: 0;
    border-right-width: 0;
}
.cart-fees a {
    color: #c10000;
}





.nav-policies {
    clear: both;
    padding-top: 120px;
    height: 1%;
    background: url(i/texts/callus-info.gif) no-repeat top left transparent;
}
.nav-policies ul {
    margin: 0;
    padding: 0;
}
.nav-policies li {
    float: left;
    list-style-type: none;

    border-right: 1px solid #eead46;
    margin-right: 10px;
    padding-right: 10px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.nav-policies li.last {
    border-right-width: 0;
}
.nav-policies a {
    display: block;
    float: left;
    font-size: 11px;
    color: #000;
}





#nav-auth {
    background: url(i/v-v1.gif) repeat-y top right transparent;
    margin-right: 30px;
}
#nav-auth ul {
    margin: 0;
    padding: 0;
}
#nav-auth li {
    list-style-type: none;
}
#nav-auth a {
    text-decoration: none;
}
#nav-auth a:hover {
    text-decoration: underline;
}
#nav-auth .current a {
    font-weight: bold;
}


.auth-left-col {
    width: 150px;
}
.auth-right-col {
}
.auth-right-col h3 {
    font-size: 16px;
}




#auth-reg {
}

#auth-reg .row {
    height: 30px;
}
#auth-reg strong {
    display: block;
    width: 120px;
    text-align: right;
    padding-top: 2px;
    margin-right: 10px;
    float: left;
    font-weight: normal;
}
#auth-reg div {
    float: left;
}

#auth-reg .btn {
margin-left: 107px;
}































#gallery {
}

#gallery .item {
    float: left;

    width: 175px;

    margin-right: 2px;
    margin-bottom: 20px;
}
#gallery .item .B1 {
    background: url(i/gal_bg_mid.jpg) repeat-y top left transparent;
}
#gallery .item .B2 {
    background: url(i/gal_bg_top.jpg) no-repeat top left transparent;
    padding-top: 30px;
}
#gallery .item .B3 {
    background: url(i/gal_bg_bottom.jpg) no-repeat bottom left transparent;
    text-align: center;
}
#gallery .item .img {
    height: 130px;
    text-align: center;
}
#gallery .item .name {
    text-align: center;
/*  height: 43px;*/
/*  margin-top: 6px;*/
    color: #054182;
    font-weight: bold;
}
#gallery .item .name em {
    display: block;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    font-style: normal;
}



.section-gallery #bottom-box {
    background-color: #fefefe;
}
.section-gallery #bottom-box .inner {
    padding-bottom: 180px;
    background: transparent url(i/texts/callus-info.gif) no-repeat bottom left;
background-position: 0 94%;
}



.home-flash {
    width: 769px;
    height: 227px;
    overflow: hidden;
    position: absolute;
    margin-top: -247px;
}
.home-flash * {
    display: inline;
}