/***************************************************
    MASTER CSS file for Bluesun Hotels & Resorts
    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: #666; background: #cad5e2 url(../images/layout/body.gif) repeat-x 0 0; }

/**** 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: 960px; margin: 0 auto; }

#mainNavWrapper {  width: 960px; height: 85px; overflow: hidden; position: relative;  }
#logo           { display: inline; float: left; width: 147px; height: 43px; margin-top: 17px; }
#mainNav        { display: inline; float: right; height: 100%; margin-top: 17px; }

#mainMenu       { height: 33px; overflow: hidden; background: transparent url(../images/layout/menu-bg.gif) repeat-x 0 0; border-left: 1px solid #cedae9; border-right: 1px solid #cedae9;   }
#header         { height: 298px; overflow: hidden; margin-bottom: 10px; border: 1px solid #cad6e4; border-top: none;  }
#bookingBox     { display: inline; float: left; width: 238px; height: 298px; overflow: hidden; border-right: 1px solid #cad6e4; }
#headerImages   { display: inline; float: right; width: 719px; height: 298px; overflow: hidden; position: relative; }

#headerImages                 { position:relative; }
#headerImages div             { position:absolute; z-index:8; background-color: #FFF; }
#headerImages div.active      { z-index:10; }
#headerImages div.last-active { z-index:9; }

#homeFeatured   { width: 958px; height: 173px; overflow: hidden; position: relative; background: transparent url(../images/layout/featured-bg.gif) repeat-x 0 0; border: 1px solid #b4ccd9; margin-bottom: 10px;  }

#container      { width: 938px; height: 100%; overflow: hidden; background: #fff; border: 1px solid #ddd; padding: 10px;  }
#container.home { padding-bottom: 30px; }
#nav            { height: 100%; overflow: hidden; margin-bottom: 10px; }
#mainContainer  { display: inline; float: right; width: 710px; height: 100%; overflow: hidden; }
#mainContent    { height: 100%; overflow: visible; width: 709px; }
#container.static { position: relative; height: 100%; }
.static #mainContainer { padding-bottom: 205px; }
.static { position: relative; width: 938px; height: 100%; }

#secContainer   { display: inline; float: left; width: 210px; overflow: hidden; }

#footer         { width: 940px; overflow: hidden; padding: 15px 10px; background: #0e3954; border: 1px solid #ced8e4; border-top: none;  }

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

/*** LANGUAGE ***/
#language             { position: absolute; top: 17px; right: -10px !important; right: -15px; line-height: 10px; font-size: 10px; }
#language li          { float: left; padding-right: 5px; margin-right: 5px; border-right: 1px solid #666; }
#language a           { color: #666; text-decoration: none; }
#language a:hover     { color: #666; text-decoration: underline; }
#language .on a,
#language .on a:hover { color: #666; text-decoration: underline; }

#language #firstLangItem { border: none; }


/*** MAIN MENU ***/
#mainMenu li      { float: left; margin-right: 1px; }
#mainMenu a       { display: block; font-size: 12px; font-weight: bold; color: #2a486c; text-decoration: none; padding: 11px; background: transparent url(../images/layout/menu-active-bg.gif) repeat-x 0 -9999px; }
#language #firstLangItem a:hover { text-decoration:none; cursor:default; }

#mainMenu #home a,
#mainMenu #home a:hover,
#mainMenu #home.on a,
#mainMenu #home.on a:hover { width: 32px; height: 33px; padding: 0; text-indent: -9999px; background: transparent url(../images/layout/home-link-bg.gif) no-repeat 0 0; }

#mainMenu .on a,
#mainMenu a:hover { background: transparent url(../images/layout/menu-active-bg.gif) repeat-x 0 0; color: #fefefe; }


/*** SUB MENU ***/
#subMenu          { padding: 12px 10px 5px 10px; background: #eee; border: 1px solid #dedede; line-height: 1.2em; }
#subMenu ul li    { padding-left: 15px; background: transparent url(../images/layout/submenu-arrow.gif) no-repeat 0 5px; margin-bottom: 8px; }
#subMenu ul ul    { margin-top: 5px; margin-left: 5px; }
#subMenu ul ul ul { margin-bottom: 5px; margin-left: 10px; }
#subMenu ul ul li { padding: 0; margin: 3px 0; background: none; }

#subMenu .rtIn    { cursor: pointer; font-weight: bold; color: #0d334b; text-decoration: none; display: block; }
#subMenu .rtIn:hover { color: #0d334b; text-decoration: underline; } 
#subMenu ul ul .rtIn { font-weight: normal; }
#subMenu .on,
#subMenu .on:hover   { color: #0d334b; text-decoration: underline; }

#subMenu ul ul .rtIn       { background: transparent url(../images/layout/submenu-bullet.gif) no-repeat 0 -9999px; padding-left: 10px; }
#subMenu ul ul .rtIn:hover { background: transparent url(../images/layout/submenu-bullet.gif) no-repeat 0 5px; }
#subMenu ul ul .on         { background: transparent url(../images/layout/submenu-bullet.gif) no-repeat 0 5px; }

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

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

/*** BOOKING ***/
.bookingForm      { padding: 20px; background: #ededed url(../images/layout/booking-box-bg.gif) repeat-x 0 0; height: 258px; position: relative; }
.bookingForm h2   { font-size: 16px; font-weight: bold; color: #2a486c; margin-bottom: 10px; }
.loading { position: absolute; top: 23px; right: 30px; margin: 0; padding: 0; }

.bookingForm .select, 
.bookingForm .date { height: 100%; overflow: hidden; padding-bottom: 10px; position: relative; }

.bookingForm .select select        { background: #fff; border: 1px solid #2a486c; font-size: 11px; color: #5a666e; width: 192px; line-height: 11px; padding: 1px; }
.bookingForm .select select option { padding: 0 5px; margin-bottom: 1px; display: block; }

.bookingForm .date label           { display: block; font-size: 11px; color: #2a3f57; margin-bottom: 3px; }
.bookingForm .date input,
.bookingForm .date .riTextBox,
.bookingForm .date .riEnabled      { padding: 2px 0; text-indent: 2px; background: #fff; border: 1px solid #ababab; color: #5a666e; font: normal 11px Arial, Helvetica, sans-serif;  }

.bookingForm .submit       { text-align: center; padding-top: 10px; }
.bookingForm .submit input { width: 150px; background: #0e3954; color: #fff; border: 1px solid #1c445e; font-size: 16px; }

.bookingForm table,
.bookingForm th, .bookingForm td { margin: 0; padding: 0; border: none; background: none; }
.bookingForm .errorMessage { position: absolute; top: 0; right: 0; margin: 0; padding: 0; }

.bookingForm .RadComboBox_Default,
.bookingForm .RadComboBox_Default .rcbInput,
.bookingForm .RadComboBoxDropDown_Default { font: normal 11px Arial, Helvetica, sans-serif; color: #5a666e; }



/*** HEADER IMAGES ***/
.headerImage { width: 719px; height: 298px; position: absolute; }
.headerImageTitle { position: absolute; display: block; width: 659px; bottom: 0; left: 0; text-align: right; font: italic 40px/40px Georgia, "Times New Roman", Times, serif; color: #fff; padding: 5px 30px; background: transparent url(../images/layout/header-mask.png); }

/*** PATH ***/
#path         { display: inline; float: left; width: 600px; font-size: 10px; }
#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: #3e2e4b; text-decoration: underline; cursor: pointer; }
#path .on a   { text-decoration: none; }

/*** OPTIONS ***/
#options     { display: inline; float: right; width: 60px; 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: 2px 15px 0 0; }
#fontSize    { display: inline; float: left; height: 100%; overflow: hidden; letter-spacing: 1px; padding-bottom: 2px; }
#fontSize a  { color: #3e2e4b; text-decoration: none; }
#fontSize a:hover { color: #3e2e4b; text-decoration: underline; }

#small  { font-size: 10px; }
#normal { font-size: 12px; }
#large  { font-size: 15px; }


/*** MAP ***/
#map   { width: 210px; height: 200px; font-size: .9em; margin-top: 30px; margin-bottom: 30px; }
#map a { color: #666; text-decoration: underline; }


/*** FOOTER ***/
#footerBoxHolder   { height: 100%; overflow: hidden; margin-bottom: 10px; width: 960px; }
.footerBox         { display: inline; float: left; width: 170px; height: 100%; overflow: hidden; margin-right: 20px; }
.footerBox#wideBox { width: 365px; }

.footerBoxTitle    { height: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 8px; border-bottom: 1px solid #7c94b2; }
.footerBoxTitle h3 { font-size: 1em; font-weight: bold; line-height: 1.05em; color: #fff; float: left; padding-right: 8px; background: transparent url(../images/layout/heading-white-bullet.gif) no-repeat right top; }

.footerBoxContent         { height: 100%; overflow: hidden; color: #fff; font-size: .9em; line-height: 1.6em; }
.footerBoxContent a       { color: #fff; text-decoration: none; }
.footerBoxContent a:hover { color: #fff; text-decoration: underline; }

#wideBox ul li { float: left; margin: 0 40px 0 0; width: 140px; }

#telIcon, #faxIcon, #emailIcon { padding-left: 20px; }
#telIcon                       { background: transparent url(../images/layout/tel.gif) no-repeat left center; }
#faxIcon                       { background: transparent url(../images/layout/fax.gif) no-repeat left center; }
#emailIcon                     { background: transparent url(../images/layout/email.gif) no-repeat left center; }

.footerBoxContent #emailIcon a       { color: #fff; text-decoration: underline; }
.footerBoxContent #emailIcon a:hover { color: #fff; text-decoration: none; }

#addtoFav         { height: 100%; overflow: hidden; }
#addtoFav a       { display: block; float: left; padding: 2px 0 2px 22px; font-size: 10px; background: transparent url(../images/layout/favorites.gif) no-repeat left center; color: #fff; text-decoration: none; }
#addtoFav a:hover { text-decoration: underline; }

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

/*** WEATHER BOX ***/
#weather, #tools         { padding: 10px 5px 5px 5px; color: #333; }
#weather h3, #tools h3   { font-size: .9em; font-weight: normal; padding-bottom: 5px; margin-bottom: 5px; color: #333; border-bottom: 1px solid #ccc; line-height: 1.2em; }
#weather table           { border: none; width: 100%; font-size: .9em; }
#weather td, #weather th { border: none; padding: 0 10px 0 0; background: #eee; }

/*** TOOLS ***/
#tools table             { width: 100%; background: #eee; }
#tools th, #tools td     { vertical-align: middle; margin: 0; background: #eee; }
#tools img               { margin-bottom: 5px; }

/*** NEWSLETTER ***/
.newsletterForm          { padding: 10px; background: transparent url(../images/layout/newsletter-bg.gif) repeat-x 0 0; margin-left: 1px; color: #fff; font-size: .9em; line-height: 1.3em; }
.newsletterForm h3       { font-size: 16px; font-weight: bold; margin-bottom: 5px; line-height: 20px; }
.newsletterForm .input input  { width: 203px; background: #fff; border: 1px solid #2c4a6e; padding: 2px 5px; font: normal 10px Arial, Helvetica, sans-serif; color: #333; display: block; margin: 8px 0 3px 0; }
.newsletterForm .submit input { font: normal 10px Arial, Helvetica, sans-serif; color: #fff;background: transparent url(../images/layout/subscribe.gif) no-repeat 0 0; border: none; padding: 1px 0; margin-top: 20px; width: 94px; height:25px; }
.subscribe                    { background: #1a3049; }
.unsubscribe                  { background: none; }

#topLink         { text-align: right; padding: 10px 0 5px 0; clear: both; }
#topLink a       { color: #3e2e4b; text-decoration: underline; }
#topLink a:hover { color: #3e2e4b; text-decoration: none; }

#copyright       { margin: 10px 0; padding-top: 10px; border-top: 1px solid #99aebb; text-align: center; font-size: .9em; color: #0e3954; }
#copyright a     { color: #0e3954; text-decoration: none; }
#copyright a:hover{ color: #0e3954; text-decoration: underline; }
#development     { text-align: center; color: #0e3954; font-size: .9em; margin-bottom: 40px; }
#development a   { color: #0e3954; text-decoration: underline; }

#development a:hover    { color: #0e3954; text-decoration: none; }
#development .wem,
#development .wem:hover { text-decoration: none; }