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

/* ---------- FONTS BEGIN ---------- */
/* ---------- headings begin   ---------- */
/* h1, #arrow1, #arrow2 {font-size:1.3em;font-weight:bold; color:#787746;margin:10px 0 3px 0;}
h1, #arrow1, #arrow2 {font-size:1.3em;font-weight:bold; ;margin:0 0 13px 0;}        */
h1, #arrow1, #arrow2 {font-size:1.3em;font-weight:bold; ;margin:0 0 13px 0;}
h2 {font-size:1.2em;font-weight:bold; color:#df2c00;margin:0 0 13px 0;}
h3 {font-size:1.3em;font-weight:bold; margin:0 0 13px 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 begin   ---------- */
/*
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-size:11px;
	margin-top:10px;
	margin-bottom:11px;
}
*/
/* ---------- headings end   ---------- */
/* ---------- headings end   ---------- */
/* ---------- FONTS END   ---------- */

/* standardheader.jsp style this to get nice links in header menu */

.cs9HeaderMenu a:hover {text-decoration:underline;}

.cs9HeaderMenu {
	position:absolute;
	right:27px;
	top:0;
	padding:0;
	margin:0;
	text-align:right;
	height:26px;

	z-index:4;
}

.cs9HeaderMenu li a {
	display:block;
}

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

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

.cs9HeaderMenu ul {
	background:url(../images/topMenuLeft.png ) repeat-x scroll top;
}
.cs9HeaderMenu  li, .cs9HeaderMenu li a {
	list-style-type:none;
	display: inline;
	float:left;
	text-align:center;
	background-color:#df2c00;
	padding:0 10px;
	margin:0;
	line-height:26px;
	text-decoration:none;
	color: #ffffff;
	font-weight: normal;
	text-transform:uppercase;
	font-size:10px;
}
.cs9HeaderMenu  a {

}
/*
a.topMenu1 {
	background-color:#df2c00;
}
a.topMenu2 {
	background-color:#df2c00;
}
a.topMenu3 {
	background-color:#df2c00;
}

a.topMenu1:hover, a.topMenu2:hover, a.topMenu3:hover { background-color:#df2c00; }

#headerMenu .selected a { background-color:#df2c00; }
*/
/* ---------- top 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 ---------- */


/* ---------- left menu begin   ---------- */
#menu ul {
	padding:0;
	margin:0;
}
#menu li {
	list-style-type:none;
	display: inline;
}
#menu a {
	height:21px;
	display:block;
	line-height:18px;
	text-align:right;
	line-height:21px;
	text-decoration:none;
}

#menu a.leftMenu1:hover, #menu a.leftMenu2:hover, #menu a.leftMenu3:hover,
#menu a.leftMenu4:hover, #menu a.leftMenu5:hover, #menu a.leftMenu6:hover,
#menu a.leftMenu7:hover, #menu a.leftMenu8:hover, #menu a.leftMenu9:hover,
#menu a.leftMenu10:hover { background-color:#df2c00;color:#FFFFFF; }
/*
#menu a.leftMenu1 { background-color:#464733; }
#menu a.leftMenu2 { background-color:#6b6c5c; }
#menu a.leftMenu3 { background-color:#7d7e70; }
#menu a.leftMenu4 { background-color:#909185; }
#menu a.leftMenu5 { background-color:#a2a399; }
#menu a.leftMenu6 { background-color:#b5b5ad; }
#menu a.leftMenu7 { background-color:#bebfb8; }
#menu a.leftMenu8 { background-color:#a2a399; }
#menu a.leftMenu9 { background-color:#909185; }
#menu a.leftMenu10 { background-color:#7d7e70; }
*/
#menu .listLevel1 .selected a { background-color:#df2c00; color:#FFFFFF; }
#menu .listLevel2 .selected a { background-color:#ffffff; color:#df2c00; }

#menu ul.listLevel1 a {
/*	color:#ffffff;    */
	font-weight:bold;
	border-bottom:1px dotted #979797;
	background: url( ../images/link_arrow_one.gif) no-repeat 95% center;
	padding-right:20px;
	text-transform:uppercase;
	font-size:11px;

}
#menu ul.listLevel2 { margin:5px 0 5px 0;}
#menu ul.listLevel2 li { display: block; }

#menu ul.listLevel2 a {
	display: inline;
	margin-left:23px;
   font-weight:normal;
	color:#000000;
	background-color:#ffffff;
	text-decoration:none;
	line-height:13px;
	padding-left:15px;
	border:none;
	background: url( ../images/link_arrow.gif) no-repeat 0% center;

}
* html #menu ul.listLevel2 a { margin-left:0; } /* IE-fix */
#menu ul.listLevel2 a:hover { color:#df2c00; }
#menu ul.listLevel3 li { display: block; }
#menu ul.listLevel3 a {
	display: inline;
	margin-left:38px;
	background-image:none;

}
* html #menu ul.listLevel3 a{ margin-left:14px; } /* IE-fix */
/* ---------- left menu end   ---------- */


/*---------- 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: 0 0 0 0;
	padding:0 0 0 0;
	height:280px;
/*	width:951px;   */
	background-color:#FFFFFF;
	border:0px solid red;
}

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

/* contains logo, language and minicart divs */
.cs9HeaderTop { /*
	float:left;
	background: url(../images/logoGradient.png) repeat-y scroll 0 0 transparent;
	background-position:top left;
	height:144px;
	margin-top:65px;
	width:475px;
   z-index:3;    */
}

/* contains only company logo */
.cs9HeaderLogo {
   float: left;
	height:114px;
	width:475px;
	padding:30px 30px 0px 60px;
   position:absolute;
	top:65px;
	left:0px;
	z-index:4;
	background: url(../images/logoGradient.png) repeat-y scroll 0 0 transparent;
	background-position:top left;

}

.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 {
	top:0.2em;
	right:1em;
}
*/

.cs9HeaderCart {
	float: left;
}

/* 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;
	 margin-bottom: 3px;
}

.amount {
    color: red;
}

/* ---------- Bokningsruta start ---------- */
span.cartlink, span.amount, span.delete {
    display: block;
	 margin-bottom: 3px;
}

.minicart {
	padding:4px;
	padding-top: 2px;
	color:#1A1A1A;
	position:absolute;
	top:40px;
	width: 160px;
	text-align: center;
	left:740px;
	z-index:1;

}

.minicart .label {
	font-weight: bold;
}

.minicart .cartlink {
	margin-top: 5px;
}
/* ---------- Bokningsruta end ---------- */

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

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

}

/*---- menu container -----*/
.cs9HeaderMenu {
   float: left;
	padding-left:4px;
	background: url(../images/topMenuLeft.png) no-repeat;  


}

.cs9HeaderMenu li {
    display: inline;
    padding: 0;
/*    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 {
/*    border-top: 1px #999999 solid;   */
/*    margin: .5em .5em .5em .5em;    */
    text-align: center;
	 margin:0 0 2em 0;
	 padding:0 20px;
/*  border:0px solid green;    */
	 background:#FFFFFF;
}

.cs9FooterMenu {
	margin: 0;
	padding:1em 0;


}

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


.cs9FooterMenu li, .cs9FooterDestinations li {
   display: inline;
	padding: 0 0.5em;
}


.cs9FooterDestinations, .cs9FooterMenu {
    border-top: 1px #dddddd dashed;
    border-bottom: 1px #dddddd 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/bodybg.png ) no-repeat scroll top;
	 												Use background image to display background image
 */
	 background:url(../images/gradient.jpg ) repeat-x scroll top;
	 margin:0 auto;
	

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

#container {
/*	width:838px; */
	width:951px;
	text-align:left;
	margin:0px;
	position:relative;
	Border:0px solid red;

}


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

*/

#wrapper {
	 background:#FFF;
	 margin:0;
	 padding:40px 20px 0px 20px;
	 border:0px solid blue;
	float:left;

/*	 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;
	max-width: 187px;
	 margin:0 20px 0 0px;

	/*--- this fix the extra amount pixels who IE6 add to
	  the margin-left when the div float to the left ----*/
	_margin-left: 0px;

}

/* the START-area start definition here */

body#start #area1 {
	width:695px;
	padding:0 0 0 0;
	float:left;
	border:0px solid green;
	margin:0 0px 0 0;
}

body#start #area2 {
	width:495px;
	height:auto;
	padding:0;
	float:left;
	border:0px solid gray;
	margin:0 16px 0 0;
	padding:0 0 0 0;
}

body#start #area2 img {
	max-width:495px;
}

body#start #area3 {
	width:195px;
	height:auto;
	padding:0;
	float:left;
	border:0px solid gray;
}

body#start #area3 img {
	max-width:187px;
}

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: 220px;
	margin-right:10px;
}

body#result #area3 {
	/*display:none;  */
	width: 780px;
	float: left;
	margin:0 10px 0 10px;
}

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

	margin:0 10px 0 10px;
   width:800px;
}

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



/*
#area2 p, #area3 p, #area2 h1, #area3 h1, #area2 h2, #area3 h2, #area2 h3, #area3 h3 {
	padding: 0;
}
*/
body.cart #area1, body.conf #area1  {

	padding:8px 30px 8px 30px;
}

body#popup #area1 {
	width:400px;
	margin:20px;
	float:left;
}

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

/*---- These classes are used to style the .cs9SearchParameters div and its elements ----*/

.cs9SearchText {
	width: 610px;
}

/* -- end new css facelift 100601 -- */


img { border: 0px; }

/*
div#header {
	clear:both;
	position:relative;
	background:#ffffff url(../images/header_logo.jpg) scroll center no-repeat;
	z-index:1;
	height:280px;
}
div#headerImage {
	position:absolute;
	left: 190px;
	top:40px;
	width:310px;
	height:110px;
}
*/
/*div#footer {
	padding-top:20px;
	clear:both;
	position:relative;
	font-size: 12px;
	color: #000000;
	font-weight:bold;
}*/
/*div#footer {
	padding-top:20px;
	clear:both;
	background: url(../images/footer.jpg) center no-repeat;
}  */

* html div#footer {
	padding-top:0px; /* IE-fix */
}

* html #header img {
	margin-bottom:-2px; /* fix for IE-bug */
}
/* ---------- layout styles begin ---------- */

/* ---------- layout styles end   ---------- */

/* ---------- fonts begin ---------- */
/*
body, td, th, input, textarea, select, h1, h2, h3, h4, h5, h6, a, p, label {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	color:#000000;
}

body, th, td, p , a{
	font-size: 11px;
	line-height:14px;
}
*/
/*
input, select, textarea { font-size:11px; }

input, select { height:auto; }

label {font-weight: normal;}
*/
/* ---------- fonts end   ---------- */



/* ---------- links begin ---------- */
a {
	/* color:#4C6F91; */
	font-weight:bold;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a:active {
	color:#1A1A1A;
}

/*
#area3 a:link, #area3 a:visited {
	font-weight: normal;
	text-decoration: underline;
	color: #000000;
}
#area3 a:hover, #area3 a:active {
	color: #df2c00;
	font-weight: normal;
	text-decoration: underline;

}
*/
/* ---------- links end ---------- */



/* ---------- product menu begin   ---------- */
/*
.productmenu {
	border-bottom:1px solid rgb(217, 221, 220);
	padding: 0 0 5px 0px;
	margin:0 0 10px 0;
	text-align:left;

}
.productmenu ul { text-align:left; }
.productmenu li {
	display:inline;
	padding: 0 5px 0 5px;
	border-right:1px solid rgb(217, 221, 220);
}
*/
.productmenu a {
	color:#000000;
	font-weight:bold;
	text-decoration: none;
}
.productmenu a:hover { color:#df2c00; }

.productmenu .selected a {
/*
	background-color:#ffffff;
*/
	color:#df2c00; 
}
/* ---------- product menu end   ---------- */

#arrow1 {
/*	background: url(../images/left_arrow.jpg) scroll center;
	width:435px;
	height:25px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	text-indent:42px;
	line-height:23px;
	margin-bottom:16px; */
}
#arrow2 {
/*	background: url(../images/right_arrow.jpg) scroll center;
	width:230px;
	height:25px;
	color: #ffffff;
	font-weight: bold;
	text-align:left;
	text-indent:42px;
	line-height:23px;
	margin-bottom:16px;    */
}

/* ---------- Nyhetsbrev start ---------- */
div.infoBox {
/*
 	background-color:#efefef;
	padding:20px 5px 5px 0px;
	margin: 0px;
*/
	text-align:right;
}
/*
div.infoBox h2 { padding-left: 18px; }
div.infoBox #textfield1, div.infoBox #textfield2 { width:90px; }
div.infoBox div.emailSubscribe { padding: 0 18px 0 18px; }
*/
/* ---------- Nyhetsbrev end ---------- */

/* ---------- Push start ---------- */
.pushDiv {
	border-bottom:1px dotted #979797;
	margin-bottom:30px;
	padding-bottom:10px;
}

.pushDiv img {
	float:right;
	width:151px;
	margin:0px;
	padding:0 0 30px 10px;
}
p.pushHeader {
	font-size:17px;
   font-weight:bold;
	margin: 0;
	line-height:1.3em;
}
.pushDiv .showInfoDetails, .pushDiv .infoDetails  { padding-left:10px !important; }
.pushDiv .pushText {
	font-weight: normal;
	font-size:1.1em;
}

.pushText {
	margin:1em 0 0 0;
/*	border-bottom:1px dotted #000;  */

}

p.pushText a{
	padding:0 1em 0 0;
	background: url( ../images/link_arrow_one.gif) no-repeat 95% center;
/*	border-bottom:1px dotted #000;  */

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

/* ---------- Push start ---------- */
div.trips {
	float:left;

}

div.trips br {
	margin:0;
	padding:0;
}
div.trips .pushDiv {
	border-bottom:1px dotted #979797;
	margin-bottom:20px;
	width:322px;
	padding:0 0 10px 25px;
	float:right;
	height:160px;
}

div.trips .pushDiv img {
	float:right;
	width:100px;
	margin:0px;
	padding:10px 0 0 10px;
	border:0px solid blue;


}
div.trips p.pushHeader {
	font-size:17px;
   font-weight:bold;
	margin: 0;
	border:0px solid green;

}
div.trips .pushDiv .showInfoDetails, div.trips .pushDiv .infoDetails  { padding-left:10px !important; }
div.trips .pushDiv .pushText {
	font-weight: normal;
}

div.trips .pushText {
	margin:0 0 0 0;
	font-size:11px;
/*	border-bottom:1px dotted #000;  */

}

div.trips .pushIngress {
	font-size:12px;
   font-weight:bold;
	color:red;
	margin: 0;
	border:0px solid green;
	position:relative;top:-5px;
}
/* ---------- end push ---------- */

/* ---------- prodlist layout ---------- */

/*
div.prodlist ul.products li {
	float:left;
	margin:0px;
	padding:2px;
}
div.prodlist div.product {
	border:0;
	border-bottom:1px solid rgb(217, 221, 220);
	padding-top:0px;
}
div.prodlist div.product .header .image,div.prodlist div.product .header .image img {
	float:left;
	margin:0px 4px 0px 0px;
	width:150px;
	padding-right:10px;
	position:static;
}
div.prodlist div.product div.descr {
	margin:0px;
    float: left;
    width: 230px;
    padding-bottom: 5px;
}
div.prodlist div.name {
	float:left;
	margin:0px;
	padding-bottom:14px;
	border:0px solid red;
	display:block;
	color:rgb(113,119,71);
}
* html div.prodlist div.name {
	margin-left:2px; *//* IE-fix */ /*
}
div.prodlist div.destinationName, div.prodlist div.resortName {
	display:none;
}
div.prodlist div.link {
	position:static;
	margin:6px 0px 20px 0px;
	width:56px;
	color:#000000;
	text-decoration:none;
	float:left;
	background: URL("../images/link_arrow.gif") no-repeat 100% 60%;
	display:none;
}
div.prodlist div.link a {
	text-decoration:none;
	color:#000000;
}

*/
/*
body#start #area2 img { max-width:408px !important; }
*/

body#start #area3 img {
	max-width:212px !important;
	padding-top:10px;
}
* html body#start #area3 img { width:200px !important; } /* IE-fix */


/* ---------- Katalog start ---------- */
#area2 #mailform { padding: 0 14px 0 9px; }
#mailform .txt {
	width:200px;
	padding:0;
	margin:0;
}
#mailform label { width:115px; }
#mailform input[type="hidden"] { padding:0;}
#mailform #meddelande { width:196px; }
#mailform input.submit {
	margin-right:0;
	padding:0;
}
#mailform .checkbox { margin: 0 5px 0 5px; }
/* ---------- Katalog end ---------- */

/* ---------- site specific customization begin ---------- */

/* ---------- Booking start ---------- */
/* ---------- from search.css ---------- */
/*
.searchForm .section1 th, .searchForm .section2 th {
	background-color:#464733;
}
.searchForm .section1 td, .searchForm .section2 td {
	background-color:#BCBCA2;
}
*/
/* ---------- end search.css ---------- */
/* ---------- from comersstandard.css - */
/*
.cs9ProductName a, .cs9DescriptionCongress a {
	color:#824C5D;
}
*/
/* ---------- from product.css ---------- */
/*
div.product h4 { background-color:#464733; }

div.product {
	border:7px solid #BCBCA2;
}
div.product .extra th {
	background-color:rgb(190,190,190);
}
div.product .oddRow td {
	background-color:rgb(225,225,225);
}
div.product .evenRow td {
	background-color:rgb(245,245,245);
}
div.product .header .image img { padding:0 10px 0 0;}
div.product .header .name a, .productName a { color: rgb(130, 76, 93); }
*/
/* ---------- end product.css ---------- */
/* ---------- Boocing end ---------- */

/* ---------- from bookcartconf.css ---------- */
/* Main div */
#bookCartConf {
	width:100%;
	padding:5px;
	border:10px solid #BCBCA2;
}
#bookCartConf h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#464733; /* dark braun */
	color:#FFFFFF;
}
/* links */
#bookCartConf a {color: rgb(130, 76, 93);}
/* ---------- end bookcartconf.css ---------- */

/* ---------- site specific customization end ---------- */

div.emailSubscribe .mailSubmit {
	background-image: url(../images/prenumerera.gif);
	width:84px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
}

/* ------- test package bookrow ------ */

#bookCartConf .bookingDetails tr.packageDivider td {
	border-top: 2px dotted #BCBCA2; /* dark braun */
}

/* Activity calender small */

div.fotbollProductsmall {}

div.fotbollProductsmall .soldout	{
		text-decoration:line-through;
		color:#999999;
		}

div.fotbollProductsmall .available	{
		width:170px;
		float:left;
		}

div.fotbollProductsmall div.datediv,
div.fotbollProductsmall div.image,
div.fotbollProductsmall #header1,
div.fotbollProductsmall #header2		{display:none;}
div.fotbollProductsmall div.dateheader	{width:190px;}

div.fotbollProductsmall div.link	{ width:20px;float:right;}
div.fotbollProductsmall div.allgames	{ clear:both;width:170px;}

/*
.prodsearch {position:absolute;top:40px;left:780px;}
*/
*/


/* Activity calender large */


div.fotbollProduct {width:450px;}

div.fotbollProduct .soldout	{
		text-decoration:line-through;
		color:#999999;
		}

div.fotbollProduct .available	{

		float:left;
		}

.dateheader	{font-weight:bold;}

div.fotbollProduct div.dateheader	{float:left;width:450px;}

div.fotbollProduct div.link	{ float:right;margin:0px;}

div.fotbollProduct div.image 	{display:none;}
div.fotbollProduct #header1,
div.fotbollProduct #header2		{display:none;}


div.F1Product div.product .header .image img 	{display:block;width:150px;}
div.F1Product div.product .header div.link 	{width:100px;float:right;position:relative;margin:0px;}
div.F1Product div.product .header div.name	{width:200px;float:left;}
div.F1Product 					{margin-bottom:0px;border-bottom:0px solid #026634;}
div.F1Product div.product {background-image:url(../org/STT/images/offerbackground2.jpg);z-index:0;
		        background-repeat: repeat-x;}
/*
div.congresstop{
	position: relative;
	width: 835px;
	top: 135px;
}

div.congresstop ul{
	float: right;
}

div.congresstop ul li{
	list-style-type: none;
	float: left;
	margin: 2px 2px 2px 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 h2, .headerBoxBlack h2, .headerBoxblue h2, .headerBoxtransparent h2, .headerBoxpassenger h2, .headerBoxgradient h2, .headerProduct span  {
	background:url(../images/top_box_rod.png) no-repeat scroll right top transparent;
	display:block;
	height:26px;
	padding:5px 5px 0;
	position:relative;
	text-indent:5px;
}

.headerBox, .headerBox h2, .headerBoxblue h2, .headerProduct, .headerProduct span, .headerBoxBlack, .headerBoxBlack h2 {
/*	background:url("../images/boxtopleft.png") no-repeat scroll left top transparent;     */
	background:url(../images/top_box_rod.png) no-repeat scroll left top transparent;
	color:#FFFFFF;
	height:21px;
}




.headerBox, .headerBox h2, .headerBoxblue h2, .headerProduct, .headerProduct span, .headerBoxBlack, .headerBoxBlack h2 {
	background: url(../images/top_box_rod.png) no-repeat  left top;
	height:21px;
	color:#FFF;
	margin:0px;
}

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

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

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

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

/* -- end greenbox -- */

.middleBox, .middleBoxGreen, .cs9FlightInfoMiddleBox, .middleBoxEven {
	border:0px solid #bbbbbb;
	border-top:none;
	border-bottom: none;
	padding:10px 10px 10px 10px;
	background-color:#f7f7f7;
	margin: 0 0 10px 0;
}


/* -- start bottombox -- */
/*
.bottomBox, .bottomBoxGreen {
	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;
}
*/
/*
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:url(../images/sok_knap.png) repeat-x scroll 50% 50% #E6E6E6;
	border:1px solid #CCCCCC;
	color:#444444;
	font-weight:bold;
}
*/

a.fg-button, .cs9Book a.fg-button, .cs9Choice a.fg-button, .cs9ScheduleBook a.fg-button {
	-moz-border-radius:3px 3px 3px 3px;
	background: #dd2e03;
	border:1px solid #9e0000;
	color:#FFFFFF;
	cursor:pointer;
	font-weight:bold;
	padding:0.1em 0.5em;
	position:relative;
	text-decoration:none;
}

a.fg-button:hover {
	border:1px solid #F80000;
}

div.menubar a {
	float:left;
	margin:0em;
   font-weight:normal;
	background: url( ../images/link_arrow_one.gif) no-repeat 0% center;
	padding:0.2em 1.5em;
}

div.menubar li {

/*	list-style-image: url( ../images/link_arrow_one.gif);  */
	list-style-position: outside;
}

div.menubar {
	position:absolute;
	top:285px;
	margin:0 0 0 30px;
	font-size:0.7em;
	width:800px;
}