/*
GUIDELINES 20060710 
Naming standard for all classes and id:s:
- Firstletter lowercase, second to N name Uppercase
  Examples:
  - main
  - mainContent  
  - mainContentOffer

- Use generic, semantic names when naming classes and id:s
  Correct: 
  - .fullLength, #travelCategory : no properties (color, sizes in px) described in name, only function or placement
  
  Not Correct:
  - .orangeLong, .wide318 : color and size included in in name, what if it should change to be blue instead 
    or set to 400px?
	
/Magnus 	
*/

/*
**********************************************************************
GENERIC SETTINGS {START}
**********************************************************************
*/

body 	 { font-family: Verdana,Helvetica,Arial,Sans-Serif;background: #FFF;margin: 0px 4px 4px 9px;padding: 0;font-size: 80%;}
img		 { border:0;}
legend 	 { display:none;}
fieldset { border:0; margin: 0;padding: 0;}
table	 { margin:0px; padding:0px;}
h4		 { margin:0;}

h3:first-letter,
h4:first-letter,
h5:first-letter { text-transform:uppercase; }
a:hover	 { text-decoration:underline;}
hr 		 {  
					 clear:both;

					  height: 1px;
					  margin: 0px;
					  border:none;
					  background-color:white;
					  color:white;
					}	
hr.line	  { color: #666; background-color: #666; border:none; }

.verticalMargins	{margin:9px 0px 9px 0px;_padding:9px 0px; padding:0px;_margin:0px;}


.headerBgColor	{background-color:#00467F;}
.tableBg		{background-color:#ddd;}

.standardTable	{ width:477px; vertical-align:top; padding:0;margin:0; border:0;}

.hide	{display:none;}
.sendButton	{ display:block; float:right;clear:both; margin:10px 0; }
.inactive 	{ color:#e6e6e6;}

.orangeLong { 
			  background-image: url(/resfeber/site_pics/navig/navbar_new_orange.gif);
		  	  background-repeat: no-repeat;
		  	  padding: 3px 5px 5px 5px;
		 	  color:white;
                      font-family: Arial, Helvetica, sans-serif;
	               font-size: 14px;
	               font-weight: bold;
}

.blueLong { 
			  background-image: url(/resfeber/site_pics/navig/navbar_new_blue.gif);
		  	  background-repeat: no-repeat;
		  	  padding: 3px 5px 5px 5px;
		 	  color:white;
                       font-family: Arial, Helvetica, sans-serif;
	                font-size: 14px;
	                font-weight: bold;
}

.liblueLong { 
			  background-image: url(http://static.resfeber.se/media/images/rf/navig/navbar_blue_waitpage.gif);
		  	  background-repeat: no-repeat;
                      padding: 3px 5px 5px 5px;

		 	  color:white;

                      font-family: Arial, Helvetica, sans-serif;
	               font-size: 14px;
	                font-weight: bold;
			
}

.fullLength	{ width:477px;}
.halfLength	{ width:234px;}
.rightCol			{ float:left; clear:none; width:234px; margin:0px; padding:0px;}
.leftCol			{ float:left; clear:none; width:234px; margin:0px; padding:0px;}

.liblue { background-color: #4394CE; background: #4394CE;}
.dablue { background-color: #00467F; background: #00467F;}

.clear:after 	{ content: ".";	display: block;	height: 0;clear: both;visibility: hidden;}
.clear 			{ display: inline-table; }

.mainContentOffer	{ width:234px; float:left; clear:none; margin:0px; padding:0px; }

#smallOffers  .mainContentOffer  {clear:both;min-height:70px; height:auto !important; height:70px;}
#smallOffers  .mainContentOffer img {margin-bottom:9px;}

.marginRight		{ margin-right:9px; }
.marginBottom		{ margin-bottom:9px; }
.marginLeft		{ margin-left:9px; }
.marginTop		{ margin-top:9px; }
.borderRight	{ border-right:1px solid #cccccc; }

.noleftmargin {margin-left:0;}
.notopmargin {margin-top:0;}
.contextMessage	{
	clear:both;
	width:460px;
	background-color:#eef8ee;
	border:1px solid #cddecd;
	padding:5px 5px 5px 10px;
	margin:9px 0 9px 0;
	background-image:url(http://static.resfeber.se/media/images/rf/misc/contextMessageBackground.gif);
	background-repeat:no-repeat;
	background-position: middle left;
	min-height:50px;
	height:expression(
    this.scrollHeight < 50? "50px" : "auto" );
	}
.contextMessage p,.contextMessage h1	{
	margin-left:55px;
}	


.errorMessage	{
	clear:both;
	width:460px;
	overflow:hidden;
	min-height:50px;
    height:expression(
    this.scrollHeight < 50? "50px" : "auto" );
	

background-color: #FF636A; 

	border:1px solid #dc383f;
	padding:5px 5px 5px 10px;
	margin:0px 0 9px 0;
	background-image:url(/http://static.resfeber.se/media/images/rf/misc/errorMessageBackground.gif);
	background-repeat:no-repeat;
	background-position: middle left; 
	}


	

	
	
	
.errorMessage p	{
	margin-left:55px;
}




/*
-------------------------------------------------
GENERIC SETTINGS {END}
-------------------------------------------------
*/

#wrapper	{ width:978px; float:left; clear:both; vertical-align:top;}
#pageTop	{ width:639px;margin:0;padding:0;clear:both;}
#logo		{ height:92px; float:left;}
#logo img	{ margin-top:20px;}
#content	{ float:left; clear:both; width:801px; }
#footer       { float:left; clear:both; width:801px;}
#menu         { float:left;}
.bold         { font-weight: bold; }

#wrapper	{ width:1060px; float:left; clear:both; vertical-align:top; font-size:11px;}
#content	{ float:left; clear:none; width:882px; }
#footer       { float:left; clear:both; width:882px;}


#skyscraper {float:left; clear:none; margin:139px 0px 0px 9px; _margin-left:6px;_margin-top:127px;}

#openingTimes { float:right; margin: 20px 0px 0px 0px; }

#openingTimes .customstor {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	margin: 0;
	padding: 0;	
	}

#openingTimes .customlitentider {	
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	margin: 0;
	padding: 0;	
	}	
	
	
#bookingTrail	{

	width:475px;
	height:21px;
	background-color:#f7f7f7;
	border:1px solid #666666;
	float:right;
	clear:right;
	vertical-align:middle;
	margin: 0 0 10px 0;
}
#bookingTrail p	{
	margin:3px 5px;
}


/*	TOP MENU:
	------------------------------------------------------------ */
#TopMenu {
	width: 801px;
	height: 27px;
	background: url(http://static.resfeber.se/media/images/rf/menus/mainback.gif);
	font-family: Arial,Sans-Serif;
	text-transform:uppercase;
	background-repeat:no-repeat;

}
#TopMenu ul {
	list-style: none;
	margin: 0 0 0 8px;
	padding: 0;
}
#TopMenu ul li, #TopMenu ul li a {
	float: left;
}
#TopMenu ul li a {
	color: #FFF;
	font-family: Arial,Sans-Serif;
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	padding: 9px 23px 4px 7px;
}
#TopMenu ul li a:hover {
	text-decoration: underline;
}
#TopMenu ul li {
       height:27px;
	background: url(http://static.resfeber.se/media/images/rf/menus/itemback.gif) top right;
}
#TopMenu ul li.Last {
       height:27px;
	background: url(http://static.resfeber.se/media/images/rf/menus/lastback.gif) top right;
}



/*	SELECTED PAGES IN TOP MENU:
	------------------------------------------------------------ */
	

#nowPage #TopMenu ul li#nowPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#nowPage #TopMenu ul li#nowPage a {padding: 9px 23px 4px 7px;color: #fff;}
#nowPage #TopMenu ul li#homePage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#nowPage #TopMenu ul li#homePage a {padding: 9px 23px 4px 7px;}

#packetPage #TopMenu ul li#packetPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#packetPage #TopMenu ul li#packetPage a {padding: 9px 23px 4px 7px;color: #fff;}
#packetPage #TopMenu ul li#nowPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#packetPage #TopMenu ul li#nowPage a {padding: 9px 23px 4px 7px;}

#flightPage #TopMenu ul li#flightPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#flightPage #TopMenu ul li#flightPage a {padding: 9px 23px 4px 7px;color: #fff;}
#flightPage #TopMenu ul li#packetPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#flightPage #TopMenu ul li#packetPage a {padding: 9px 23px 4px 7px;}

#hotelPage #TopMenu ul li#hotelPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#hotelPage #TopMenu ul li#hotelPage a {padding: 9px 23px 4px 7px;color: #fff;}
#hotelPage #TopMenu ul li#flightPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#hotelPage #TopMenu ul li#flightPage a {padding: 9px 23px 4px 7px;}

#eventPage #TopMenu ul li#eventPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#eventPage #TopMenu ul li#eventPage a {padding: 9px 23px 4px 7px;color: #fff;}
#eventPage #TopMenu ul li#carPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#eventPage #TopMenu ul li#carPage a {padding: 9px 23px 4px 7px;}

#carPage #TopMenu ul li#carPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#carPage #TopMenu ul li#carPage a {padding: 9px 23px 4px 7px;color: #fff;}
#carPage #TopMenu ul li#hotelPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedbeforeback.gif) top right;}
#carPage #TopMenu ul li#eventPage a {padding: 9px 23px 4px 7px;}

#groupPage #TopMenu ul li#groupPage {background: url(http://static.resfeber.se/media/images/rf/menus/selectedback.gif) top right;}
#groupPage #TopMenu ul li#groupPage a {padding: 9px 23px 4px 7px;color: #fff;}


/*	SUB MENU:
	------------------------------------------------------------ */
#SubMenu {
       float:left;
	margin: 0 3px 0 0;
	background: url(http://static.resfeber.se/media/images/rf/menus/subback.gif);
	background-repeat:no-repeat;
	width: 882px;
	height: 27px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;
}
#SubMenu p	{color:#fff;}

#SubMenu a {

	margin: 0px 3px 0px 0;
	color: #fff;
	text-decoration: none;

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

}


#SubMenu_Inspired {
    float:left;
		margin: 0 3px 0 0;
	background: url(http://static.resfeber.se/media/images/rf/menus/subback_inspired.gif);
	background-repeat:no-repeat;
	width: 882px;
	height: 27px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;

}

#SubMenu_Inspired a {

	margin: 0px 3px 0px 0;
	color: #fff;
	text-decoration: none;

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

}

#SubMenuEvent {
       float:left;
	margin: 0 3px 0 0;
	background: url(http://static.resfeber.se/media/images/rf/menus/subbackevent.gif);
	background-repeat:no-repeat;
	width: 720px;
	height: 27px;
	text-align:right;
	color:#fff;
	font-weight:bold;
	padding:5px 0 0 0;
}

/*
BACKGROUNDS FOR START PAGES {START}
------------------------------------------------------------
*/
#topPicture {
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:62px !important;	
	padding-top:62px;	
}

#packetPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/packetTopPicture3.jpg);
}

#eventPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/eventTopPicture7.jpg);
}

#flightPage #topPicture {
/*
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/flightTopPicture2.jpg);
*/
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/flight_firstpage_animate_dk.gif);

}

#carPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/carTopPicture5.jpg);
}

#hotelPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/hotelTopPicture.jpg);
}
#groupPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/flightTopPicture.jpg);
}

#forumPage #topPicture {
	background-image:url(http://static.resfeber.se/media/images/se/toppictures/forumTopPicture.jpg);
}



/*
****************************************************************************************
STYLES FOR TABBED FLIGHT SEARCH MENU {START}
****************************************************************************************
*/

#searchMethod h1 {margin:0;padding:0;}

#searchMethod table {
	border-collapse:collapse;
	width:639px;
	margin:0;
	background:url(https://statics.travelinspiration.info/media/images/rf/menus/sub_right_end.gif) top right repeat-x;
}

#searchMethod td {
	height:23px;
	padding:0 0 0 9px;
	margin:0;
	background:url(https://statics.travelinspiration.info/media/images/rf/menus/sub_menu_left.gif) top left no-repeat;
}
#searchMethod	{clear:both;}
#searchMethod th { display:none; }
#searchMethod td h1 {
	display:block;
	height:23px;
	line-height:23px;
	padding:0 8px 0 0;
	background:url(https://statics.travelinspiration.info/media/images/rf/menus/sub_active_menu_right.gif) top right no-repeat;
	text-align:center;
	white-space:nowrap;
	/*text-decoration:none;*/
    font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#666666;
	
}
/*#searchMethod td:hover { background-image:url(http://static.resfeber.se/media/images/rf/menus/sub_active_menu_left.gif); }*/
#searchMethod td:hover a {
	line-height:23px;
    font-size: 1em;
	font-weight:bold;	
	color:#ff5d12;
	font-family: Arial, Helvetica, sans-serif;	
	/*background-image:url(http://static.resfeber.se/media/images/rf/menus/sub_active_menu_right.gif);*/
	text-decoration:underline;
}



#searchMethod .last span {
	display:block;
	padding:0 1px 0 0;
	background:url(https://statics.travelinspiration.info/media/images/rf/menus/sub_right_end.gif) top right no-repeat;
}

.last-one	{
	background:url(../site_pics/menus/sub_right_end.gif);	
}
html body #searchMethod .this {
	background:url('https://statics.travelinspiration.info/media/images/rf/menus/sub_active_menu_left.gif') top left no-repeat;
	color:#ff5d12;
}

html body #searchMethod .this a {
	background:url('https://statics.travelinspiration.info/media/images/rf/menus/sub_active_menu_right.gif') top right no-repeat;
	line-height:23px;
	color:#666666;
}

/*
-------------------------------------------------
STYLES FOR TABBED MENU INDEX {END}
-------------------------------------------------
*/


/*
**********************************************************************
CANNONBALL {START}
**********************************************************************
*/


#cannonball	{
	width:639px;
	height:101px;
	background-image:url(http://static.resfeber.se/media/images/rf/firstpage/cannonballBackground.gif);
	background-repeat: repeat-x;
	margin:0px 0px 0px 0px;
	padding:0;
	clear:none;
	float:left;
	border-top:2px solid #fff;
	_border-top:0px solid #fff;
	
	
}

#cannonball	h3	{
	text-transform:uppercase;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	font-size:14px;
	margin:3px 0 0 3px ;
}
#cannonball div	{
	clear:none;
	float:left;
	height:101px;
}

#cannonball p, #cannonball label 	{
	color:#fff;
	font-weight:bold;
	margin:5px 0px 3px 5px;
}


#cannonball #flightOptions {height:40px;margin-left:3px;}

#cannonball #travelTypeDropdown { margin:3px; width:154px;}

#cannonball #departureDropdown { margin:3px; width:154px;}

#cannonball #destinationDropdown { margin:3px; width:154px;}

#cannonball #destinationTextfield { margin:8px 3px 3px 3px; width:148px; height:12px;}

#cannonball #country { margin:3px; width:154px;}

#cannonball #dh_dest_idHotel { margin:3px; width:154px;}

#cannonball #noOfRooms {font-weight:normal; margin:3px; width:154px; clear:both;}

#cannonball #adults { margin:3px 0px 3px 3px; width:75px;}

#cannonball #children { margin:3px 0px 3px 0px; width:75px;}

#cannonball #chldAge {margin:0px 2px 0px 2px; height:22px; float:left; clear:both; width:155px;color:#fff;}

#cannonball #children_age {margin: 0 2px 0 2px}

#cannonball #start_day{font-weight:normal; margin:3px 0px 3px 3px; width:45px;}

#cannonball #start_year_month {font-weight:normal; margin:3px 3px 3px 0px; width:76px;}

#cannonball #end_day {font-weight:normal; margin:3px 0px 3px 3px;width:45px;}

#cannonball #end_year_month {font-weight:normal; margin:3px 3px 3px 0px; width:76px;}

#cannonball input			{ margin:0 0 3px 3px;}
#cannonball #searchButton   {font-weight:bold; float:right;height:22px;margin-right:4px;display:inline;}
#cannonball #travelType		{ width:160px;padding:0;margin:0; border-right:2px solid #fff;}
#cannonball #destination	{ width:160px; border-right:2px solid #fff;}
#cannonball #destinationHotel { width:160px; border-right:2px solid #fff;}
#cannonball #timePeriod		{ width:152px; border-right:2px solid #fff;}
#cannonball #travellers		{ width:160px;clear:none;}
#cannonball #sendButtonBox	{ clear:both; margin-left:102px;margin-top:2px;}

#cannonball *				{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;margin:0; }


/*
-------------------------------------------------
CANNONBALL {END}
-------------------------------------------------
*/

/*
**********************************************************************
FIRST PAGE PARTS {START}
**********************************************************************
*/
#main				{ width:639px; clear:none; float:left; margin:0; }



#mainLeftColumn		{ float:left; width:153px; margin-right:9px; background-color:#fff; clear:none; vertical-align:top;margin-top:9px;padding-top:0; }
#mainLeftColumn ul {list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0px;
	text-align: left;
	width:150px;
	float:left;
	clear:none; 
	
}
#mainLeftColumn li.topListItem {margin: 0 0 0 0px;}

#mainLeftColumn .topListSelect {width:115px;}

#mainContentColumn	{ float:left;clear:none;width:477px; margin-top:9px;}

#TopOffer		{ float:left; clear:none; width:477px;}

#TopOffer img {margin-bottom:9px;}

#smallOffers		{ width: 477px; float:left;	clear:none; margin-top:9px;}

.mainRightColContainer	{width:234px;margin:0px 0px 9px 0px;padding:0px;float:left;clear:both;}

#boxOfFindings { margin:0; padding:0;width:234px;}

#boxOfBecomingMember {
	width:234px;
	height:134px;
	padding:0;
	margin:0;
	background-image:url(http://static.resfeber.se/media/images/rf/firstpage/fpage_newsletter_bg.gif);
	background-repeat:no-repeat;
}

#becomeMember {height:134px;

}

#becomeMember .memberAd {width:220px;color:#fff;}
#becomeMember td 	{color:#fff;padding-top:32px;}
#becomeMember p 	{width:220px;color:#fff;}
	
#productOffer h3, #productOffer p, #smallOffers h3, #smallOffers p	{
	float:left;
	margin-left:4px;
	width:140px;
}
		
#productOffer	{ width: 477px; clear:both;}
#productOffer img, #smallOffers img	{ display:block; float:left; clear:none; margin-bottom:9px; }

#ocsTable	{
	width:153px;
	float:left;
	clear:none;
	border:0;
	margin:0px;
	padding:0px;
}
#ocsTable h3 {
	width:200px;
}	

#ocsBox {
width:153px;


}

.divTextMaxWidth {
 	-moz-box-flex:1;
 	overflow:hidden;
 	white-space:nowrap;
 	text-overflow:ellipsis;
 	height:100%;
}	

#rightColumn	{
	width:234px;
	vertical-align:top;
	clear:right;
	float:left;
	margin:0 0 0 9px;
	
}

/*
**********************************************************************
RIGHT COLUMN PARTS {START}
**********************************************************************
*/

#rightColumnOffers {border-left: 1px solid #666;
                    border-top: 1px solid #666;
                    margin:9px 0px 0px 0px;

					
			
} 

#rightColumn h3 { font-size: 14px;
                  padding:3px 0 3px 4px;
                  text-transform:uppercase;
                  }

#rightColumn p	{ padding:3px 0 3px 4px; }

#firstpageSearch	{ 
	height:101px;
 	display:block;
	background-image:url(http://static.resfeber.se/media/images/rf/misc/search_dest_wide.gif);
	margin: 9px 0px 0px 0px;
overflow:hidden;

}

#firstpageSearch h3 {margin: 4px 0 0 1px;}

.buttonAllOffers	{margin:5px 43px 0px 0px;float:right;}

/*
#rightColumn input	{ display:block; float:left;clear:none;margin:0;padding:0;}
*/
#rightColumn .inputField	{ display:block;float:left;clear:none; width:115px; height:14px;margin:1px 0px 4px 2px;width:118px; }

#rightColumn .sendButton	{ margin:1px 0 0 4px; padding:0;display:block;float:left;clear:none;}

#rightColumn .loginArea {width:115px;clear:both;float:left;display:block;margin:9px 0 0 0;padding:0;}
#rightColumn .loginArea p {display:block;float:left;clear:both;width:100%;margin-left:9p;}
#rightColumn .memberLoginTable {width:115px;}
#rightColumn .memberLoginTable label {display:inline;margin:0;padding:0;font-weight:bold;}
#rightColumn .memberLoginInput {display:label;width:90px;padding:0;margin:0 0 5px 0;height:12px;}
#rightColumn .memberLoginRadio {margin:0;padding:0;display:inline;}
#rightColumn .memberLoginSubmit	{margin:0;padding:0;}

/*

*/
/*
**********************************************************************
SEARCHBOX FOR FLIGHT & HOTEL {START}
**********************************************************************
*/
#newSearchBox {width:150px;margin: 9px 0 0 0; }
#newSearchBox td {padding:0 0 0 5px;}
#newSearchBox .searchTableAge	{width:30px;}
#newSearchBox .searchTableTravellers	{width:30px;}
#newSearchBox .searchTableName	{width:120px;}
#newSearchBox .searchTableDropDay	{width:45px;}
#newSearchBox .searchTableDropMonth	{width:85px; }
#newSearchBox .searchButton {margin:5px 5px 5px 0 5px 0;}
#newSearchBox .floater {display:block;clear:none;float:left;margin:2px 0;height:12px;}

#newSearchBox  p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#newSearchBox h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#4394ce;
	margin: 3px 5px 3px 0;
	text-transform: uppercase;
}

#newSearchBox .searchTable	{
	 border:1px solid #4394CE;
	 margin:0;
	 padding:0;
	 width:150px;
}

}
#newSearchBox label	{font-weight:bold;}
#newSearchBox .labels	{ display:block;float:left;clear:none;width:80px;margin:2px 0;}

#firstpageSearch h3	{ color:#fff; }

#travelCategory {
border-left:1px solid #666;
border-bottom: 1px solid #666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:233px;
}


#travelCategory h3	{color:#fff;background-image:url('http://static.resfeber.se/media/images/rf/misc/search_dest_wide.gif');
background-position:top right;
	background-repeat:repeat-y;background-repeat:repeat-x;}

#travelCategory ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 100%;
}


#travelCategory #sunbathingList {
	margin: 4px 0px 6px 5px;
       height:31px;
       background-image:url('http://static.resfeber.se/media/images/rf/menus/sunbathing_thumb.jpg'); 
       background-repeat:no-repeat;
       background-position: left;
}

#travelCategory #bigcitiesList {
	margin: 4px 0px 6px 5px;
       height:31px;
       background-image:url('http://static.resfeber.se/media/images/rf/menus/bigcities_thumb.jpg'); 
       background-repeat:no-repeat;
       background-position: left;
}

#travelCategory #longhaulList {
	margin: 4px 0px 6px 5px;
       height:31px;
       background-image:url('http://static.resfeber.se/media/images/rf/menus/longhaul_thumb.jpg');  
       background-repeat:no-repeat;
       background-position: left;
}

#travelCategory #flyanddriveList {
	margin: 4px 0px 6px 5px;
       height:31px;
	background-image:url('http://static.resfeber.se/media/images/rf/menus/flyanddrive_thumb.jpg');  
       background-repeat:no-repeat;
       background-position: left;
}


#travelCategory hr {
	clear: both;
	width: 153px;
	height: 1px;
	margin: 0;
	color: #666;
	background-color: #666;
	border: none;
}

#travelCategory hr.last {
	background-color: transparent;
	color: transparent;
	width: 0px;
	border: 0px;
}

#travelCategory a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 11px;
	font-weight: bold;
	color: #FE6415;
	line-height: 13px;
}
#travelCategory a:hover {
	color: #FE6415;
}

#travelCategory .categoryContainer {
margin-left:48px;
margin-top:0;
}

#travelCategory span.categoryTitle {
	font-size: 125%;
	font-family: Arial,Sans-Serif;
	font-weight:bold;
}

#travelCategory span.categoryDesc {
	
	font-weight: normal;
	color: #666;
}

#travelCategory .thumbs {
	float:left;
       clear:none;
margin: 0px 9px 0px 0px;
}

#travelExtras	{ float:left;clear:both;width:234px}
#travelExtras ul {
	list-style-type: none;
	margin: 2px 0px 5px 0px;
	padding: 0px;
	text-align: left;
	
	clear:both;
}

#travelExtras li {
	margin: 0 0 7px 5px;
	width:200px;
	height:25px;
	background-repeat:no-repeat;
	border-bottom:1px solid #666;
	padding:5px 0 0 25px;
}

#travelExtras .forum	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_traveltalk.gif);}
#travelExtras .weather	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_weather.gif);}
#travelExtras .airport	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_airport.gif);}
#travelExtras .maps		{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_map.gif);}
#travelExtras .guide	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_guidebooks.gif);}
#travelExtras .currency	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_money.gif);}
#travelExtras .medical	{background-image:url(http://static.resfeber.se/media/images/rf/icons/icon_vaccination.gif); border-bottom:0;
}




/*
-------------------------------------------
STYLES FOR FAREFINDER
-------------------------------------------
*/

#fareFinder #farefinder_Search_Box h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#4394ce;
	margin: 3px 5px 3px 0;
	
}

/*
-------------------------------------------
STYLES FOR FAREFINDERSEARCH ON FLIGHT 
-------------------------------------------
*/

#quickSearchArea h3	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#4394ce;
	margin: 3px 5px 3px 0;
	
}


#quickSearchArea #farefinderPrice {float:left; clear:none; width:150px;height:215px;clear:none;border-right:1px solid #5ea2d2;padding:5px 0 0 5px;}
#quickSearchArea #farefinderDep {float:left; clear:none; width:190px;height:215px;clear:none;border-right:1px solid #5ea2d2;padding:5px 0 0 5px;}
#quickSearchArea #farefinderDep select {width:150px;}
#quickSearchArea #farefinderDep #dh_dep_id {margin-left:24px}

#quickSearchArea #farefinderAlts {float:right;width:270px;height:270px;clear:none;padding:5px 10px 0 0;}
#quickSearchArea #buttonAreaRight {float:right;width:150px;text-align:right;margin-top:5px;height:25px;margin:5px;}

#quickSearchArea #price_to {width:80px; height:12px}
#quickSearchArea #price_from {width:80px; height:12px}

#flightPage #quickSearchArea .sendButton	{float:right; margin: 0 0 0 0;}

#flightPage #quickSearchArea #timetableSwitch {height:170px;}

#flightPage #quickSearchArea #dateSwitch {height:170px;}

#flightPage #quickSearchArea #flexibleSwitch {height:170px;}

#flightPage #quickSearchArea #typeOfSearch {width:341px; margin:0; padding:5px; border-bottom:1px solid #5ea2d2;
 border-right:1px solid #5ea2d2;float:left; clear:right; height:50px;}


/*
****************************************************************************************
STYLES FOR PACKETPAGE{START}
****************************************************************************************
*/

#packetPage #searchArea {width:637px;border:1px solid #cccccc; border-top:0;height:151px;}

#packetPage #typeOfSearchTypeOfTravelArea {width:148px; border-right:1px solid #cccccc; padding:5px; float:left;clear:none; height:141px;} 

#packetPage #typeOfSearch {height:75px; width:145px; margin:0px; padding:0px; float:left; clear:right;}

#packetPage #typeOfTravel {height:75px; width:145px;margin:0px; padding:0px; float:left; clear:both;}


#packetPage #flightDestinationArea {width:148px; padding:5px;float:left;clear:none; border-right:1px solid #cccccc;height:141px; }

#packetPage #flightDestination { width:148px;margin:0px; padding:0px; float:left; clear:both;}


#packetPage #flightTimeFlightSpecialArea {width:148px;margin:0;padding:5px;border-right:1px solid #cccccc; float:left;clear:none; height:141px;}

#packetPage #flightTimePeriod {height:110px; width:148px;float:left;clear:right;}

#packetPage #flightSpecialOptions {height:79px; width:148px;float:left;clear:both;}


#packetPage #flightTravellersArea {width:150px; margin:0; padding:5px; float:left; clear:none;}

#packetPage #flightTravellers {float:left; clear:right;}

#packetPage #flightTravellersArea #sendButtonArea {width:140px; padding:0 2px 0 0; float:right; clear:none;}

#packetPage #sendButtonArea input {display:block; float:right;}

#packetPage #typeOfPackagetourDropdown {width:143px; margin: 0 0 0 0;}

#packetPage #numberOfRooms {width:80px; width:148px;}

#packetPage #ocsDestination	{float:left;width:170px;height:95px;clear:none;border-right:1px solid #cccccc;padding:5px 0 0 5px;}
#packetPage #ocsOutPeriod {float:left;width:190px;height:95px;clear:none;border-right:1px solid #cccccc;padding:5px 0 0 5px;}
#packetPage #ocsHomePeriod {float:left;width:250px;height:70px;clear:none;padding:5px 0 0 5px;}


#packetPage #flyHotel { margin: 5px 7px 0px 3px;}

#packetPage #flyCar { margin: 5px 7px 0px 3px;}

#packetPage #flyHotelCar { margin: 5px 7px 0px 3px;}

#packetPage .calenderPic {margin-left:5px;}

#oneway {margin: 5px 7px 0px 3px;}

#packetPage #searchArea h3	{
       text-transform:uppercase;
       
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#4394ce;
       font-size:14px;
	margin:3px 0 0px; 0px ;
}

#packetPage #mainContentColumn h3 {font-size:14px;}


#packetPage #dh_dep_id {width:148px; margin-bottom:9px;margin-top:6px;}
#packetPage #dep_name {width:142px; margin-bottom:9px; }

#packetPage #dh_dest_id {width:148px;  margin-bottom:9px;}
#packetPage #dest_name {width:142px;  }


#packetPage #start_day {width:45px; }
#packetPage #start_year_month {width:80px;}

#packetPage #end_day {width:45px;}
#packetPage #end_year_month { width:80px;}

#packetPage #adults {width:148px; margin: 6px 0 6px 0; }
#packetPage #children {width:148px; margin: 6px 0 0 0; }

#packetPage #childrenAge {width:100px; margin: 0px 0 0 0; height:12px;}

#packetPage #airlines {width:143px; margin: 0 0 0 0;}

#flightPage #mainLeftColumn a {
       color: #FE6415;
	text-decoration: none;
	font-weight: bold;
	}

#flightPage #mainContentColumn a {
       color: #FE6415;
	text-decoration: none;
	font-weight: bold;
	}

#flightPage #main a:hover	 {text-decoration:underline;}

#flightPage #main h3{
	
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#666666;
       padding:0px;
	font-size:11px;
	margin:0px 0 0 0px ;
}



/* SPRAY/MSN ADDITIONAL CSS  {END} */

#flight #contentColumn		   { width:639px;clear:none;float:left;}
#flight #contentColumn h3		   { clear:both; color:#cccccc;font-size:14px;}
/* #flightPage #mainContentColumn img { display:block;float:left;clear:none;margin-right:9px;} */
#flightPage #searchArea {width:637px;border:1px solid #cccccc; border-top:0;height:201px; }
#flightPage #quickSearchArea	{ width:637px;border:1px solid #5ea2d2; border-top:0;height:203px; }

#searchArea	.labelHeader, #quickSearchArea .labelHeader {display:block;font-weight:bold;clear:both; margin: 2px 0px 2px 0px;}

#main #searchArea label {display:none;}

#main #searchArea .view {display:block;}

#main #searchArea .viewSide {display:inline;}

#flightPage #typeOfSearchTypeOfTravelArea {width:148px; border-right:1px solid #cccccc;padding:5px; float:left;clear:none;height:191px;} 

#flightPage #typeOfSearch {height:75px; width:148px; margin:0px;padding:0px; float:left; clear:right;}

#flightPage #typeOfTravel {height:75px; width:148px;margin:0px; padding:0px; float:left; clear:both;}

#flightPage #flightDestinationArea {width:148px; margin:0;padding:5px;float:left;clear:none; border-right:1px solid #cccccc;height:191px; }

#flightPage #flightDestination { width:148px;margin:0px; padding:0px; float:left; clear:both;}

#flightPage #flightTimeFlightSpecialArea {width:148px;margin:0;padding:5px;border-right:1px solid #cccccc; float:left;clear:none;height:191px;}

#flightPage #flightTimePeriod {height:110px; width:148px;float:left;clear:right;}
#flightPage #flightTimePeriod div {margin-top:6px}

#flightPage #flightSpecialOptions {height:79px; width:148px;float:left;clear:both;}


#flightPage #flightTravellersArea {width:150px; margin:0; padding:5px; float:left; clear:none;}

#flightPage #flightTravellers {float:left; clear:right; height:159px;}

#flightPage #flightTravellersArea .buttonHolder {width:140px; margin:0px 0 0 0; padding:0 2px 0 0; float:right; clear:none;}

#flightPage .buttonHolder input {display:block; float:right;}

#flightPage #flightTravellersArea #sendButtonArea {width:140px; margin:0px 0 0 0; padding:0 2px 0 0; float:right; clear:none;}

#flightPage #sendButtonArea input {display:block; float:right;}

#flightPage #filter_trip_format1{ margin: 5px 7px 0px 3px;}

#flightPage #filter_trip_format2 { margin: 5px 7px 0px 3px;}


#flightPage .calenderPic {margin-left:5px;}

#flightPage #dh_dep_id {width:148px; margin: 6px 0 9px 0;}
#flightPage #dep_name {width:142px; margin: 0 0 0 0; }

#flightPage #dh_dest_id {width:148px; margin: 9px 0 9px 0;}
#flightPage #dest_name {width:142px; margin: 0 0 0 0; }

#flightPage #open_jaw_dest {margin-top:6px;}


#flightPage #start_day {width:45px;}
#flightPage #start_year_month {width:80px;}

#flightPage #end_day {width:45px;}
#flightPage #end_year_month { width:80px;}

#flightPage #adults {width:148px; margin: 6px 0 6px 0;}
#flightPage #children {width:148px; margin: 6px 0 0 0;}

#flightPage #childrenAge {width:100px; margin: 0px 0 0 0; height:12px;}

#flightPage #airlines {width:143px; margin: 0 0 0 0;}




#flightPage #searchArea h3{
	
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#4394ce;

	font-size:14px;
	margin:3px 0 0 0px ;
}

#flightPage #mainContentColumn h3 {font-size:14px;}


#bothways { margin: 5px 7px 0px 3px;}
#oneway { margin: 5px 7px 0px 3px;}

#there_and_back_again {margin:1px 0 0 0;}
#flightPage #filterCarrier {width:148px; margin:3px 0 0 0;}
#flightPage #searchArea #ibp_dep_name {width:142px; margin: 0 0 0 0; height:12px;}






/*
-------------------------------------------------
STYLES FOR WAITPAGE {START}
-------------------------------------------------
*/

#pleaseWait {float:left; clear:none; margin: 10px 0 0 10px;}

#progressBars {float:right; margin: 10px 0 0 0;}

#tipBanner {float:left; clear:both; margin: 14px 0 0 0 ;}

#waitpageDivider {background-image:url(http://static.resfeber.se/media/images/rf/navig/navbar_blue_waitpage.gif); float:left; 
                  clear:both; width:640px; margin: 20px 0 0 0;}

.offerBox {width:207px; float:left; clear:none; margin: 0 9px 0 0;}

#lastofferBox {width:207px; float:left; clear:none; margin: 0 0 0 0;}

.flashBox {margin:7px 0 10px 0 ;}

/*
-------------------------------------------------
STYLES FOR SHOWFLIGHT {START}
-------------------------------------------------
*/



 #flightInfo {	
	background-color:#4394CE; 
	padding:5px;
	background-image:url(http://static.resfeber.se/media/images/rf/misc/roundCornerBottomLeft.gif);
	background-position:bottom left;
	background-repeat:no-repeat;	

}

#flightInfo p, #flightInfo h3, #flightInfo h2 {color:#fff;}
#flightHeader	{
	width:153px;
	height:23px;
	background-image:url(http://static.resfeber.se/media/images/rf/misc/roundCornerTopLeft.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#014880;
	border-bottom:2px solid #fff;
	float:left;
	clear:none;
}
#flightHeader h2, .hotelHeader	{ color:#fff;padding:4px 0 0 5px;}

#flightList {width:469px;margin: 9px 0 20px 0; float:left; clear:right;}

.tip_banner {margin: 3px 0 0 0 ; width:639px;}

#info_banner {width:639px; float:left; clear:right; height:80px;}

#info_text {width:477px; float:left; clear: both; margin: 18px 0 0 0; border-top: 1px solid #666; }

.tableFlights, .tableProducts	{ width:477px;float:left;clear:both;margin:0px;padding:0px;border:0px; }

#flightList h3 { font-size: 14px;
                  padding:3px 0 3px 4px;
				  margin:0;
                  text-transform:uppercase;
				  color:#ffffff;
                  }
img.carrierLogo	{
	display:block;
	float:right;
	margin:0 0 3px 0;
	height:20px;
}				  
.tableFlightsSimilar {
width: 440px;
padding:0;
margin:0;
border:0;
float:left;
clear:none;

}
.loopedSimilarFlights	{
background-color:#f7f7f7;
border:1px solid #4394CE;
border-bottom:none;
border-bottom:none;
border-bottom:none;
border-left:5px solid #4394CE;
padding-right:5px;	
}
				  
.flightPriceGrouped	{
background-color:#f7f7f7;
border:1px solid #4394CE;
border-left:5px solid #4394CE;
padding-right:5px;	
margin:0 0 10px 0;
}		
.showPrice	{
	vertical-align:top;
	text-align:right;
	padding-right:10px;
}
		  
.partnerMarketing	{
	width:460px; 
	border:0; 
	margin:0;
	padding:0;
	float:left;
	clear:both;
}
.partnerMarketing	td	{
	text-align:left;
}

.mainOffer {
float:left;
margin:0 0 9px 0;
width:100%;
}

.mainOffer img	{
height:110px;
	width:153px;
	margin-right:9px;
	float:left;
	clear:none;
}

.mainOffer h3 {text-transform:uppercase}

/*
-------------------------------------------------
STYLES FOR GETCUSTOMERINFO {START}
-------------------------------------------------
*/

.gci_email  { margin: 0px 3px 3px 0px; width:160px}


/*
-------------------------------------------------
STYLES FOR TRAVELEXTRAS{START}
-------------------------------------------------
*/



#ExtrasLeftColumn{ float:left; width:153px; margin:7px 9px 0 0; background-color:#fff; clear:none; }

#ExtrasLeftColumn h3{ font-size: 14px;
                  padding:3px 0 3px 4px;
                  text-transform:uppercase;
                  }


/*
-------------------------------------------------
STYLES FOR EVENTS{START}
-------------------------------------------------
*/


#eventPage #searchArea {width:637px;border:1px solid #cccccc; border-top:0px; height:90px;}

#eventPage #searchArea #destinationCategoryDropdownArea {width:190px; margin:0px; padding:5px; float:left;height:70px;}

#eventPage #searchArea #destinationDropdownArea {float:left; clear:right;}

#eventPage #searchArea #destinationDropdown {width:180px;}

#eventPage #searchArea #categoryDropdownArea {float:left; clear:none; margin:5px 0px 0px 0px;}

#eventPage #searchArea #categoryDropdown {width:180px;}

#eventPage #searchArea #freetextArea {width:190px; margin:0px; padding:5px; float:left;height:80px; border-right:1px solid #cccccc;border-left:1px solid #cccccc;}

#eventPage #searchArea #freetextTextfield {width:180px; margin:0px; height:12px;}

#eventPage #searchArea #dateArea {width:145px; margin:0px; float:left;height:70px;padding:5px;}

#eventPage #searchArea #dateDayMonthArea {float:left; clear:right; }

#eventPage #searchArea #dateDayDropdown {width:45px;}

#eventPage #searchArea #dateMonthDropdown {width:80px;}

#eventPage #searchArea #dateSpan {float:left; clear:none; margin:5px 0px 0px 0px;}

#eventPage #searchArea #dateSpanDropdown {width:130px;}

/* #eventPage #searchArea #searchButtonArea {float:left;clear:right; margin: 60px 0px 0px 8px;} */
#eventPage #searchArea #searchButtonArea {margin:0px; padding-top:60px; padding-right:9px}

#eventPage #searchArea #searchButton {margin:0px 0px 0px 0px;}


#eventPage #searchArea h3 {
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#4394ce;
       
       
	font-size:14px;
	margin:3px 0px 6px 0px ;
}

#eventPage h1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #666666;
	margin: 0px 0 0px 0;
	padding: 0;
	line-height: 20px;
	text-transform: uppercase;
}

#eventPage #eventTopOffers {float:left; clear:right; margin: 0px 0px 9px 0px; width:477px;}

#eventPage #eventSmallOffers {float:left; clear:none;}

#top10list { margin:9px 0px 0px 28px; padding:0px;}
 
.top10listelements { color: #666666; font-weight:bold;}










/*
-------------------------------------------------
STYLES FOR RENTAl CAR{START}
-------------------------------------------------
*/


#carPage #searchArea {width:637px;border:1px solid #cccccc; border-top:0;height:115px;}

#carPage #rentaldate{ width:200px; float:left; margin:0;padding:5px 0 0 5px;height:91px;}

#carPage #country {width:143px; margin: 0px 0 3px 0;}

#carPage #dh_dest_id {width:143px; margin: 0px 0 3px 0; margin-top:5px;}

#carPage #iataCode {width:143px; margin: 0px 0 0 0; margin-top:5px;}

#carPage #searchArea #sendButtonArea {float:right;margin-top:0px;margin-right:3px;}

#carPage #searchArea h3 {
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#4394ce;
	
       font-size:14px;
	margin:3px 0 6px 0px ;}

#carPage #mainContentColumn h3 {font-size:14px;}

#carHeader	{
	width:153px;
	height:23px;
	background-image:url(http://static.resfeber.se/media/images/rf/misc/roundCornerTopLeft.gif);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#014880;
	border-bottom:2px solid #fff;
	float:left;
	clear:none;
}

#carHeader h2	{ color:#fff;padding:4px 0 0 5px;}

#carPage #out {float:left; width:200px; padding:5px; height:106px; border-left: 1px solid #cccccc;}

#carPage #in { float:right; width:200px; padding: 5px; height:106px; border-left: 1px solid #cccccc;}

#carPage #start_year_month, #carPage #end_year_month {
	width: 80px; z-index:-2;
}
#carPage #start_day, #carPage #end_day {
	width: 45px; z-index:-2;
}
#carPage #start_time,#carPage #end_time {
	width: 60px; z-index:-2;margin-top:3px;
}





/*
-------------------------------------------------
STYLES FOR SHOW PRODUCT AND SHOW DESTINATION {START}
-------------------------------------------------
*/

#productPage #mainDestinationContainer {float:left; clear:both;}

#productPage #mainDestinationName {float:left;height:35px;}

#productPage #mainWeather { float:right;}

#productPage #mainDestinationDescription {float:left; clear:both; width:477px;}

#productPage #mainCampaignContainerLarge {float:left; margin-top:9px; width:477px;}

#productPage .mainCampaignContainerSmall {float:left; margin-bottom:9px;}

#productPage .mainCampaignContainerSmallPic {float:left;width:100px;}

#productPage .mainCampaignContainerSmallDescription {float:left;clear:right; margin-left:9px; width:368px;}

.mainCampaignContainerLink {
       font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; 
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 0;
	text-transform: none;

}
			   
#destination_Switch_Dropdown {width:140px;margin-top:9px;}	

.sideOfferMainContainer {float:left;clear:both;margin-top:9px;width:153px;}	
.sideOfferIconContainer {float:left;clear:none;margin-top:3px;}
.sideOfferLinkContainer {float:left;clear:right;margin:0px 0px 0px 9px;padding:0px;}		
.sideOfferLinkContainer h3 {line-height:15px;}


/*
-------------------------------------------------
STYLES FOR WEATHER {START}
-------------------------------------------------

#mainWeatherContainer {float:left; clear:both;}
#mainWeatherName {padding:10px 0 10px 0;}
#mainWeatherName h1{padding:10px 0 10px 0;float:left;width:50%;}
#mainWeatherName p {padding:0 5px 10px 0;float:right;;}
#mainWeather { float:right;}
#mainWeatherDescription {float:left; clear:both; width:477px;}
#mainWeatherSearchForm {float:left; clear:both; width:477px;}

*/


#mainWeatherContainer {float:left; clear:both;}
#mainWeatherName {padding:10px 0 10px 0;}

#mainWeatherName  h1{padding:10px 0 10px 0;float:left;}
#mainWeatherName #mainWeatherNameLeft  h1{padding:10px 0 0 0;width:50%;float:left;}
#mainWeatherName #mainWeatherNameLeft  {padding:10px 0 10px 0;width:220px;float:left;}
#mainWeatherName #mainWeatherNameLeft img {padding:0 5px 10px 0;align:left;float:left;}
#mainWeatherName p {padding:0 5px 10px 0;align:left;float:left;}
#mainWeatherName #mainWeatherNameLeft p {padding:0 5px 10px 0;align:left;float:left;width:100%;}

#mainWeatherName #mainWeatherNameRight{float:right;width:255px;padding:5px 0 5px 0;}
#mainWeather { float:right;}
#mainWeatherDescription {float:left; clear:both; width:477px;}
#mainWeatherSearchForm {float:left; clear:both; width:477px;}

.roundContentAreaTopSmall	{ float:right;width: 229px; height:9px;clear: both; margin: 20px 18px 0 0; padding:0 0 0 7px; background-image: url('http://static.resfeber.se/media/images/rf/common/rounded229_area_top.gif'); background-repeat:no-repeat;font-size:1px;line-height:1px;}
.roundContentAreaContentSmall { float:right;width: 222px;margin: 0 18px 0 0;padding:0 0 0 7px;clear: both; width: 229px;background-image: url('http://static.resfeber.se/media/images/rf/common/rounded229_area_content.gif');background-repeat:repeat-y;}
.roundContentAreaBottomSmall { float:right;width: 229px;margin: 0 18px 0 0; padding:0 0 0 7px;height: 9px; clear: both; background-image: url('http://static.resfeber.se/media/images/rf/common/rounded229_area_bottom.gif'); background-repeat:no-repeat;}

/*
-------------------------------------------------
STYLES FOR ONE CLICK SHOPPING{START}
-------------------------------------------------
*/
table	{	margin:0; border:0;}
#ocsTableList	{ width:477px; padding:1px 0; margin:0; border:0;float:left;clear:none;}
#ocsTableList .ocs-img	{width:86px;border:0;margin-right:9px;}
td	{vertical-align:top;font-size:11px;}	
#ocsTableList .description	{background-color:#f7f7f7;}	
#ocsTableList .offerHeader	{width:360px;float:left;clear:right;}
#ocsTableList .price	{display:block;float:right;clear:right;font-weight:bold;}
#ocsTableList .ocsPrice	{display:block;	float:right;clear:right;font-weight:bold;}
#ocsTableList h3	{color:#666;float:left;clear:none;}

#ocsTableList .firstCol		{width: 90px;white-space: nowrap; padding:3px 0; }
#ocsTableList .secondCol	{width: 170px;white-space: nowrap; padding:3px 0; }
#ocsTableList .thirdCol		{width: 50px;white-space: nowrap; padding:3px 0; }
#ocsTableList .fourthCol	{width: 90px;text-align:right; white-space: nowrap; padding:3px 0;}
#ocsTableList .fifthCol		{width: 60px;text-align:right; white-space: nowrap; padding:3px 0; }
#ocsTableList .sixthCol		{width: 90px;text-align:right; white-space: nowrap; padding:3px 0; }

a.white	{color:#fff;}
a.selected_offset	{border:1px solid #666;}
.details	{width:100%;border:1px solid #f7f7f7;border-top:0;padding:4px 0 9px 0;margin:0;}
.sortLvl	{padding:2px 0 0 0;text-align:left;}


/*
-------------------------------------------------
STYLES FOR INLINE CALENDAR{START}
-------------------------------------------------
*/
.calendarTable {width:300px;border:0;}
.calendarTable td {vertical-align:top;}
.calendarSmallTable {140px;padding:2px;margin:0;}


/*
-------------------------------------------------
STYLES FOR HOTEL{START}
-------------------------------------------------
*/
.preferred_10 { color:#000000;}
.preferred_20 { color:#009900;}
.preferred_25 { color:#FF0000;}
.preferred_30 { color:#0033FF;}
.preferred_35 { color:#FF6600;}
.preferred_40 { color:#12D1CB;}
.preferred_60 { color:#7A3EA5;}
.wanted { background-color: #f7f7f7; background: #f7f7f7;}
.hotelList    { display:none }
.visible      { display:block;text-align:center; }
.hidden       { display:none }
.hideOptions  { display:none }
.boldText     {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;font-size: 12px;font-weight: bold;	color: #666666;}
.hotelList td { vertical-align:top }
.hotelHeader {padding:3px 0 3px 3px;}
/* Style for price slider */
.sliderArea {display:none;}
.hotel-slider {	background:	transparent;width:150px;height:20px; float:left;clear:none;}
.hotel-slider td {padding:	1px;}
.dynamic-slider-control {width:	auto; height: 20px;	margin:	0;}
.hotel_slider td, .hotel-slider input {	font:	Message-Box;font:	MessageBox;}
/* Style for map hover popups */
.myfloater	{
	width:120px;
	height:82px;
	padding:4px 4px 0 6px;
	background-image: url(http://static.resfeber.se/media/images/rf/mapHoverPop.gif);	
	background-repeat:no-repeat;
	font-size:12px;
	font-weight:bold;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	color:#666;	
}
.myfloater img {display:block;float:left;clear:both;margin-bottom:10px;background-color:#fff;}
.myfloater p.highLight {float:left;clear:both;background-color:#fff;color:#fe6415;font-size:11px;	font-weight:bold;width:90px;font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;}

#hotelListSearch {
	text-align:center;
	width:400px;
	background-color:#f7f7f7;
	border:1px solid #cddecd;
	padding:5px 5px 5px 10px;
	margin:9px 0 9px 0;
/*	opacity: .7;
	filter: alpha(opacity=70);	
*/
}
#hotelListError	{}


#forum_Groups p {width:153px;}	   			   

.filterArea	{width:470px; float:left;clear:none;border-top:1px solid #666;border-bottom:1px solid #666;}
.filterAreaCategory {display:none;}
.filterAreaCategory ul { list-style: none; margin: 0;padding: 0;}
.filterfilterAreaCategoryArea li {margin: 0 0 0 5px;}
.filterAreaCategory .categoryDescription	{margin-left:15px;}
.filterAreaCategory .categoryCheckBox	{margin:0;padding:0;}


#continents {width:153px;float:left;clear:none;}
#continents li, #continents a, #continents ul {
	display:block;
	clear:both;
	float:left;
}
#continents ul {margin-left:4px;width:130px;}
#continents li ul {margin-bottom:2px;}

/*
*****************************************
STYLES FOR INCLUDES
*****************************************
*/
#weeklyQuestion p {padding-left:9px;}
#weeklyQuestion .radioButton {display:block;float:left; clear:none; margin-right:3px;}
#weeklyQuestion label {display:block;float:left; clear:right;margin-right:3px;}


/*
-------------------------------------------------
STYLES FOR HOTEL BUILD INDEX {}
-------------------------------------------------
*/

#hotelPage #searchArea { width:637px;border:1px solid #cccccc;border-top:0;height:240px;}	
#hotelPage #searchArea   .sendButton { display:block; float:right;clear:both; }

#hotelPage #hotelDestination {width:150px; height:150px;margin:0;padding:5px 0 5px 5px;float:left;clear:none; border-right:1px solid #cccccc; }

#hotelPage #timePeriod	{ width:150px; margin:0;padding:5px 0 5px 5px;float:left;clear:none; }
#hotelPage #timePeriod div {margin-top:6px;}
#hotelPage #hotelTimePeriod { width:311px!important;margin:0;padding:10px 0 10px 5px;float:left;clear:both;border-top:1px solid #cccccc;}
#hotelPage #hotelTimePeriod p{ }

#hotelPage #hotelnumberRooms	{margin:5px 0 0 3px;float:left;clear:both; height:100%;
/*border-right:1px solid #5ea2d2; */
}
#hotelPage #hotelTravellers	{ clear:both;float:left;width:310px !important;width:300px;padding-left:9px;margin:0;height:100%;}

#hotelPage #sendButtonArea { float:left:clear:both; height:100%; text-align:right;}

#hotelPage #numberRooms {width:148px; margin:0; padding:5px 0 5px 0px; float:left;clear:none;border:0;}


#hotelPage #searchArea h3{
	
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#4394ce;
     
	font-size:14px;
	margin:3px 0 0px 0px ;
}


#hotelPage .calenderPic {margin-left:5px;}


#hotelPage #country {width:145px; margin: 0; margin-top:6px;}

#hotelPage .city {width:145px; margin-top:9px;}

#hotelPage .hotelName  {width:141px; margin-top:0px; padding:0; height:14px;}

#hotelPage #only_choosed_rooms {clear:both;float:left;width:300px;}

#hotelPage #moreThan9Adults {clear:both;float:left;width:300px;}



#hotelPage #start_day {width:45px; }
#hotelPage #start_year_month {width:80px;}


#hotelPage #end_day {width:45px;}
#hotelPage #end_year_month {width:80px;}



#hotelPage select {}

#hotelPage #numberOfRooms{padding:0; margin:15px 0 ;}

#hotelPage #roomDivs {width:310px;padding:0; margin:0 ;}

#hotelPage #sortOnMonths {width:300px;margin-left:6px;margin-top:5px;}



#hotelPage #hotelName {width:135px;}

#hotelPage .searchAreaColumn {width:316px;}


#hotelPage div.searchAreaColumn #hotelnumberRooms{clear:both;margin-left:3px;}

#hotelPage div.searchAreaColumn #numberOfRooms{width:130px;margin:0;margin-bottom:5px;padding:0;}

#hotelnumberRooms #numberOfRooms{margin:15px 3px 14px 3px;padding:0;}


#numberOfPersons {clear:none;float:left;padding:0px;margin-left:25px; }

#numberOfPersons #td1 {width:90px;}
#numberOfPersons #td2 {width:90px;}
#numberOfPersons #td3 {width:80px;}

#room_unselected #adults {width:80px;margin-left:50px;float:left;}
#room_unselected #children {width:80px;float:left;margin-left:5px;}
#room_unselected #childrenAge {width:60px; height:12px; float:left;margin-left:5px;}


#searchMethod .pxlDivider{background:url('http://www.resfeber.sehttp://static.resfeber.se/media/images/rf/misc/pxl.gif') top right repeat-x; width:600px;}


#hotelTravellers #roomDivs .roomTable {clear:none;float:left;width:230px;padding:0;margin:0 0 0 0px;}

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

#roomDivs .roomNumberPlaceHolder {width:70px;}

#hotelPage #hotelTravellers {margin:0;padding:1px 0 0 5px;}


#hotelTravellers .roomTable {clear:none;float:left;}

#hotelTravellers  .roomAdults{width:80px;margin:0;}

#hotelTravellers  .roomChildren{width:80px;margin:0 0 0 0px;}

#hotelTravellers  .childrenAge{width:60px;height:12px;margin:0 0 0 0px;}

#ageField{height:25px!important;display:block;clear:both;}

#hotelPage .buttonHolder {float:left;clear:both;text-align:right;width:300px;padding-right:9px;}


.buttonHolder{position:relative;padding:25px 0px 0 0px;width:220px;margin:0 0 9px 5px;}

.narrowEvent {width:80px;}
.narrowEventMore {width:170px;}

.labelHotel {font-weight:bold;line-height: 200%;}

#hotelPage .labelHeader {font-weight:bold;line-height: 100%;margin: 2px 0 5px 0 !important;}


/* SPRAY/MSN ADDITIONAL CSS  {START} */

#hotelPage {font-family: Verdana, Helvetica, sans-serif; font-size: 11px; color:#666666;}
#hotelPage select {font-family: Verdana, Helvetica, sans-serif; font-size: 11px;padding:0px;}
#hotelPage #main a {
	color: #FE6415;
	text-decoration: none;
	font-weight: bold;
	}
#hotelPage #main a:hover	 {text-decoration:underline;}

#hotelPage #mainContentColumn h3{
	
       text-transform:uppercase;
	font-weight:bold;
	font-family: arial, Helvetica, sans-serif;
	color:#666666;
       padding:0px;
	font-size:14px;
	margin:0px 0 0 0px ;
}


/* 

********************************
********************************

*/
#rooms p {font-weight:bold;} 
#room_unselected p {font-weight:normal;} 
.roomTable th {text-align:left;font-weight:normal;}
.searchAreaColumn {float:left;clear:none;margin:0;padding:0;}

.roomNumberPlaceHolder 
{float:left;clear:both;width:50px;height:16px;line-height:16px;vertical-align:middle;margin-top:2px;}


#leftSearchAreaColumn {width:316px;height:240px;}
/*
#rightSearchAreaColumn {width:316px;}
*/

#numberOfPersons {width:297px;padding:0;margin:0;border:0;}
#numberOfPersons #td0 {width:70px;}
#numberOfPersons #td1 {width:77px;}
#numberOfPersons #td2 {width:80px;}
#numberOfPersons #td3 {width:70px;}


/* 
********************************
*/





/*
-------------------------------------------------
STYLES FOR MSN MARGIN FIX {START}
-------------------------------------------------
*/


#xmain {margin-right:10px !important;}

/*
-------------------------------------------------
STYLES FOR MSN MARGIN FIX {END}
-------------------------------------------------
*/
.fullWidth {width:477px;}

/*
-------------------------------------------------
STYLE FOR BUTTON {START}
-------------------------------------------------
*/

.tnSpanMe	{height:22px;border:0;color:#fff;margin:0;padding:0;font-weight:bold;text-transform:uppercase;font-size:11px;}
.tnButton { background: transparent;# } /* This is for Safari */

.tnButton {
    background: transparent url('http://static.resfeber.se/media/images/rf/buttons/buttonSubmitBgSpan_hoover.gif') no-repeat scroll top right;
	font-family: Verdana, sans-serif;
	font-size: 11px;	
    display: block;
    float: left;
    height: 22px;
    margin: 0;
    padding-right: 9px; 
    text-decoration: none;
	text-transform:uppercase;
	font-weight:bold;
	cursor:pointer;	
}

body .tnButton .tnSpanMe {
    background: transparent url('http://static.resfeber.se/media/images/rf/buttons/buttonSubmitBg_hoover.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 4px 0 5px 9px !important;
    padding: 3px 0 5px 9px;	
	font-weight:bold;
	cursor:pointer;	
}
/* This is for Opera */
@media all and (min-width: 0px) {
	body .tnButton .tnSpanMe { padding: 1px 0 7px 9px !important; }
}
	

.tnButton:hover {
    background-position: bottom right;
	color:#fff;
    outline: none; 
	cursor: hand;
	cursor: pointer;
}

body .tnButton .tnSpanMe:hover {
    background-position: bottom left;
    padding: 4px 0 5px 9px !important; 
    padding: 1px 0 5px 9px; 	
	color:#fff;
	text-decoration:underline;
	cursor: hand;
	cursor: pointer;
	font-weight:bold; 
}

/* This is for Opera */
@media all and (min-width: 0px) {
	body .tnButton:hover .tnSpanMe {    padding: 4px 0 7px 9px !important; 	}
}
/*

-------------------------------------------------
STYLE FOR BUTTON {END}
-------------------------------------------------
*/
/*
STYLES FOR ALL SHOW_XXXXX PAGES
*/
.numberProductItemsFound {width:500px;}
.numberProductItemsFound, .numberProductItemsFound span {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; color: #4394ce;  font-size: 18px; font-weight: bold;}