/* 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;
	background:#FFF;
}

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

.clearfix {
	clear:both;
}

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

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

div#header {
	margin:2px;
}


div#header .congresstop, div#header .congressfunctions {
	margin-right: 3px;
  	background-color:#DDD4BE ! important;
}

#header .congressfunctions a {
	color:#000000;
  	font-size:9px;
  	font-weight:normal;

}

#header .congressfunctions ul {
    background:#FFFFFF;
    margin:0px;
    padding:4px 0 0 0;
    border:0px;
    align:right;
}

div#header .congressfunctions {
    float:right;
}

div#header img {

}

div#header h1 {

	float:right;  display:none;
}

div#footer {
	padding-top:7px;
	margin-top:10px;
	clear:both;
	position:relative;
}
div#footer a { color:#000000;}

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

/* -- congressmaininfo.jsp styles --*/

#confdiv1,#confdiv2,#confdi31,#confdiv4,#confdiv5{
    width:360px;
    float:left;

}

.confdivHeader {
	margin:4px 0 3px 0;
    padding:3px;
}

.confdivImage {
    float:left;
    padding:3px;
}

#confdiv1 .confdivImage {
    float:left;
}

.confdivBody {
    font-weight:normal;
    float:left;
    width:460px;
    padding:3px;
}

/* -- congressmaininfo.jsp styles  end --*/


.searchFormContainer {
	width:320px;
}

.prodlist, .custprodsearch {
	clear:both;
}

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

.section1 th {	background-color:#676464 !important;}

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

#menu {
	padding:10px 10px 20px 0px;
	width: 150px;
	margin-left: 10px;
	float: left;
	display:block;
/*	display:none; */
}


body#standard #area1 {
	width: 360px;
	padding:10px 10px 20px 10px;
	float:left;
}

body#start #area1 {
	width: 600px;
	padding:10px 10px 20px 40px;
	float:left;
}

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

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

body#popupBody #area1 {
	width:350px;margin:20px;float:left;}

/*
#area1 img {
	margin: 5px 0px 5px 0px;
}
*/
body#popupBody {
	background: #FFFFFF;
}

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

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

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 , div{
	font-size: 10px;
	line-height:14px;
}

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

input, select {
	height:auto;
}

/*
#area1 h1 {
	color:#000000;
	font-size:12px;
}
*/
/* ---------- fonts end   ---------- */


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

h1, tr.newsTableheader td, #confdiv1 .confdivHeader{
	font-size:11px;
	margin-top:0px;
	margin-bottom:4px;
	font-weight: bold;
}

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 li {
}

#header ul {
	margin:3px 0 0 0;
   padding:3px 0 3px 0;
	border-bottom:1px solid #FFFFFF;
/*	background: url(../images/topMenu02bny.gif) center repeat-x; */
  	background-color:#DDD4BE ! important;
    width:100%;

}

#header li {
	display: inline;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	padding: 6px 7px 5px 7px;
	margin: 0;
}

#header a {
	color: #000000;
	text-decoration:none;
}
#header a.topselected {
	color: #333333;
	font-weight:bold;
}
#header ul li a:hover {
	color:#333333;
}
/* ---------- 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  {
	padding:4px 0px 4px 0px;
	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 input
{
	padding: 0px;
	margin: 3px 5px 0 0;
}

div.congressLogin ul li {
	display: inline;
		width:550px;
	display:block;
	vertical-align: middle;
	padding: 3px 0 3px 0;
}

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.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 {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 {
  	color: #000000;
  	background-color:#DDD4BE ! important;
  	border-bottom:1px solid #FFFFFF;
  }

#bookCartConf h3 {
  	background-color:#DDD4BE ! important;
    border-bottom:1px solid #FFFFFF;
    color:#000000;
}

big {
	font-size: 10px;
}