/** 
  * site:    www.hotelliveeb.ee
  * author:  www.we.ee
  */
/*****Basic Elements*****/
body { background: white url(../images/base/bg.gif) no-repeat center top; color: #000; font: 11px/18px Verdana, Arial, sans-serif; text-align: left; width: 100%; }
button, input { font-family: Verdana, Arial, sans-serif; }
a { color: #DD0074; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { color: #082320; font-size: 1.3em; font-weight: bold; }
/*****Generic Classes*****/  
.clear { clear: both; }
.error { color: red; }
.no_underline { text-decoration: none !important; }
.hidden { display: none; }
.magenta { color: #E70082 }
i { font-style: italic; }
b, strong { font-weight: bold; }
#wrapper { margin: 0 auto; width: 714px; }
#header { overflow: hidden; position: relative; height: 186px; }
.headerI { height: auto !important }
#header { min-height: 111px; }
#header .logo { background: transparent url(../images/base/logo.gif) no-repeat scroll 0 0; display: block; height: 111px; position: absolute; right: 0; top: 0; width: 320px; }
#header DIV.mainmenu { left: 73px; line-height: 20px; position: absolute; top: 114px; width: 300px; }
#header DIV.mainmenu LI,
#header DIV.mainmenu A { color: #808080; float: left; font-size: 11px; }
#header DIV.mainmenu A { text-decoration: underline; }
#header DIV.mainmenu SPAN.spacer { padding: 0 3px; }
#header .introtext { font-size:16px; left:74px; line-height:24px; padding-top:10px;position:absolute; top:5px;width:330px; }
#content { margin: 0 auto; position: relative; width: 636px; }
#contentI { margin: 0 auto; position: relative; width: 566px; }
H1 { left: 76px; position: absolute; top: 31px; }
.intro { color: #808080; font-size: 16px; line-height: 25px; padding-bottom: 40px; width: 340px; }
.hotelwebInfo { color: #808080; padding: 0 0 50px 0; }
.hotelwebInfo H3 { background: transparent url(../images/base/arrowUp.gif) no-repeat scroll 100% 6px; cursor: pointer; display: -moz-inline-stack; display: inline-block; font-weight: normal; padding-bottom: 5px; padding-right: 20px;  }
.hotelwebInfo H3 B { color: #3D3D3D; }
.hotelwebInfo H3.opened { background-image: url(../images/base/arrowDown.gif) !important; }
.registerform { }
.registerform H3 { color: #D8007C; font-size: 16px; font-weight: normal; padding-bottom: 10px; }
.registerform LABEL { color: #808080; display: block; padding-left: 5px; }
.registerform SPAN.email { background: transparent url(../images/base/inputBg.gif) no-repeat scroll 0 0; display: block; }
.registerform SPAN.email INPUT { background: transparent; border: 0; font-size: 11px; height: 23px; line-height: 23px; padding: 0 8px; width: 182px; }
.registerform .error LABEL { color: red; }
.offeringsList { padding-bottom: 130px; padding-top: 35px; }
.offeringsList .offering { background: transparent url(../images/base/border.gif) no-repeat scroll center 100%; margin-bottom: 35px; overflow: hidden; }
.offeringsList .offering .header { padding-bottom: 5px; }
.offeringsList .offering .content { overflow: hidden; padding-bottom: 10px; }
.offeringsList .col01 { float: left; font-size: 12px; overflow: hidden; padding-left: 14px; padding-right: 10px; padding-top: 14px; width: 310px; }
.offeringsList .col01 P.hotelName { font-size: 14px; font-weight: bold; padding: 5px 0 5px 0; }
.offeringsList .col01 H2 { font-size: 14px; line-height: 14px; }
.offeringsList P.price { color: #808080; font-size: 12px; line-height: 14px; padding-bottom: 10px; }
.offeringsList P.price SPAN.amount { color: #E20079; font-weight: bold; padding-bottom: 20px; }
.offeringsList .col01 DIV.description { color: #3B3B3B; line-height: 20px; }
.offeringsList .col01 UL { }
.offeringsList .col01 LI { background: transparent url(../images/base/bullet.gif) no-repeat scroll 21px 7px; line-height: 16px; padding-bottom: 2px; padding-left: 36px; padding-top: 2px; }
.offeringsList .col02 { float: left; overflow: hidden; width: 300px; }
.offeringsList .col02 H2 { font-size: 12px; line-height: 18px; }
.offeringsList .col02 H3 { padding-bottom: 6px; }
.offeringsList .col02 .giftCaption { color: #D5006A; font-size: 14px; font-weight: bold; line-height: 14px; }
.offeringsList .col02 .description { color: #3B3B3B; line-height: 15px; }
div.buttons { clear: both; margin-bottom: 15px; overflow: hidden; padding: 0 0 0 34px; padding-bottom: 5px; padding-top: 5px; text-align: left; width: 100%; }
div.buttons02 { padding: 20px 0; }
div.buttons02 .button05 { background: transparent; background: transparent url(../images/base/button05.gif) no-repeat scroll 0 0; border: 0; cursor: pointer; display: block; height: 33px; width: 339px; }
div.buttons02 .button06 { background: transparent; background: transparent url(../images/base/button06.gif) no-repeat scroll 0 0; border: 0; cursor: pointer; display: block; height: 33px; width: 304px; }
div.buttons02 .button07 { background: transparent; background: transparent url(../images/base/button07.gif) no-repeat scroll 0 0; border: 0; cursor: pointer; display: block; height: 36px; width: 373px; }
div.buttons02 .button08 { background: transparent; background: transparent url(../images/base/button08.gif) no-repeat scroll 0 0; border: 0; cursor: pointer; display: block; height: 36px; width: 335px; }
div.buttons02 div { padding: 0 0 8px 0; }
/*Def*/
.def { }
.def em { font-style: italic; }
.def strong,
.def b { font-weight: bold; }
.def em strong,
.def em b,
.def strong em,
.def strong b { font-style: italic; font-weight: bold; }
.def i { font-style: italic; }
.def p { line-height: 18px; margin-bottom: 18px; text-align: justify; }
.def a { text-decoration: underline; }
.def a:hover { text-decoration: none; }
.def ul, .def ol { margin-bottom: 20px; margin-left: 20px; }
.def ul { list-style-type: disc; }
.def ol { list-style-type: decimal; }
.def ul ol, .def ol ol, .def ul ul, .def ol ul { margin-bottom: 0px; }
.def ul li, .def ol li { line-height: 18px; }
.def SPAN.img { }
.def SPAN.img IMG { float: none; }
.def SPAN.img_left { float: left; margin-right: 15px; }
.def SPAN.img_right { float: right; margin-left: 15px; }
.def UL.sitemap { list-style-type: none !important; margin-left: 5px; }
.def UL.sitemap A { color: #003669; font-size: 11px; font-weight: bold; text-decoration: none; }
.def UL.sitemap LI.sel { background: transparent url(../images/base/arrow01.gif) no-repeat scroll 0 6px; padding-left: 15px; }
.def UL.sitemap LI.sel A { font-size: 14px; }
.def UL.sitemap UL A { color: #4C4C4C; font-size: 11px !important; font-weight: normal; text-decoration: none; }
.def UL.sitemap A:hover { text-decoration: underline; }
.def UL.sitemap UL { list-style-type: none; margin-bottom: 18px; }
.def UL.sitemap UL UL { margin-bottom: 0px; }
.def UL.sitemap LI { background: transparent url(../images/base/arrow02.gif) no-repeat scroll 0 6px; padding-left: 15px; }
.def UL.sitemap UL LI { background: none; }
/*Navi*/
.navi { margin-bottom: 10px; overflow: hidden; text-align: center; width: 100%; }
.navi span,
.navi a { color: #58595b; display: inline-block; line-height: 20px; padding: 0px 3px 0px 3px; vertical-align: middle; }
.navi a:hover { background-color: #dfdfdf; }
.navi a.selected:hover,
.navi a.selected { background-color: #b74e98; color: #FFF; font-weight: bold; }
.navi a.btn { color: #77932c; font-size: 11px; font-weight: bold; }
.navi a.btn:hover { background-color: transparent; text-decoration: underline; }
/*Messages*/
.msg_error { background-color: #ffe5e5; border: 2px solid #ef5435; clear: both; margin: 0px 0px 10px 0px; overflow: hidden; padding: 10px 10px 5px 10px; position: relative; }
.msg_error p { color: #e42600; margin: 0px 0px 5px 0px; }
.msg_error ul, .msg_error ol { color: #e42600; margin: 0px 0px 5px 20px; }
.msg_success { background-color: #f1fde8; border: 2px solid #83eb44; clear: both; margin: 0px 0px 10px 0px; overflow: hidden; padding: 10px 10px 5px 10px; position: relative; }
.msg_success p { color: #3b3b3b; margin: 0px 0px 5px 0px; }
.msg_success ul, .msg_success ol { margin: 0px 0px 5px 20px; }
.msg_note { background-color: #f9f6c1; border: 2px solid #eed860; clear: both; margin: 0px 0px 10px 0px; overflow: hidden; padding: 10px 10px 5px 10px; position: relative; }
.msg_note p { color: #3b3b3b; margin: 0px 0px 5px 0px; }
.msg_note ul, .msg_note ol { margin: 0px 0px 5px 20px; }
/*Other*/
.hidden { display: none; }
.hidden2 { position: absolute; top: -2000px; }
.left { float: left; }
.right { float: right; }
.aleft { text-align: left; }
.aright { text-align: right; }