/* main begin */

/* ---------- layout styles begin ---------- */

h1, h2, h3, h4, h5, h6, div, p, blockquote, form, label, ul, li, ol, dl, fieldset, address {
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom: 1em;
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1.5em;
}

p, b {
    font-family: "lucida sans", arial, sans-serif;
    color: #000000;
    font-weight: normal !important;
    font-size: 12px;
}

input, textarea {
    padding: 2px;
}

input, textarea, select {
    margin: 2px 2px 1px 0;
}

div.minicart a {
    font-size: 13px;
    font-weight: bold;
    color: #FFFFFF;
}

.adminErrortext, div.minicart .delete a {
    color: #FF0000;
}



.adminStatustext {
    color: #006600;
}

img {
    border: 0px;
}

a {
    color: #1279BF;
    font-family: "lucida sans", arial, sans-serif;
    font-weight: normal;
}

span.amount {
    color: #fff;
}

/* ---------- layout styles begin ---------- */

/* ---------- headings begin   ---------- */
h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    font-size: 11px;
    margin-top: 10px;
    margin-bottom: 11px;
}

h1, h2, h3 {
    color: #1279BF;
    font-family: "lucida sans", arial, sans-serif;
}

h1, #area1 h1 {
    font-size: 18px;
    margin-top: 0px;
}

#area1 h1 {
    line-height: 1;
}

h2, ul.products div.name a {
    color: #1279BF;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 15px;
}

h3, #area1 h3 {
    font-size: 15px;
    margin-top: 0px;
}

#area1 h1 {
    width: 70%;
}

#area1 h3 {
    float: none;
}

#menu h1, #menu p {
    margin-left: 30px;
}

/* ---------- headings end   ---------- */

/* ---------- ISN layout styles begin ---------- */

/*-------------Popup windows begin-------------*/

#mainBody {
    text-align: left;
    padding-left: 10px;
}

/*-------------Popup windows end------------*/

body {
    padding: 0px;
    text-align: center;
    background: url( ../images/bodybg.png ) no-repeat scroll top;
    margin: 0px auto;
}

body, th, td, p, div {
    font-size: 11px;
    line-height: 14px;
    font-family: Arial, Tahoma, Verdana, sans-serif;
}

body#start #area1 {
    width: 450px;
    margin: 0 5px 10px 5px; /*border-right: 1px gray dashed;*/
    float: left;
    padding-right: 20px;
    background: url( ../images/centerBg.png ) repeat-y;
    background-position: top right;
    height: auto;
}

body#start #area2 {
    width: 180px;
    margin: 0 5px 10px 5px;
    float: left;

}

.searchdata {
/*float: left;*/
    width: 400px;
}

/*-- Resultat page begin--*/

body#result #area1 {
    width: 680px;
    float: left;
}

body#result #area2 {
    float: right;
    width: 680px;

}

/*-- Resultat page end --*/

.clearfix {
    clear: both;
}

#container {
    text-align: left;
    margin: 0px auto;
    position: relative;
    width: 900px;
    border-right: 1px solid #E2E2E2;
    border-left: 1px solid #E2E2E2;
}

#wrapper {
/*border-left: 1px #E2E2E2 solid;*/
    padding-top: 20px;
    margin-bottom: 20px;
}

div#header {
    background: url( ../images/top4.jpg ) center no-repeat;
    height: 280px;
    width: 902px;
    margin-left: -1px;
}

div#header .titleTop {
    color: #ffffff;
    font-weight: bold;
    font-family: "lucida sans", arial, sans-serif;
    position: absolute;
    left: 365px;
    top: 7px;
    font-size: 20px;
    line-height: 1em;
}

div#header .logo {
    height: 219px;
    width: 192px;
    margin-left: 85px;
    margin-top: 31px;
    display: block;
    position: absolute;
	 display:none;
}

#result #header {
    border: none;
}

#result #searchform {
    width: 455px;
}

/*------------- end resultat search ----------------*/

/*------------- product list -----------------------*/

.prodlist {
    clear: both;
}

.prodlist li {
    margin-bottom: 10px;
}

div.product {
    border: 4px #68BCF3 solid;
    padding: 4px;
    margin-bottom: 25px;

}

div.product .header {
    width: 100%;
    height: auto;
}

div.prodlist div.name {
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    display: block;
    width: auto;
    font-weight: bold;
    color: #1279BF;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 15px;
}

div.product div.destinationName {
    position: relative;
    left: 4px;
    line-height: 1.6;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #1279BF;
    margin-left: 10px;
    display: none;
}

div.product .resortName {
    position: relative;
    left: 4px;
    line-height: 1.6;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #1279BF;
    margin-left: 10px;
    display: none;
}

div.product .header .image {
    clear: none;
    float: left;
}

div.prodlist div.product .header .image img {
    float: left;
    margin: 0px 4px 0px 0px;
    width: 150px;
    margin: 0px;
    padding: 0px;
    position: relative;
    top: 0px;
    margin-top: 5px;
}

div.product div.descr {
    margin: 0px;
    float: right;
    width: 260px;
}

div.product div.header div.link {
    right: 0px;
    margin-top: 10px;
    margin: 0px;
    position: relative;
    width: 100%;
    float: left;

}

div.prodlist div.link a {
    font-family: "lucida sans", arial, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding: 3px;
    text-decoration: none;
    font-weight: bold;
    line-height: 32px;
    background: url( ../images/searchbg.png ) repeat-x;
    height: 21px;
}



/*----------------- product list end ----------------*/

/*------------------- footer -----------------*/

div#footer {
    width: 900px;
    border-right: 1px solid #E2E2E2;
    margin-bottom: 20px;
}

div#footer img {
    color: #b7b7b7;
    font-weight: bold;
    border: 0px solid #999;

}

div#footer .footBg {
    margin-bottom: 20px;
}

div#footer .footBg img {
    width: 900px;
    height: 27px;
    margin-left: 0px;
    margin-top: 0px;
}

#footer .footerimages {
    display: block;
    float: left;
    width: 210px;
    height: 139px;
    margin-left: 9px;
    margin-top: 9px;
}

/*-----------------footer end -----------------*/

/*--- Menu style begin ----*/

#menu {
    width: 215px;
    margin: 0px;
    float: left;
    background: url( ../images/menubg.png ) no-repeat;
}

#menu ul {
    padding: 0;
    margin: 0;
}

#menu li {
    list-style-type: none;
    display: inline;
}

#menu a {
    font-family: Arial;
    width: 158px;
    height: 23px;
    display: block;
    text-align: left;
    text-indent: 23px;
    text-decoration: none;
    line-height: 22px;
}

#menu .listLevel1 a:hover, #menu .listLevel2 a:hover, #menu .listLevel1 .selected a {
    color: #1279BF;
}

#menu .listLevel1 .selected a, #menu .listLevel1 .selected a:hover {
    height: 40px;
    width: 210px;
}

#menu .listLevel1 a:hover {
    background-position: 12px 9px;
}

#menu .listLevel2 a:hover {
    background-position: 12px 9px;
}

#menu ul.listLevel1 a {
    color: #595959;
    font-weight: bold;
    font-size: 12px;
}

#menu ul.listLevel2, #menu ul.listLevel3 {
    margin-left: 10px;
    margin-bottom: 0px;
}

#menu ul.listLevel2 li, #menu ul.listLevel3 li {
    display: block;
}

#menu ul.listLevel2 a, #menu ul.listLevel3 a {
    font-size: 11px;
    text-indent: 23px;
}

#menu ul.listLevel2 li.countryItemSelected a {
    color: #008d47;
}

#menu ul.listLevel2 li.destItemSelected a.destLink {
    color: #008d47;
}

#menu ul.listLevel2 li.countryItem a:hover {
    background-position: 12px 9px;
}

#menu ul.listLevel2 li.destItem a.destLink {
    font-size: 11px;
    text-indent: 10px;
}

#menu ul.listLevel2 li.destItem a.destLink:hover {
    background-position: 12px 9px;
}

#menu ul.listLevel2 li.resortItem {
    display: none;
}

#menu ul.listLevel2 li.productItem {
    display: none;
}

#pren {
    width: 202px;
    height: 147px;
    background: url( ../images/blueBg.jpg ) repeat-x;
    margin-left: 1px;
    text-align: center;
    color: #ffffff;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 12px;
    padding-top: 10px;
    font-weight: bold;
}

/*--- Menu style end ----*

/* Search form*/

div.hotel div#searchform div#divDestination, div.hotel div#searchform div#divWeek, div.hotel div#searchform div#divWeekPeriodList {
    width: 400px;

}

.searchForm table table td, searchForm table table th {
    padding: 0 0 0 0;
}

.searchForm .section1 th, .searchForm .section2 th {
    color: #000000;
    font-weight: normal;
    padding: 3px 0 2px 0;
}

.searchForm h2 {
    border-bottom: 1px solid #1279BF;
}

.searchFormMap {
    background-color: #fff;
    width: 435px;
    float: left;
    margin-bottom: 5px;
}

.searchForm {
    background-color: #fff;
    width: 450px;
    float: left;
}

.searchForm input[type="radio"] {
    padding-top: 15px;
}

.searchForm img {
    padding: 0 6px 0 0;
}

.searchForm .section1 th, .searchForm .section2 th {
    background-color: #fff;
}

.searchForm .section1 td, .searchForm .section2 td {
}

.searchForm .section1 td, .searchForm .section3 td {
}

div.golfSearchform div.searchForm {
    width: 380px;
    border: 1px solid #CAD3D0;
    margin-bottom: 5px;
}

#prodinfo {
    width: 460px;
}

div#searchform, .searchform {
    width: 450px;
    background-color: #fff;
    padding: 5px;
    float: left;
    border: 1px solid #CAD3D0;
    margin-bottom: 20px;
}

div#searchform label {
    float: left;
    margin: 0;
    padding: 0;
    font-weight: bold;
    width: auto;
}

div#searchform select {
    float: left;
    margin: 3px 0 5px 0;
    padding: 0;
    font-size: 11px;
}

div#searchform div#divDeparture label#labelDeparture {
    float: left;
    clear: right;
    width: auto;
}

div#searchform div#divDeparture select#departure {
    float: left;
    clear: both;
}

div#searchform div#divDeparture {
    float: left;
    width: 200px;
}

div#searchform input[submit] {
    clear: both;
}

div#searchform div#divDestination {
    float: left;
    width: auto;
}

div#searchform div#divDestination label#labelDestination {
    float: left;
    clear: right;
    width: auto;
}

div#searchform div#divDestination select#destination {
    float: left;
    clear: both;
}

div#searchform div#divDepartureDate {
    width: 220px;
    float: left;
}

div#searchform div#divDepartureDate #departureCalendar {
    margin-top: 17px;
    display: block;
}

div#searchform div#divDepartureDate label#labelDepartureDate {
    clear: right;
    float: left;
    width: 200px;
}

div#searchform div#divDepartureDate select#departureday {
    float: left;
    clear: left;
}

div#searchform div#divDepartureDate select#departuremonth {
    float: left;
}

div#searchform div#divReturndate {
    width: 230px;
    float: left;
}

div#searchform div#divReturndate img#returnCalendar {
    margin-left: 11px;
    margin-top: 16px;
    display: block;
}

div#searchform div#divReturndate label#labelReturndate {
    float: left;
    width: 190px;
}

div#searchform div#divReturndate select#returnday {
    float: left;
    clear: left;
}

div#searchform div#divReturndate select#returnmonth {
    float: left;
}

div#searchform div#divReturnTrip {
    float: left;
    clear: both;
    width: 400px;
    margin: 5px 0 5px 0;
}

div#searchform select {
    margin: 2px;
}

div#searchform div#divReturnTrip input {
    float: left;
    margin-left: 10px;
}

div#searchform div#divReturnTrip label {
    margin-left: 5px;
    margin-top: 4px;
}

div#searchform label#labelPaxes {
    width: 400px;
}

div#searchform div#divPaxes {
    float: left;
    width: 200px;
}

div#searchform div#divSorting {
    float: left;
    width: 100px;
}

div#searchform div#divSorting select#sorting {
    float: left;
    clear: left;
}

div.hotel div#searchform div#divDestination {
    width: 400px;
}

div#searchform div#divRequestCapacity {
    float: none;
    width: 100px;
}

div#searchform div#divRequestCapacity select#requestCapacity {
    float: left;
}

div#searchform div#divPropertySearch {
    float: left;
    width: 400px;
    margin-top: 10px;
}

div#searchform div#divPropertySearch label {
    float: left;
    width: 400px;
}

div#searchform div#divPropertySearch div.property {
    float: left;
    width: 130px;
}

div#searchform .searchButton {
    padding: 1px 3px;
    font-family: arial;
    border: 1px #000000 solid;
    background: url( ../images/searchbg.png );
    width: auto;
    height: 21px;
    color: #ffffff;
    padding-left: 4px;
    padding-right: 4px;
    float: right;
}

div.flikinaktiv, div.flikaktiv {
    float: left;
    width: 94px;
    height: 21px;
    color: #000000;
}

div.flikinaktiv {
    background: url( ../images/flik-inaktiv.gif ) no-repeat;
}

div.flikaktiv {
    background: url( ../images/flik-aktiv.gif ) no-repeat;
}

#area3 div.flikaktiv a, div.flikinaktiv a, div.flikaktiv a {
    margin-top: 3px;
    text-decoration: none;
    float: left;
    text-align: center;
    width: 94px;
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
}

div.flikinaktiv a:hover, div.flikinaktiv a:hover {
    text-decoration: underline;
}

div.flikaktiv, div.flikinaktiv {
    position: relative;
    top: 1px;
}

/* Search form end */


/* ---------- Push start ---------- */
.pushDiv img {
    float: right;
    width: 220px;
    margin: 10px;
    margin-top: 10px;
    padding: 3px;
    display: none;
}

p.pushHeader {
    font-size: 11px;
    font-weight: bold;
}

.pushDiv .showInfoDetails, .pushDiv .infoDetails {
    padding-left: 10px !important;
}

.pushDiv .pushText {
    font-weight: normal;
    font-size: 11px;
}

.pushDiv {
    color: #5B5B5B;
}

div.pushDivOffer p.pushHeader {
    font-size: 12px;
    font-weight: normal;
    color: #1279BF;
    width: 100%;
    float: left;
}

div.pushDivOffer a.pageLink {
    color: #1279BF;
    float: none;
    text-decoration: none;
    width: 75px;
    text-align: right;
    margin: 0px;
    padding: 0px;

}

div.pushDivOffer p {
    vertical-align: bottom;
    margin: 0px;
    padding: 0px;
}

div.pushDivOffer {
    padding: 0px;
    margin: 0 0 5px 0;
    border-bottom: 1px dashed gray;

}

div.pushDivOffer img {
    margin-bottom: 5px;
}

/* ---------- end push ---------- */

/*----------- offers ---------------*/

.offersHeader br {
    display: none;
}

.offers {
    padding-top: 5px;
    display: block;
}

.offers img {
    float: left;
    padding-right: 2px;
    padding-top: 0px;
    margin: 0;
    width: 134px;
}

.offers p {
    width: 255px;
    margin: 0px;
    margin-left: 10px;
    float: left;
    padding: 0px;
}

.offersHeader {
    font-weight: bold;
    float: left;
    padding-top: 5px;
    color: #1279BF;
    width: auto;
}

.offers span {
    display: none;
}

.offers a.pageLink {
    display: block;
    background: url( ../images/button_search_date.gif ) no-repeat;
    width: 150px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    padding-top: 20px;
    margin-top: 3px;
    margin-left: 0;
    margin-bottom: 3px;
    margin-right: 3px;
}

.offers table {
    width: 400px;
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-top: 5px;
}

.offersright .pushHeader {
    font-family: "lucida sans", arial, serif;
    color: #336181;
}

.offersright img {
    width: 140px;
    height: 95px;
}

/*--------- offers end --------*/

/* --------------- Bookcart begin ---------------*/

#bookCartConf .showConf td {
    padding: 0px !important;
}

#bookCartConf .showConf .linkButtonTable td {
    background: none !important;
    border: 0px;
}

#bookCartConf td, #bookCartConf th {
    padding: 2px 5px;
}

.linkButtonTable a {
    text-decoration: underline !important;
    color: red !important;

}

/* style for bookedcalenderlist.jsp end */
/*
mailform.jsp?mailTo=reservation@hotel1.nu&returnPage=showpage.jsp%3Fpage_cd%3DH.SIDA%26info_cd=text.kontakta.tack
  */


/*------  MINICART BEGIN ----------*/

.minicart {
    position: absolute;
    top: 255px;
    right: 40px;
    "lucida sans",arial,serif;
   
}


/*------ MINICART END ----------*/


#bookCartConf td, #bookCartConf th {
    border-bottom: #FFFFFF 1px solid;
}

#bookCartConf s {
    background-color: #FFff00 !important;
    color: #FF0000;
}
/*
#bookCartConf .bookingSummary th, #bookCartConf .bookingDetails th, #bookCartConf .bookingDetailsPay th, #bookCartConf .creditCardInformationPay th, #bookCartConf .customerInformation th, #bookCartConf .customerInformationPay th, #bookCartConf .travellerInformation th, #bookCartConf .persons th {
    background: #afceed;
}

#bookCartConf .bookingSummary td, #bookCartConf .bookingDetails td, #bookCartConf .bookingDetailsPay td, #bookCartConf .creditCardInformationPay td, #bookCartConf .customerInformation td, #bookCartConf .customerInformationPay td, #bookCartConf .travellerInformation td, #bookCartConf .persons td {
    background: #e0ecf8;
}                */

#bookCartConf .adminErrortext {
    color: #FF0000;
}

#bookCartConf .adminStatustext {
    color: #006600;
}

#bookCartConf h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#bookCartConf, #bookCartConf td, #bookCartConf th, #bookCartConf .textFieldNormal, #bookCartConf .textFieldSmall, #bookCartConf .textFieldMini, #bookCartConf .selectNormal, #bookCartConf select, #bookCartConf .cancelRow, #bookCartConf .abort, #bookCartConf .confirm, #bookCartConf .pay, #bookCartConf .showConf .linkButtonTable a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

#bookCartConf .bookingDetails {
    width: 100%;
}

div.product .productParts td.book a.bookLink {
    background: url( ../images/searchbg.png ) repeat-x;
    width: auto;
    border: 1px black solid;
    text-align: center;
    color: #ffffff !important;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
}

/*------------- bookcart end  ------------------*/

/*------------ top menu begin --------------------*/

#header .info {
    width: 200px;
    float: right;
    margin-top: 13px;
    text-align: right;
    margin-right: 10px;
}

#header .info .topinforubrik, span.topinfobrodtext {
    font-size: 11px;
    color: #1279BF;
    font-family: Arial;
    font-weight: bold !important;

}

span.topinfobrodtext {
    color: #595959;
    font-weight: normal !important;
}

#headerMenu {
    position: absolute;
    width: 580px;
    height: 20px;
    margin: 255px 0px 20px 0px;
}

#headerMenu ul {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    margin: 0;
}

#headerMenu li {
    width: 140px;
    list-style-type: none;
    display: inline;
    float: left;
    text-align: center;
    padding-right: 1px;
    margin: 0;
}

#headerMenu a {
    width: 140px;
    height: 19px;
    display: block;
    line-height: 18px;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-family: "lucida sans", arial, sans-serif;
    padding: 0;
    margin: 0;
    font-size: 16px;
}

/* ---------- top menu end   ---------- */

#companyinfo {
    border: 1px red solid;
}

#omossimage {
    margin-bottom: 20px;
}

/*----------- Cataloge page -------------------*/

.katalogText {
    float: left;
    padding-left: 20px;
}

#result #formcontainer {
    width: auto;
    height: auto;
}

#result #checkboxes {
    float: left;
    width: 245px;
    height: auto;
}

#result #formsfields {
    position: relative;
    float: right;
    width: 49%;
    height: auto;
}

/*---------------- Cataloge End ----------*/
.prodheader {
    width: 100%;
    height: auto;
}

.prodheaderstart {
    width: 100%;
    height: auto;
}

.prodheaderstart h1 {
    width: 100% !important;
}

.back {
    float: right;
    width: 53px;
    height: 12px;
    margin-bottom: 10px;
}

#mailform input.submit {
    margin-left: 20px;
}

/*------------------Slideshow start--------------------*/

.gallerycontroller {
    width: 210px
}

.gallerycontent {
    position: relative;
    width: 870px;
    height: 139px;
    border: 0px none black;
    background-color: #FFF;
    padding: 0px;
    display: block;
    margin-left: 10px;
}

.gallerycontent img {

}

#opacitetsbox1, #opacitetsbox2, #opacitetsbox3, #opacitetsbox4 {
    position: absolute;
    top: 80px;
    right: 660px;
    background: #1279BF;
    padding: 10px;
    width: 160px;
    height: 10px;
    opacity: 0.5;
    filter: alpha( opacity = 50 );
}

#bildtextx1, #bildtextx2, #bildtextx3, #bildtextx4 {
    position: absolute;
    top: 80px;
    right: 660px;
    color: #FFF;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 15px;
    text-align: right;
    width: 160px;
    padding: 10px;
    font-weight: bold;
}

#opacitetsbox2 {
    right: 440px;
}

#bildtextx2 {
    top: 80px;
    right: 440px;
    padding: 10px;
}

#opacitetsbox3 {
    right: 220px;
}

#bildtextx3 {
    top: 80px;
    right: 220px;
    padding: 10px;
}

#opacitetsbox4 {
    right: 0px;
}

#bildtextx4 {
    top: 80px;
    right: 0px;
    padding: 10px;
}

/*-------------------Slideshow end--------------------*/

div.selectlist {
    margin: 10px 0px;
}
/*
.cs9Book a.cs9requestLink, .cs9Book a.cs9requestLink:hover, .cs9Book a.cs9bookLink, .cs9Book a.cs9bookLink:hover,
    .cs9MoreInfoLink a.cs9MoreInformationLink, .cs9MoreInfoLink a.cs9MoreInformationLink,
    .cs9MapLink a.cs9ShowMap, .link a.cs9MoreInformationLink, .cs9Bookingrequest a.cs9MoreInformationLink,
    #bookingrequest button.cs9MoreInformationLink {
    color: #fff;
    background: #e6e6e6 url( ../images/request.png ) 50% 50% repeat-x;
    font-weight: bold;
}

.cs9Book a.cs9requestLink:hover, .cs9Bookingrequest a.cs9MoreInformationLink:hover,
    .cs9MoreInfoLink a.cs9MoreInformationLink:hover, .link a.cs9MoreInformationLink:hover {
    background: #e6e6e6 url( ../images/requestAct.png ) 50% 50% repeat-x;
}

.cs9MapLink a.cs9ShowMap, #bookingrequest button.cs9MoreInformationLink, .cs9Book a.cs9bookLink {
    background: #e6e6e6 url( ../images/boka.png ) 50% 50% repeat-x;
}

.cs9MapLink a.cs9ShowMap:hover, .cs9Book a.cs9bookLink:hover {
    background: #e6e6e6 url( ../images/bokaAct.png ) 50% 50% repeat-x;
}

/*------------ unused areas  ----------*/

#area3, #area4, #area5, #area6, #area7, #area8, #area9 {
    display: none;
}