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

body {
	margin:0px;padding:0px;
	text-align:center;
	background:#cccccc url(../images/bg.gif) repeat-y scroll center;
}

/*	dirty workaround for sidescroll in IE when using frames with loose.dtd as doctype */
/*--
* html body {
	width:95%;
}
--*/

.clearfix {
	clear:both;
}

#container        { width:798px; text-align:left; margin:0px auto; position:relative; }

#popup #container        { width:400px; text-align:left; margin:0px auto; position:relative; }

div#header {
/*	clear:both;
	position:relative;     */
	margin:10px;
	background:#FFF url(../images/logo_top.gif) no-repeat;
	z-index:1;
	border-bottom: 1px solid #6F6F6F;
	display:block;
	height:150px;

}


div#header .congresstop {
	position:absolute;top:138px;left:10px;
}
* html div#header .congresstop {
	position:absolute;top:138px;left:10px;
}


div#header img {
	margin:5px 0 5px 0;
}


div#footer {
	padding-top:0px;
	clear:both;
	position:relative;
}

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

table  {
	border-collapse: collapse; border-spacing: 0;
}

td, th {
	padding:0px;
}

p {
	margin:0px 0px 10px 0px;
}

.editLink img {
	width:10px !important;
	height:10px !important;
	float:none !important;
}

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

.searchFormContainer {
	width:320px;
}

.prodlist, .custprodsearch {
	clear:both;
}

/*
.custprodsearch, .custsearch {
	width:350px;
}
.custProdSearchTable td, .custSearchtable td {
	padding:2px 4px;
}

*/

div.product .productParts th {
	background-color:#999999;
	color:#FFFFFF;
}
.back1 {
	background-color:#4C6F91;
}
.back1 td {
	color:#FFFFFF;
}
td.back1 {
	color:#FFFFFF;
}
.back2 {
	background-color:#D1D0D0;
}
.back3 {
	background-color:#E0DEDE;
}
.qsearchHelpText {
	margin-bottom:6px;
}

.comers a {
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
  	font-size:8px;
	color: #999999;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.adminErrortext td, .adminError td, .adminErrortext, td.adminErrortext {
	color:#CC0000;
}

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


body#standard #menu
                  { width: 126px; padding:10px 10px 20px 10px; float:left;}
body#standard #area1
                  { width: 599px; padding:10px 40px 20px 10px; float:left;}
body#standard #area2
                  { width: 0px; height:auto; padding:0px 0px 0px 0px; float:left; }

body#book #area1
                  { width: 770px;padding:10px 10px 20px 10px; float:left; }

body.cart #area1,
body.conf #area1  { width: 776px !important;}

body#start #area1 { width: 126px; padding:10px 10px 20px 10px; float:left;}
body#start #area2 { width: 621px; padding:10px 10px 20px 10px;float:left;}

body#start #area2 h2
                  { float:left; padding-right:8px;}

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

#area1 img {
	margin: 5px 0px 5px 0px;
}

body#popupBody {
	background: #FFFFFF;
}

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


/* ---------- layout styles for templates begin ----------


#template1 div#area1 {
	padding:20px 0 20px 30px;
	float:left;
	width:758px;
	position:relative;
}

#template1 div#menu {
	padding-top:20px;
	width:0px;
	float:left;
	position:relative;
}

#template1 div#area2 {
	display:none;
}

*/
/* ---------- fonts begin ---------- */
body, td, th, input, textearea, select, h3, h4, h5, h6 , div{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

h1, h2, tr.newsTableheader td{
	font-family: verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

tr.newsTableheader td{
	font-weight: bold;
}

body, th, td, textearea, input, select {
	color:#1A1A1A;
}

body, th, td {
	font-size: 10px;
	line-height:14px;
}

input, select, textearea {
	font-size:10px;
}

input, select {
	height:auto;
}

/* ---------- fonts end   ---------- */


/* ---------- headings begin   ---------- */
h3, h4, h5, h6 {
	font-weight:bold;
	font-size:10px;
	margin-top:10px;
	margin-bottom:4px;
}

h1, tr.newsTableheader td{
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
}

h2 {
	font-size:10px;
	margin-top:0px;
	margin-bottom:0px;
}

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

/* ---------- links begin ---------- */
a {
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

a:active {
	color:#1A1A1A;
}

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


/* ---------- header menu begin ---------- */
#header ul
{
	padding: 0px 0 0px 0;
	margin: 0px;
	width: 100%;
	float:left;
	background-color:#FFF;
	border-bottom: 1px solid #6F6F6F;
}

#header ul li {
	display: inline;
	padding: 3px 7px 3px 7px;
	margin:0 4px 0 0px;
	float: left;
	color: #cccccc;
	font-weight:bold;
	text-transform:uppercase;
		background-color:#999999;
		border: 1px solid #cccccc;
}

#header ul li a {
	color: #ffffff;
}

#header ul li a:hover {
	color:#FFFFFF;
}
/* ---------- header menu end   ---------- */

/* ---------- leftmenu begin ---------- */
#menu ul
{
	padding: 0px;
	margin: 0px;
	float:left;
}

#menu ul li {
	display: inline;
}

#menu ul li a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration:none;
	float: left;
	color: #000000;
	width:100px;
	display:block;
}

#menu ul li a:hover {
	color:#999999;
}
/* ---------- leftmenu end   ---------- */



/* ---------- footer begin ---------- */
#footer  {
	background-color:#FFFFFF;
	padding:4px 4px 4px 4px;
	text-align:left;
	color: #000;
	font-weight:normal;
}
/* ---------- footer end   ---------- */

/* ---------- loginmenu begin ---------- */
div.congressLogin ul
{
	padding: 0px;
	margin: 0px;
	float:left;
	width:550px;
}

div.congressLogin ul li {
	display: inline;
		width:550px;
	display:block;
	vertical-align:center;
}

div.congressLogin ul li a {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 7px;
	padding-right: 7px;
	text-decoration:none;
	float: left;
	color: #000000;
		width:200px;
	display:block;
}

div.congressLogin ul li a:hover {
	color:#999999;
}
/* ---------- loginmenu end   ---------- */


/* ---------- mailform customization begin ---------- */
#mailform label {
	width:90px;
}

#mailform #meddelande {
	width:350px;
}

/* ---------- mailform customization end   ---------- */


/* ---------- product layour customization begin ---------- */
div.product {
	margin: 0px;
	padding: 0px;
	border:0px solid #D9D9D9;
	border-top:1px solid #D9D9D9;
	width:100%;

}

/* ---------- product layour customization end   ---------- */

/* -- prodlist layout --*/


div.prodlist ul.products li {margin:5px 0 2px 0;width:430px;float:left;margin-right:0px;}

div.prodlist div.product .header .image img {
	float:left;
	margin:0px;
	padding:0 3px 0 0;
}

div.prodlist div.product div.name {
	font-family: Arial, Helvetica, sans-serif;
	color:#CC3333;
	font-size:11px;
	margin-top:4px;
	margin-bottom:0px;
}

div.prodlist div.destinationName {
	display:none;
}

div.prodlist div.product div.descr {

}

div.prodlist div.link {
	position:static;
	margin:0px 0px 0px 0px;
	color:#000000;
	text-decoration:none;
	float:left;
}

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

/*
use these styles for changing colors
*/

/*
div.congressSubheader {
	display:none;
}
*/

div.product {
	border:1px solid #999999;
	padding:4px;
	background-color:#FFFFFF;
	margin-bottom:2px;
}

div.product div.descr{
	width:400px;

}
div.product .productParts th {
	background-color:#FFFFFF;
	color:#000000;
}

div.product .extra th {
	background-color:#FFFFFF;
	color:#000000;
}

div.product .header {
	background:#FFFFFF;
	color:#000000;
}

div.product div.destinationName, div.product div.resortName {
	display:none;
}
/*
div.product .oddRow td {
	background-color:#XXXXXX;
}

div.product .evenRow td {
	background-color:#XXXXXX;
}

*/

/*  ----  */

use these styles for changing border size

div.product {
	border:1px solid #999999;
}

div.product .extra {
	border-top:#999999 solid 1px;
}

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


/*
the link to "more info" in the product-list is positioned in the top-right corner by default, do reset the positioning, use this

div.product div.link {
	position:static;
	margin:4px 4px 0px 0px;
}
*/

/*
to change the size of the product-image you also have to change the left-margin of the div.name.
here is an example to set the image-width to 100px:

*/

div.product div.name {
	margin:0px 0px 0px 104px;
}

* html #packages div.product div.name {
	margin:0px 0px 0px 104px !important;
}
div.product .header .image img {
	width:100px;
}

/* */

/*
to change the size of the extra-product-image, just add .extra
here is an example to set the extra-image-width to 100px:

div.product .extra div.name {
	margin:0px 0px 0px 104px;
}

* html #packages div.product .extra div.name {
	margin:0px 0px 0px 104px !important;
}
div.product .extra .header .image img {
	width:100px;
}
*/

#packages div.product .productParts th, #flightpackages div.product .productParts th {
	background-color:#FFFFFF;
	color:#000000;
}

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


div.package h4, div.package .totalPrice {display: none;}

div.package .bookAll {font-size:12px;font-weight:bold;}

div.package div.header {font-weight:bold;font-size:12px;margin-top:10px;margin-bottom:0px;}

.searchButton {position:relative;top:-6px;float:left;}

/*--------- search form ----------*/

.searchForm .section1 th, .searchForm .section2 th {
/*  background-color: #999999; */
	background: url(../images/topMenu02bny.gif) center repeat-x;
  	color: #ffffff;
  }

#bookCartConf h3 {
	background: url(../images/topMenu02bny.gif) center repeat-x;
  }