/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	lunartis.com

	inspiration:
		http://www.christianmontoya.com/2007/02/01/css-techniques-i-use-all-the-time/
		http://kurafire.net/log/archive/2005/07/26/starting-css-revisited
		http://www.grc.com/menu2/invitro.htm

::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/*::: neutralize default values :::*/

body {
	z-index: -1;
	color: #333;
	background: #fff;
	font-family: verdana, arial, helvetica, sans-serif;
}

body, table, img, button, iframe, ul, li, a {
	margin: 0;
	padding: 0;
	border: 0;
}

table {
	text-align: left;
}

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

ul {
	margin-left:20px;
}

li {
	margin-bottom:1em;
}

li, dd, blockquote {
	margin-left: 1em;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body {
	font-size: 11px;
	color:#333333;
	margin: 0px;
	padding: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	scrollbar-base-color: #D4D0C8;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-3dlight-color: #CCCCCC;
	scrollbar-darkshadow-color: #e6e6e6;
	scrollbar-face-color: #CCCCCC;
	scrollbar-highlight-color: #e6e6e6;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-track-color: #e6e6e6;
}

td,th {
	font-size: 11	px;
	font-family: verdana, arial, helvetica, sans-serif;
	color:#333333;
}

hr {
	padding: 0px;
	margin: 0px;
}

a {
	text-decoration: none;
	color:#333333;
}

a:hover {
	text-decoration: underline;
}


#layoutmain {
	text-align: left;
	width: 950px;
	position: relative;
}

#layoutheader {
	z-index: 11;
	position: absolute;
	top: 0px;
	left: 3px;
	width: 732px;
}

#layoutsidebar {
	z-index: 0;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 190px;
	background: #006bb7;
	color: #ffffff;
	padding: 5px;
}

#layoutcontentmain {
	z-index:5;
	position: absolute;
	top: 55px;
	left: 0px;
	float:left;
	width: 732px;
}

#layoutcontenthomeleft {
	z-index:5;
	position: absolute;
	left: 0px;
	float:left;
}

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

#layoutcontenthomeright{
	position: absolute;
	left: 370px;
}


#header {
	border: 1px solid #006bb7;
}

.headercontent {
	background: #006bb7;
	padding: 10px;
	color: #ffffff;
}

.headercontent a {
	color: #ffffff;
}


#menuhborder {
	padding: 0px;
	width: 730px;
	height: 53px;
	border: 1px solid #006bb7;
}

#menuhborder ul {
	padding: 0;
	margin: 0;
}

#menuhborder ul li {
	list-style: none;
	display: inline;
}

#menuhborder ul li a {
	width:88px;
	height: 45px;
	text-decoration: none;
	float: left;
	color: #006bb7;
	font-weight: bold;
}

#menuhborder ul li a:hover {
	background-color: #006bb7;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	color: #FFFFFF;
}


#menuhleft {
	font-size: 10px;
	position: absolute;
	left: 4px;
	top: 4px;
}

#menuhright {
	font-size: 10px;
	position: absolute;
	left: 370px;
	top: 4px;
}


#menuhheaderright {
	position: absolute;
	top: 5px;
	left: 4px;
	padding: 1px;
	color: #006bb7;
	font-weight: bold;
	width:350px;
	background: #FFFFFF;
}

#menuhheaderleft {
	position: absolute;
	top: 5px;
	left: 4px;
	padding: 1px;
	color: #006bb7;
	font-weight: bold;
	width:350px;
	background: #FFFFFF;
}



.contenttext {
	text-align: left;
	padding-right: 10px;
}

.contenttext a {
	text-decoration: none;
}


.contenttext b {
	color: #006bb7;
	font-weight: bold;
	text-decoration: none;
}

.contentvisual {
	position: relative;
	float: left;
	padding-left: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
}


.contentparis {
	padding: 0px;
	margin-top: 10px;
	position: relative;
	background: #E4BC64;
	width: 360px;
}

.contentparisheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #F4ECCC;
	color: #006bb7;
	font-weight: bold;
}


.contentfrance {
	margin-top: 10px;
	position: relative;
	background: #ACCCD5;
	width: 360px;
	padding: 0px;
}

.contentfranceheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #DCE4ED;
	color: #006bb7;
	font-weight: bold;
}

.contentitalie {
	margin-top: 10px;
	position: relative;
	background: #CCDCE4;
	width: 360px;
	padding: 0px;
}

.contentitalieheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #E4ECF4;
	color: #006bb7;
	font-weight: bold;
}


.contentspecialoffer {
	margin-top: 10px;
	position: relative;
	background: #ffffff;
	width: 360px;
	padding: 0px;
	border: 1px solid #ed1c24;
}

.contentspecialoffer a {
	display:block;
	padding-top: 2px;
	padding-bottom: 2px;
}

.contentspecialoffer a:hover {
	background-color: #006bb7;
	color: #FFFFFF;
	text-decoration: none;
}
.contentspecialofferheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #ed1c24;
	color: #ffffff;
	font-weight: bold;
}

span.contentspecialofferprice {
	float: right;
}

.contentreservation {
	margin-top: 10px;
	position: relative;
	background: #ffffff;
	width: 360px;
	padding: 0px;
	border: 1px solid #006bb7;
}

.contentreservationheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #006bb7;
	color: #ffffff;
	font-weight: bold;
}

.contentreservation {
	margin-top: 10px;
	position: relative;
	background: #ffffff;
	width: 360px;
	padding: 0px;
	border: 1px solid #006bb7;
}

.contentreservationheader {
	position: relative;
	top: 5px;
	left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 350px;
	text-align: center;
	background: #006bb7;
	color: #ffffff;
	font-weight: bold;
}

.sidebarsearch {
	margin: 0px;
	background: #96b1dc;
}

.sidebarsearchform {
	padding-left: 5px;
}

.sidebarsearchheader {
	position: relative;
	top: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	width: 190px;
	text-align: center;
	background: #6794cd;
	color: #ffffff;
	font-weight: bold;
}

.sidebarcatalogue {
	padding: 5px;
	text-align: left;
	position: relative;
	top: 0px;
	left: 0px;
	background: #ffffff;

}

.sidebarcataloguecontent b {
	color: #006bb7;
	font-weight: bold;
	font-size: 12px;
}

.sidebarcataloguecontent {
	color: #333333;
	position: absolute;
	float:right;
	width: 95px;
	right: 5px;
	font-size: 10px;
}

.sidebarmenu {
	text-align: left;
	font-size: 11px;
	font-weight: bold;
}

.sidebarmenu a {
	display: block;
	margin-bottom: 5px;
	align: middle;
	color: #ffffff;
}

.sidebarmenu a:hover {
	text-decoration: none;
	background: #96b1dc;
}

.sidebarfooter {
	text-align: left;
	font-size: 9px;
	font-weight: bold;
}


#nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 10em;
}

#nav li ul { /* second-level lists */
	left: 0px;
	top: 47px;
	position: absolute;
	background: #ffffff;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li { /* all list items */
	z-index: 8;
	padding: 0px;
	margin: 0px;
	float: left;
	width: 10em;
}

#nav li ul li  { /* all list items */
	padding: 3px;
	border: 1px solid #006bb7;
	margin-left: 2px;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}


.languageactive {
	font-weight: bold;
}

.language {

}

h1 {
	font-size: 14px;
	padding-bottom: 3px;
	color: #006bb7;
	font-weight: bold;
	margin: 0 0 1em 0em;
	border-bottom: 1px dotted #96b1dc;
}

h2 {
	font-size: 13px;
	padding: 0px;
	margin: 0px;
}

.textsmall {
	font-size: 10px;
}

.search {
	padding: 3px;
	font-weight: normal;
	font-size: 12px;
	background-color: #96b1dc;
	color: #333;
	border: 0px;
}

#spectacles { width: 800px; height: 630px; overflow: auto; padding-right: 16px; /* for the benefit of macIE5 only */;}
/* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
#spectacles { padding-right: 0;}

.content a {
	text-decoration: underline;
	color: #006bb7;
}

.content a:hover {
	background-color: #eef;
}

input.reservationsubmit{
	padding: 3px;
	background-color: #fff;
	border: 0px #fff;
	font-size: 11px;
	color:#333333;
	font-family: verdana, arial, helvetica, sans-serif;
}