/*---------------------
		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: Verdana,Arial,Helvetica,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:bold;}
h6 {font-size:1.1em;font-weight:bold;}


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

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

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

.cs9HeaderMenu {text-align:center;}

.cs9HeaderMenu li a {
    color: #000;
}

.cs9HeaderMenu 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;
	 font-weight:bold;
}

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

#menu{
	float: left;
	width: 200px;
	padding: 3px;
	background: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

#menu a{
	font-weight: normal;
	color: #000;
	text-decoration: none;
}

#menu a:hover{
	text-decoration: underline;
}


#menu ul li{
	list-style: none;
}

#menu ul{
	padding-left: 5px;
	margin-left: 0;
}


#menu h4{
	color: #fff;
	background: #fff url(../images/bg_sidebar-headline.gif) no-repeat;
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 0;
	font-size: 12px;
}


/*---------- 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;
/*	background: url(../images/sidhuvud_child.jpg) repeat-x;  */
	background: transparent url(../images/bg_header_camrent.gif) no-repeat top left;
	height:120px;
}


#header h1{
	width: 610px;
	padding: 36px 0px 36px 0px;
	margin: 0;
	font-size: 15px;
	font-style: italic;
	font-weight: bold;
	float: left;
	display: block;
    color: #fff;
    background: transparent;
}

#header div{

	padding: 0;
	width: 950px;

	background: transparent;
}

#header ul{
	margin: 0;
  	padding: 0;
	background: #ffffff url(../images/bg_nav.gif) repeat-x scroll left top;
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
	width: 950px;
	height:30px;
	position:absolute;
	top:93px;
}

#header li{
	background: transparent url(../images/bg_nav-border.gif) repeat-y scroll right top;
	float: left;
	padding: 5px 10px 5px 10px;
}

#header li a{
    text-decoration: none;
    color: #807e2b;
    font-weight: normal;
}

#header li:hover{
	background: url(../images/bg_topmenu.gif) repeat-x;
}

#header li:hover a{
	color: #fff;
}

#header #homeLink{
	float: left;
	margin: 0;
	background: transparent;
	width: 300px;
	height: 90px;
}

#header #homeLink a{
	margin: 0;
	padding: 0;
	width: 300px;
	height: 90px;
	float: left;
	display: block;
	text-decoration: none;
	background: transparent;
}


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

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

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

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

/* contains menu and freetextsearch */
.cs9HeaderBottom {
   float: left;
	width: 100%;
	/*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 {

   border-top: 1px  dashed #999;

/*    margin: .5em .5em .5em .5em;    */
    text-align: center;
	 margin:1em 1em 0 1em;
  
}

.cs9FooterMenu {

}

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


.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/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 {
    /*padding: 0 5px;*/
    margin:0 auto;
    position: relative;
    width: 950px;
    border: none;
	 background-color:#FFFFFF;
}

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

*/

#wrapper {
    margin: 1em 0;
	 padding: 0;
	 border:0 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;
	width: 200px;
	 margin:0 0 0 0px;

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

}

/* 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: 550px;
	 margin:0 10px 0 10px;

}

body#start #area2 {
   float: left;
   margin:0 10px 0 0;
   width: 275px;
}

body#start #area3 {
	width: 160px;
	float:left;
}

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

/*-- result charter page begin --*/

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

}

body#resultcharter #area2 {
   float:left;
   width: 250px;
	margin-right:10px;
}

body#resultcharter #area3 {
	float: left;
	width: 780px;
	margin: 0 10px;
}

body#resultcharter #area4 {
	display:none;
}

body#resultcharter #area5 {
	display:none;
}

body#resultcharter #area6 {
	display:none;
}

body#resultcharter #area7 {
	display:none;
}

body#resultcharter #area8 {
	display:none;
}

body#resultcharter #area9 {
	display:none;
}
/*-- result charter 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: 700px;
	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  ---------- */

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

.cs9SearchText {
	width: 610px;
}



/* OLD Camrent css begins. This area is used to copy to new css */

/* main begin */

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

h1, h2, h3, h4, h5, h6, div, p, blockquote, form, label, ul, li, ol, dl, fieldset, address {
   padding:0;
   margin:0;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
    margin-bottom:1em;
}
h1, h2, h3, h4, h5, h6 {
	margin-top:1.5em;
}
input, textarea {
	padding:2px;
}
input, textarea, select {
	margin:2px 0 2px 0;
}

.adminErrortext, .delete a
                  { color: #FF0000; }
.adminStatustext  { color: #006600; }

li {
	list-style-type:none;
    font-weight: bold;
}
 ---------- layout styles begin ----------

body {
	margin: 0;
	padding: 0;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
}
 */

body#start, body#rent, body#book {
	background: #333333 url(../images/camrent_bg.gif) repeat-y center;
}

#area1 span.pageHeader {
   font-size: 1.5em;
	font-weight: 400;
  	display: block;
	margin: 2px 0 5px 0;
	color: #999933;
	line-height:1.4em;
}

/*
body#topBody{
	background-color: #fff;
}

#container {
	background-color: #fff;
	width: 950px;
	margin: 0 auto 0 auto;

}

#header {
	width: 950px;
	background: transparent url(../images/bg_header_camrent.gif) no-repeat top left;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	color: #ffffff;
	text-align: right;
	float: left;
}

#header .clearfix {
	visibility: hidden;
}
*/
/*

#area1, #area2, #area3 {
	float: left;
	margin: 0 5px 0 5px;
}

#area3 {
	width: 160px;
}
*/



body#start #area1,body#start #area2 {
	width: 275px;
}

body#rent #area1 {
	width: 550px;
}

body#rent #area2 {
	visibility: hidden;	
}

a.backgroundButton {
	font-weight: 900;
	color: #000;
}

.pageBold td{
	color: #999933;
	font-size: 13px;
	font-weight: bold;
}

.pageHeader td {
	font-size: 14px;
	font-weight: bold;
	color: #999933;
}

.pageItalic {
	font-size: 12px;
	font-style: italic;
	display: block;
	float: left;
}

td.listItemheader{
	color: #999933;
	font-size: 12px;
	font-weight: bold;
}

tr.infoTableSubheader td, td.productPriceHeader {
	border-bottom: 2px #999933 solid; 
}

td.hotelPricerow1{
	font-weight:bold;
}

td.hotelPricerow2, td.productPriceExcl{
	color: #990000;
}

td.pageNormal a{
	color: #000;
}

table.productPrice {
	margin: 10px 0 10px 0;
}

.topTab1 {
	position:absolute;
	top:80px;
	left:30px;
	z-index:1;
   color: #999933;
   font-family: verdana;
   font-size: 14px;
   font-weight: bold;
   margin-top: 0px;
   font-style: normal;
   text-decoration: none;
}



form#mailform {
	margin-top: 10px;
}

#mailform label, #mailform input, #mailform select, #mailform textarea {
	float: left;
	margin:0px 0px 10px 0px;
	display:block;

}


#mailform label {
	width:80px;
	text-align:left;
	padding:0px 5px 0px 5px;
}

#mailform br {
	clear:left;
}

#mailform #meddelande {
	width:300px;
	height: 155px;
}

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

/*contact Form end*/