/***************************************************
    MASTER CSS file for Bluesun hotel Elaphusa
    Author: WEB Marketing (www.wem.hr)
    Media: Screen
    
    STRUCTURE:
    01/ BASIC SETTINGS 
    02/ LAYOUT & GRID
    03/ NAVIGATION
    04/ CONTENT
    05/ MISC
	
***************************************************/

/*
01/ BASIC SETTINGS
==================================================*/
*    { margin: 0; padding: 0; list-style: none; outline: none; }
body { font: normal 12px/1em Arial, Helvetica, sans-serif; color: #000; background: #dbedfc; padding-bottom: 40px; }

/**** RESET ***/
a img                                      { border: none; }
a,a img,a:link,a:visited, a:hover,a:active { outline: none; cursor: pointer; }
:focus   { outline: none; }
fieldset { border: none; }
.hide    { display: none; }

/*** headings ***/
h1, h2, h3, h4, h5, h6 { clear: both; line-height: 1.5em; }

/*
02/ LAYOUT & GRID
==================================================*/
#wrapper        { width: 974px; height: 100%; overflow: hidden; margin: 0 auto; background: #fff url(../images/layout/wrapper-bg.gif) repeat-y 0 0; }
#wrapperInner   { width: 960px; height: 100%; overflow: hidden; margin: 0 auto; padding: 0 7px 10px 7px; background: transparent url(../images/layout/wrapper-bottom-bg.gif) no-repeat left bottom; }

#mainNavWrapper {  width: 960px; height: 80px; overflow: hidden; position: relative; background: transparent url(../images/layout/mainnav-bg.gif) repeat-x 0 0;  }
#logo           { display: inline; float: left; width: 190px; height: 35px; margin: 34px 0 0 25px; }
#mainNav        { display: inline; float: right; height: 100%; overflow: hidden; margin: 15px 25px 0 0;}

#mainMenu       { width: 930px; height: 40px; padding: 0 15px; overflow: hidden; background: #669ee4; }
#header         { width: 960px; height: 340px; overflow: hidden; position: relative; background: #dbedfc; }
#bookingForm    { display: inline; float: left; width: 238px; height: 298px; overflow: hidden; border-right: 1px solid #cad6e4; }

#container      { width: 910px; height: 100%; overflow: hidden; background: #fff url(../images/layout/container-top-bg.gif) repeat-x 0 0; padding: 15px 25px 25px 25px;  }
#container.home { padding-bottom: 30px; }
#nav            { height: 100%; overflow: hidden; margin-bottom: 20px; }

#mainContainer  { display: inline; float: right; width: 678px; height: 100%; overflow: hidden; }
#mainContent    { height: 100%; overflow: visible; width: 677px; }
#secContainer   { display: inline; float: left; width: 210px; overflow: hidden; }

.home #mainContainer { display: block; float: none; width: 910px; }
.home #mainContent   { width: 910px; }

#footer           { width: 910px; height: 100%; overflow: hidden; padding: 0 25px; background: #405779 url(../images/layout/footer-bg.gif) repeat-x 0 0;  }
#copyrightsFooter { background: #000; padding: 15px 0; text-align: center; font-size: 11px; color: #fff; }

/*
03/ NAVIGATION
==================================================*/

/*** LANGUAGE ***/
#language             { height: 100%; overflow: hidden; margin-right: 0; margin-bottom: 15px; line-height: 10px; font-size: 10px; color: #fff; float: right; }
#language li          { float: left; padding-right: 5px; margin-right: -5px; margin-left: 10px; border-right: 1px solid #fff; }
#language a           { color: #fff; text-decoration: none; }
#language a:hover     { color: #fff; text-decoration: underline; }
#language .on a,
#language .on a:hover { color: #fff; text-decoration: underline; }
#language #firstLangItem { border: none; }

/*** MAIN MENU ***/
#mainMenu li      { float: left; margin: 11px 0 0 0; }
#mainMenu a       { font-size: 14px; line-height: 18px; padding: 0 10px; color: #fff; text-decoration: none; border-right: 1px solid #086178; }
#mainMenu #lastMenuItem a { padding-right: 0; border-right: none; }
#mainMenu a:hover         { color: #fff; text-decoration: underline; }
#mainMenu .on a,
#mainMenu .on a:hover     { text-decoration: none; color: #084758; }

/*** SUB MENU ***/
#subMenuHolder    { height: 100%; overflow: hidden; font-size: 12px; line-height: 16px; padding: 10px 25px; border: 1px solid #d5d5d5; }
#subMenuHolder li { padding: 0 0 0 11px; background: transparent url(../images/layout/submenu-arrow.gif) no-repeat 0 6px; margin: 8px 0; height: 100%; overflow: hidden; clear: both; }
#subMenu ul li    { background: transparent url(../images/layout/submenu-bullet.gif) no-repeat 3px 7px; margin: 5px 0; padding-left: 15px; }
#subMenu ul       { margin: 0 0 10px 0; clear: both; padding-top: 5px; }
#subMenu a        { color: #222a31; text-decoration: none; display: block; float: left; }
#subMenu a:hover  { color: #66b0df; text-decoration: underline; }
#subMenu .on a    { color: #66b0df; text-decoration: none; }
#subMenu .on ul a,
#subMenu ul a       { color: #222a31; text-decoration: none; }
#subMenu .on ul a:hover,
#subMenu ul a:hover { color: #66b0df; text-decoration: underline; }
#subMenu .on ul a.on,
#subMenu .on ul a.on:hover,
#subMenu ul a.on,
#subMenu ul a.on:hover { color: #66b0df; text-decoration: none; }

/*
04/ CONTENT
==================================================*/

/*** LOGO ***/
#logo a { display: block; width: 190px; height: 35px; overflow: hidden; text-indent: -9999px; background: transparent url(../images/layout/logo.gif) no-repeat 0 0; }

/*** SEARCH FORM ***/
.searchForm       { position: absolute; top: 41px; right: 25px; width: 210px; height: 19px; overflow: hidden; background: #fff; }
.searchFormInput  { display: inline; float: left; width: 174px; padding: 0 3px; margin: 3px 0 0 0; font: normal 10px Arial, Helvetica, sans-serif; color: #666; border: none; background: #fff; }
.searchFormSubmit { display: block; float: right; width: 27px; height: 19px; overflow: hidden; padding-top: 0; text-indent: 9999px; border: none; background: #000 url(../images/layout/search-button.gif) repeat-y 0 0; padding-left: 26px; }

/*** BOOKING ***/
.bookingForm      { width: 190px; height: 160px; padding: 10px; overflow: hidden; background: #fff; margin: 25px; position: relative; color: #320315; }
.bookingForm h2   { font-size: 18px; font-weight: normal; color: #2072b8; margin-bottom: 7px; }
.bookingForm fieldset { width: 160px; margin: 0 auto; }
.loading          { position: absolute; top: 23px; right: 30px; }
.bookingForm .select,
.bookingForm .date { height: 45px; overflow: hidden; position: relative; padding: 0 0 3px 0; }
.bookingForm .select label { display: none; }
.bookingForm .select select{ background: #fff; border: 1px solid #ccc; font-size: 11px; color: #320315; width: 190px; padding: 1px; }
.bookingForm .select select option { padding: 0 5px; margin-bottom: 1px; display: block; }
.bookingForm .date label { display: block; font-size: 11px; height: 20px; }
.bookingForm .submit       { padding-top: 3px; }
.bookingForm .submit input { width: 96px; height: 30px; font: normal 12px Arial, Helvetica, sans-serif; color: #fff; background: transparent url(../images/layout/booking-submit.gif) no-repeat 0 0; border: none; text-transform: uppercase; }
.bookingForm .errorMessage { position: absolute; top: 35px; right: 5px; }

/*** BOOKING - Telerik FIX ***/
.bookingForm table,
.bookingForm table.rcTable { margin: 0; padding: 0; border: none; }
.bookingForm table th,
.bookingForm table td { padding: 0; border: none; background: none; }
.bookingForm .date .riTextBox { margin: 0; padding: 2px 0; text-indent: 5px; border: 1px solid #000; font: normal 11px Arial, Helvetica, sans-serif; background: #fff; width: 127px !important; }
.bookingForm div.RadPicker { margin: -5px 0 0 0; padding: 0; }

/*** HEADER TEXT ***/
#headerTextHolder { position: absolute; right: 0; bottom: 37px; padding: 0 25px 5px 50px; font-size: 18px; color: #fff; line-height: 1.2em; background: transparent url(../images/layout/header-text-bg.png) repeat; }
#headerTitle      { font-size: 48px; line-height: 50px; }
.home #headerTextHolder { background: transparent url(../images/layout/header-text-home-bg.png) repeat; }

/*** PATH ***/
#path         { display: inline; float: left; width: 600px; font-size: 11px; }
#path li      { float: left; margin-right: 5px; padding-right: 10px; background: transparent url(../images/layout/path-arrow.gif) no-repeat right center; }
#path .on     { padding: 0; margin: 0; background: none; }
#path a       { color: #333; text-decoration: underline; cursor: pointer; }
#path .on a   { text-decoration: none; }

/*** OPTIONS ***/
#options     { display: inline; float: right; height: 100%; overflow: hidden; }
#printIcon   { display: inline; float: left; width: 11px; height: 10px; overflow: hidden; background: transparent url(../images/layout/print.gif) no-repeat 0 0; text-indent: -9999px; margin: 4px 17px 0 0; }
#fontSize    { display: inline; float: left; height: 100%; overflow: hidden; letter-spacing: 1px; padding: 0 0 0 15px; border-left: 1px solid #333; line-height: 15px; }
#fontSize a  { color: #333; text-decoration: none; }
#fontSize a:hover { color: #333; text-decoration: underline; }
#small  { font-size: 10px; }
#normal { font-size: 12px; }
#large  { font-size: 15px; }

/*** FOOTER ***/
#footerBoxHolder    { height: 100%; overflow: hidden; margin: 15px 0; background: transparent url(../images/layout/footer-box-holder-bg.gif) repeat-y 0 0; color: #fff; line-height: 1.5em; }
#footerBoxHolder h3 { font-size: 14px; font-weight: normal; margin-bottom: 10px; }

#contactBox   { display: inline; float: left; width: 195px; height: 100%; overflow: hidden; padding: 0 25px 0 0; margin: 0 25px 0 0; }
#contactBox a { color: #fff; text-decoration: underline; }
#contactBox a:hover { color: #fff; text-decoration: none; }

#wideBox          { display: inline; float: left; width: 440px; height: 100%; overflow: hidden; margin: 0 25px 0 0; }
#wideBox ul       { width: 480px; height: 100%; overflow: hidden; }
#wideBox ul li    { float: left; width: 220px; margin-right: 0px; }
#wideBox a        { color: #fff; text-decoration: none; }
#wideBox a:hover  { color: #fff; text-decoration: underline; }

/*
05/ MISC
==================================================*/

/*** NEWSLETTER ***/
#newsletterHolder    { width: 190px; height: 100%; overflow: hidden; margin: 30px 0 0 10px; background: #7991b3; overflow: hidden; }
.newsletterSubscribe { padding: 13px 10px 13px 13px; font-size: 11px; line-height: 1.2em; color: #fff; }
#footerBoxHolder .newsletterSubscribe h3 { font-weight: bold; margin: 0 0 5px 0; line-height: normal; }
#newsletterLink      { height: 100%; overflow: hidden; padding-top: 10px; }
#newsletterLink a    { display: block; float: left; padding: 2px 5px; background: #1b2e44; font-size: 10px; color: #fff; text-decoration: none; }

#topLink         { height: 15px; line-height: 15px; clear: both; font-size: 12px; padding: 15px 0 0 0; }
#topLink a       { display: block; float: right; width: auto; padding-right: 17px; background: transparent url(../images/layout/toplink.gif) no-repeat right center; color: #333; text-decoration: underline; }
#topLink a:hover { color: #333; text-decoration: none; }
#copyright       { margin-bottom: 10px; }
#copyright a     { color: #fff; text-decoration: none; }
#copyright a:hover{ color: #fff; text-decoration: underline; }

#development a   { color: #fff; text-decoration: underline; }
#development a:hover { color: #fff; text-decoration: none; }