/*---------------------
		This CSS is intended to be the general design template for style sheet to customize Comers.
		The stylesheet is used by Comers in customer local sites.

		If no local customize css is used, comersstandard.css will be used.

----------------------*/
/*---------------------
		General Font styles
-------------------------*/

/* ---------- layout styles begin ---------- */
div, p, blockquote, form, label, ul, li, ol, dl, fieldset, address, body, td, th, input,
	textarea, select, h1, h2, h3, h4, h5, h6, a, input#textfield1 {
   font-family:   Arial, Tahoma, Verdana, sans-serif;
	color:#000;
	font-size: 12px;
	line-height:1.4em;
}

/* ---------- FONTS BEGIN ---------- */
/* ---------- headings begin   ---------- */
h1 {font-size:1.3em;font-weight:bold;color: #1279BF;font-family: "lucida sans", arial, sans-serif;margin:0 0 1em 0;}
h2 {font-size:1.2em;font-weight:bold;color: #1279BF;font-family: "lucida sans", arial, sans-serif;margin:0 0 1em 0;}
h3 {font-size:1.1em;font-weight:bold;color: #1279BF;font-family: "lucida sans", arial, sans-serif;margin:0 0 .7em 0;}
h4 {font-size:1.1em;font-weight:bold;}
h5 {font-size:1.1em;font-weight:bold;}
h6 {font-size:1.1em;font-weight:bold;}

/* ---------- headings end   ---------- */
/* ---------- FONTS END   ---------- */

/* ---------- LINKS BEGIN ---------- */
 a.comers {
	float:right;
	font-size:.9em;
	color: #999999;
	text-decoration: none;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/*-- HEADER MENU LINKS BEGIN--*/
/* standardheader.jsp style this to get nice links in header menu */

a:hover {text-decoration:underline;}

.cs9HeaderMenu {}

.cs9HeaderMenu li a {
    font-size: 1.5em;
    line-height: 1.2em;
    color: #FFF;
	 font-family: "lucida-sans", Arial, sans-serif;
    font-weight: normal;
}

.cs9HeaderMenu li a:hover {
	text-decoration: none;
}

.cs9HeaderMenu {
	text-align:center;
	margin-top: 173px;
}

.cs9HeaderMenu li {
  	width: 140px;
   float: left;
   text-align: center;
}

/*--------- HEADER MENU END--------*/
/*-- HEADER MENU LINKS END---*/
/*-- FOOTER LINKS BEGIN--*/

.cs9FooterMenu li a:hover, .cs9FooterDestinations li a:hover {
    text-decoration: underline;
}

/*-- FOOTER LINKS END---*/
/* ---------- LINKS END ---------- */

#menu ul {
/*     liststyle to UL-tag in menu
	list-style-image:url(../images/pixelpil.gif);
	list-style-position: inside;
*/
}

#menu li {
    padding:.1em 0 .1em 0;
	 text-indent:0em;
/*	 border-bottom: 1px dashed #999999;  */
}

#menu li a:hover, #menu li span.selected {
/*	 background: url(../images/pixelpil.gif) scroll 0 no-repeat;     */
	 text-decoration:underline;
}

/*---------- LEFT MENU END ------*/
/* ---------- HEADER BEGIN ---------- */

.cs9HeaderLogo  {
	left: 85px;
	top: 31px;
	position: absolute;
}


.cs9StandardHeader {
/*	background: url(../images/header.jpg) no-repeat;  */
/*	float: left;
	width: 100%;   */
}

/* contains logo, language and minicart divs */
.cs9HeaderTop {
	float:left;
	width: 100%;
	height:80px;
}

/* contains only company logo */

.cs9HeaderCartLang {
	float: right;
	padding: .2em;
	/* if float right not ok, use this code,
	beware that minicart might overflow the searchfield!
	my suggestion is actually to put the searchfield in a float right aswell,
	that way the menu could be any width without going under the searchfield.
					/DV 090925

	position: absolute;
	top: 10px;
	right: 10px; */
}
/*---- lang div ----*/
/* contains lang switchers */
.cs9HeaderLang {
   float: left;
}

.cs9HeaderLang li {
    display: inline; /* remove this line if you prefer vertical flags! */
    margin: 0 .1em;
}
/*--------------------*/

/*-------- minicart in header ----*/
/* -- position the minicart with this div */
div.minicart {
	position:absolute;
	top:15px;
	right:207px;
}

.cs9HeaderCart {
	float: left;
}

/* flytta bort denna */
.amount {
    color: red;
}

/* this span display block is used to display mincart in three rows */
/* otherwise minicart is displayed in one row */

span.cartlink, span.amount, span.delete {
    display: block;
}


/*------------------------------------*/

/* contains menu and freetextsearch */
.cs9HeaderBottom {
   float: left;
	height:20px;

}

/*---- menu container -----*/
.cs9HeaderMenu {
   float: left;
}

.cs9HeaderMenu li {
    display: inline;
    padding: 0 2em;
/*    border-right: 1px #ffffff solid;   */
}
/*-----------------------------*/

/* free text search */
.cs9HeaderSearch {
	float: right;
	padding: 0 .5em;
}

.cs9HeaderSearch .fg-button {
    padding:0 0.1em;
}

.cs9HeaderSearch input {
	border:1px solid #ddd;
	padding:0.2em;
}




/***********************************
		----- HEADER END --------
*************************************/

/* ---------- FOOTER BEGIN ---------- */

#footer div, #footer li, #footer a {
	line-height:2.5em;
}

#footer {
	text-align: center;
/*    border-top: 1px #999999 solid;   */
/*    margin: .5em .5em .5em .5em;    */
/*  border:0px solid green;    */

}

.cs9FooterMenu {

}

.cs9FooterMenu ul, .cs9FooterDestinations ul {
    text-align: center;
}


.cs9FooterMenu li, .cs9FooterDestinations li {
    display: inline;
}


.cs9FooterDestinations {
/*
	 border-top: 1px #dddddd dashed;
    border-bottom: 1px #dddddd dashed;
*/
}


div#footer {
    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;
}

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

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

/* ---------- FOOTER END  ---------- */

/*------- CUSTOMER LOGIN START ----------*/

.cs9CustomerLogin {
/* this class is used to style login fields */
}

/*------- CUSTOMER LOGIN END ------------*/

/* ---------------------------------------- */
/* ---------- LAYOUT STYLES BEGIN---------- */
body {
/*
	 background: url( ../images/bodybg.png ) no-repeat scroll top;
	 												Use background image to display background image
*/
/*	 background:url(../images/blue-fade.png ) repeat scroll top;   */
	 margin:0 auto;

/*	 margin:10px auto;  Use this code when you want space over and below container.
 								margin auto center page */
}

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

body#popup #container {
    width: auto;
}

/* ---------- LAYOUT STYLES END  ---------- */

/* here we have the old css from here */
/* main begin */

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

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


img {
    border: 0px;
}

a, .cs9Name {
    color: #1279BF;

}

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


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

#area1 h3 {
    float: none;
}

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

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

/* ---------- ISL 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#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;
}


/*-- Resultat page begin--*/

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

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

}

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

/*-- Resultat page end --*/


div#header {
    background: url( ../images/top.png ) 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: 355px;
    top: 7px;
    font-size: 1.8em;
    line-height: 1em;
}

#result #header {
    border: none;
}

#result #searchform {
    width: 455px;
}

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

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


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

#menu a {
	 font-family:   Arial, Tahoma, Verdana, sans-serif;
    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 {

    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: 1em;
}

#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: .9em;
    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: .9em;
    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: 182px;
    height: 147px;
    background: url( ../images/blueBg.jpg ) repeat-x;
    text-align: center;
    color: #ffffff;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 1em;
    padding: 10px;
    font-weight: bold;
	 margin:10px 0;
}

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

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

div.flikinaktiv a, div.flikaktiv a {
    margin-top: 3px;
    text-decoration: none;
    float: left;
    text-align: center;
    width: 94px;
    font-size: .9em;
    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: 1em;
    font-weight: bold;
}

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

.pushDiv .pushText {
    font-weight: normal;
    font-size: 1em;
}

.pushDiv {
    color: #5B5B5B;
}

div.pushDivOffer p.pushHeader {
    font-size: 1.2em;
    font-weight: bold;
    color: #1279BF;
    width: 100%;
    float: left;
}

div.pushDivOffer a.pageLink {
    color: #1279BF;
    float: none;
    text-decoration: none;
    text-align: right;
	 font-weight:normal;
	 width: 100%;
}

div.pushDivOffer a:hover.pageLink {
    text-decoration: underline;
}

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

div.pushDivOffer {
    padding: 5px 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: 170px;
    height: 95px;
}

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

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

div.info {
 	position: absolute;
	right: 5px;
	top: 15px;
	text-align:right;
	line-height:1.1em;
	font-size:1em;
}

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

#companyinfo {
    border: 1px red solid;
}

#omossimage {
    margin-bottom: 20px;
}

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

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

/*---------------- Cataloge End ----------*/

#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: 67px;
    right: 660px;
    color: #FFF;
    font-family: "lucida sans", arial, sans-serif;
    font-size: 1.3em;
    text-align: right;
    width: 160px;
    padding: 10px;
    font-weight: bold;
}

#opacitetsbox2 {
    right: 440px;
}

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

#opacitetsbox3 {
    right: 220px;
}

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

#opacitetsbox4 {
    right: 0px;
}

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

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

div.selectlist {
    margin: 10px 0px;
}

a.menuLink { font-size:12px;font-weight:normal;}

#bookCartConf td,#bookCartConf th{
	font-size:12px;
  line-height:14px;

  }

#bookCartConf h3{
	font-size:12px;
  line-height:14px;

}