/*******************************************************************
PRIMARY TAGS
*******************************************************************/
body
{
	FONT-FAMILY:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	TEXT-ALIGN:			center;
	BACKGROUND:			#EDEDED url(../../Resources/Images/Structural/bodyBackground.gif) repeat-x;
	COLOR:				#333333;
}

a:link
{
	color: #00529b;
}

a:visited
{
	color: #00529b;
}

/*******************************************************************
PAGE CONTAINER
*******************************************************************/
#pageContainer
{
	WIDTH:				760px;
	MARGIN:				auto;
	POSITION:			relative;
}

/*******************************************************************
PAGE CONTAINER
*******************************************************************/
#DevData
{
	MARGIN:				auto;
	BACKGROUND:			#C0C0C0;
	BORDER:				2px SOLID #FF0000;
	WIDTH:				600px;
}

/*******************************************************************
HEADER
*******************************************************************/
#header
{
	HEIGHT:				200px;
	MARGIN:				0 auto;
}

#header #headerLeft
{
	FLOAT:				left;
	WIDTH:				212px;
	HEIGHT:				200px;
}

#header #headerLeft #logo
{
	HEIGHT:				150px;
	BACKGROUND:			url(../../Resources/Images/Structural/headerLogo.png);
	BORDER:				1px #00529b solid;
}

#header #headerLeft #languages
{
	MARGIN-TOP:			12px;
	HEIGHT:				36px;
	BORDER:				1px #00529b solid;
	BACKGROUND:			url(../../Resources/Images/Structural/languageSelectBg.png);
	TEXT-ALIGN:			center;
}

#header #headerLeft #languages img
{
	PADDING-TOP:		4px;
	BORDER:				0;
}

#header #image
{
	FLOAT:				right;
	WIDTH:				538px;
	HEIGHT:				200px;
	BORDER:				1px #00529b solid;
	BACKGROUND:			url(../../Resources/Images/Structural/headerImage.jpg);
}

/*******************************************************************
CONTENT UPPER NAV
*******************************************************************/
#contentContainer #navigationBar
{
	FONT-WEIGHT:		normal;
	FONT-SIZE:			11px;
	BORDER-BOTTOM:		#00529b 1px solid;
	PADDING-BOTTOM:		4px;
	PADDING-LEFT:		95px;
	MARGIN:				0px;
	BACKGROUND-COLOR:	#FFFFFF;
	HEIGHT:				30px;
}

#contentContainer #navigationBar A.menuButton
{
	FLOAT:				left;
	PADDING-RIGHT:		6px;
	PADDING-LEFT:		6px;
	COLOR:				#00529b;
	PADDING-TOP:		7px;
	TEXT-DECORATION:	none;
	HEIGHT:				23px;
	FONT-WEIGHT:		bold;
}

#contentContainer #navigationBar A.menuButtonSplit
{
	FLOAT:				left;
	PADDING-RIGHT:		6px;
	PADDING-LEFT:		6px;
	COLOR:				#00529b;
	PADDING-TOP:		7px;
	HEIGHT:				27px;
	FONT-WEIGHT:		bold;
}

#contentContainer #navigationBar A.menuButton:hover
{
	BORDER-BOTTOM:		4px #FF0000 solid;
	BACKGROUND-COLOR:	#e0e5ec;
}

#contentContainer #navigationBar A.menuButtonCurrent
{
	FLOAT:				left;
	PADDING-RIGHT:		6px;
	PADDING-LEFT:		6px;
	COLOR:				#FFFFFF;
	PADDING-TOP:		7px;
	TEXT-DECORATION:	none;
	HEIGHT:				23px;
	FONT-WEIGHT:		bold;
	BORDER-BOTTOM:		4px #FF0000 solid;
	BACKGROUND-COLOR:	#00529b;
}

/*******************************************************************
PAGE FOOTER
*******************************************************************/
#footer
{
	CLEAR:				both;
	HEIGHT:				30px;
	TEXT-ALIGN:			center;
	COLOR:				#00529b;
}

#footer a
{
	FONT-SIZE:			11px;
	FONT-WEIGHT:		bold;
	COLOR:				#00529b;
}

/*******************************************************************
CONTENT CONTAINER
*******************************************************************/
#contentContainer
{
	MARGIN-TOP:			10px;
	BORDER:				1px #00529b solid;
	TEXT-ALIGN:			center;
	COLOR:				#303030;
	BACKGROUND:			#FFFFFF;
	PADDING-BOTTOM: 	10px;
}

/*******************************************************************
CONTENT CONTAINER DYNAMIC CONTENT
*******************************************************************/
#contentContainer #dynamicContent
{
	MARGIN: 10px;
	FONT-SIZE: 12px;
}

#contentContainer #dynamicContent H1
{
	FONT-SIZE:			16px;
	TEXT-ALIGN:			left;
	COLOR:				#00529b;
}

#contentContainer #dynamicContent H2
{
	FONT-SIZE:			14px;
	TEXT-ALIGN:			left;
	COLOR:				#00529b;
	MARGIN-BOTTOM:		0;
	PADDING-BOTTOM:		0;
}

#contentContainer #dynamicContent .slimContentLeft
{
	WIDTH:				400px;
	TEXT-ALIGN:			left;
	MARGIN:				auto;
	CLEAR:				both;
}

#contentContainer #dynamicContent .contentLeft
{
	WIDTH:				450px;
	TEXT-ALIGN:			left;
	MARGIN:				auto;
	CLEAR:				both;
}

#contentContainer #dynamicContent .contentLeft .right
{
	FLOAT:				right;
	MARGIN-LEFT:		15px;
}

#contentContainer #dynamicContent .contentLeft .left
{
	FLOAT:				left;
	MARGIN-RIGHT:		15px;
}

#contentContainer #dynamicContent .slimContentLeft .right
{
	FLOAT:				right;
	MARGIN-LEFT:		15px;
}

#contentContainer #dynamicContent .slimContentLeft .left
{
	FLOAT:				left;
	MARGIN-RIGHT:		15px;
}

#contentContainer #dynamicContent .slimContentLeftExtra
{
	WIDTH:				350px;
	TEXT-ALIGN:			left;
	MARGIN:				auto;
}

#contentContainer #dynamicContent .highlightedIntro
{
	COLOR:				#FF0000;
	FONT-SIZE:			14px;
	FONT-WEIGHT:		bold;
}

#contentContainer #dynamicContent .highlightedIntroLeft
{
	COLOR:				#FF0000;
	FONT-SIZE:			14px;
	FONT-WEIGHT:		bold;
	TEXT-ALIGN:			left;
}

#contentContainer #dynamicContent .highlightedOutroItalic
{
	COLOR:				#FF0000;
	FONT-STYLE:			italic;
	FONT-SIZE:			14px;
	FONT-WEIGHT:		bold;
}

#contentContainer #dynamicContent .highlightedOutro
{
	COLOR:				#FF0000;
	FONT-SIZE:			14px;
	FONT-WEIGHT:		bold;
}

#contentContainer #dynamicContent ul
{
	LIST-STYLE:			none;
}

#contentContainer #dynamicContent li
{
	PADDING-LEFT:		15px;
	BACKGROUND:			url(../../Resources/Images/Structural/listWidgetOff.png) no-repeat left 6px;
}

#contentContainer #dynamicContent .psuedoList
{
	PADDING: 0px;
	MARGIN: 0px;
}

#contentContainer #dynamicContent .listItemPrefix
{
	COLOR:				#00529b;
	FONT-WEIGHT:		bold;
}

#contentContainer #dynamicContent .introText
{
	FONT-SIZE:			15px;
	TEXT-ALIGN:			center;
}

#contentContainer #dynamicContent .noSideBarUnderWrap
{
	WIDTH:				500px;
	FLOAT:				left;
	MARGIN:				auto;
}
#contentContainer #dynamicContent .noLowerPad
{
	MARGIN: 0;
	PADDING: 0;
}

/*******************************************************************
GOOGLE MAP
*******************************************************************/
#contentContainer #dynamicContent #googleMallorcaMap
{
	WIDTH:				500px;
	HEIGHT:				400px
}
/*******************************************************************
SHOP
*******************************************************************/
#contentContainer #dynamicContent .shopItemTable
{
	WIDTH:				100%;
	BORDER: 			1px SOLID #C0C0C0;
	MARGIN-BOTTOM:		10px;
}

#contentContainer #dynamicContent .shopItemCaption
{
	COLOR:				#00529b;
	FONT-WEIGHT:		bold;
	FONT-SIZE:			110%;
}

#contentContainer #dynamicContent .shopItemDescription
{
}

#contentContainer #dynamicContent .shopItemBold
{
	FONT-WEIGHT:		bold;
}

#contentContainer #dynamicContent .shopItemPriceRefCell
{
	COLOR:				#00529b;
}

#contentContainer #dynamicContent .shopItemImage
{
	WIDTH:				110px;
}

#contentContainer #dynamicContent .shopItemImage IMG
{
	BORDER: 			1px solid #00529b;
	PADDING:			2px;
}
/*******************************************************************
MALLORCA USEFUL INFO
*******************************************************************/
#mallorcaInfo .infoTelfBox
{
	WIDTH:				100%;
}

#mallorcaInfo .infoTelfCaption
{
	TEXT-ALIGN:			left;
}

#mallorcaInfo .infoTelfNum
{
	FONT-WEIGHT:		bold;
	TEXT-ALIGN:			right;
}

/*******************************************************************
CONTENT CONTAINER SIDEBAR
*******************************************************************/
#contentContainer #sidebar
{
	FLOAT:				left;
	WIDTH:				200px;
	MARGIN-RIGHT:		10px;
	MARGIN-LEFT:		10px;
	FONT-SIZE:			11px;
}

#contentContainer #sidebar .sideBarBox
{
	MARGIN-TOP:			10px;
	PADDING:			10px;
	BORDER:				1px #0060a3 solid;
	BACKGROUND:			#f9f9f9;
	TEXT-ALIGN:			left;
	
}

#contentContainer #sidebar .sideBarBox H2
{
	FONT-SIZE:			14px;
	COLOR:				#0060a3;
	PADDING:			0px;
	MARGIN:				0px;
	PADDING-BOTTOM:		5px;
	BORDER-BOTTOM:		1px #0060a3 SOLID;
	MARGIN-BOTTOM:		10px;
}

#contentContainer #sidebar ul
{
	MARGIN:				0;
	PADDING:			0;
	LIST-STYLE:			none;
	COLOR:				#0060a3;
}

#contentContainer #sidebar li
{
	PADDING-LEFT:		15px;
	BACKGROUND:			url(../../Resources/Images/Structural/listWidgetOff.png) no-repeat left center;
	
}

#contentContainer #sidebar li:hover
{
	BACKGROUND:			url(../../Resources/Images/Structural/listWidgetOn.png) no-repeat left center;
}

#contentContainer #sidebar li a:hover
{
	TEXT-DECORATION:	underline;
	COLOR:				#ff0000;
}

#contentContainer #sidebar li a
{
	COLOR:				#0060a3;
	TEXT-DECORATION:	none;
}

#contentContainer #sidebar img
{
	BORDER:				1px #C0C0C0 solid;
	PADDING:			2px;
	BACKGROUND:			#FFFFFF;
}

#contentContainer #sidebar .centred
{
	TEXT-ALIGN:			center;
}


/*******************************************************************
MISC CLASSES
*******************************************************************/
.rightBoxedImg
{
	FLOAT:				right;
	BORDER:				1px #C0C0C0 solid;
	PADDING:			2px;
	MARGIN-LEFT:		20px;
}

.leftBoxedImg
{
	FLOAT:				left;
	BORDER:				1px #C0C0C0 solid;
	PADDING:			2px;
	MARGIN-RIGHT:		20px;
}

.boxedImg
{
	BORDER:				1px #C0C0C0 solid;
	PADDING:			2px;
}

.leftAlign
{
	TEXT-ALIGN:			left;
}

.leftAlignNoPad
{
	TEXT-ALIGN:			left;
	PADDING:			0;
	MARGIN:				0;
}

.preloadImages
{
	DISPLAY:			none;
}

/*******************************************************************
PRIVACY & TERMS
*******************************************************************/
#privacy
{
	TEXT-ALIGN:			left;
}

#terms
{
	TEXT-ALIGN:			left;
}


/*******************************************************************
FORMS
*******************************************************************/
#defaultform table
{
	WIDTH:				100%;
}

#defaultform .formQuestion
{
	TEXT-ALIGN:			left;
}

#defaultform .formQuestionBadInput
{
	COLOR: #FF0000;
	TEXT-ALIGN:			left;
}

#defaultform .formInput
{
	TEXT-ALIGN:			right;
}

#defaultform .mandatoryfield
{
	COLOR:				#FF0000;
}

#defaultform input, textarea, select
{
	BACKGROUND-COLOR:	#ededed;
	BORDER:				1px solid #C0C0C0;
	PADDING:			2px;
}

#defaultform textarea
{
	WIDTH:				382px;
}

#defaultform input:focus, textarea:focus
{
	BACKGROUND-COLOR:	#FFFFFF;
}

#defaultform input.button
{
	BACKGROUND-COLOR:	#ededed;
	BORDER:				1px solid #C0C0C0;
	FONT-FAMILY:		"Trebuchet MS", Arial, Helvetica, sans-serif;
	FONT-WEIGHT:		bold;
}

#defaultform input.button:focus {
  color: #ffffd0;
}

#defaultform textarea
{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}