/*---------------------
		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, .cottageTex {
   font-family:   Arial, Tahoma, Verdana, sans-serif;
	color:#000;
	font-size: 11px;
	line-height:1.4em;
}

/* ---------- FONTS BEGIN ---------- */
/* ---------- headings begin   ---------- */
                                                            

h1 {font-size:1.5em;font-weight:bold;}
h2 {font-size:1.3em;font-weight:bold;}
h3 {font-size:1.2em;font-weight:bold;}
h4 {font-size:1.1em;font-weight:bold;}
h5 {font-size:1.1em;font-weight:normal;}
h6 {font-size:1.1em;font-weight:normal;}

.headerBox h2, h1, h3, .pushHeader {
	font-family: Georgia, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.7em;
	color: #292009;
	font-weight: normal;
}

.pushHeader {
	font-size: 1.5em;
	text-align: center;
	line-height: 2em;
	background: url(../images/newsunderline.png) left bottom no-repeat;
	margin-bottom: 10px;
}


/* ---------- 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 {text-align:center;}     */

#header .listLevel1 li a {
	font-family: Georgia, Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.1em;
   line-height: 1.5em;
   color: #292009;
	float: left;
}

.listLevel1 li a:hover {
	text-decoration: underline;
}
/*-- 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 ---------- */
/* this is also where you can specify height if the header should be of specific height
 	this is the div that specifies use of full width, do not compromise */
#header {
	margin: 0px auto;
	background-color: #ffffff;

	border-bottom: 3px #CC9900 solid;
}
/*	this is the header which can be used for design purposes.
*/
.cs9HeaderLogo  {
	/*position:absolute;*/
	top:0px;
	margin-left: 350px;
	_margin-left: 175px;	
}

.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 */
.cs9HeaderLogo {
   float: left;
	padding: 1em;
	
}

.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:relative;top:0.2em;right:1em;

}

.cs9HeaderCart {
	float: left;
}

.minicart {
    background: #F5F5F5;
    border: 1px solid #dddddd;
	 padding:0em .3em;
}

.minicart a, .amount, .minicart span {
	font-weight:normal;
	font-size:1em;
	line-height:1.1em;
}

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

/* header menu for infolistmenu.jsp */

.headerMenuTop {
	float:left;
	margin:0px auto;

}

.headerMenuTop .listLevel1 li {
		float:left;
	background: url(../images/menutopleftbg.png) no-repeat  left top;
	height:26px;
	margin:0 3px 0 3px;
	 /*padding: 0 2em;*/
/*    border-right: 1px #ffffff solid;   */
}

.headerMenuTop .listLevel1 li a {
 	display:block;
	position:relative;
	background: url(../images/menutoprightbg.png) no-repeat  right top;
	text-align: center;
	height:22px;
	padding:4px 15px 0 15px;

}
.headerMenuTop .listLevel1 li .selected , .listLevel1 li .selected a {
	text-decoration:underline;
}

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

/* 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 {
/*    border-top: 1px #999999 solid;   */
/*    margin: .5em .5em .5em .5em;    */
    text-align: center;
	 margin:1em 1em 0 1em;
/*  border:0px solid green;    */
}

.cs9FooterMenu {

}

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

.cs9FooterMenu li, .cs9FooterDestinations li {
   display: inline;
	margin: 0 10px;
}


.cs9FooterDestinations, .cs9FooterMenu {
    border-top: 1px #a2946f dashed;
    border-bottom: 1px #a2946f dashed;
}

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

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

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

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

/* ---------------------------------------- */
/* ---------- LAYOUT STYLES BEGIN---------- */
body {

	 background: url( ../images/bg.jpg);
/* 	 												Use background image to display background image
*/
/*	 background:url(../images/blue-fade.png ) repeat scroll top;   */
	 margin:0 auto;
	height: 100%;

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

#container {
    /*padding: 0 5px;*/
    margin:0 auto;
    position: relative;
    width: 1000px;
    border: 3px #CC9900 solid;
	 background-color:#FFFFFF;
	height: 100%;
}

/* Wrapper area contains all area1, area2 and so on
	Wrapper area is used to declare background color, border

*/

#wrapper {
    padding: 0;
    margin: 1em 0em 1em 0em;
	 padding: 0em 0em 0em 0em;
	 border:0px solid blue;
/*	 background:url(../images/ramverk_orangefade_bg.gif ) repeat-x scroll top;  */
}

/*---------- LEFT MENU BEGIN ------*/

/*-- start page begin --- */
/* Area1 start definition here */
/* Should be absolute pixelsize */

#menu {
    float: left;
    margin:0 0 0 10px;
    width: 180px;
}

/* the START-area start definition here

body#start #area1 {
   position: absolute;
	top: 116px;
	left: 20px;
	z-index: 100;

}*/

body#start #area1 {
	position: relative;
	float: left;
	width: 680px;
	margin:0 0 0 15px;
	/*--- this fix the extra amount pixels who IE6 add to
	  the margin-left when the div float to the left ----*/
	_margin-left: 10px;

	border: 0px green solid;
}


body#start #area1 .searchFormMap {
	position: absolute;
	z-index: 100;
}

/* - kartan flyttas upp - */
body#start #area1 .searchMap {
	/*position:relative;     */
	margin-top: 20px;
}

/* - kartan flyttas upp - */
.searchButton {
	position:relative;
	top:-110px;
	left:80px;
}


body#start #area2 {
	float: left;
	width: 260px;
	margin:0 0 0 25px;
	/*--- this fix the extra amount pixels who IE6 add to
	  the margin when the div float to the right ----*/
	/*_margin: 0 10px;   */

	border: 0px blue solid;
}



body#start #area3 {
	margin: 0 0 0 20px;
}


body#start #area4 {
	display:none;
}

body#start #area5 {
	display:none;
}

body#start #area6 {
	display:none;
}

body#start #area7 {
	display:none;
}

body#start #area8 {
	display:none;
}

body#start #area9 {
	display:none;
}
/*-- start page end --- */

/*-- result page begin --*/

body#result #area1 {
   float:left;
 /*--
     This width has to be changed
     if not using a column to the right
 ---*/
    width: 560px;
	margin:0 10px 0 10px;

}

body#result #area2 {
    float:left;
    width: 210px;
	margin-right:10px;
   /*display:none;*/
}

body#result #area3 {
	display:none;
}

body#result #area4 {
	display:none;
}

body#result #area5 {
	display:none;
}

body#result #area6 {
	display:none;
}

body#result #area7 {
	display:none;
}

body#result #area8 {
	display:none;
}

body#result #area9 {
	display:none;
}
/*-- result page end --- */

/*-- book page begin --*/
body#book #area1 {
    float:left;
    /*--
     This width has to be changed
     if not using a column to the right
---*/
    width: 770px;
	margin:0 10px 0 10px;
}

body#book #area2 {
	display:none;
}

body#book #area3 {
	display:none;
}

body#book #area4 {
    display:none;
}

body#book #area5 {
	display:none;
}

body#book #area6 {
	display:none;
}

body#book #area7 {
	display:none;
}

body#book #area8 {
	display:none;
}

body#book #area9 {
	display:none;
}
/*-- book page end --- */

/*-- login page begin --*/
body#standard #area1 {
   float:left;
    /*--
     This width has to be changed
     if not using a column to the right

    width: 560px; --*/
	margin:0 10px 0 10px;
}

body#standard #area2 {
	display:none;
}

body#standard #area3 {
	display:none;
}

body#standard #area4 {
    display:none;
}

body#standard #area5 {
	display:none;
}

body#standard #area6 {
	display:none;
}

body#standard #area7 {
	display:none;
}

body#standard #area8 {
	display:none;
}

body#standard #area9 {
	display:none;
}
/*-- login page end --- */


body#popup #container {
    width: auto;
}

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

.pushDiv {
	width: 211px;
	height:255px;
	float: left;
	padding-bottom: 10px;
	margin:0 15px 10px 0px;
}

.pushDiv p {
	margin-bottom: 10px;
}


.pushDiv .pageLink {
	font-weight: bold;
	color: #ffffff;
	background: url(../images/readmorebg.png) no-repeat;
	width: 81px;
	padding: 4px 25px 7px 16px;
}

/* -- right column box start -- */
.headerBox, .headerBox h2 {
	background: url(../images/boxtopleft.png) no-repeat  left top;
	height:52px;
}

.headerBox h2  {
	display:block;
	position:relative;
	background: url(../images/boxtopright.png) no-repeat  right top;
	padding:5px 5px 0 5px;
	height: 47px;
	text-align: center;
}

.middleBox {
	background: url(../images/boxmiddle.png) repeat-y;
	width: 240px;
	padding: 15px 7px 0 13px;
	
}

.bottomBox {
	margin-bottom:2em;
}

.bottomBox, .bottomBox span {
	background: url(../images/boxbottomleft.png) no-repeat left top;
	height: 16px;
}

.bottomBox span {
	display:block;
	position:relative;
	background: url(../images/boxbottomright.png) no-repeat right top;
}
/* -- right column box end -- */

/*------ news messages ------*/


/*--------- Price table begin ---------*/

.infoTable {
	width: 70%;
	margin: 10px 0 0 0;
}

.infoTableHeader {
	display: none;
}

.infoTable td{
   padding: 2px 0 2px 5px;
}

.infoTableSubheader td{
	background: #eadec1;
  	font-weight: bold;
}
.hotelPricerow2 {
   background: #efe9db;
}


/*---------- Price table end -----------*/





/*---- Specific styles begin ---------*/

/*--
		Eliminate the margin at the bottom of the buttons in the searchfrom on
     	the right menu
---*/
.cs9searchFormSearchButton {
	margin-bottom: 0;
}

/*----
	Make the "Show as a list"-button klickable.
	Without this the button gets cover by the map since the map
	has a z-index.
----*/
#parallellForm {
	position: absolute;
	top: 164px;
	left: 260px;
	z-index: 999;
}

/*----- standardproductinfo.jsp - images on the tab -----*/
.ui-tabs .ui-tabs-panel img {
	width: 450px;	
}


/*---- Specific styles end ---------*/


/*--- Pages showing the flash animations begin ----*/

#start #area3 .infoTable td, #popup #area1 .infoTable td {
   padding: 0;              /*-- This remove the background color and padding ---*/
}

/*--- Pages showing the flash animations end ----*/

/*--- Text below the map begin ---*/



/*--- Text below the map end ---*/