		body { background: #5D87B0  url(includes/bg.php) top left repeat-x; background-attachment: scroll }

		
		
		
		/* layout control bar used in admin mode - todo: put this somewhere else - it hints at administrative features */
		
		.layout_bar 			{ font: 12px myriad pro, trebuchet ms, tahoma, sans-serif; text-align: left; height: 44px; color: #3c3c3c; width: 960px; margin: auto; position: relative; z-index: 5000; }
		.layout_bar .l 			{ height: 44px; background: transparent url(gfx/adm_bar/left.gif) no-repeat top left; }
		.layout_bar .r 			{ height: 44px; background: transparent url(gfx/adm_bar/right.gif) no-repeat top right; }
		.layout_bar .mid		{ height: 44px; margin-left: 5px; margin-right: 5px; padding-top: 10px; background: transparent url(gfx/adm_bar/mid.gif) repeat-x; }
		.layout_bar .content	{ padding-left: 7px; }
		
		.layout_bar .quitbtn	{ float: right; position: relative; text-align: right; margin-top: -2px; margin-right: 2px; clear none; }
		.layout_bar .quitbtn img	{ border: 0; }
		
		.layout_bar .title		{ position: relative; float: left; width: 105px; }
		.layout_bar .title h2 	{ margin: 0px; line-height: 20px; padding: 0px; margin-right: 10px; margin-top: 3px; }
		
		.layout_bar .btn 		{ width: 28px; height: 29px; margin-left: 6px; margin-right: 6px; background: transparent url(gfx/adm_bar/btn_off.gif) no-repeat; }
		.layout_bar .btn .icon	{ margin: 6px; }
		
		.layout_bar .btn:hover 	{ background: transparent url(gfx/adm_bar/btn_on.gif) no-repeat; }
		
		.layout_bar .btn_dsbld 			{ width: 28px; height: 29px; margin-left: 6px; margin-right: 6px; background: transparent url(gfx/adm_bar/btn_dsbld.gif) no-repeat; }
		.layout_bar .btn_dsbld .icon 	{ margin: 6px; }
		
		.layout_bar .txtbtn		{ font-size: 12px; position: relative; float: left; margin-left: 4px; margin-right: 25px; }
		.txtbtn img				{ border: none; margin-top: -5px; }
		.txtbtn a				{ text-decoration: none }
		
		
		
		
		
		
		
		/* background controls */
		
		
			.bg_preview { float: left; position: relative; margin-right: 12px; background: #ebebeb; width: 240px; height: 185px; }
							
			.bg_preview .tl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tl.png) no-repeat;
								position: relative;
								float: left;
							}
											
			.bg_preview .tr {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/tr.png) no-repeat;
								position: relative;
								float: right;
							}
							
			.bg_preview .t {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/t.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}
							
							
			.bg_preview .c { background: transparent url(gfx/bgadm/preview_frame/r.png) repeat-y right; }
			.bg_preview .controls { height: 174px; background: transparent url(gfx/bgadm/preview_frame/l.png) repeat-y; }
							
							
							
			.bg_preview .bl {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/bl.png) no-repeat;
								position: relative;
								float: left;
							}
			.bg_preview .br {
								height: 8px;
								width: 8px;
								background: transparent url(gfx/bgadm/preview_frame/br.png) no-repeat;
								position: relative;
								float: right;
							}
			.bg_preview .b {
								height: 8px;
								background: transparent url(gfx/bgadm/preview_frame/b.png) repeat-x;
								margin-left: 8px; margin-right: 8px;
							}



			.bg_preview .controlbox { width: 166px; height: 172px; margin: auto; }

			.bg_preview .posbtn { position: relative; float: left; }


			.bg_preview #arr_c { position: absolute; width: 45px; height: 45px; margin-top: 63px; margin-left: 60px; }
			.bg_preview #arr_t { position: absolute; width: 48px; height: 64px; margin-left: 59px; }
			.bg_preview #arr_tl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 28px;}
			.bg_preview #arr_b { position: absolute; width: 48px; height: 64px; margin-left: 58px; margin-top: 107px;}
			.bg_preview #arr_l { position: absolute; width: 64px; height: 48px; margin-top: 61px; }
			.bg_preview #arr_r { position: absolute; width: 64px; height: 48px; margin-left: 102px; margin-top: 61px; }
			.bg_preview #arr_tr { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 28px; }
			.bg_preview #arr_br { position: absolute; width: 50px; height: 51px; margin-left: 89px; margin-top: 93px; }
			.bg_preview #arr_bl { position: absolute; width: 50px; height: 51px; margin-left: 27px; margin-top: 93px; }


/* do not specify background color/image here. it will be overwritten 
   by the background manager */


body 		{ text-align: center; padding: 0px; margin: 0px; font: 12px myriad pro, trebuchet ms, tahoma; color: gray; }

a		{ text-decoration: none; color: #2a4e73; }
a:hover		{ color: #5aa4ee; }

img             { border: 0; }



.login		{ text-align: right; margin-right: 42px; margin-top: 10px; color: silver; }
.login a 		{ color: #5aa4ee; font-weight: bold; }

#page {
	width: 1040px;
	margin: auto;
	text-align: left;
}

.message 	{ background: #008800; padding: 3px; color: white; font-weight: bold; text-align: center; }

h1		{ font-size: 20px; }
h2		{ font-size: 17px; }
h3		{ font-size: 14px; }
h4		{ font-size: 12px; }

table, tr, td 	{ font: 12px myriad pro, trebuchet ms, tahoma; }



/* error message or confirmation boxes */

.error {
	 font-weight: bold; color: red; 
}


.errBox { border: 1px solid #660000; background: white; padding: 1px; margin: 5px; }
.errBox .errTitle { padding-left: 5px; line-height: 16px; font-weight: bold; color: white; background: #aa0000; }
.errBox .errBody { color: black; margin: 10px; }

.warnBox { border: 1px solid #d86429; background: white; padding: 1px; margin: 5px; }
.warnBox .warnTitle { padding-left: 5px; line-height: 16px; font-weight: bold; color: white; background: #f68e49; }
.warnBox .warnBody { color: black; margin: 10px; }

		
.infoBox { border: 1px solid #006600; background: white; padding: 1px; margin: 5px; }
.infoBox .infoTitle { padding-left: 5px; line-height: 16px; font-weight: bold; color: white; background: #00aa00; }
.infoBox .infoBody { color: black; margin: 10px; }

.graybox { position: relative; border: 1px solid #e6e6e6; background: #f6f6f6; padding: 4px; margin-bottom: 4px; }

.top-shadow {
	height: 80px;
	margin-top: 0px;
	float: left;
	width: 100%;
}

.container-shadow {
	
	float: left;
	width: 100%;
	margin: 0; 
	padding: 0;
}

.bottom-shadow {
	
	height: 80px;
	float: left;
	width: 100%;
	margin-bottom: -50px;
}

.container {
	background: #FFFFFF;
	margin: 0 40px; 
	margin-top: -44px;
	margin-bottom: -30px;
	float: left;
	display: inline;
	width: 960px;
}

.image { /* padding: 3px; border: 1px solid silver; */ border:0px; }

.imageb { padding: 3px; border: 1px solid silver; }

.logo { width: 100%; border-bottom: 1px solid #ebebeb; padding-bottom: 12px; }

.right_pane { margin-left: 10px; float: right; width: 200px; position: relative;  }

.right_pane .title		{ font-weight: bold; text-align: center; padding: 5px; height: 15px; color: silver; }
.right_pane .user_menu { padding-top: 19px; border-top: 1px solid #ebebeb; background: url(images/sub_shadow.gif) repeat-x top; }

.right_pane .imgblock { padding-bottom: 10px; border-bottom: 1px dotted #ebebeb; margin-bottom: 10px; }
.right_pane .imgblocklast { border-bottom: 1px dotted #ebebeb; margin-bottom: 10px;  }

.right_pane h2 { line-height: 18px; padding-bottom: 2px; margin-bottom: 2px; font-size: 17px; }

.left_pane { clear: left;  }
.content_margin { padding: 20px; padding-left: 102px; }

.read_more { border-top: 1px dotted #e6e6e6; padding-top: 3px; text-align: right; padding-right: 10px; }

.header img { border: 0px; }

ul.menu {
		float: left;
		padding: 5px 24px 5px 0px;
		margin: 0px;
		list-style: none;
                margin-left: 96px;
}

ul.menu li {
		float: left;
		color: #454545;
		padding: 0 11px 0 10px;
		border-right: 1px solid #E0E0E0;
		font-size: .9em;
}

ul.menu li.evt {
		position: relative;
		float: right;
		border-right: none;
		padding-right: 0;
}

ul.menu li.last {
		border-right: none;
		padding-right: 0;
}
ul.menu li:last-child {
		border-right: none;
		padding-right: 0;
}

ul.menu li a {
		font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
		color: #0B2A4C;
		text-decoration: none;
}

ul.menu li a.sel {
	 font-weight: bold; color: #99cc06;
}


.vis-clear {
		clear: both;
		width: 100%;
		height: 0px;
		line-height: 0px;
		font-size: 0px;
}

	 
/*-------- Footer [BEGIN] --------*/

.footer {
	text-align: center;
	font-size: 12px;
	padding: 30px 0 50px 0;
	color: #2a4e73;
	float: left;
	width: 100%;
}

.footer a {
	text-decoration: underline;
	color: #FFFFFF;
}

.footer p,
.footer a:hover {
	color: #9bc7f4;
}

.footer ul {
	list-style: none;
	padding: 0 0 10px 0;
	margin: 0;
}

.footer ul li {
	display: inline;
	padding: 0 11px 0 10px;
	border-right: 1px solid #8397b1;
}

.footer ul li:last-child {
	border-right: none;
	padding: 0 0 0 10px;
}

#footerInfo {
	text-align: center;
	color: silver;
	margin: 7px auto;
	font-size: 0.85em;
}

#footerInfo a:link,
#footerInfo a:active,
#footerInfo a:visited {
	color: silver;
	text-decoration: underline;
	margin-top: 7px;
}

#footerInfo a:hover {
	color: orange;
	text-decoration: underline;
}

/*-------- Footer [END] --------*/




/*--------- Formulaires 123 Specific ---------*/

/* customer login */

.customer_login {
  width: 48%;
  border: 1px solid #ebebeb;
  float: left;
  position: relative;
}


.customer_login form {
  padding: 0px; 
  margin: 0px; 
  margin-left: 40px; 
  margin-right: 60px;
  margin-top: 20px;
}

.customer_login input.text {
  width: 100%;
}


.customer_login input.checkbox {
	 margin: 0px; padding: 0px; line-height: 14px;
}


.customer_login_text {
  font-size: 12px; color: gray;
  margin-top: 10px;
}

.customer_login_rfloat {
  position: relative;
  float: right;
  margin-top: 16px;
}

.customer_login_lfloat {
  position: relative;
  float: left;
  margin-top: 10px;
}

.customer_login_submitbox {
  clear: both;
  margin-top: 40px;
  text-align: right;
  margin-bottom: 25px;
}


.customer_promo {
  width: 48%;
  height: 260px;
  background: url(ul_media/storage/promo_demo.jpg) no-repeat center;
  border: 1px solid #ebebeb;
  float: right;
  position: relative;
}



/* ------ register ------ */
.med_par { font-size: 12px; border: 1px solid #f4b405; 
        background: #ffffe1; padding: 8px; margin-right: 10px; }


.customer_register { float: left; position: relative; width: 66%; }

.customer_register .p_success {
  padding-left: 64px;
  background: url(ul_media/storage/media/med_check.png) no-repeat;
  padding-bottom: 25px;
}

.customer_register .p_success h2 { margin: 0px; padding: 0px; line0-height: 18px; margin-bottom: 4px; }


.customer_register form {
  padding: 0px; 
  margin: 0px; 
  margin-left: 40px; 
  margin-right: 60px;
  margin-top: 20px;
}

.customer_register input.text {
  width: 100%;
}

.customer_register textarea {
 width: 100%; height: 76px;
}

.customer_register input.checkbox {
	 margin: 0px; padding: 0px; line-height: 14px;
}

.customer_register_testimonials { float: right; position: relative; width: 20%; padding: 20px; padding-top: 0px;  border-left: 1px dotted silver; }
.customer_register_testimonials p {
	 margin-bottom: 20px; 
}

.customer_register_testimonials b  { margin-bottom: 5px; }
.customer_register_testimonials h2 { color: #5aa4ee; }
