/* Custom the selection colors */
::-moz-selection{ background-color: #2B70A2; color: #fff; }
::selection { background-color: #2B70A2; color: #fff; }

.wrapper {width:894px; margin:0 auto;}
body{background: #E3D3C3 url(/css/img/theme-temp/bg-body.jpg) 0 0 repeat-x fixed; margin: 0; padding: 0;}

/* ------------------------------------------------------------------------------------------------------ */
/* generic colors
--------------------------------------------------------------------------------------------------------- */
.wrapper a { text-decoration: underline; color: #000; }
.wrapper a:visited { text-decoration: underline; color: #000; }
.wrapper a:hover { text-decoration: underline; color: #666; }
.wrapper a:active, .wrapper a:focus { text-decoration: underline; color: #000; }
.wrapper code, .wrapper pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */
.wrapper h2 {padding-bottom:0.3em;}
.wrapper h2 {border-bottom:0;}

/* ------------------------------------------------------------------------------------------------------ */
/* Hidden titles
--------------------------------------------------------------------------------------------------------- */
#main-nav h2,  
#breadcrumb h2,
#quick-search h2,
#push h2,
.wrapper > h2,
#footer h2 {position:absolute;top:-5000px;left:-5000px;height:1px;text-indent:-5000px;}


/* ------------------------------------------------------------------------------------------------------ */
/* layout
--------------------------------------------------------------------------------------------------------- */
#header {margin:0 auto;position:relative;z-index:2;}
.wrapper {margin-top:-130px;padding:0 55px;background:url(/css/img/theme-temp/bg.png) 50% 130px no-repeat;}


/* ------------------------------------------------------------------------------------------------------ */
/* =header
--------------------------------------------------------------------------------------------------------- */
#header  {width: 100%;position:relative; height: 341px; background: transparent url(/css/img/theme-temp/header.png) 50% 0 no-repeat;}
#header  h1 {position:relative;width:960px;height:80px;margin:0 auto;top:85px;left:330px;color:#fff;font-family:Arial, Sans-serif;font-size:27px;font-style:italic;font-weight:normal;}
.login #header h1 {height: 80px;left: 50%;margin-left: -464px;position: absolute;text-indent: -5000px;top: 63px;vertical-align: middle;width: 220px;background-repeat:no-repeat;background-position:50% 50%;}
#header  h1.hide {display:none;}
#header  h2 {position: absolute; left: 50%; top: 0; margin: 0 0 0 380px; width: 85px; vertical-align: middle; height: 95px;text-indent: -5000px;top:40px;}
#header .logo-boutique {position:absolute;left:50%;top:70px;margin-left:-465px;}
#header .logo-type {position:absolute;left:50%;top:40px;margin-left:370px;}
#error500 #header{background-image: url(/css/img/theme-1/header-500.png);}
#error500 .inside{margin-top:10px;}
#error500 #header .logo-type {margin-left:380px;}


/* ------------------------------------------------------------------------------------------------------ */
/* =content
--------------------------------------------------------------------------------------------------------- */
#content {position:relative;z-index:3;padding-bottom:50px;}
#content h2 {color:#004575;font-style:italic;font-size:22px;margin:0;padding:0 0 1px 0;}
#content h2 span {padding:10px 0 20px 22px;margin-top:-6px;display:block;float:right;clear:both;width:auto;font-size:30px;position:relative;z-index:4;background:url(/css/img/theme-temp/bullet.gif) 0 10px no-repeat;top:-5px;right:-15px;}


/* ------------------------------------------------------------------------------------------------------ */
/* =main
--------------------------------------------------------------------------------------------------------- */
#main {background:#fff;border-top:1px solid #034f83;border-bottom:1px solid #034f83;margin:0 0 0 -20px;padding:20px;width:901px;position:relative;overflow:hidden;}
#main .vcard {font-size: 10px; padding-bottom: 8px;width:200px;float:left;}
#main  .vcard h2{position:relative;left:0;top:0;text-indent:0;color:#005b98;font-size:21px;margin-bottom:5px;font-weight:normal;font-style:normal;}
#main .vcard .org {display: block; height: 50px; width: 54px; position: absolute; left: 50%; margin-left: 412px; text-indent: -5000px; background: transparent url(/css/img/theme-temp/masterpro-small.gif) top center no-repeat;}
#main .vcard .tel{display: block;}
#main .vcard .type{display: none;}
#main .vcard a{color:#c9011c;}
#main .text {margin-left:100px;float:left;width:600px;color:#023f68;font-size:14px;line-height:18px;}



/* ------------------------------------------------------------------------------------------------------ */
/* =footer
--------------------------------------------------------------------------------------------------------- */
#footer {width: 100%; clear: both; padding:5px 0 0 0; margin:0; background: transparent url(/css/img/theme-temp/footer.png) 50% 0 no-repeat;position:relative;}
#footer p {position:relative;left:50%;margin-left:-450px;color:#005893;width:500px;}
#footer p  a{color:#c9011c;text-decoration:none;font-weight:bold;}
#footer p.ss3i {font-size: 10px;position:absolute;top:5px;margin:0 0 0 350px;width:100px;}
#footer p.ss3i  a{color:#005893;}

/* ------------------------------------------------------------------------------------------------------ */
/* =LOGIN
--------------------------------------------------------------------------------------------------------- */
/*login*/
.login #identification, 
.login #identification-forgot  {margin:0 0 5px 180px;width:550px;padding:10px;border:1px solid #034F83;background:#fff;overflow:hidden;-moz-border-radius:10px; -webkit-border-radius:10px;-khtml-border-radius:10px;border-radius:10px;}
.login #main {background:0;border:0;}
.login #main h2{margin:0 0 10px 0;}
.login #main form {margin-left:100px;}
.login #main .toggle {margin:5px 0 5px 180px;width:auto;text-align:right;display:block;outline:none;}
.login #main form p {width:321px;padding-left:0;}
.login #main form p label{width:80px;margin:0;}
.login #main form p input{width:195px;}
.login #main form p input#userpanel_remember {width:20px;}
.login #main form button{margin:0;}
.login #identification-forgot, 
.login #description, 
.login #baseline,
.login #contact{display:none;}
.login #header  {width: 100%; height: 341px; background: transparent url(/css/img/theme-1/login-header.png) 50% 0 no-repeat;}
.login #create-account {-moz-border-radius: 10px;-webkit-border-radius: 10px;-khtml-border-radius: 10px;border-radius: 10px;background: #fff;border:1px solid #034F83;margin:0 0 5px 180px;overflow:hidden;padding:10px;width:550px;}
.login #create-account ul{margin:0;}
.login #create-account .vcard{background:#efefef;width:100%;text-align:center;margin:10px 0;}

.login #identification p.checkbox {margin:0 0 20px 0;overflow:hidden;}
.login #identification p.checkbox label {width:150px;}

body.login .wrapper #content { padding-bottom: 0; }
body.login .wrapper #main { padding-bottom: 0; }

/* login by token */
.login #main .bytoken form {margin-left:0;}
.login #main .bytoken form p{width:auto;}
.login #main .bytoken form label{width:auto;float:none;display:inline;padding:0;}
.login #main .bytoken form input{width:auto;float:none;display:inline;}