/*  
Theme Name: Diani Beach
Version: 1.0
Author: Dennis Nissle
Author URI: http://www.iwebix.de
*/

/* ----------- General Styles ----------- */


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, sub, sup, 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 {
font-size: 12px;
background: #fbfbfb url(images/bg_top_repeat.png) repeat-x center top;
font-family: Arial, Helvetica,sans-serif;
color: #646464;
}

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;
}

p {
line-height: 22px;
padding-bottom: 10px;
}

h1, h2, h3, h4, h5, h6, legend {

}

blockquote {
color: #CCC;
font-size: 11px;
font-style: italic;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

fieldset, img {
border: 0;
}

caption, th {
text-align: left;
}

q:before, q:after {
content: '';
}

abbr {
border:0;
}

/* ----------- Wrapper Styles ----------- */


#wrapper {
width: 1024px;
margin: 0px auto;
margin-top: 0px !important;
}

#wrapper_bg {
background: transparent url(images/bg_top.jpg) no-repeat top center;
min-height: 591px;
width: 1024px;
}

#wrapper_content, .wrapper {
width: 958px;
margin: 0px auto;
}

/* ----------- Color / Link Styles ----------- */

a {
color: #6a566c;
text-decoration: none;
}

a:hover {
color: #6a566c;
text-decoration: none;
}

a:visited {
color: #6a566c;
text-decoration: none;
}

/* ----------- Heading Styles ----------- */

h1, h2, h3, h4, h5 {
font-family: Georgia;
font-size: 17px;
margin-bottom: 10px;
font-weight: normal;
}

h1 {
text-transform: uppercase;
color: #878287;
}

.lightĘ{
color: #645865 !important;
}

/* ----------- BTN Styles ----------- */

.btn_wrapper {
float: left;
width: auto;
}

.btn {
}

.btn_wrapper .btn_left {
float: left;
width: 6px;
height: 29px;
background: transparent url(images/btn_left.png);
}

.btn_wrapper .btn_repeat {
float: left;
height: 29px;
border: none !important;
background-color: transparent !important;
background: transparent url(images/btn_repeat.png) repeat-x;
padding: 0px 10px;
margin: 0px !important;
text-align: center;
color: #FFF;
font-family: Georgia;
font-size: 11px;
text-transform: uppercase;
font-weight: normal;
padding-top: 8px;
}

.btn_wrapper button {
padding-bottom: 15px !important;
cursor: pointer !important;
}

.btn_wrapper .btn_right {
float: left;
width: 5px;
height: 29px;
background: transparent url(images/btn_right.png);
}

.right {
float: right;
}

.header_overlay {
float: left;
}

.header_overlay .header_overlay_left {
float: left;
width: 5px;
height: 42px;
background: transparent url(images/header_overlay_left.png);
}

.header_overlay .header_overlay_right {
float: left;
width: 5px;
height: 42px;
background: transparent url(images/header_overlay_right.png);
}

.header_overlay .header_overlay_repeat {
float: left;
height: 42px;
background: transparent url(images/header_overlay_repeat.png) repeat-x;
padding: 0px 15px;
text-align: center;
padding-top: 10px;
}

/* ----------- Header Styles ----------- */

#header {
float: left;
width: 958px;
margin-top: 15px;
border-bottom: 1px solid #606060;
padding-bottom: 5px;
position: relative;
}

#header #logo a {
float: left;
width: 262px;
height: 134px;
background: url(images/logo.png) no-repeat left center;
}

#header #flags {
float: right;
position: relative;
}

#header #flags ul {
list-style: none;
float: left;
width: 70px;
}

#header #flags ul li a {
float: left;
width: 24px;
height: 20px;
margin-right: 10px;
}

#header #flags ul li.flag_de a {
background: url(images/flag_de.png) no-repeat left center;
}

#header #flags ul li.flag_en a {
background: url(images/flag_uk.png) no-repeat left center;
}

#menu {
float: left;
width: 580px;
margin-top: 118px;
position: absolute;
right: 0px;
}

#nav {
float: left;
width: 580px;
list-style: none;
}

#nav li {
float: left;
list-style: none;
position: relative;
}

#nav li a {
float: left;
padding-bottom: 8px;
padding-left: 15px;
text-transform: uppercase;
padding-right: 15px;
color: #3b3b3b;
position: relative;
font-family: Georgia;
}

#nav li a:hover, #nav li a.hover {
color: #554955;
}

#nav li.current_page_item a, #nav li.current-menu-parent a, #nav li.current-menu-item a {
color: #554955;
font-weight: bold;
}

#nav li ul {
position: absolute;
float: left;
top: 22px;
background: transparent url(images/bg_nav_repeat.png) repeat;
padding: 10px;
padding-left: 0px;
padding-bottom: 0px;
min-width: 190px;
border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
display: none;
z-index: 9999;
}

#nav li ul li a {
font-weight: normal !important;
font-size: 11px;
padding-bottom: 12px;
color: #e4dfe3 !important;
display: block;
clear: both;
min-width: 150px;
}

#nav li ul li a:hover {
color: #000000 !important;
}

/* ----------- Round Corner Styles ----------- */

.round_corner {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
behavior: url(images/border-radius.htc);
}

/* ----------- Divider Styles ----------- */

.heading_divider {
background: transparent url(images/slideshow_reflect.png) no-repeat left center;
width: 958px;
height: 71px;
float: left;
margin-top: 5px;
padding-top: 30px;
}

.heading_divider .center_div {
float: left;
margin-left: 55px;
}

.heading_divider .center_div h1 {
float: left;
}

.heading_front {
text-align: center !important;
}

.heading_divider .center_div .stars {
margin-left: 25px;
margin-top: 2px;
}

.center_right {
float: right;
width: 250px;
position: relative;
top: -5px;
right: 20px;
}

.heading_divider .center_right .price {
float: left;
font-family: Georgia;
color: #9a969a;
font-size: 12px;
padding-top: 6px;
}

.left {
float: left;
}

.heading_divider .center_right .btn {
margin-left: 15px;
}

/* ----------- Slideshow Styles ----------- */

#main_slideshow {
float: left;
width: 958px;
height: 430px;
position: relative;
}

.slideshow ul {
list-style: none;
}

#slideshow {
float: left;
width: 958px;
height: 430px;
position: relative;
}

#slideshow #slideshow_img {
list-style: none;
float: left;
width: 958px;
height: 430px;
}

#slideshow #slideshow_img li {
float: left;
width: 958px;
height: 430px;
}

#slideshow_overlay {
position: absolute;
float: left;
width: 928px;
padding: 0px 15px;
height: 108px;
background: transparent url(images/slideshow_overlay.png) no-repeat left center;
z-index: 9999;
bottom: 0px;
}

#slideshow_nav {
list-style: none;
}

#slideshow_nav li {
display: none;
}

#slideshow_nav li.activeSlide {
display: block !important;
}

.slideshow_desc {
color: #cac8cb;
float: left;
width: 350px;
margin-top: 15px;
}

.slideshow_desc h4 {
color: #cac8cb;
font-size: 18px;
margin-bottom: 5px;
}

.overlay_buttons {
float: left;
width:550px;
margin-top: 42px;
}

.overlay_buttons .overlay_button {
float: left;
width: 150px;
margin-right: 20px;
}

.overlay_buttons .overlay_button_text {
float: left;
width: 80px;
padding-top: 13px;
margin-left: 15px;
}

.overlay_buttons .overlay_button_text a {
font-family: Georgia;
color: #FFF;
text-transform: uppercase;
line-height: 17px;
}

/* Detail Slideshow */

.slideshow_detail_nav {
position: absolute;
bottom: 20px;
width: 350px;
right: 20px;
padding: 15px;
background: transparent url(images/bg_nav_repeat.png) repeat;
color: #FFF !important;
z-index: 9999;
}

/* ----------- Icon Styles ----------- */

.icon_overlay {
float: left;
width: 44px;
height: 43px;
background: transparent url(images/icon_bg.png) no-repeat left center;
text-align: center;
padding-top: 18px;
}

.icon_pointer {
background: transparent url(images/icon_pointer.png) no-repeat left center;
padding-left: 20px;
}

/* ----------- Content Styles ----------- */

#content {
float: left;
width: 958px;
margin-top: 20px;
}

.content {
float: left;
margin-top: 10px;
}

.content_divider {
border-top: 1px solid #CCC;
padding-top: 25px;
}

.content_fullsize {
float: left;
width: 958px;
}

.content h3 {
text-transform: uppercase;
color: #1d1d1d;
font-size: 15px;
margin-bottom: 20px;
}

.last_right {
margin-right: 0px !important;
}

/* ----------- Item Listing ----------- */

.item_single {
float: left;
width: 412px;
margin-right: 134px;
}

.item_content {
float: left;
padding-top: 15px;
margin-top: 5px;
padding: 15px 15px;
position: relative;
}

.item_content h4 {
float: left;
width: 100%;
text-transform: uppercase;
font-size: 14px;
}

.item_reflect {
float: left;
background: transparent url(images/reflect_item_listing.jpg) no-repeat left top;
width: 382px;
}

.item_desc {
float: left;
margin-top: 12px;
}

/* ----------- Detail Styles ----------- */

.detail_content {
float: left;
width: 958px;
margin-bottom: 15px;
}

.detail_content .detail_description {
float: left;
width: 600px;
}

.detail_sidebar {
float: left;
width: 308px;
margin-left: 50px;
}

.detail_sidebar_content {
float: left;
background-color: #e6e6e6;
padding: 20px;
margin-top: -25px;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
-moz-border-radius-topleft: 0px !important;
-moz-border-radius-topright: 0px !important;
margin-bottom: 10px;
}

.price_list {
float: left;
padding: 15px;
background-color: #f2ecc8;
color: #908543;
width: 280px;
}

.price_list .price_wrapper {
float: left;
width: 72px;
border-right: 1px solid #d2c990;
padding-right: 15px;
margin-right: 15px;
}

.price_list label {
text-align: center;
font-size: 10px;
padding-bottom: 5px;
height: 25px;
line-height: 14px;
display: block;
}

.price_list .price {
text-align: center;
font-size: 16px;
display: block;
font-family: Georgia;
}

.price_list .last_right {
border-right: none;
padding-right: 0px;
margin-right: 0px;
}

ul.arrow_big {
list-style: none;
}

ul.arrow_big li {
background: transparent url(images/bullet_arrow_big.png) no-repeat left center;
padding-left: 40px;
margin-bottom: 10px;
line-height: 23px;
}

.sidebar h3 {
text-transform: none;
color: #646464;
font-size: 16px;
}

/* ----------- Content Formatting ----------- */

.content_formatting h2 {
line-height: 24px;
margin: 10px 0px;
margin-top: 5px;
}

.content_formatting h3 {
display: block;
line-height: 24px;
margin-bottom: 15px;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
width: 100%;
}

.content_formatting p {
line-height: 24px;
}

.content_formatting .btn {
margin: 10px 0px;
}

/* ----------- Safari BG ----------- */

#safari_bg {
float: left;
margin-top: 10px;
width: 100%;
background: url(images/bg_safari.jpg) repeat-x top center;
height: 491px;
}

#safari_bg .header_overlay {
position: relative;
top: -10px;
}

.safari_highlight {
float: left;
width: 965px;
margin-top: 20px;
position: relative;
}

.safari_highlight img {
float: left;
width: 547px;
height: 371px;
position: relative;
z-index: 2;
}

.safari_desc_wrapper {
float: left;
width: 370px;
background-color: #f8f8f8;
padding: 40px 20px;
padding-left: 25px;
height: 230px;
position: relative;
left: -5px;
z-index: 1;
margin-top: 30px;
}

.safari_highlight .btn {
margin-top: 20px;
}

/* ----------- Ribbon Styles ----------- */

.ribbon_wrapper {
float: left;
position: relative;
}

.ribbon {
float: left;
width: 88px;
height: 88px;
position: absolute;
z-index: 99;
}

.ribbon_top_left {
left: -13px;
top: -11px;
}

.ribbon_tip {
background: transparent url(images/ribbon_tip.png) no-repeat left center;
}

/* ----------- Rating Styles ----------- */

div.stars, div.stars span {
opacity: 0;
float: left;
}

div.stars_big, div.stars_big span {
background: url(images/stars_01.png) 0 -24px repeat-x;
width: 145px;
height: 25px;
}

div.stars_small, div.stars_small span {
background: url(images/stars_02.png) 0 -20px repeat-x;
width: 115px;
height: 20px;
}

div.stars_mini, div.stars_mini span {
background: url(images/stars_03.png) 0 -17px repeat-x;
width: 92px;
height: 17px;
}

div.stars span {
background-position: 0 0;
display: block;
opacity: 100;
}

.stars_right {
position: absolute;
right: 10px;
top: 10px;
}

.stars_left {
float: right;
position: relative;
top: -5px;
}

.stars_center {
margin: 0px auto;
}

/* ----------- Footer Styles ----------- */

#footer {
float: left;
width: 916px;
margin-top: 45px;
padding-left: 80px;
margin-bottom: 20px;
}

ul.footer_column {
float: left;
width: 190px;
margin-right: 35px;
list-style: none;
}

ul.footer_column h4 {
display: block;
font-weight: bold;
font-family: Arial;
font-size: 12px;
border-bottom: 1px solid #CCC;
padding-bottom: 5px;
margin-bottom: 10px;
}

ul.footer_column li {
list-style: none !important;
}

ul.footer_column li a {
color: #a5a5a5;
font-size: 12px;
margin-bottom: 8px;
display: block;
list-style: none !important;
}

#footer .copyright {
clear: both;
float: left;
width: 936px;
margin-top: 30px;
color: #a5a5a5;
}

#footer .copyright p {
text-align: center;
}

/* ----------- Notice Styles ----------- */

.contact_form {
float: left;
width: 100%;
display: block;
margin-top: 15px;
}

.contact_form .input_wrapper {
float: left;
width: 100%;
display: block;
margin-bottom: 15px;
}

.contact_form input[type=text], .contact_form .input_wrapper textarea {
float: left;
width: 50%;
padding: 7px 7px;
border: 1px solid #CCC;
font-family: Arial;
border-radius: 3px;
}

.contact_form .input_wrapper textarea {
height: 90px;
}

.contact_form label {
float: left;
width: 15%;
padding-top: 10px;
}

input.mail {
display: none;
}

.error {
border: 1px solid #611010;
color: #611010;
padding: 10px;
margin: 10px 0px;
background: #FCBEB6 url(images/icons/error_16.png) no-repeat left center;
background-position: 10px center;
border-radius: 3px;
display: none;
}

.error p {
padding-bottom: 0px;
}

.error_input {
border: 1px solid #931919 !important;
}

.error_img {
background: transparent url(images/icons/error_16.png) no-repeat left center;
width: 16px;
height: 16px;
position: absolute;
top: 24px;
right: 20px;
float: right;
}

.warning {
border: 1px solid #61491E;
color: #61491E;
padding: 10px;
margin: 10px 0px;
background: #FCE7B1;
background-position: 10px center;
}

.warning p {
padding-bottom: 0px;
}

.success {
border: 1px solid #376123;
color: #376123;
border-radius: 3px;
padding: 10px;
margin: 10px 0px;
display: none;
background: #ECFCD6;
background-position: 10px center;
}

.success p {
padding-bottom: 0px;
}

.notice_none {
background-image: none !important;
padding-left: 10px;
}

.notice_mini {
padding: 5px;
background-image: none !important;
padding-left: 10px; 
}

/* ----------- Widget Styles ----------- */

.widget h3 {
border-bottom: 0px;
font-size: 16px !important;
}

.breadcrumb {
position: relative;
font-size: 11px;
color: #BABABA;
margin-top: -10px;
}

.breadcrumb a {
color: #BABABA;
text-decoration: underline;
}

.subpage_wrapper {
margin-left: -10px;
}

.subpage_wrapper .subpage_top {
float: left;
width: 967px;
height: 13px;
background: transparent url(images/subpage_content_top.png) no-repeat left center;
}

.subpage_wrapper .subpage_repeat {
float: left;
width: 907px;
padding: 15px 25px;
padding-left: 35px;
background: transparent url(images/subpage_content_repeat.png) repeat-y;
}

.ribbon_header {
float: left;
position: relative;
height: 59px;
left: -41px;
margin-top: -5px;
display: block;
}

.ribbon_header .ribbon_header_left {
float: left;
width: 54px;
height: 59px;
background: transparent url(images/header_ribbon_left.png) no-repeat left center;
}

.ribbon_header .ribbon_header_repeat {
float: left;
height: 59px;
background: transparent url(images/header_ribbon_repeat.png) repeat-x;
}

.ribbon_header .ribbon_header_repeat h1 {
color: #FFF;
font-size: 18px;
padding-top:18px;
text-transform: none;
position: relative;
left: -20px;
}

.ribbon_header .ribbon_header_right {
float: left;
width: 21px;
height: 59px;
background: transparent url(images/header_ribbon_right.png) no-repeat left center;
}

.subpage_wrapper .content_fullsize {
margin-top: 20px;
}

.subpage_wrapper .page_content {
float: left;
width: 900px;
padding-bottom: 30px;
}

.item_listing_fullsize .item_single {
float: left;
width: 900px;
margin-bottom: 50px;
}

.item_listing_fullsize .item_single .item_left {
float: left;
width: 412px;
}

.item_listing_fullsize .item_single .item_right {
float: left;
width: 400px;
margin-left: 35px;
position: relative;
}

.item_listing_fullsize .item_single .item_right .stars {
top: 0px;
}

.item_listing_fullsize .item_single .item_btm {
border-top: 1px solid #CCC;
float: left;
width: 400px;
margin-top: 10px;
padding-top: 5px;
position: relative;
}

.item_listing_fullsize .item_single .item_btm .price {
font-size: 11px;
}

.item_listing_fullsize .item_single .item_btm .btn_wrapper {
margin-top: 0px;
float: left;
position: absolute;
right: 0px;
top: 10px;
}

.more_wrapper {
float: left;
width: 100%;
}

.more_content {
display: none;
}

.more_content {
float: left;
position: relative;
top: -10px;
width: 940px;
}

.more_wrapper a.adjust {
display: block;
float: left;
font-size: 11px;
background-color: #CCC;
padding: 2px;
color: #FFF;
position: relative;
left: 0px;
top: -26px;
}