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

input {
   margin: 0 0.4em 0.3em 0;
   padding: 0.1em;
   width: auto;
	vertical-align:middle;
}


a {color:#00a4c2;text-decoration:underline; outline: none;}
a:hover {text-decoration:underline;}

/* ---------- FONTS BEGIN ---------- */
/* ---------- headings begin   ---------- */
h1 {font-size:2em  ;font-weight:bold;font-family: Arial, Verdana, sans-serif;	color: #7ab51d;}
h2 {font-size:1.3em;font-weight:bold; color: #00A4C2;}
h3 {font-size:1.2em;font-weight:bold;}
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 ---------- */

.backLink {
	position: absolute;
	top: 224px;
}

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

.cs9HeaderMenu {text-align:center;}

.cs9HeaderMenu li a {
    font-size: 1.1em;
    line-height: 1.5em;
    color: #000;
	 text-transform:uppercase;

}

.cs9HeaderMenu li a:hover {
	text-decoration: underline;
}
/*-- HEADER MENU LINKS END---*/
/*-- FOOTER LINKS BEGIN--*/

.cs9FooterMenu li a {
	color: #777777;
	text-decoration: none;
}

#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:0;
/*	 border-bottom: 1px dashed #999999;  */
}

#menu li a:hover, #menu li span.selected {
	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 {
	background: url(../images/header_bg.png) no-repeat;
	margin: 0;
	border:0 solid black;
	width: 100%;
	height:190px;    
}
/*	this is the header which can be used for design purposes.
*/
.cs9HeaderLogo  {
	position:absolute;
	top:85px;
	left:27px;
}

.cs9StandardHeader {
	float: left;
	width:100%;
}

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

/* contains only company logo */
.cs9HeaderLogo {
   float: left;
	/*padding: 1em;*/
}

.cs9HeaderCartLang {
	float: right;
	padding: .2em;
	margin-right: 10px;
	/* 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 {
    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: 0 solid #dddddd;
	 padding:0 .3em;
}

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

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

.custPriceTable .amount, .custPriceTable td.price {
	text-align: right;
	color: #000000;
	font-weight: bold;
}



/* 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 {
	position:absolute;top:109px;right:23px;
	padding: 0 .5em;
}

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

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




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

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

#footer .cs9Name {
	color: #7AB51D;
	font-size: 1.2em;
	font-weight: bold;
}

#footer div, #footer li, #footer a {
	line-height:2.5em;
}
/*
#footer {
   border-top: 1px green solid;
   margin: 0 0 0 0;
   width: 960px;
}*/

#footer {
	background: url(../images/gotland_container_bottom.png) no-repeat right bottom;
	width: 1040px;
	margin: 0 0 0 0;
	position: relative;
	left: -40px;
	top: 36px;
}

#footer #cs9StandardFooter {
	border-top: 1px #7ab51d solid;
	padding-bottom: 50px;
	margin-left: 40px;
	width:960px;

}

.cs9FooterMenu {
	text-align: left;
}

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

.cs9FooterCustomInfo {
	text-align: center;
}

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

.cs9FooterOrgInfo {
	text-align: center;
}

.comers {
	width: 100%;
	float: right
}

/* ---------- FOOTER END  ---------- */
/* ---------- Fix for image design specific for Sverigeflyg START---- */

/*
since we want a straight right column,
we put the padding in here
and then we give the cs9ImagePro a negative margin
*/
.cs9ProductInformationArea {
/*margin-bottom: 5px; <----  Moved to .cs9MoreInformation */
padding-left: 250px;
	/*AE - adjustments for containers background images, and margins och productdescriptions*/
	padding-bottom: 5px;
}

.cs9ImagePro {
/*
 This is the magic one,
 the only one with a set width,
 which makes it possible to use the padding from .cs9ProductInformationArea,
 so we pull this one its whole width left of the .cs9ProductInformationArea,
 by using negative margin and position relative.
 */
width: 250px;
position: relative;
float: left;
margin-left: -250px;
/*margin-bottom: 5px;        */
}
/*** IE6 FIX ***/
/*
Since IE6 does not handle position relative very well,
we have to make a special fix here,
so it's a good thing that it's the one browser that understands
the selector starting with a star.
no other browser will interpret this code.
*/
* html .cs9ImagePro {
left: 250px;
}

.cs9ImageContainer {
/* margin-right: 10px;*/
margin-bottom: 0;
}

.cs9ImageContainer img {
width: 230px;
float:none;
}

/* ---------- Fix for image design specific for Sverigeflyg START---- */

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

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

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

/* ---------------------------------------- */
/* ---------- LAYOUT STYLES BEGIN---------- */
body {
	/*AE 20110311 - Removed bgimage and bgcolor and replaced with new bgcolor*/
	/*background: #feeedd url( ../images/bg.jpg) no-repeat scroll top;*/
	background: #1f5d9a;
	/*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 {
   background: url(../images/gotland_container_bg.png) repeat-y;
	margin:0 auto;
  	position: relative;
	width: 965px;
	padding: 0 40px;
}

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

*/

#wrapper {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

/*---------- 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 {
    float:left;
 /*--
     This width has to be changed
     if not using a column to the right

 ---*/
    width: 210px;
	 margin:0 0 0 0;
	 border: 0 blue solid;

}

body#start #area2 {
    float: left;
    margin:0 0 0 20px;
    width: 500px;
	 border:0 red solid;
	 /*display:none;*/
}

body#start #area3 {
	float: left;
	width: 210px;
	margin: 0 0 0 20px;
	border: 0 #000000 solid;
}

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;
   width: 960px;
	margin:0 0 20px 0;
	border: 0 blue solid;
}

body#result #area2 {
   float:left;
   width: 960px;
	margin:0 0 40px 0;
}

body#result #area3 {
   float:left;
   width: 650px;
	margin: 0 0 0 0;
	border:0 red solid;
}

body#result #area4 {
	float: left;
	width: 290px;
	margin: 0 0 0 20px;
	border: 0 #000000 solid;
}

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;
   width: 960px;
	margin:0 0 20px 0;
	border: 0 blue solid;
}

body#book #area2 {
   float:left;
   width: 960px;
	margin:0 0 10px 0;
}

body#book #area3 {
	float: left;
	width: 730px;
	margin: 0 0 0 0;
	border:0 red solid;
}

body#book #area4 {
	float: left;
	width: 210px;
	margin: 0 0 0 20px;
	border: 0 #000000 solid;
}

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#resultprod #area1 {
   float:left;
   width: 960px;
	margin:0 0 20px 0;
	border: 0 blue solid;
}

body#resultprod #area2 {
	float: left;
	width: 550px;
	margin: 0 0 0 0;
	border:0 red solid;
}

body#resultprod #area3 {
	float: left;
	width: 390px;
	margin: 0 0 0 20px;
	border: 0 #000000 solid;
}

body#resultprod #area4 {
   float: left;
	width: 960px;
	margin: 20px 0 0 0;
	border: 0 green solid;
}

/*-- login page end --- */

/*---- Destinations and resort pages ----*/
body#resdest #area1{
	float:left;
    /*--
     This width has to be changed
     if not using a column to the right--*/

   width: 960px;
	margin:0 0 20px 0;
	border: 0 blue solid;
}

body#resdest #area2 {
	float: left;
	width: 630px;
	margin: 0 0 0 0;
	border:0 red solid;
}

body#resdest #area3 {
	float: left;
	width: 310px;
	margin: 0 0 0 20px;
	border: 0 #000000 solid;
}

body#resdest #area4 {
	display: none;
}

body#resdest #area5 {
	display: none;
}

body#resdest #area6 {
	display: none;
}

body#resdest #area7 {
	display: none;
}

body#resdest #area8 {
	display: none;
}

body#resdest #area9 {
	display: none;
}

body#resdest .cs9Name {
	font-weight: bold;
}

/*---- Destinations and resort pages end ----*/


/*---- Popup page begin----*/

body#popup #container {
	 background:#ffffff;
	 width: auto;
}

body#popup #area1 .cs9Header {
	top: 0;
}

/*---- Popup page end----*/

/*----- Puff boxes on the start page -------*/

.puffLeft, .puffRight {
	float: left;
	margin-top: 20px;
}

.puffRight {
	margin-left: 20px;
}




/* -- class for header box -- */
/* -- To create this box in sitebuilder you should use div class .headerBox together with text H2 */

/* -- start headerbox -- */
/* -- greenbox with white text -- */
.headerBox, .headerBox h2, .headerBoxblue h2, .headerProduct, .headerProduct span, .headerBoxGreen, .headerBoxGreen h2 {
	background: url(../images/boxtopleft.png) no-repeat  left top;
	height:31px;
	color:#FFF;
}

.headerBoxGreen {
	 background: url(../images/newsboxtopleftgreen.png) no-repeat  left top;  /*---- Green gradient background on news box----*/
}

/*--- Black text on the news box begin---*/
.headerBoxGreen h2 {
	color: #000000;
}
/*--- Black text on the news box end---*/

.headerBox h2, .headerBoxGreen h2, .headerBoxblue h2, .headerBoxtransparent h2, .headerBoxpassenger h2, .headerBoxgradient h2,
.headerProduct span{
	display:block;
	position:relative;
	background: url(../images/boxtopright.png) no-repeat  right top;
	text-indent:10px;
	padding:5px 5px 0 5px;
	height: 26px;
}

.headerBoxGreen h2 {
	background: url(../images/newsboxtoprightgreen.png) no-repeat  right top;   /*---- Green gradient background on news box----*/
	text-indent:5px;
}

/* -- end greenbox -- */

/* -- bluebox with white text -- */

.headerBoxblue, .headerBoxblue h2  {
	background: url(../images/boxtopleftblue.png) no-repeat  left top;
	height:28px;
}

.headerBoxblue h2 {
	background: url(../images/boxtoprightblue.png) no-repeat  right top;
	padding: 3px 0 0 0;
}

/* -- blubox with white text -- */

/* -- transparent and gradient box starts here -- */

.transparentBoxLeft, .transparentBoxRight {
	width: 265px;
	float: left;
	margin-top: 20px;
}

.transparentBoxRight {
	margin-left: 20px;
}

.headerBoxtransparent, .headerBoxtransparent h2, .headerBoxpassenger h2, .headerBoxgradient h2 {
	background: url(../images/boxtoplefttransparent.png) no-repeat  left top;
	height:35px;
	color:#00a4c2;
}

.headerBoxpassenger, .headerBoxpassenger h2 {
	background: url(../images/boxtopleftpassenger.png) no-repeat  left top;
	height:43px;
}

.headerBoxgradient {
	background: url(../images/boxtopleftbetala.png) no-repeat  left top;
}

.headerBoxpassenger h2 {
	background: url(../images/boxtoprightpassenger.png) no-repeat  right top;
	height:43px;
	font-size: 1.6em;
	font-weight: normal;
}

.headerBoxgradient h2 {
	background: url(../images/boxtoprightbetala.png) no-repeat  right top;
}


.headerBoxtransparent h2 {
	background: url(../images/lightblueheadertopright.png) no-repeat  right top;
	height: 20px;
}


/* -- end headerbox -- */

/* -- class for header box end -- */

.middleBox, .middleBoxGreen, .cs9FlightInfoMiddleBox, .middleBoxEven, .searchBox, .searchTopBox, .greenBox {
	border:1px solid #bbbbbb;
	border-top:none;
	border-bottom: none;
	padding:10px 10px 0 10px;
	background-color:#f7f7f7;
}
.searchTopBox{ background: #7ab51d url(../images/searchtopbox_bg.png) top right no-repeat; border: none; }
.searchBox{ background: #7ab51d url(../images/searchbox_bg.png) bottom left no-repeat; border: none; padding: 1em; }
.searchBox label{ color: #ffffff; }
.greenBox{ padding: 1em; background: #7ab51d url(../images/greenbox_bg.png) bottom left no-repeat; border: none; color: #fff; }

.greenBox .mainLink{
	display: block;
	color: #fff;
	text-align: center;
	text-decoration: none;
}

.greenBoxNoGradient{
	background: #7ab51d;	
}

#area1 .middleBox {
	background: url(../images/searchbackground.gif) no-repeat; /*---- Grey Gradient background  ----*/
}

.middleBoxGreen {
	background: #7bb620 url(../images/newsboxmiddlegreen.png) repeat-x; /*---- Green gradient background on news box----*/
}


.cs9FlightInfoMiddleBox, .middleBoxEven {
	background: #ffffff;
}

.cs9FlightInfoMiddleBox {
	_margin-top: -10px;  
}

.transparentBoxRight .middleBox,
.transparentBoxLeft .middleBox {
	background-color:#f8fafa;
	_margin-top: -10px;
}


/* -- start bottombox -- */

.bottomBox, .bottomBoxGreen, .searchBox, .greenBox {
	margin-bottom:2em;
}

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

.bottomBox span, .bottomBoxGreen span,
.transparentBoxRight .bottomBox span,
.transparentBoxLeft .bottomBox span {
	display:block;
	position:relative;
	background: url(../images/boxbottomright.png) no-repeat right top;
}

.transparentBoxRight .bottomBox, .transparentBoxRight .bottomBox span,
.transparentBoxLeft .bottomBox, .transparentBoxLeft .bottomBox span {
	 background: url(../images/boxbottominfoboxleft.png) no-repeat left top;
	 height: 61px;
 }

.transparentBoxRight .bottomBox span,
.transparentBoxLeft .bottomBox span {
	background: url(../images/boxbottominfoboxright.png) no-repeat right bottom;

}

/*--- Green bottom on news box begin ---*/

.bottomBoxGreen, .bottomBoxGreen span{
	background: url(../images/newsboxbottomleftgreen.png) no-repeat left top;
	height: 7px;
}

.bottomBoxGreen span{
	background: url(../images/newsboxbottomrightgreen.png) no-repeat right top;
	height: 7px;
}

/*--- Green bottom on news box end ---*/

/* -- end bottombox -- */
/* -- class for bottom box end -- */

.menuBox {
	background: url(../images/leftmenubg.png) no-repeat  left top;
	height:44px;
	clear:left;
}

.menuBox .listLevel1 {
	background: url(../images/rightmenubg.png) no-repeat right top;
	height:44px;
}

/* ----- maimenu begin ----- */
#header .menuBox ul        { padding:0 0 0 25px; float:left;	margin:0;	list-style-type: none;
                    margin-left: 0; width:935px; }
#header .menuBox ul li     { display: inline; list-style-type:none; }
#header .menuBox ul li a   { padding-top: 3px; padding-bottom: 3px; padding-left: 3px; padding-right: 20px; float: left;color:#FFF;
	text-decoration:none;}
/* ----- maimenu end   ----- */

/*------- buttons begin ----------*/

/*--- Buttons div container -----*/

/*----
	standard buttons in both size. This buttons doesn't use
	arrows. Considere using a fixed size for these buttons.
--------*/

.buttonBoxStandard , .buttonBoxArrowNext {
	float:left;
}

.buttonBoxArrowNext {
	margin-left: 20px;
	margin-bottom: 5px;
}

.buttonBoxStandard, .buttonBoxStandard button, .buttonBoxStandard a,
.buttonBoxArrowNext, .buttonBoxArrowNext button, .buttonBoxArrowNext input, .buttonBack, .buttonBack button,
.cs9searchFormSearchButton, .cs9searchFormSearchButton input {
	background: url(../images/bigbuttonleft.png) no-repeat  left top;
	height:36px;
	color:#FFF;
	font-size: 1.3em;
	border:none;
}

.buttonBoxStandard button,.buttonBoxStandard a, .buttonBoxArrowNext button, .buttonBoxArrowNext input,
.buttonBack button, .cs9searchFormSearchButton input, .buttonBoxStandard a.fg-button {
	display:block;
	position:relative;
	background: url(../images/bigbuttonright.png) no-repeat  right top;
	padding: 0 0.5em 0.2em 0.5em;
	margin-top: 0;
	height: 36px;
	cursor:pointer;
	/*override standard*/
	margin-right: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	/*AE - 111020 - Cutted out the white background and need to push this -5px so it is not over the background*/
	right: -5px;
}
/*AE - 111020 - special button with no need to case overlap*/
.buttonBack button{right: 0;}
#matrixSearch .cs9searchFilterFormButtons input{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
.buttonBoxStandard a {
	font-weight:normal;
	text-decoration:none;
	padding: 0.1em 0.5em 0.2em 1.3em;
	width: 140px;
}

.buttonBack, .buttonBack button {
	background: url(../images/leftbuttonarrowback.png) no-repeat  left top;
	padding: 0 35px;
	margin-left: 2px;
	width: 120px;
	float:left;
}

.cs9searchFormSearchButton, .cs9searchFormSearchButton input {
	width: 75px;
}

.cs9searchFormSearchButton input {
	margin: 0 0 0.3em 0;
}


.cs9searchFormSearchButton {
	float: right;
	margin-right: 5px;
	/*--- this fix the extra amount pixels who IE6 add to
	  the margin when the div float to the right ----*/
	_margin-right: 0;
}

.buttonBack button {
	padding: 0 0.5em 0.2em 0.3em;
	background: url(../images/rightbuttonarrowback.png) no-repeat  right top;
}

#matrixResultButtons {
	width: 100%;
	float:left;
}

/* fix distance between backbutton and arrownext in matrix and customerdetail */
.buttonSpace {
	width:40%;
	float:left;
	/*border: 0px solid transparent;*/
}
/* page 3 productpartselect.jsp */

.productPartResultBackLink {
/*	clear:left;  */
	width:100%;
	margin:0;
	padding:10px 0;
}

.buttonBoxArrowNext button, .buttonBoxArrowNext input {
	display:block;
	position:relative;
	background: url(../images/rightbuttonarrownext.png) no-repeat right top;
	padding: 0 2em 0.2em 0.5em;
}


.buttonBoxArrowNext input {
	margin:0;
	position:relative;right:-8px;

}


/* -- yousearched searchfilterformbutton */

.youSearchedLink, .cs9searchFilterFormButtons, .cs9searchFilterFormButtons input, .youSearchedLink button {
	background: url(../images/littlebuttonleft.png) no-repeat left top;
	height:26px;
	font-weight: bold;
	padding: 0 0 0.2em 0;
	border:none;
	cursor:pointer;
	width:155px;
	margin:0;
}

.youSearchedLink button, .cs9searchFilterFormButtons input {
   display:block;
	position:relative;
	width:160px;
	background: url(../images/littlebuttonright.png) no-repeat right top;
	border:none;
	height:26px;
	margin:0;
	cursor: pointer;
	font-size: 1em;
	color:#FFF;
}

#matrixSearch .cs9searchFilterFormButtons, #matrixSearch .cs9searchFilterFormButtons input{
	width: auto;
}

#matrixSearch .cs9searchFilterFormButtons input {
	padding: 4px 13px 8px;
}


/*----- Standard burttons end -------*/

/*------- buttons end ----------*/

/*----- steps counter begin  ----------*/

.stepCounterBox, .stepCounterBoxWhite {
	background: url(../images/stepCounter.png) no-repeat;
	width: 188px;
	height: 28px;
	float: left;
	padding: .2em 0 0 0;
	font-size: 1.2em;
	color: #666666;
	word-spacing:1.2em;
	text-indent:.9em;
	margin:0 .2em 0 0;
}

.stepCounterBoxWhite {
	background: url(../images/stepCounterAct.png) no-repeat;
	color: #ffffff;
}

/*----- steps counter end -------------*/

/*------ news (infopush) style begin ---------*/

.pushDiv {
	border-bottom: 1px #bbbbbb solid;
	padding: 3px 0 5px 0;
}

.pushHeader  {
	line-height: 1.1em;
	font-size: 1.1em;
}

.newsSummary {
	 display: none;
 }

/*-------- news styles end ---------*/

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

/* ----- new styles for SVE ---------------- */

/* --- departuretab.jsp ----- */


/*-----
	Div containing the departuretab.jsp. This div has the long green/grey bottom background -----*/
.departureTabStart {
	background: url(../images/tabbakgrund.png) no-repeat left bottom;
	height: 100px;
	width: 100%;
	float: left;
}
/*---- Div container end ----*/

.departureTabStart ul {
	margin-left: 75px;
}

.departureTabStart li {
	/*float: left;*/ /*Floats in standard*/
}
.departureTabStart li a{
	/*Override standard*/
	padding: 0;
}
/*----- Before and next tabs ----*/

.departureTabBefore, .departureTabNext {
	background: url(../images/beforenext.png) no-repeat;
	height: 32px;
	width: 80px;
	margin-top: 29px;
	padding: 10px 0 0 32px;
}

.departureTabBefore {
	margin-right: 5px;
}

.departureTabNext {
	margin-left: 5px;
}

.departureTabNext a, .departureTabBefore a    {
	color:#999999;
	text-decoration:none;
	/*Override standard*/
	margin-top: 0;
}

.departureTabNext a:hover, .departureTabBefore a:hover    {
	color:#333333;
}

/*---- Before and next tags end ------*/

/*----- Big gray tab ----*/
.departureTab, .selectedDepartureTab {
	background: url(../images/departuretabwhiteleft.png) no-repeat;
	height: 72px;
	width: 145px;
	/*text-indent:20px;*/
	text-align: center;
	padding:15px 0 0 0;
	color:#333333;
	/*Override standard*/
	margin: 0;
}


/*----- Big green tab -----*/
.selectedDepartureTab {
	background: url(../images/departuretableft.png) no-repeat;
	z-index: 100;  /*---- z-index in order to put the green tab over the bottom backgound   -----*/
}

/*---- Font style for the two big tabs  -----*/

.selectedDepartureTab a, .departureTab a {
	color:#FFFFFF;
	text-decoration:none;
	line-height: 1.2em;
	display: block;
}


.selectedDepartureTab a span, .departureTab a span {
	font-weight: normal;
	font-size: 0.9em;
	line-height: 1.8em;
}

.departureTab a {
	color:#000;
}

/*------ Font style end -----*/

/* ---- från comersstandard --- */

/*-- Searchform2.jsp begin ---*/

body#start #departure, body#start #destination, body#start #cs9DurationType select, body#start #paxes,
body#start #paxeschild, body#start #paxesinfant{
	width: 183px;
}

body#start #fromdate {
	width: 153px;
}
/*--- Searchform2.jsp end ---*/


.cs9Name, .cs9Name a, .cs9FlightPriceOverview, .cs9FlightPackageName, .cs9SidecartTitle, .cs9StandardProductDescription .cs9Name {
   font-size: 1.3em;
	color:#00a4c2;
	text-decoration:none;
	font-weight:normal;
}

.cs9StandardProductDescription .cs9Name {
	font-size: 1.9em;
}

.cs9LowPrice {
	float: right;
	text-align: right;
}
.cs9ProductContainerPackageHeaderName p,
.cs9LowPrice p {
	font-size: 1.5em;
	line-height: 1.2em;
}

.cs9LowPrice .cs9LowPriceDays {
	font-weight:bold;
	font-size: 1.1em;
	color: #888888;
}

.cs9ProductContainer {
	border: none;
}

.cs9SearchResult{ margin: 0 0 1em 0; }
.cs9ProductSeparator {
	margin: 1em 0;
}

/* --- package page 2 -- */

/* --  productheader and footer in inccharterresult --  */

.cs9ProductTop, .cs9ProductBottom, .cs9FlightInfoTop, .cs9FlightInfoBottom, .headerBoxtransparent  {
	border:none;
	background: url(../images/lightblueheadertopleft.png) no-repeat  left top;
	height:20px;
}

.cs9ProductTop span, .cs9ProductBottom span, .cs9FlightInfoTop span, .cs9FlightInfoBottom span,
.cs9ExplicitProductBottom span{
	display:block;
	position:relative;
	background: url(../images/lightblueheadertopright.png) no-repeat right top;
	padding:0 5px 0 5px;

}

.cs9ProductBottom, .cs9FlightInfoBottom {
	background: url(../images/lightbluefooterbottomleft.png) no-repeat  left bottom;
	margin-top:0;
	margin-bottom:10px;
	height: 20px;
}

.cs9ProductBottom span, .cs9FlightInfoBottom span {
	background: url(../images/lightbluefooterbottomright.png) no-repeat  right bottom;
	height: 20px;
	margin-bottom:0;
}

.cs9ExplicitProductBottom {
	background: url(../images/explicitlightbluefooterbottomleft.png) no-repeat  left bottom;
	height: 11px;
	_margin-top: -4px;
}

.cs9ExplicitProductBottom span {
	background: url(../images/explicitlightbluefooterbottomright.png) no-repeat  right bottom;
	height: 11px;
}

.cs9FlightInfoTop, .cs9FlightInfoBottom, .cs9FlightInfoTop span, .cs9FlightInfoBottom span {
	height: 8px;
}

.cs9FlightInfoTop {
	background: url(../images/flightinfoheaderleft.png) no-repeat  left top;
}
.cs9FlightInfoBottom {
	background: url(../images/flightinfobottomleft.png) no-repeat  left bottom;
	_margin-top: -4px;
}

.cs9FlightInfoTop span {
	background: url(../images/flightinfoheaderright.png) no-repeat  right top;
}

.cs9FlightInfoBottom span {
	background: url(../images/flightinfobottomright.png) no-repeat  right bottom;
}


/* --  productheader and footer in inccharterresult end --   */
.cs9PackageContainerInformation,
.cs9FlightClusterContainer, .cs9ToggleClusterResult, .cs9ProductContainerPackageSeparator, .cs9ClusterPackageHeader,
.cs9ProductContainerPackage, .cs9PackageContainer, #result .cs9ProductContainer, #resultprod .cs9ProductSpecification, .cs9PropertyContainer, .propertyIcons {
   border:none;
	border-left: 1px solid #bbbbbb;
   border-right: 1px solid #bbbbbb;
	/*border-bottom: 1px solid #F8FAFA;*/
	background: #F8FAFA;
	margin: 0 0 0;
   padding: 0 20px;
	-moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; border-radius: 0;
}
.cs9ToggleClusterResult{ padding: .5em 20px; }
.cs9FlightClusterContainer .cs9ProductSpecification{ margin:0; /*override margin of productSpecification*/}
.cs9PackageContainer {
	border:none;
	padding: 0;
	background: none;
}
.cs9FlightClusterContainer .cs9ProductSpecification{}
.cs9ClusterRowHeader{ padding: .4em; font-weight: bold; }
.cs9ClusterRowHeader img{ vertical-align: middle; margin: 0 1em 0 0; }
/*Only packages that are hidden as options to searchresult*/
.cs9ProductContainerPackage{ padding: 1em 20px; }
.cs9ClusterResultPackages .cs9ProductContainerPackage{ border-top: 1px dashed #bbb; }
.cs9ProductContainerPackage.cs9ContainerPackageInformation,
.cs9ProductContainerPackage.cs9FlightClusterRows{ border-top: 0px solid #bbb; }
.cs9ClusterPackageHeader .cs9ProductDescription{ margin: 0; }
.cs9PropertyContainer, .propertyIcons, #matrixSearch {
	margin:10px 0;
	padding:10px 0;
	background: #FFFFFF;
	border: none;
	border-top: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
}



.cs9PropertyContainer table {
	width: 99%;
}

.cs9PropertyContainer table td{
	font-weight: bold;
}

.propertyIcons {
	margin: 0;
}

#custAdditions .cs9ProductSpecification {
	border: none;
	background: none;
}

.cs9ProductDescription {
	margin-bottom: 5px;
}

.transparentBoxLeft .cs9PropertyContainer, .transparentBoxRight .cs9PropertyContainer {
	margin: 0 3px;
}


/* matrix */

#matrixSearch {
	margin-top: 0;
	padding: 3px 0 0 10px;
}

#matrixSearch td {
	line-height: 1em;
}

#matrixResultResults {
	margin-bottom: 10px;
}

#matrixResultResults table{
	width: 100%;
	border-collapse: collapse;
}

#matrixResultResults table td,#matrixResultResults table th {
/*	border-bottom:1px solid #999;  */
	font-weight:bold;
	line-height:1.5em;
	font-size:1.1em;
	padding-top: 4px;
}
#matrixResultResults table tr.cs9TableHeader td {
	padding: 5px 0 3px 6px;
	font-size: 0.9em;
}

table .evenRow td, table .oddRow td{
	border: none;
	border-bottom: 1px #BBBBBB solid;
	border-top: 1px #BBBBBB solid;
}

table .oddRow td,
table .evenRow td {
	background: #FFFFFF;

}

.productPartResultResults table {
	width: 100%;
}

.productPartResultResults input {
	margin: 0.3em 0.1em 0.3em 0;
}

/* --- matrix end --- */

/* --- customerdetailform --- */

.customerDetail th{
	text-align:left;
}

.customerDetail td input {
	width: 200px;
}

.specialProductOptions select {
	 width: 210px;
 }

td.gender input{
	width: 25px;
}

td.birth input {
	width: 30px;
}

td.address input {
	width: 70px;  
}

td.newsletters input {
	width: 13px;
}




/* --- detailedsidecart.jsp --- */
.cs9SideCart{
	margin: 0;
	padding: 0;
}
.detailedSideCartTotalPrice, .detailedSideCartFlightInfo , .customerdetailline {
	font-weight:bold;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:5px 0;
	margin:5px 0;
	width:100%;
}

.cs9SideCart .cs9SidecartPrice {
	margin-right: 0.4em;  
}

.detailedSideCartTotalPrice .cs9SidecartPrice {
	font-size:1.2em;
	margin: 0;
}

.detailedSideCartTotalPrice .cs9DescriptionSideCart {
	font-weight:bold;
	padding-top: 3px;
}

.detailedSideCartTotalPrice {
	border-top:1px solid #00a4c2;
	border-bottom:1px solid #00a4c2;
	background-color:#dbf0f3;
	padding: 0 5px;
	width: auto;
}

.detailedSideCartFlightInfo {
	background:#FFF;
	padding-left:1.5em;
	width:90%;
	margin: 0;
}

.detailedSideCartTravelInfo h4 {
	margin-top: 10px;
}

.detailedSideCartFlightInfo p{
	font-size:0.8em;
}
#cs9SearchForm,
.productPartResultContainer{ border: none; margin: 0; }
.productPartResultContainer .cs9InfoLinks {
	border-top: 1px solid #BBBBBB;
	border-bottom: 1px solid #BBBBBB;
	padding: 10px 0;
}

.customerdetailline {
	border-bottom:none;
	padding:1em 0 0 0;
	margin:1em 0 0 0;
}

/*------- Right column on incchareterresult -------*/

/*------- Searched parameters begin ------*/

.youSearchedParams table, .productPartResultParams table {
	text-align: left;
	width: 100%;
}

.youSearchedParams table td, .productPartResultParams table td, .productPartResultResults table td {
	font-weight: bold;
}

.youSearchedParams table.cs9Passengers, .productPartResultParams table.cs9Passengers{
	text-align: center;
	background: #FFFFFF;
	border-top: 1px #DDDDDD solid;
	border-bottom: 1px #DDDDDD solid;
	margin-bottom: 10px;
}

.productPartResultParams table.cs9Passengers {
	text-align: left;
	padding-left: 10px;
	width: 100%;
}

.productPartResultResults .cs9Amount {
	color: red;
	font-size: 1.2em;
	text-align: right;
}

/*------- Searched parameters end ------*/



/*-------- customerdetailform.jsp start -------*/


.middleBox table th, 
.cs9FlightInfoMiddleBox table th, .cs9FlightInfoMiddleBox table td {padding-right:10px;}

/*-------- customerdetailform.jsp end -------*/


/*----- Tree style menu begin ----------*/

.treeHeader .countryItem {
	font-weight: bold;
}

.treeHeader .destItem {
	text-indent: 15px;
}

.treeHeader .resortItem {
	text-indent: 25px;
}

.treeHeader .productItem {
	text-indent: 35px;
}

/*-----  Tree style menu end ---------*/


/*--- Google map on product information begin ------*/

div#map {
	height: 250px;
}

/*-- This is special to adjust cs9-style used in googlemaps --*/

div.googleMaps .cs9ProductInformationArea  {
	padding-left:160px;
}

div.googleMaps .cs9ImagePro {
	float:left;
	margin-left:-160px;
	position:relative;
	width:150px;
}

.cs9BubbleImage {display:none;}

/*--- Google map on product information end ------*/

/*---- Search buttons - Delete margin-bottom  -----*/



/*---- Confirm page begin -------*/

#bookCartConf h3 {
	background: url(../images/confirmheader.png) repeat-x;
	border: none;
}

div.travellerInformation, div.buttons, div.bookingSummary, div.customerInformation,
.cs9StandardBookCartConf div.cs9CustBookingContainer,
.cs9StandardBookCartConf div.cs9CustBookingRowContainer,
#bookCartConf .bookingSummary .bookingSummary th.cs9Middle,
#bookCartConf .bookingSummary .bookingSummary td.cs9Middle {
	background-color:#F7F7F7;
	border: 1px solid #BBBBBB;
}

#bookCartConf .bookingSummary .bookingSummary th.cs9Middle,
#bookCartConf .bookingSummary .bookingSummary td.cs9Middle {
	border: none;
}

#bookCartConf .buttons td .showConf {
   background: #7ab51d;
	padding: 3px 4px;
}

#bookCartConf .customerInformation td, #bookCartConf .customerInformation th,
#bookCartConf .bookingSummary .bookingSummary td, #bookCartConf .bookingSummary .bookingSummary th,
#bookCartConf .travellerInformation td, #bookCartConf .travellerInformation th {
   background-color: #ededed;
	border: 1px solid #7AB51D;
}

#bookCartConf .bookingSummary th.cs9Right,
#bookCartConf .bookingSummary td.cs9Right,
#bookCartConf .customerInformation th.cs9Right,
#bookCartConf .customerInformation td.cs9Right,
#bookCartConf .travellerInformation th.cs9Right,
#bookCartConf .travellerInformation td.cs9Right,
#bookCartConf .bookingDetails th.cs9Right {
    border: none;
    background-color: transparent;
}

#bookCartConf .bookingSummary th.cs9Left,
#bookCartConf .bookingSummary td.cs9Left,
#bookCartConf .customerInformation th.cs9Left,
#bookCartConf .customerInformation td.cs9Left,
#bookCartConf .travellerInformation th.cs9Left,
#bookCartConf .travellerInformation td.cs9Left,
#bookCartConf .bookingDetails th.cs9Left {
    border: none;
    background-color: transparent;
}

#bookCartConf .bookingDetails .topayAmount {
	color: #f82b2b;
}

#bookCartConf .bookingDetails th {
	font-weight: bold;
}

/*----- Confirm page end -----*/

/*----- Admin error messages ----*/

div.adminerrormsg {
	margin-bottom: 0;
}

/*----- Admin error messages end ----*/

/*------  Popup price specification begin ------*/

.custPriceTable {
	width: 100%;
	border-collapse: collapse;
}

.ui-widget-content {
		border: 1px solid #BBBBBB;
}

.custPriceTable td {
	border-top: 1px solid #00A4C2;
}

.custPriceTable td {
	padding: .2em;
}

.packageHeader td {
	font-weight: bold;
}

.totalRow {
	background-color: #DBF0F3;

}

.totalRow td {
	border-top: 1px solid #00A4C2;
	border-bottom: 1px solid #00A4C2;
	font-weight: bold;
	font-size: 1.1em;
	color: #000000;
}

/*------  Popup price specification End ------*/


/*------- sortering tool -----*/
.cs9SortingContainer {
    position: absolute;
    top: 317px;
	 left:50px;
}

.cs9SortingContainer select {
	/*margin-bottom: 0;*/ /*override standard*/
}

/*----- Charter header -----*/

.cs9CharterHeader {
	position: absolute;
	top: 350px;

}

/*------ Agent information begin  ------------*/

.curuserpos {
	position: absolute;
	left: 66em;
	top: 8.7em;
}

.curuserpos table tr td{
	line-height: 1.2em;
	color: #7AB51D;
	font-weight: bold;
}

.termsSection { margin-bottom: 10px;}

/*-------- Additions begin ----------*/

table.additionsPrice {
	width: 100%;
}

.middleBox .additionsPrice td, .middleBoxEven .additionsPrice td {
	padding: 0 1em 0 0; font-weight: bold;
}

/*-------- Additions end ----------*/

/*Searchfilters*/
/*Searchfilters*/
.cs9searchFilterFormContainer,
#youSearchedContainer{
	/*Override comersstandard*/
	padding: 0;
	margin: 0;
}
.cs9DateHeader{ margin: .5em 0; }
.cs9ProductCalendarSearchFormContainer{
	border: 1px solid #bbb;
	background: #f7f7f7;
	padding: .5em;
}
.cs9DescrToggleContent{ padding: 0; }
/*Color of table headers*/
.cs9specificationPackageTitle, .cs9ProductSpecificationHeader{
	background: none;
	border: none;
	color: #000;
	font-weight: bold;
	padding: .5em;
	border: 1px solid #bbb;
	border-bottom: none;
	-moz-border-radius-topleft: .3em; -webkit-border-top-left-radius: .3em; -khtml-border-top-left-radius: .3em; border-top-left-radius: .3em;
	-moz-border-radius-topright: .3em; -webkit-border-top-right-radius: .3em; -khtml-border-top-right-radius: .3em; border-top-right-radius: .3em;
}

.cs9MoreInformation .cs9ProductSpecification,
.cs9ProductSpecification{
	margin: .5em 0 0 0;
	/*background: #fff;*/
	border: none;
}
.cs9specificationPackageTitle{ background: #fff; }
.cs9ProductSpecification table{ margin: 0; border-color: #bbb; border: none; }
.cs9ProductSpecification .cs9TableRowSeparator td{ padding: 0; font-size:.4em;}

.cs9FlightSearchInformation{ font-weight: bold; }

.cs9ProductSpecification th, .cs9BookTable th{
	border-color: #bbb;
}
.cs9ProductSpecification th{
	/*color: #fff;*/
	font-weight: bold;
	padding: .5em 0 .4em .5em;
	/*background: #7db129 url(../images/leftmenubg.png) no-repeat  right top;*/
}
.evenRow td.cs9Left,
.oddRow td.cs9Left{ border-left: 1px solid #bbb}
.oddRow td.cs9Right,
.evenRow td.cs9Right{ border-right: 1px solid #bbb;}

.cs9PackageStatus{ margin: 0; }

.searchTab{}
.searchTab ul li{
	float:left; display: block; background: #00a4c2 url(../images/inactive_tab.png) 0 0 no-repeat; /*border-left: 1px solid #039bb7;*/ margin-right:1px;
}
.searchTab ul li a{
	font-size: 1.3em; color: #fff; text-decoration:none; line-height: 30px; float:left; color: #fff; background: transparent url(../images/inactive_tab_right.png) top right no-repeat; padding: 0 1em;
}
.searchTab span.selected{
	float: left;
	display: block;
	background: transparent url(../images/boxtopleft.png) top left no-repeat;
}
.searchTab span.selected a{
	background: transparent url(../images/boxtopright.png) top right no-repeat; padding: 0 1em;
}
/*AE - 20111021 */
/*Specialcase for iterating prodlist2 for packageArrangement in rightcolumn in class .greenBoxNoGradient*/
/*Specialcase for prodlist using existing classes available in stylesheet*/
.middleBox .cs9SearchResult,
.middleBox .cs9SearchResult .cs9ProductSeparator,
.middleBox .cs9SearchResult .cs9HighlightMessage,
.greenBoxNoGradient .cs9SearchResult{ margin:0; }
.middleBox .cs9SearchResult h3,
.greenBoxNoGradient .cs9SearchResult h3{ display: none; }
.greenBoxNoGradient .cs9SearchResult .cs9ProductSeparator{ display: none; }
.greenBoxNoGradient .cs9SearchResult .cs9ProductContainer{ border: 0px solid #fff; margin: 0;}
.greenBoxNoGradient .cs9ProductContainer .cs9ProductDescription{ display: none; }
.greenBoxNoGradient .cs9ProductContainer .cs9ProductInformationArea{ padding-bottom: 0; }
.greenBoxNoGradient .cs9ProductContainer .cs9ImagePro{ width: 210px; }
.middleBox #cs9DepatureSelectArea,
.middleBox #cs9DepatureSelectProceLevel{ display:none; }
.greenBox #cs9DepatureSelectArea,
.greenBox #cs9DepatureSelectProceLevel{ display:none; }
#resdest .cs9SearchResult .cs9Paging{ margin: 0; }
.middleBox .cs9ProductContainer{ border: 0px solid #fff; width:100%;}

.cs9MoreInfoLinks{ margin: 0; }