@charset "UTF-8";
/* CSS Document */

/* --------------------------------------------------------------------------------------------------
	BASIC ELEMENTS
	CREATION DATE: 19.02.2008
	UPDATED DATE: 13.10.2008
-----------------------------------------------------------------------------------------------------

	INDEX:
	. NORMALIZATION
	. TYPOGRAPHY
	. HEADINGS
	. LINKS
	. RESISTANT STRUCTURE
	. NAVIGATION
	. MAIN CONTENTS
	. BOXES
	. LISTS
	. FORMS
	. TABLES
	. OTHERS
---------------------------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------------------------
	=NORMALIZATION  ---------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* Background Color */

body { background-color:#fff;}

/* Remove padding and margin */

* {
	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */

h1, h2, h3, h4, h5, h6 { margin: 0 0 1em 0; }

select option { padding:0 0.2em;}

/* Class for clearing floats */
.pusher { clear:both; }

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

/* Remove style on lists and address */

ul { list-style:none;}

/* Remove border around linked images */

a img, :link img, :visited img, img { border: 0; }


/*---------------------------------------------------------------------------------------------------
	=TYPOGRAPHY  ------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* =Types and Sizes 
-----------------------------------------------------*/

body { font: 62.5% Verdana, sans-serif; }

body, p, div, ol, ul, li, form, select, input, textarea, table, tr, td, th { 
	color:#444;
}

p, td, th, li { font-size:1.2em;}

li ul li { font-size:1.05em;}

ul.icon p { font-size:1.05em;}

.smallText { font-size:1.1em;}


/* =Paragraphs 
-----------------------------------------------------*/

#mainContent .textContent p { 
	margin:1em 0;
	line-height:1.6;
}
#mainContent .textContent p.address { margin:0 1.5em;}


/*---------------------------------------------------------------------------------------------------
	=HEADINGS  --------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

h1, h2, h3, h4, h5 {
	font-family:"Trebuchet MS", Verdana, sans-serif; 
	font-weight:normal;
}

h1 { 
	background:url(../imagesv02/logoHS.png) no-repeat center;
	display:block;
	height:30px;
	width:227px;
	text-indent:-5000px;
	margin:0;
}
h1 a {
	display:block;
	height:30px;
	width:227px;
	outline:none;
	padding:0;
}

h2 { font-size: 2.2em;}

h2 strong {
	font-size:1.2em;
	font-weight:normal;
}

#mainContent h2 { margin-left:3.7em;}
#mainContent .textContent h2 { margin-left:0;}


h3 { 
	font-size: 2em;	margin-top:1.5em;
}
h4 { 
	font-size: 1.8em;
	margin-top:1.1em;
}

ul.icon h4 { font-size:1.6em;}

h5 { 
	font-size: 1.6em;
	font-weight:bold;
}

/* LOADING */

#loading {
  position: absolute;
  left: 55%;
  top: 20%;
  margin-left: -45px;
  padding: 1px;
  width:  200px;
  z-index: 20001;
  height: auto;
  border: 2px solid #ccc;
  background:  url("/xsl/hsrp/images/bgRow.png") repeat-x; 
}
#loading .loading-indicator {
  background:  white url("/xsl/hsrp/images/bgRow.png") repeat-x; 
  color: #444;
  padding: 1em;
  margin: 0;
  height: auto;
  border:solid 1px #ccc;
}
#loading img { 
	vertical-align:middle;
	margin-right:0.2em;
}

* html #loading .loading-indicator, *+html #loading .loading-indicator { height:10px;}

#loading-msg {
  font-size:1.1em;
}


/*---------------------------------------------------------------------------------------------------
	=LINKS  -----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/
a { text-decoration:none;}
a:link { color:#005AFF; }#loading {
  position: absolute;
  left: 55%;
  top: 20%;
  margin-left: -45px;
  padding: 1px;
  width:  200px;
  z-index: 20001;
  height: auto;
  border: 2px solid #ccc;
  background:  url("/xsl/hsrp/images/bgRow.png") repeat-x; 
}
#loading .loading-indicator {
  background:  white url("/xsl/hsrp/images/bgRow.png") repeat-x; 
  color: #444;
  padding: 1em;
  margin: 0;
  height: auto;
  border:solid 1px #ccc;
}
#loading img { 
	vertical-align:middle;
	margin-right:0.2em;
}

* html #loading .loading-indicator, *+html #loading .loading-indicator { height:10px;}

#loading-msg {
  font-size:1.1em;
}
a:visited { color:#8E1ECF; }
a:hover, a:active { 
	color:#FF1A00;
	text-decoration:underline;
 }

/* Remove mark around active links */

*:focus { outline:none;}

/* Secondary Links Footer */

#hsContainer #footer p a:link { color:#6297f8;}

#hsContainer #footer p a:visited { color:#BC79E2;}

#hsContainer #footer p a:hover, #hsContainer #footer p a:active { color:#F25E5E;}

/*---------------------------------------------------------------------------------------------------
	=RESISTANT STRUCTURE ---------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#hsContainer {
	width:80em;
	margin:0 auto;
	max-width:1260px;
	position:relative;
}

/* =Header 
-----------------------------------------------------*/

#hsContainer #header {
	display:block;
	position:relative;
	margin:1em 0;
	min-height:7em;
}

* html #hsContainer #header { height:7em; }

#hsContainer #header p.slogan {
	font: 1.4em "Trebuchet MS", Verdana, sans-serif; 
	margin:0.2em 0.3em;
	
}

* html #hsContainer #header p.slogan, *+html #hsContainer #header p.slogan { margin-top: -0.1em; }

#hsContainer #header p.breadcrumb {
	font-size:1.1em;
	margin: 1em 0.4em 2em 0.4em;
}

#hsContainer #header ul {
	position:absolute;
	top:0;
	right:0;
}

#hsContainer #header ul li {
	float:left;
	display:inline;
	padding: 0 0.8em;
	color:#a5a5a5;
}

/* =Contents 
-----------------------------------------------------*/

#hsContainer #contents { min-height:42em;}
* html #hsContainer #contents { height:42em;}

/* Main Content */

#hsContainer #mainContent {
	width:59em;
	float:left;
	display:inline;
	position:relative;
}

#hsContainer #mainContent .textContent { padding:0 5em;}

/* Secondary Content */

#hsContainer #secondaryContent {
	width:20.6em;
	float:left;
	display:inline;
	margin-left:0.3em;
	position:relative;
	padding-top:0.8em;
	position:relative;
}

#contents #secondaryContent h2 {
	margin:-0.5em 0 0.5em 0;
	position:relative;
	z-index:100;
}

#loading {
  position: absolute;
  left: 55%;
  top: 20%;
  margin-left: -45px;
  padding: 1px;
  width:  200px;
  z-index: 20001;
  height: auto;
  border: 2px solid #ccc;
  background:  url("/xsl/hsrp/images/bgRow.png") repeat-x; 
}
#loading .loading-indicator {
  background:  white url("/xsl/hsrp/images/bgRow.png") repeat-x; 
  color: #444;
  padding: 1em;
  margin: 0;
  height: auto;
  border:solid 1px #ccc;
}
#loading img { 
	vertical-align:middle;
	margin-right:0.2em;
}

* html #loading .loading-indicator, *+html #loading .loading-indicator { height:10px;}

#loading-msg {
  font-size:1.1em;
}

#contents #secondaryContent p {
	position:relative;
	z-index:100;
	margin-top:-0.5em;
}

#contents #secondaryContent h2 img {
	margin:0 0 0.4em -2px;
	display:block;
	
}

#contents #secondaryContent h2 strong { color:#000; font-weight:normal;}

#hsContainer #secondaryContent img.collage {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
	
}

/* Local Navigation in Secondary Content */

#hsContainer #secondaryContent.localNa#loading {
  position: absolute;
  left: 55%;
  top: 20%;
  margin-left: -45px;
  padding: 1px;
  width:  200px;
  z-index: 20001;
  height: auto;
  border: 2px solid #ccc;
  background:  url("/xsl/hsrp/images/bgRow.png") repeat-x; 
}
#loading .loading-indicator {
  background:  white url("/xsl/hsrp/images/bgRow.png") repeat-x; 
  color: #444;
  padding: 1em;
  margin: 0;
  height: auto;
  border:solid 1px #ccc;
}
#loading img { 
	vertical-align:middle;
	margin-right:0.2em;
}

* html #loading .loading-indicator, *+html #loading .loading-indicator { height:10px;}

#loading-msg {
  font-size:1.1em;
}vigation {
	background:url(../imagesv02/bgSecondaryContent.png) no-repeat top right;
	min-height:37em;
	padding-top:0;
}

* html #hsContainer #secondaryContent.localNavigation { height: 37em; } /* HACK FOR IE6 */

#hsContainer .localNavigation p { 
	text-align:right;
	margin-right:2.2em;
	font:1.4em "Trebuchet MS", Verdana, sans-serif; ;
}

#hsContainer .localNavigation ul {
	margin-right:1em;
	text-align:right;
	font:1.6em "Trebuchet MS", Verdana, sans-serif; 
}

#hsContainer .localNavigation ul li { 
	margin:0.5em 0; 
	padding: 0 1em 0 0;
}

#hsContainer .localNavigation ul li ul { text-align:right; margin:0;}

#hsContainer .localNavigation ul li ul li {
	font-size:0.5em; 
	margin-right:-0.9em;

}

#hsContainer .localNavigation ul li.selected { background:url(../imagesv02/icoArrowBlackRight.png) no-repeat right 0.3em; }

#hsContainer .localNavigation ul li.selected a {
	color:#000;
	cursor:default;
}

#hsContainer .localNavigation ul li.selected a:hover { text-decoration:none; }

/* =Footer 
-----------------------------------------------------*/
#hsContainer #footer {
	margin:1.5em 0 0 0;
	position:relative;
	padding-bottom:1.5em;
}


#hsContainer #footer ul {
	position:absolute;
	top:1em;
	right:0;
	border-top: solid 1px #E1E0E0;
	padding-top:0.3em;
}

#hsContainer #footer ul li {
	float:left;
	display:inline;
	padding: 0 0.8em;
}

#hsContainer #footer p {
	margin-top:3.8em;
	width:50em;
	display:block;
	float:right;
	text-align:right;
	font-size:1.1em;
	padding-bottom:1.5em;
}

#hsContainer #footer p.off { display:none; }


/*---------------------------------------------------------------------------------------------------
	=MAIN CONTENTS ----------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* =Links Homepage
---------------------------------------------------*/

#hsContainer #mainContent #links.homepage {
	width:43em;
	margin:4em auto;
}

#hsContainer #mainContent #links.homepage ul {
	display:inline;
	float:left;
	margin-right:3em;
}

* html #hsContainer #mainContent #links.homepage ul { width:7em; margin-left:-1em; margin-right:2em;}
*+html #hsContainer #mainContent #links.homepage ul { margin-right:2em; }

#hsContainer #mainContent #links.homepage ul li {
	line-height:1.6;
	white-space:nowrap;
}

#hsContainer #mainContent #links.homepage ul li.more a {
	display:block;
	height:3em;
	padding-right:3em;
	background:url(../imagesv02/icoNext.png) no-repeat right -0.2em;
	margin-top:1.6em;
}

#hsContainer #mainContent #links.homepage p.map a, #hsContainer #mainContent #links.homepage p.offers a {
	display:inline;
	float:left;
	padding-top:6em;
	width:7em;
	text-align:center;
}

#hsContainer #mainContent #links.homepage p.map a {
	background:url(../imagesv02/icoMap.png) top center no-repeat;
	margin:0 1.5em 0 0;
	width:11em;
}

* html #hsContainer #mainContent #links.homepage p.map a, *+html #hsContainer #mainContent #links.homepage p.map a { margin:0 0.9em 0 0; }

#hsContainer #mainContent #links.homepage p.offers a {
	background:url(../imagesv02/icoOffers.png) top center no-repeat;
}

/* =Links2 Homepage
---------------------------------------------------*/

#hsContainer #mainContent #links2.homepage {
	width:43em;
	margin:4em auto;
}

#hsContainer #mainContent #links2.homepage ul {
	display:inline;
	float:left;
	margin-right:3em;
}

* html #hsContainer #mainContent #links2.homepage ul { width:7em; margin-left:-1em; margin-right:2em;}
*+html #hsContainer #mainContent #links2.homepage ul { margin-right:2em; }

#hsContainer #mainContent #links2.homepage ul li {
	line-height:1.6;
	white-space:nowrap;
}

#hsContainer #mainContent #links2.homepage ul li.more a {
	display:block;
	height:3em;
	padding-right:3em;
	background:url(../imagesv02/icoNext.png) no-repeat right -0.2em;
	margin-top:1.6em;
}

#hsContainer #mainContent #links2.homepage p.map a, #hsContainer #mainContent #links2.homepage p.offers a {
	display:inline;
	float:left;
	padding-top:6em;
	width:7em;
	text-align:center;
}

#hsContainer #mainContent #links2.homepage p.map a {
	background:url(../imagesv02/icoMap.png) top center no-repeat;
	margin:0 1.5em 0 0;
	width:11em;
}

* html #hsContainer #mainContent #links2.homepage p.map a, *+html #hsContainer #mainContent #links2.homepage p.map a { margin:0 0.9em 0 0; }

#hsContainer #mainContent #links2.homepage p.offers a {
	background:url(../imagesv02/icoOffers.png) top center no-repeat;
}


/* =Barcelona & Madrid
---------------------------------------------------*/
/* Use the same styles as the homepage, but with some specifications */

#hsContainer #mainContent #links.homepage.bcn, #hsContainer #mainContent #links.homepage.madrid { margin: 2em auto; }

#hsContainer #mainContent #links.homepage.bcn p.map a, #hsContainer #mainContent #links.homepage.madrid p.map a {
	background:url(../imagesv02/icoMapBCN.png) top center no-repeat;
	margin:0em 4em 0 13em;
	padding-top:7em;
}

#hsContainer #mainContent #links.homepage.madrid p.map a { background:url(../imagesv02/icoMapMadrid.png) top center no-repeat; }

#hsContainer #mainContent #links.homepage.bcn p.offers a, #hsContainer #mainContent #links.homepage.madrid p.offers a { margin-top:1em;}

#hsContainer #mainContent .description {
	width:40em;
	margin:3em auto 1.5em auto;
	font-size:1.1em;
	text-align:left;
}


/* =Other cities */

#hsContainer #mainContent #links .description {
	width:28em;
	display:inline;
	float:left;
	margin:0 2em 0 0 !important;
}

#hsContainer #mainContent #links .description a { line-height:normal; }

/* =Destinations
---------------------------------------------------*/

/* Columns */
#hsContainer #contents .listBox .column {
	display:inline;
	float:left;
	width:18em;
	margin-right:1em;
}

/* Heading */

#hsContainer #contents .listBox h3 { margin-bottom: 0.5em;}

/* Lists */

#hsContainer #contents .listBox .column  ul { margin-bottom: 1.5em;} 

#hsContainer #contents .listBox .column  li { line-height:1.5;}


/* =Map Search
---------------------------------------------------*/

#hsContainer #mainContent .mapSearch {
	width:49em;
	margin:0 auto;
}

#hsContainer #mainContent .mapSearch h2 { text-align:left; margin-left:0; }
#hsContainer #mainContent .mapSearch p { text-align:center; }
#hsContainer #mainContent .mapSearch p.more { text-align: right;}
#hsContainer #mainContent .listBox.withMap li { list-style-position:outside;}


/* =Other pages (provinces, regions, etc.)
---------------------------------------------------*/

#hsContainer #mainContent #folder {
	width:43em;
	margin:2em auto;
}

#hsContainer #mainContent #folder .description {
	width:20em;
	display:inline;
	float:left;
	margin:0 1em 0 0 ;
}

#hsContainer #mainContent #folder .description p { 
	font-size:1em;
	margin-bottom:0.7em;
}

#hsContainer #mainContent #folder .map {
	width:19em;
	display:inline;
	float:left;
}

#hsContainer #mainContent #folder .map ul { margin:1.5em 0 0 2em; }

#hsContainer #mainContent #folder .map li { margin:0.3em 0; }


/*---------------------------------------------------------------------------------------------------
	=BOXES  -----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* =Motor Engine 
-----------------------------------------------------*/

#hsContainer .boxSearchEngine {
	width:44em;
	background:url(../imagesv02/boxRedBottomLeft.png) no-repeat left bottom;
	margin:0 auto 1em auto;
	position:relative;
	z-index:0;
	margin-top:-5px;
}

#hsContainer .boxSearchEngine .boxOutter {
	background:url(../imagesv02/boxRedBottomRight.png) no-repeat right bottom;
	padding-bottom:1.8em;
	position:relative;
	z-index:5
}

#hsContainer .boxSearchEngine .boxOutter .boxInner {
	background:url(../imagesv02/boxRedTopLeft.png) no-repeat left top;
	z-index:50;
}

#hsContainer .boxSearchEngine form.corner {
    background:url(../imagesv02/boxRedTopRight.png) no-repeat right top;
    padding-top:0.5em;
    z-index:50;
}

#hsContainer .boxSearchEngine form  {
	padding-left:1.8em;
	padding-right:1.8em;
	
}

#hsContainer .boxSearchEngine form { min-height:13em;}

* html #hsContainer .boxSearchEngine form {	height:13em;} /* HACK FOR IE6 */



/* =Tabs Motor Engine 
-----------------------------------------------------*/

#hsContainer .tabsBoxSearchEngine {
	width:40em;
	margin:1em auto 0 auto;
	position:relative;
	z-index:100;
}

#hsContainer .tabsBoxSearchEngine li a {
	display:inline;
	float:left;
	background:url(../imagesv02/tabGreyLeft.png) top left no-repeat;	
	padding-left:1em;
	margin-right:0;
	font:1.2em "Trebuchet MS", Verdana, sans-serif;
	
	
}
#hsContainer .tabsBoxSearchEngine li a:hover{
background:url(../imagesv02/tabHoverLeft.png) top left no-repeat;
text-decoration:none;
display:inline;
	float:left;


}
#hsContainer .tabsBoxSearchEngine li a:active{
background:url(../imagesv02/tabClickLeft.png) top left no-repeat;
text-decoration:none;
display:inline;
	float:left;

}

#hsContainer .tabsBoxSearchEngine li span{
	display:block;
	float:left;
	height:29px;
	line-height:29px;
	background:url(../imagesv02/tabGreyRight.png) top right no-repeat;
	padding-right:1em;
	color:#444;

	
}
#hsContainer .tabsBoxSearchEngine li a:hover span{
	background:url(../imagesv02/tabHoverRight.png) top right no-repeat;
	text-decoration:none;
	
}
#hsContainer .tabsBoxSearchEngine li a:active span{
	background:url(../imagesv02/tabClickRight.png) top right no-repeat;
	color:#FFF;

}

#hsContainer .tabsBoxSearchEngine li.selected a, 
#hsContainer .tabsBoxSearchEngine li.selected a:hover, 
#hsContainer .tabsBoxSearchEngine li.selected a:active {
	background:url(../imagesv02/tabRedLeft.png) top left no-repeat;	
	padding-left:1.3em;
	margin-right:0.1em;
	text-decoration:none;
}


#hsContainer .tabsBoxSearchEngine li.selected span, 
#hsContainer .tabsBoxSearchEngine li.selected a:hover span, 
#hsContainer .tabsBoxSearchEngine li.selected a:active span{
	height:33px;
	line-height:29px;
	background:url(../imagesv02/tabRedRight.png) top right no-repeat;
	color:#fff;
	cursor:default;
	
}
*+html #hsContainer .tabsBoxSearchEngine li{
display:inline;
position:relative;
bottom:0px;
}

* html #hsContainer .tabsBoxSearchEngine li.selected a#linkDestinations {
position:relative;
top:10px;
}
* html #hsContainer .tabsBoxSearchEngine li.notSelected a#linkDestinations {
position:relative;
top:15px;
}
* html #hsContainer .tabsBoxSearchEngine li a#linkHotels{
position:relative;
bottom:4px;
}
* html #hsContainer .tabsBoxSearchEngine li.selected a#linkHotels{
position:relative;
bottom:0;
}


/* =List Box
-----------------------------------------------------*/

#hsContainer #contents .listBox {
	padding:1em 1.5em;
	background:url(../imagesv02/bgList.png) repeat-x bottom;
	position:relative;
	border:solid 1px #EDEDED;
	min-height:100px;
	margin-bottom:1.5em;
}

* html #hsContainer #contents .listBox { height: 100px; } /* HACK FOR IE6 */

.listBox h3 { 
	margin-top:0;
}

/* Only for Madrid and Barcelona Map page */

#hsContainer #contents #mainContent .listBox.withMap{ 
	width:47em; 
}

#hsContainer #contents #mainContent .listBox.withMap ul {
	width:14.3em;       
}
/* Other pages */

#hsContainer #contents #mainContent .listBox { 
	margin:2em auto;
	width:42em; 
}

#hsContainer #contents #mainContent .listBox ul {
	display:inline;
	width:13em;
	float:left;
	padding-right:1em;
        
}

/* Draw the corners */

#hsContainer #contents .listBox b.cn {
	position: absolute;
  	height: 7px; width: 7px;
  	background: url("../imagesv02/circleWhiteGrey.png") no-repeat;
  	line-height: 1px; font-size: 1px;
 }
 
#hsContainer #contents .listBox b.tl {top: -1px; left: -1px; background-position: top left;}
#hsContainer #contents .listBox b.tr {top: -1px; right: -1px; background-position: top right;}
#hsContainer #contents .listBox b.bl {bottom: -1px; left: -1px; background-position: bottom left;}
#hsContainer #contents .listBox b.br {bottom: -1px; right: -1px; background-position: bottom right;}

* html #hsContainer #contents .listBox b.tr, * html #hsContainer #contents .listBox b.br {right: -2px; } /* HACK FOR IE6 */

/* Draw white border */

#hsContainer #contents .listBox b.bd { 
    position:absolute;
    height: 80px;
    width: 1px;
    background-color: #fff;
    bottom: 6px;
}


#hsContainer #contents .listBox b.bd.l { left: 0;}
#hsContainer #contents .listBox b.bd.r { right: 0; }


/*---------------------------------------------------------------------------------------------------
	=LISTS  -----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#mainContent ul.icon li {
	margin:0.7em 1.5em;
	list-style-image:url(../imagesv02/icoGreenSmall.png);
}



/*---------------------------------------------------------------------------------------------------
	=FORMS  ----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

#hsContainer form input { padding: 0 0.2em; }
#hsContainer form select { background-color:#fff; }

#hsContainer #mainContent .boxSearchEngine form p {
	margin:0 0 0.5em 0.5em;
	color:#fff;
}
#hsContainer #mainContent .boxSearchEngine form p.checkbox { margin:1.2em 0 0.5em 0.5em; }

#hsContainer #mainContent .boxSearchEngine table#availability input {
	cursor:pointer;
	width:8em;
	font-size:inherit;
	background-color:#feffff;
}

#hsContainer div.boxInner address {height:3em; margin-top:1em;}

#hsContainer #mainContent .boxSearchEngine form a.button {
	margin:0 0 0.5em 0.5em;
	display:block;
	width:100%;
	text-align:center;
	height:27px;
	text-indent:-10000px;
	
	
}

#hsContainer #mainContent .boxSearchEngine form a#searchButtonHotelNames.button {
	width:133px;
	left:1.6em;
position:absolute;
	
	bottom:1.7em;
}

#hsContainer #mainContent .boxSearchEngine form a#searchButtonHotelNames.button.fr { width:172px;}

#hsContainer #mainContent .boxSearchEngine form a.button.en {
	background:url(../imagesv02/btSearchEn.png) no-repeat center;
}

#hsContainer #mainContent .boxSearchEngine form a.button.es {
	background:url(../imagesv02/btSearchEs.png) no-repeat center;
}

#hsContainer #mainContent .boxSearchEngine form a.button.de {
	background:url(../imagesv02/btSearchDe.png) no-repeat center;
}

#hsContainer #mainContent .boxSearchEngine form a.button.fr {
	background:url(../imagesv02/btSearchFr.png) no-repeat center;
}

#hsContainer #mainContent .boxSearchEngine form a.button.ja {
	background:url(../imagesv02/btSearchJa.png) no-repeat center;
}



/*---------------------------------------------------------------------------------------------------
	=TABLES  ----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

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

#hsContainer td {
	text-align: left;
	font-weight: normal;
}

/* =boxSearchEngine Availability Table
---------------------------------------------------*/

#hsContainer #mainContent .boxSearchEngine table#availability {
	margin:1em 0 0 3.5em;
}

#hsContainer #mainContent .boxSearchEngine table#availability td, #hsContainer #mainContent .boxSearchEngine table#availability th {
	color: #fff;
	padding:0.2em 0.4em;
}

#hsContainer #mainContent .boxSearchEngine table#availability th {
	text-align:right;
	font-weight:normal;
}


/*---------------------------------------------------------------------------------------------------
	=OTHERS  ----------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------*/

/* =Letter Icon
---------------------------------------------------------*/

#hsContainer .iconLetterGreen {
	display:block;
	height:16px;
	width:16px;
	text-align:center;
	line-height:16px;
	background:url(../imagesv02/icoGreen.png) no-repeat center;
	font:1.2em "Trebuchet MS", Verdana, sans-serif;
	text-transform:uppercase;
	color:#fff;
}

/* =Link More
---------------------------------------------------------*/

#hsContainer p.more a {
	text-align:right;
	padding-right:3em;
	height:3em;
	line-height:3em;
	background:url(../imagesv02/icoNext.png) no-repeat right 0.5em;
	display:block;
	margin-bottom:0.6em;
}

/* =Link Back
---------------------------------------------------------*/

#hsContainer p.back a {
	text-align:left !important;
	padding-left:3em;
	height:3em;
	line-height:3em;
	background:url(../imagesv02/icoBack.png) no-repeat left 0.5em;
	display:block;
	margin-bottom:0.6em;
}


/* =Link Zoom
---------------------------------------------------------*/

#hsContainer p.zoom a {
	text-align:right;
	padding-right:3em;
	height:3em;
	line-height:3em;
	background:url(../imagesv02/icoZoom.png) no-repeat right 0.5em;
	display:block;
	margin-bottom:0.6em;
}

/* =Styles Show Hide
---------------------------------------------------------*/

#hsContainer .on { display:block;}
#hsContainer .off, #hsContainer .hidden { display:none; }

/* =Loading
---------------------------------------------------------*/

#loading {
  position: absolute;
  left: 55%;
  top: 20%;
  margin-left: -45px;
  padding: 1px;
  width:  200px;
  z-index: 20001;
  height: auto;
  border: 2px solid #ccc;
  background:  url("/xsl/hsrp/images/bgRow.png") repeat-x; 
}
#loading .loading-indicator {
  background:  white url("/xsl/hsrp/images/bgRow.png") repeat-x; 
  color: #444;
  padding: 1em;
  margin: 0;
  height: auto;
  border:solid 1px #ccc;
}

#loading img { 
	vertical-align:middle;
	margin-right:0.2em;
}

* html #loading .loading-indicator, *+html #loading .loading-indicator { height:10px;}

#loading-msg {
  font-size:1.1em;
}

/*
    STYLES BY DEVELOPERS, NEEDS REVISION BY DESIGNERS
*/
#links input,#preDestination_8 { margin-right:5px;}
label {color:white; }

#InputDestination { padding-left:14px; }