/* CSS Document */
/* AUBERGE SPAS - LE NORDIK */

/*--------------------------------------------------------------------------*/
/* Positionnement */
body {
  background-color: #393939; /*background: #393939 url(../images/Nordik.Panoramic.Sunset.1680x1050.jpg) no-repeat center;*/
  background-attachment: fixed;
  margin: 0 auto;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

img {
  border: none;
}

img.logoFlash {
  float: left;
  margin-top: 14px;
  margin-right: 3px;
  padding: 0px;
}

img.flecheSplash {
  margin-right: 6px;
  margin-left: 18px;
}

#center {
  text-align: center;
  height: 550px;
  width: 740px;
  margin: 0 auto;
  padding: 0px;
  margin-top: 3%;
}

#splash {
  margin: 0 auto;
  text-align: center;
  width: 301px;
  margin-top: 20%;
  padding: 0px;
}

#copyright {
  text-align: left;
  margin-top: 5px;
  padding: 0px;
}

/*--------------------------------------------------------------------------*/
/* Textes et typo */
p.copyright, p.flash {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #938870;
  margin-top: 10px;
}

p.copyright {
  margin-left: 31px;
}

a:link, a:visited {
  color: #999;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: none;
}

a.icoLink:hover {
  color: #036;
  text-decoration: none;
}

#warningLink {
  font-size: 0.68em;
  float: right;
}

a.copyright:link, a.copyright:visited {
  color: #C6C1B5;
  text-decoration: none;
}

table.mapHeader {
  width: 100%;
  margin-bottom: 20px;
  border-bottom: 1px solid white;
}

table.mapHeader td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: white;
  text-align: left;
  padding-left: 0px;
  padding-right: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
}

td.directions p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: white;
  text-align: left;
  margin-right: 30px;
}

/* ------------------------------------------ */
/*MODULE CHÈQUE-CADEAU*/

body.left {
  padding-bottom: 6px;
  margin: 0 auto;
}

body.login {
  padding-top: 15%;
  margin: 0 auto;
}

table.login {
  margin: 0 auto;
  background: url(../images/loginBG.png);
  width: 443px;
  height: 156px;
}

table.login td {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  text-align: right;
  color: #64583D;
}

input.btnAction {
  font-size: 11px;
  color: #64583D;
  background: #E4E1DB;
  border: 1px solid #A29E93;
  cursor: pointer;
  text-align: center;
  height: 20px;
}

table.login input.btnAction {
  width: 82px;
}

table.login td input.textbox {
  border: 1px solid #A29E93;
  height: 14px;
  font-size: 11px;
  color: #003366;
  text-align: left;
  padding-left: 2px;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  color: white;
  margin-left: 15px;
  margin-bottom: 0px;
  margin-top: 18px;
}

span.items {
  font-size: 12px;
  font-weight: bold;
  color: #64583D;
  text-align: left;
  margin: 0px;
}

.float {
  float: left;
}

table.container {
  margin: 0 auto;
  text-align: center;
}

table.container td {
  text-align: left;
  vertical-align: top;
}

table.container td.background {
  background: white;
  padding-left: 10px;
  padding-right: 10px;
}

table.container td.spacer {
  background: none;
  width: 10px;
  white-space: nowrap;
}

div.admin {
  padding: 10px;
}

div.admin hr {
  height: 1px;
  border: 1px solid #938971;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

div.shapeContent {
  width: 500px;
  margin: 0px; /*padding-left:10px; margin-right:10px; padding-bottom:0px;*/
  min-height: 480px;
}

div.shapeContent hr {
  height: 0px;
  border: 1px solid #938971;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
}

div.shapeContent p {
  font-size: 11px;
  color: #64583D;
  text-align: left;
  margin-top: 0px;
}

div.shapeContentCart {
  /*width:200px;*/ /*margin:0px; padding-left:8px; padding-right:7px; padding-bottom:10px;*/ /*background:pink;*/
  font-size: 11px;
  font-weight: normal;
  color: #003366;
}

div.breadCrumbs, .loginInfo, div.langues {
  margin: 0px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 4px;
  font-size: 11px;
  font-weight: normal;
  color: #B7B2A6;
}

div.breadCrumbs {
  padding-left: 10px;
  font-family: 'Arial Narrow' , 'Franklin Gothic Medium Cond' , Nina, 'Franklin Gothic Medium' , Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: white;
}

div.langues {
  text-align: right;
  margin-top: 14px;
  padding-top: 0px;
  color: white;
  font-size: 12px;
  font-weight: bold;
}

#lnkOnlineHelp, #generalHeader1_GUI_GEN_HELP {
  margin-left: 15px;
  font-size: 11px;
}

.loginInfo a:link, .loginInfo a:visited, div.langues a:link, div.langues a:visited {
  color: white;
  text-decoration: none;
}

loginInfo a:hover, div.langues a:hover, #lnkOnlineHelp, #generalHeader1_GUI_GEN_HELP {
  color: white;
  text-decoration: underline;
}

.ghwarning {
  color: aqua;
  font-size: 11px;
}

div.breadCrumbs a, div.breadCrumbs a:visited {
  color: #ffffff;
  text-decoration: none;
  font-style: italic;
}

div.breadCrumbs a.current, div.breadCrumbs a.current:visited {
  text-decoration: underline;
  font-weight: bold;
  font-style: normal;
}

div.step {
  margin: 0px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 2px;
  padding-bottom: 0px;
  font-size: 12px;
  font-weight: normal;
  color: #003366;
}

div.step a:link, div.step a:visited {
  color: #003366;
  text-decoration: none;
}

div.step a:hover {
  color: #003366;
  text-decoration: underline;
}

tr.headerBottom td {
  height: 0;
}

tr.headerBottom img {
  display: none;
}

div.shapeContentCart p {
  font-size: 11px;
  color: #003366;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 2px;
}

div.shapeContentCart p.infos {
  color: #64583D;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 2px;
}

span.infos {
  color: #64583D;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 2px;
}

.error {
  font-family: Arial;
  font-weight: bold;
  font-size: 11px;
  color: #ff0000;
}

div.shapeContentCart hr {
  height: 1px;
  border: 1px solid #938971;
  margin-top: 0px;
  margin-bottom: 5px;
  padding: 0px;
}

table.cart {
  margin-top: 5px;
  margin-bottom: 10px;
}

table.cart td {
  text-align: left;
  vertical-align: bottom;
  padding-right: 2px;
}

table.cart td a, a:link, a:visited {
  color: #003366;
  text-decoration: none;
}

table.cart td a:hover {
  text-decoration: underline;
}

table.cart td input {
  border: 1px solid #A29E93;
  height: 12px;
  font-size: 10px;
  color: #003366;
  text-align: right;
  vertical-align: bottom;
  padding-right: 2px;
}

#scv_divTween {
  background-color: #938971;
  text-align: center;
}

table.total td {
  font-size: 12px;
  text-align: right;
}

table.total td.note {
  font-size: 10px;
  color: #64583D;
  padding-left: 10px;
}

table.to {
  font-size: 11px;
  color: #003366;
  margin-top: 5px;
  margin-bottom: 5px;
}

table.to td {
  text-align: left;
  vertical-align: bottom;
  padding-right: 3px;
}

table.to tr.sep td {
  color: #A29E93;
}

table.to input {
  border: 1px solid #A29E93;
  height: 14px;
  font-size: 10px;
  color: #003366;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px;
}

table.to input.radio, table.to td span.radio input {
  border: 0 none;
}

div.to p {
  float: left;
  width: 33%;
  margin-bottom: 0;
}

div.to p.tofrom {
  width: 45%;
}

div.to p.bkgtext {
  width: 23%;
}

div.to p.choosebkg {
  width: 32%;
}

div.to p label {
  float: left;
  width: 5ex;
  line-height: 21px;
}

div.to p img.nav {
  vertical-align: top;
  margin-top: 12px;
}

div.to p input {
  margin-top: 3px;
}

div.to p select {
  width: 65px !important;
}

#lnbAddCheck {
  font-size: 11px;
}

#lnbAddCheck img {
  margin-right: 1ex;
}

table.config {
  font-size: 11px;
  color: #003366;
  margin-top: 5px;
  margin-bottom: 0px;
  background: #F3F1ED;
}

table.config td {
  text-align: left;
  vertical-align: middle;
  padding-right: 7px;
  padding-left: 4px;
  padding-bottom: 3px;
  padding-top: 2px;
}

td.membership {
  vertical-align: top;
}
td.membership a, a.membership {
  color: blue !important;
  text-decoration: underline !important;
}

.productList {
  background-color: transparent;
  width: 100%;
  border-collapse: collapse;
}
.productList tr {
  background-color: #F3F1ED;
}
.productList tr.w, .productList tr.w1 {
  background-color: #fff;
}
.productList td {
  padding-bottom: 3px;
  padding-top: 2px;
}
.productList tr.w1 td {
  padding-bottom: 2px;
  padding-top: 10px;
}
.productList tr:first-child td {
  padding-top: 8px;
}
.productList {
  margin-bottom: 7px;
}
div.hr {
  height: 2px;
  background: #938971;
  overflow: hidden;
  margin: -1px 0 -2px;
}
div.hr hr {
  display: none;
}
.shapeContentCart div.hr {
  margin: 0;
}


input.textbox, textarea.textbox, input.textboxCu {
  border: 1px solid #A29E93;
  color: #003366;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px;
  width: 160px;
}

textarea.textbox {
  font: icon;
  font-size: 11px;
}

input.textbox, input.textboxCu {
  height: 14px;
  font-size: 10px;
}

input.textboxCu {
  text-align: right;
  width: 60px;
}

input.textbox.empty {
  color: gray;
  color: graytext;
  font-style: italic;
}


.icoCalendar {
  /*float:right;*/
}

table.config tr.total td {
  font-size: 13px;
  font-weight: bold;
}

table.config td select, div.to p select {
  border: 1px solid #A29E93;
  font-size: 10px;
  color: #003366;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px;
  width: 165px;
}

table.config td span.small {
  font-size: 10px;
  color: #003366;
}

table.config td span.smallNote {
  font-size: 10px;
  color: #64583D;
}

table.config td a, table.config td a:link, table.config td a:visited, table.config td a:active {
  color: #003366;
  text-decoration: none;
}

table.config td a:hover {
  text-decoration: underline;
}

table.config td ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 1em;
  margin-left: 1em;
}

table.config td.alignRight {
  text-align: right;
  padding-right: 0;
  padding-left: 1em;
}

table.config .h1 {
  font-weight: bold;
  text-transform: uppercase;
}

table.config .h2 {
  font-weight: bold;
  text-transform: none;
}

table.config .link, table.config .column {
  color: #64583D;
  font-style: italic;
}

table.config td a.link {
  color: #64583D;
  cursor: hand !important;
  cursor: pointer !important;
}

.special {
  color: black;
  text-transform: none;
  font-weight: normal;
  text-align: right;
  margin-left: 2em;
}

a.lnbChangeBG {
  text-decoration: underline !important;
}

tr.shipping {
  border-bottom: 1px solid #003366;
}
tr.shipping td {
  padding-right: 2px;
}
tr.shipping td.label {
  padding-right: 0px;
  text-align: right;
  white-space: nowrap;
}

select.config, select.checkList {
  border: 1px solid #A29E93;
  font-size: 10px;
  color: #003366;
  text-align: left;
  vertical-align: bottom;
  padding-left: 2px;
}

select.checkList {
  width: 160px;
}

p.breadCrumbs {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #64583D;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 10px;
}

div.scroll {
  overflow: auto;
  overflow-x: hidden;
  height: 380px;
  margin-right: 0px;
  padding-right: 0px;
  scrollbar-arrow-color: #B9B4A8;
  scrollbar-darkshadow-color: #B9B4A8;
  scrollbar-track-color: white;
  scrollbar-face-color: #f9f8f5;
  scrollbar-shadow-color: #B9B4A8;
  scrollbar-highlight-color: white;
  scrollbar-3dlight-color: #B9B4A8;
  width: 210px;
}

.footerCopyright {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #003366 !important;
  margin-top: 10px;
  text-align: center !important;
}

.footerCopyright span.copyright {
  color: #003366;
}

span.green {
  font-size: 16px;
  color: #00CC00;
}

span.red {
  font-size: 16px;
  color: #CC0000;
}

#warning, #ibox_content {
  background-color: #F3F1ED;
  color: #003366;
  vertical-align: middle;
}

#warning h2, #ibox_content h2 {
  margin-top: 0;
  margin-bottom: 0;
}

#warning p, #ibox_content p {
  margin-top: 0;
  margin-bottom: 1em;
  text-align: left;
}

.productList td a:hover {
  text-decoration: none;
  cursor: default;
}
tr.h2 td a {
  color: #64583D !important;
  text-decoration: none !important;
}
tr.h2 td a[target]:hover {
  text-decoration: underline !important;
  cursor: pointer !important;
}
tr.h1 td a[target] {
  text-decoration: underline !important;
  cursor: pointer !important;
}

div.suggest {
  background-image: url(../images/nuage2.gif);
  background-repeat: no-repeat;
  width: 125px;
  height: 70px;
  line-height: 50px;
  font-size: 17px;
  text-align: center;
  font-weight: bold;
}

select.booklet-size {
  width: auto;
}
select.booklet-size.en-CA {
  width: 11.3em;
}
select.booklet-size.fr-CA {
  width: 10.3em;
}
select.booklet-size.en-CA.ie-click {
  width: 15em;
}
select.booklet-size.fr-CA.ie-click {
  width: 14em;
}

.morph {
  font-weight: 400;
}

/* EXTENSIBLE TABULATION ###########################################################*/

div.tab {
  font-size: 10px;
  height: 25px; /* Must be ajusted to fit the bottom line */
  background: url(../images/tab_bottom_line.gif) repeat-x bottom;
  clear: right;
}

div.tab ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

div.tab li {
  float: left;
  background: url(../images/tab_rightside_off.png) no-repeat right top;
  margin: 0;
  padding: 0;
}

div.tab li.current {
  background: url(../images/tab_rightside_on.png) no-repeat right top;
}

div.tab li a.tab {
  display: block;
  background: url(../images/tab_leftside_off.gif) no-repeat left top;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

div.tab li.current a.tab {
  background: url(../images/tab_leftside_on.gif) no-repeat left top;
  color: #64583D;
  font-weight: bold;
}

a.tab {
  font-family: Arial, Verdana, Helvetica, sans-serif;
  text-align: left;
  font-size: 11px;
  margin: 0px;
}

a.tab:link {
  color: #938971;
  text-decoration: none;
}

a.tab:visited {
  color: #938971;
  text-decoration: none;
}

a.tab:hover {
  color: #372D07;
  text-decoration: none;
}

/* END OF EXTENSIBLE TABULATION ###########################################################*/

/* ------------------------------------------ */
iframe {
  border: 0px none;
  max-height: 650px;
}

.divBox {
  margin: auto;
  position: absolute;
  z-index: 2;
  display: none;
  left: 96px;
  top: 50px;
  border: double #a6a6a6 3px;
  border-top: none 0px;
  background-image: url(../images/panelBg.png);
  background-repeat: repeat-x;
}

.boxTitle {
  font: caption;
  padding: 3px;
  cursor: move;
  height: 20px;
  vertical-align: middle;
}

.closeBox {
  background-color: Red;
  color: white;
  float: right;
  cursor: hand;
  cursor: pointer;
  background-image: url(../images/closeButton.png);
  width: 13px;
  height: 13px;
  text-align: center;
  margin-top: 2px;
}

/* ------------------------------------------ */
/* Tooltip Ajax ExtJS */
.x-tip-body h1, .x-tip h1 {
  color: #000;
  margin-top: 0;
  margin-left: 0;
}
.x-tip-body {
  text-align: left;
}
.x-tip-body p, .x-tip p {
  margin-bottom: 1em;
}
.x-tip-body p.footnote, .x-tip p.footnote {
  margin-top: 1em;
  text-align: right;
  font-style: italic;
}