/* Universal */
html, body, #nav, #header, #footer {
	margin: 0px;
	padding: 0px;
}
body {
	position: relative;
	background: #02648B url('images/bg.gif') repeat-y center top;
}

body, table {
	font-family: Helvetica, sans-serif;
	font-size: 12px;
}

#page {
	width: 1000px;
	margin:0px auto;
	position: relative;
	background: url('images/headerbg.jpg') no-repeat left top;
	padding-top: 20px;
}


/* Header */
#header {
	height: 387px;		/* found extra 2px on the interface */
	overflow: hidden;
	display: block;
}
#logo,
#marquee,
#banners,
#quoteform {
	float: left;
	
}

#logo {
	width: 210px;
	height: 387px;		/* Can't do this if header has borders */
	position: relative;
	background: url('images/logo.png') no-repeat center 2px;
}
#logo H1 {
	color: white;
	font-size: 22px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;

	padding-left: 2px;
	margin: 0px;
	height: 150px;

	display: none /* moved to inside image */
}
#logo A {
	display: block;
	height: 100%;

	color: white !important;
	text-decoration: none !important;
}
#logo .image {
	width: 100%;
	height: 235px;

	left: 0px;
	bottom: 0px;
	position: absolute;

	background: white url('images/boxes_header.jpg') no-repeat right 0px;
}

#marquee {
	width: 790px;
	height: 50px;
}
#marquee * {
	color: white;
	display: inline-block;
	white-space: nowrap;
	position: relative;
	top: 0px;
}
#marquee .slogan {
	width: 510px;
	font-size: 22px;
	line-height: 25px;
}
#marquee .phone {
	font-size: 30px;
	line-height: 33px;
	text-indent: 50px;
	text-shadow: #999999 1px 1px 2px;
}

#banners,
#quoteform { height: 387px }	/* update in coda-slider.css also */
								/* found extra 2px on the interface */
#banners { width: 510px }		/* update in coda-slider.css also */
#quoteform {
	position: relative;
	width: 280px;
	overflow: hidden;
}

/* Header Quote Form */
#quoteform table { margin: 0px 25px 0px 5px }
#quoteform td {
	white-space: nowrap;
	text-align: left;
	line-height: 12px;
}

#quoteform form {
	height: 315px;
	margin: 22px 0px 0px;		/* guess and check */
	background-color: white;
}
#quoteform input.button {
	padding-left: 0px;
	padding-right: 0px;
	width: 100%;
}
#quoteform .error {
	color: #FF0000;
	font-size: 11px;
	line-height: 12px;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 5px;
	background-color: white;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;

	display: block;
	text-align: right;
	white-space: nowrap;
}

/* Global Nav */
#nav {
	clear: both;
	list-style-type: none;
	overflow: hidden;
	url('images/bg.gif') repeat-y
}
#nav li {
	float: left;
	display: block;
	border-left: solid 1px white;
}
#nav li.po1 { border-left: none }

#nav a {
	color: white;
	font-size: 13px;
	line-height: 15px;
	text-decoration: none;
	text-align: center;
	display: block;
	padding: 20px 0px;
}
#nav a:hover {
	color: white;
	background-color: #02648B;
}

#nav .po1 { width: 85px }
#nav .po2 { width: 150px }
#nav .po3 { width: 130px }
#nav .po4 { width: 130px }
#nav .po5 { width: 125px }
#nav .po6 { width: 130px }
#nav .po7 { width: 100px }
#nav .po8 { width: 143px }	/* fills in extra pixels */

/* Footer */
#footer {
	clear: both;
	padding: 12px;
	background-color: #02648B;
}
#footer td {
	font-size: 12px;
	color: white;
}
#footer .disclaimer {
	color: #E3F3FC;
	font-size: 10px;
	letter-spacing: 1px;

	padding-bottom: 10px;
}

#footer a { color: white; font-weight: bold }
#footer a:hover { text-decoration: underline }

/* Ticker */
div#ticker_wrap {
	height: 26px;
	color: white;
	font-size: 10px;
	position: relative;
	margin: -20px -10px 0px;
	letter-spacing: 0.25em;
	border-top: 1px solid white;
	background: #02648B url('images/bg.gif') repeat-y center top;
}
div#ticker_wrap * {
	padding: 0px;
	margin: 0px;
}
div#ticker_container {
	width: 100%;
	overflow: hidden;
	padding: 7px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
ul#ticker {
	height: 12px;
	width: 99999px;
	list-style-type: none;
	position: relative;
}
ul#ticker li {
	float: left;
	line-height: 12px;
	padding-right: 5em;
}

/* Share Widgets */
#shareWidgets {
	position: relative;
	width: 258px;
	height: 298px;
	background: #bfdee8 url('images/facebook_ad.gif') no-repeat top left;
}
#shareWidgets .facebook {
	position: absolute;
	left: 10px;
	top: 248px;

	width: 218px;
	padding: 10px;
	background-color: white;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#shareWidgets .hide { display: none }
#shareWidgets #voucherButton {
	color: #FA9403;
	vertical-align: 2px;
}
#shareWidgets #voucherButton IMG {
	position: absolute;
	left: 13px;
	top: 12px;
}

/* Content Basics */
#content {
	width: 1000px;
	padding: 10px 0px;
	background-color: white;
}
#content .error {
	color: #FF0000;
	padding: 10px 0px;
}


.horizontale{
	height: 30px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	margin: -20px -10px 0px;
	letter-spacing: 0.25em;
	border-top: 1px solid white;
	background: #02648B url('images/bg.gif') repeat-y center top;
}

.marqueeBoxH{
    display: inline-block;
    width: 1000px;
    height: 25px;
    white-space: nowrap;
    padding-top: 9px;
    float: left;
}

.onDrag{
    cursor: url(./ressource/move.cur), url(move.cur), hand;
    /*I require an absolute url see http://beradrian.wordpress.com/2008/01/08/cross-browser-custom-css-cursors/*/
}



/* Forms */

FORM {
	font-size: 12px;
}
FORM .smg {
	white-space: normal !important;
	font-weight: normal;
	padding: 10px 0px;
}

LABEL {
	margin: 0px;
	padding: 10px 0px 1px;
	display: block;

	font-weight: bold;
}
INPUT,
SELECT,
TEXTAREA {
	color: #333333;
	font-size: 12px;
	background: white;
	font-family: Helvetica, sans-serif;

	margin: 0px;
	padding: 2px 0px 3px;

	border: 1px solid #666666;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
INPUT.button {
	font-size: 15px;
	font-weight: bold;
	line-height: 1em;
	padding: 11px;

	text-transform: uppercase;
	background: #FA9403 url('images/button.gif') repeat-x left center;
	color: white;
	border: none;

	cursor: pointer;

	box-shadow: 3px 3px 3px #999999;
	-moz-box-shadow: 3px 3px 3px #999999;
	-webkit-box-shadow: 3px 3px 3px #999999;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
}

.blue12b, .Red12b {
	font-size: 12px;
	font-weight: bold;
	padding-left: 0.25em;
}
.blue12b { color: #025AC6 }
.Red12b { color: #FF0000 }

.error {
	display: block;
	line-height: 14px;

	font-weight: normal;
}
.error b { text-transform: uppercase }

/* Primary Atributes */ 
.news {
	display:block;
	background-color: #FFFFFF;
	padding: 4;
	top: 275px;
	left: 50%;
	width: 270px;
	height: 300px;
	margin-left: -379px;
	position: absolute;
	font-size: 75%;
	z-index: 0;
}

.news1 {
	display : none;
}

.news2 {
	display:block;
	background-color: #FFFFFF;
	padding: 4;
	top: 316px;
	left: 50%;
	width: 270px;
	height: 300px;
	margin-left: -379px;
	position: absolute;
	font-size: 75%;
	color: #333333;
	z-index: 0;
}
.main {
	display:block;
	top: 280px;
	left: 50%;
	width: 464px;
	height: auto;
	margin:0px;
	margin-left:-90px;
	position: absolute;
	font-size: 12px;
	color: #333333;
	z-index: 1;
	text-align: justify;
	}
	
a {
	font-weight: bold;
	text-decoration: none;
	color: #02648B;
}
a:hover {
	color: #2F9ECB;
	text-decoration: underline;
}

.viatbox {
	display:block;
	top: 625px;
	left: 50%;
	width: 200px;
	height: auto;
	margin:0px;
	margin-left:-85px;
	position: absolute;
	font-size: 12px;
	color: #333333;
	z-index: 2;
	text-align: justify;
}
	
.viattitle {
	display:block;
	top: 582px;
	left: 50%;
	width: 320px;
	height: auto;
	margin:0px;
	margin-left:-85px;
	position: absolute;
	font-size: 17px;
	color: #FFFFFF;
	font-weight: bold;
	z-index: 2;
}

.lifebox {
	display:block;
	top: 625px;
	left: 50%;
	width: 200px;
	height: auto;
	margin:0px;
	margin-left:152px;
	position: absolute;
	font-size: 12px;
	color: #333333;
	z-index: 2;
	text-align: justify;
	}
a.small:link {
	font-size: 10px;
	color: #000099;
	text-decoration: underline;
}

a.small:hover {
	font-size: 10px;
	color: #000099;
	text-decoration: none;
}
a.small:visited {
	font-size: 10px;
	color: #000099;
}
a.small:visited:hover {
	font-size: 10px;
	color: #000099;
	text-decoration: none;
}

h1 {
	font-size: 18px;
	color: #FA9403;
}

h2 {
	font-size: 16px;
	color: #333333;
}

h3 {
	font-size: 14px;
	color: #333333;
}
img.floatLeft { 
    float: left; 
    margin: 4px; 
}
 
 img.floatright { 
    float: right;
    margin-left: 15px;
    margin-bottom: 15px; 
}

.sm {
	text-align: justify;
	font-size: 9px;
	color: #FFFFFF;
	font-weight: bold;
}
.smb {
	text-align: justify;
	font-size: 9px;
	color: #333333;
}
.smg {
	text-align: justify;
	font-size: 9px;
	color: #333333;
	font-weight: bold;
}
 
td {
	text-align: justify;
	font-size: 12px;
	color: #333333;
}
table.jCalendar {
background:none repeat scroll 0 0 #AAAAAA;
border:1px solid #000000;
border-collapse:separate;
border-spacing:2px;
}
table.jCalendar th {
background:none repeat scroll 0 0 #333333;
color:#FFFFFF;
font-weight:bold;
padding:3px 5px;
}
table.jCalendar td {
background:none repeat scroll 0 0 #CCCCCC;
color:#000000;
padding:3px 5px;
text-align:center;
}
table.jCalendar td.other-month {
background:none repeat scroll 0 0 #DDDDDD;
color:#AAAAAA;
}
table.jCalendar td.today {
background:none repeat scroll 0 0 #666666;
color:#FFFFFF;
}
table.jCalendar td.selected {
background:none repeat scroll 0 0 #FF6666;
color:#FFFFFF;
}
table.jCalendar td.selected.dp-hover {
background:none repeat scroll 0 0 #FF3333;
color:#FFFFFF;
}
table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {
background:none repeat scroll 0 0 #FFFFFF;
color:#000000;
}
table.jCalendar tr.selectedWeek td {
background:none repeat scroll 0 0 #FF6666;
color:#FFFFFF;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background:none repeat scroll 0 0 #BBBBBB;
color:#888888;
}
table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {
background:none repeat scroll 0 0 #BBBBBB;
color:#888888;
}

div.dp-popup {
background:none repeat scroll 0 0 #CCCCCC;
font-family:helvetica,sans-serif;
font-size:8px;
line-height:1.2em;
padding:2px;
position:relative;
width:200px;
}
div#dp-popup {
position:absolute;
z-index:199;
}
div.dp-popup h2 {
margin:2px 0;
padding:0;
text-align:center;
}
a#dp-close {
display:block;
font-size:11px;
padding:4px 0;
text-align:center;
}
a#dp-close:hover {
text-decoration:underline;
}
div.dp-popup a {
color:#000000;
padding:3px 2px 0;
text-decoration:none;
}
div.dp-popup div.dp-nav-prev {
left:4px;
position:absolute;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-prev a {
float:left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor:pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor:default;
}
div.dp-popup div.dp-nav-next {
position:absolute;
right:4px;
top:2px;
width:100px;
}
div.dp-popup div.dp-nav-next a {
float:right;
}
div.dp-popup a.disabled {
color:#AAAAAA;
cursor:default;
}
div.dp-popup td {
cursor:pointer;
}
div.dp-popup td.disabled {
cursor:default;
}
a.dp-choose-date {
display:block;
float:left;
height:16px;
margin:5px 3px 0;
overflow:hidden;
padding:0;
text-indent:-2000px;
width:16px;
}
a.dp-choose-date.dp-disabled {
background-position:0 -20px;
cursor:default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
float:left;
}