/**
 * @brief KiosqueDuBoucherStyle Theme, main styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.2.2
 * @date Creation: Mar 2023
 * @date Modification: Mar 2026
 * @copyright 2023 - 2026 Ideogram Design
 */

@font-face {font-family: "Karantina"; src: url('../fonts/Karantina-Regular.ttf');}
@font-face {font-family: "Karantina"; src: url('../fonts/Karantina-Bold.ttf'); font-weight:600;}
@font-face {font-family: "Karantina"; src: url('../fonts/Karantina-Light.ttf'); font-weight:300;}

/* global */
* {padding:0; margin:0; box-sizing: border-box;}
body {background:url(../img/custom/bkgd.jpg) repeat;}
p {padding: 8px 0;}
a { text-decoration:none; color:#b72c33; transition: color 0.3s;}
a:hover {color:#b72c33;}
ul {margin:0px 28px; padding:0; list-style:url(../img/bullet.png);}
ul ul {margin:0px 18px; padding:0; list-style:url(../img/bullet2.png);}
ul ul ul {margin:0px 18px; padding:0; list-style:url(../img/bullet.png);}
ol {margin:0px 28px; padding:0;}
li {margin:4px 4px 8px;}
b, strong {font-weight:600;}
i, em {font-style:italic;}
blockquote {margin:8px 20px;}
input, textarea, select {border:solid 1px #e6e6e6; padding:0; font-family: Arial, sans serif; background:#f9f9f9; color:black; font-size:15px;}
select {padding:4px;}
input, textarea, option {padding:4px 4px; color:black; font-size:15px; line-height:15px;}
option[disabled="disabled"] {color:#9b9b9b;}
input[disabled="disabled"] + label {color:#9b9b9b;}

textarea {resize: none;}
input[type=radio] {margin-right:8px;}
.inputs {width:250px;} select.inputs {width:255px;}
.linputs {width:400px;} select.linputs {width:405px;}
.sinputs {width:150px;} select.sinputs {width:155px;}
.vsinputs {width:40px;} select.vsinputs {width:55px;}
.vlinputs {width:100%;}
form {margin:0; font-size:0;}
.img {font-size:0}
sup, sub {font-size:9px; color:inherit;}
img {border:0; max-width:100%; height:auto;}
.RSS {float:right; position:relative; top:4px;}

/* icon image for layered menu */
img.icon {float:left; margin-right:4px;}

/* error */
.error {text-align:center; color:#feca33; padding:4px;}

/* tool */
.clear {clear:both; height:0; font-size:0;}
.unselectable {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; cursor:default;}

/* loading */
@keyframes rotate360 {
  to {transform: rotate(360deg);}
}
#Loading {margin:40px auto; height:154px; width:154px; background:url(../img/custom/loading.gif) no-repeat; /* animation: 2s rotate360 infinite linear; */}


/* update social networks */
.SNSP.follow {z-index:9997; top:150px !important;}

/* editor */
* {font-family: 'Karantina', sans-serif; font-size: 20px; color:black;}

/* generic titles */
.eTitle1 {font-size:40px; font-weight:bold; text-transform:uppercase; color:black; padding: 0 0 12px; margin:0 0 20px; background:url(../img/custom/title-red.png) 0 100% no-repeat; background-size: 50px auto;}
.eTitle2 {font-size:32px; text-transform:uppercase; color:#b72c33; line-height:23px; padding: 8px 0;}
.eTitle3 {font-size:28px; font-style:italic; color:#b72c33;}
.eTitle4 {font-size:24px; color:#b72c33; font-family: 'Karantina', sans-serif;}

/* generic contents */
.eContent1 {line-height:26px;}
.eContent2 {line-height:26px; font-family: 'Karantina', sans-serif;}
.eContent3 {line-height:26px; font-size: 20px;}

p.eContent1, p.eContent2, p.eContent3 {text-align:justify}

a.eLink1 {transition: color 0.3s, border 0.3s;}
a.eLink2 {transition: color 0.3s, border 0.3s;}
a.eLink1:hover, a.eLink2:hover {color:#707070;}

table.eTable {margin:4px 96px; border:solid 1px #797f9d;}
th.eTableHeader, td.eTableHeader {background:#797f9d; padding:4px; color: white;}
td.eTableLine0 {background:white; padding:4px; font-family: 'Karantina', sans-serif;}
td.eTableLine1 {background:#EFEAF4; padding:4px; font-family: 'Karantina', sans-serif;}

td.eTableLineAuto {background:white; padding:4px; font-family: 'Karantina', sans-serif;}
tr:nth-child(odd) td.eTableLineAuto {background:#EFEAF4; padding:4px; font-family: 'Karantina', sans-serif;}

/* parts */
.KiosqueDuBoucherButton {display:inline-block; min-width: 150px; padding:4px 8px; font-size:22px; line-height:27px; color:white; background:#b72c33; border:solid 1px #b72c33; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.KiosqueDuBoucherButton:hover {color:white; background:black; border-color:black;}
.KiosqueDuBoucherButton2 {display:inline-block; min-width: 150px; padding:4px 8px; font-size:22px; line-height:27px; color:#b72c33; border:solid 1px #b72c33; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.KiosqueDuBoucherButton2:hover {border:solid 1px black; color:black;}

.KiosqueDuBoucherButton + .KiosqueDuBoucherButton, .KiosqueDuBoucherButton2 + .KiosqueDuBoucherButton, .KiosqueDuBoucherButton + .KiosqueDuBoucherButton2, .KiosqueDuBoucherButton2 + .KiosqueDuBoucherButton2 {margin-left:20px;}

/* media popup */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:white; opacity:0.9; filter:alpha(opacity=90); width:100%; z-index:10000;}
.mediaPopup {z-index:10001; padding:30px 10px 10px; background:url(../img/custom/bkgd.png) 0 0 repeat-x white; background-size:auto 36px; position:fixed; top:0; left:0; text-align:center; max-width:96%; box-sizing: content-box; box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.15);}
.mediaPopup .closeButton {width:0; height:0; overflow:visible; float:right; position:relative; top:20px; left:-50px; cursor:pointer; font-size:0;}
.mediaPopup .closeButton img {width:33px !important; height:33px !important; max-width:33px;}
.mediaPopup .mediaTitle {margin:4px 0 0; padding:2px 8px; text-align:center; color:#444444; font-family: 'Karantina', sans-serif;}

/* page controler in control bar */
.genericPageEmptyController {font-size:0px; height: 0px;}
.genericPageController {margin:0 0 16px; padding:0 4px; width:100%; clear:both;}
.genericPageController .gpcBox {margin:0 auto; border-collapse: separate !important;}
.genericPageController .gpcButton {padding:0px 10px; font-size:0; vertical-align:middle; /* border:solid 1px #363336; */}
.genericPageController .gpcButton img {max-width:10px;}
.genericPageController .gpcButton:first-child {border-radius:6px 0 0 6px; border-right:none;}
.genericPageController .gpcButton:last-child {border-radius:0 6px 6px 0;}
.genericPageController .gpcSelected {line-height:17px; padding:5px 12px; font-size:24px; color:white; background:#b72c33; text-decoration:none; display:inline-block;}
.genericPageController .gpcLink {line-height:17px; color:black; padding:5px 12px; text-decoration:none; font-size:24px; font-weight:600; display:inline-block; transition: color 0.3s;}
.genericPageController .gpcLink:hover {text-decoration:none; color:#b72c33;}
.genericPageController .gpcSpacer {padding:0 2px; color:#b72c33; text-decoration:none;}
.genericPageController .gpcLPage {padding:0; color:#b72c33; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcRPage {padding:0; color:#b72c33; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcPage {padding:0; color:#b72c33; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}

/* page structure */
.mainContent {max-width:1160px; margin:0 auto; font-size:0;}
.mainContent.htmlContent {padding:20px 270px;}

.transparentLine {background:none; font-size:0;}
.color1Line {background:#b72c33; font-size:0;}
.color2Line {background:#3d6416; font-size:0;}
.color3Line {background:#b72c33; font-size:0;}

.color1Line .eTitle2 {color:white;}
.color1Line .KiosqueDuBoucherButton {background:#2f343d; border:solid 1px #2f343d; min-width:220px;}
.color1Line .KiosqueDuBoucherButton:hover {border:solid 1px #707070; color:#707070;}

/* header  */
#pageHeader {}
#pageHeader .demoButton {z-index:9997; position:fixed; right:0px; width:53px; overflow:hidden; transition:all 0.3s linear;
                         animation-name: demoButton; animation-duration: 0.8s; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: linear; opacity: 1;}
#pageHeader .demoButton img {width:213px; max-width:213px;}
#pageHeader .demoButton:hover {width:213px; animation:none;}
#pageHeader .demoButton.contacts {top:140px;}
#pageHeader .demoButton.informations {top:190px;}

@keyframes demoButton {
     to {
          opacity: 0.6;
    }
}

#pageHeader .demoMessage {text-align:center; color:#1f1d1f; background:#feca33; padding:4px 0px; position:fixed; top:0; width:100%; border-bottom:solid 2px white; z-index:9999;}
#pageHeader .demoMessage + .headBar {margin-top:30px;}

#pageHeader .headBar {height:120px; overflow:visible; font-size:0; background:black; box-shadow: 10px 10px 20px 12px #c6c6c6;}
#pageHeader .headBar .myCaddy {display:none;}
#pageHeader .headBar .myMenu {display:none;}
#pageHeader .headBar .logo {display:inline-block; width:260px; height:120px; position:relative; z-index:9998; background:url(../img/custom/logo.png) 50% 50% no-repeat transparent; background-size:80% auto; vertical-align:top;}

#pageHeader .headBar .menu {float:right; width:220px; padding:60px 10px 0 0;}
#pageHeader .headBar .menu a:first-of-type {display:none;}
#pageHeader .headBar .menu a {display:block; padding:4px 8px 2px; font-size:24px; color:white; border:solid 1px white; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
#pageHeader .headBar .menu a:hover {border:solid 1px #b72c33; color:#b72c33;}

#pageHeader .headBar .account {float:right; width:120px; padding:12px 0 0 20px;}

#pageHeader .headBar .sites {display:inline-block; width:500px; vertical-align:top; padding:20px 10px;}
#pageHeader .headBar .sites .site {display:inline-block; width:220px; overflow:visible; border-right:solid 1px #b72c33; padding:0; vertical-align:top;}
#pageHeader .headBar .sites .site.single {width:auto;}
#pageHeader .headBar .sites .site:last-child {border:none;}
#pageHeader .headBar .sites .site .title {color:white; font-size:24px;}
#pageHeader .headBar .sites .site .phone a {font-size:24px; color:white;}
#pageHeader .headBar .sites .site .schedule {color:#b72c33; font-size:30px;}
#pageHeader .headBar .sites .site .address {font-size:24px; color:white;}
#pageHeader .headBar .sites .site .address .separator {color:white;}

#pageHeader .subBar {height:72px; padding:18px 0 0; overflow:visible; font-size:0px; background:url(../img/custom/header.png) 0% 0% repeat-x;}
#pageHeader .subBar .title {display: inline-block; padding: 20px 12px 0 20px; margin-left:250px; width:660px; vertical-align:top; line-height:28px;}
#pageHeader .subBar .mobileSiteSelector {display:none;}

#pageHeader .subBar .caddy {display: inline-block; width:250px; vertical-align:top; padding:0 0 4px; margin:80px 0 0; background:black;}
#pageHeader .subBar .caddy .header {font-size:28px; padding: 12px 0 4px; text-transform:uppercase; text-align:center; color:white;}
#pageHeader .subBar .caddy .total {font-size:48px; padding: 0 16px; color:white; text-align:center;}
#pageHeader .subBar .caddy .total .oldPrice {color:#b72c33; text-decoration: line-through; font-size:18px;}
#pageHeader .subBar .caddy .rebate {background:#2f343d; padding: 4px 16px; color:white; text-align:right; font-weight:300;}
#pageHeader .subBar .caddy .rebate:empty {display:none;}
#pageHeader .subBar .caddy .finaliseButton {display:block; margin: 4px 30px 16px; background:white; color:#b72c33; padding:4px; text-transform:uppercase; text-align:center; font-size:24px; transition: * 0.3s ease;}
#pageHeader .subBar .caddy .finaliseButton:hover {color:black;}
#pageHeader .subBar .caddy .articles {}
#pageHeader .subBar .caddy .articles .article {font-size:0; border-bottom:solid 1px white; margin: 4px 12px;}
#pageHeader .subBar .caddy .articles .article:last-of-type {border-bottom:none;}
#pageHeader .subBar .caddy .articles .articleTitle {vertical-align:top; display:inline-block; width:156px;}
#pageHeader .subBar .caddy .articles .articleQuantity {vertical-align:top; display:inline-block; width:20px; padding:4px; text-align:center; color:white; font-size:22px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton {vertical-align:top; display:inline-block; width:25px; margin:2px 0 0; padding:3px 3px 4px ; text-align:center; color:white; cursor:pointer; font-size:20px; line-height:14px; transition: all 0.3s; border:solid 2px white; border-radius:16px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton:hover {border:solid 2px #b72c33; color:#b72c33;}
#pageHeader .subBar .caddy .articles .articleQuantityNoButton {vertical-align:top; display:inline-block; width:25px; margin:2px 0 0; padding:3px 3px 4px ; text-align:center; color:#b72c33; font-size:20px; line-height:14px;}
#pageHeader .subBar .caddy .articles .articleTitle .masterTitle {color:white; font-size:22px; padding:5px 0; font-weight:300;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren {font-size:0; width:200px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleChildren .childrenTitle {display:inline-block; padding-left:16px; font-style:italic; color:white; font-size:18px; margin-bottom:4px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleOption {font-size:0; width:200px;}
#pageHeader .subBar .caddy .articles .articleTitle .articleOption .optionTitle {display:inline-block; padding-left:30px; font-style:italic; color:white; font-size:18px;}

/* Caddy - promotional code */
#pageHeader .subBar .caddy .promoCode {padding: 8px 16px; font-size:0; margin:8px; border-bottom:solid 1px white; border-top:solid 1px white;}
#pageHeader .subBar .caddy .promoCode:empty {display:none;}
#pageHeader .subBar .caddy .promoCode .promoCodeTitle {width:100%; color:white; text-transform:uppercase; text-align:center; font-size:22px;}
#pageHeader .subBar .caddy .promoCode .promoCodeName {font-size:24px; text-align:center; color:#b72c33; padding:4px; border:#b72c33 solid 1px ; margin:0 20px;}
#pageHeader .subBar .caddy .promoCode .promoCodeDesc {text-align:center; color:white;}
#pageHeader .subBar .caddy .promoCode .promoCodeCondition {text-align:center; color:white; font-style:italic; font-size:12px;}

#pageHeader .subBar .caddy .promoCode .promoCodeError {width:100%; color:red; text-align:center; padding:4px 0;}
#pageHeader .subBar .caddy .promoCode .promoCodeInput {display:inline-block; width:60%;}
#pageHeader .subBar .caddy .promoCode .promoCodeInput input {max-width:100%; border:none; border-radius:0; padding:6px 4px 7px;}
#pageHeader .subBar .caddy .promoCode .promoCodeInput input::placeholder {font-size:13px; font-weight:normal;}
#pageHeader .subBar .caddy .promoCode .promoCodeButton {display:inline-block; width:40%; padding:0;}
#pageHeader .subBar .caddy .promoCode .promoCodeButton .KiosqueDuBoucherButton {min-width:100%; max-width:100%; padding:1px 4px ; font-size:16px; position:relative; top:1px;}

#MobileMenu {display:none;}

/* footer */
#pageFooter {width:100%; font-size:0; background:black;}
#pageFooter * {color:white;}
#pageFooter .eTitle2 {padding-bottom: 16px; background:url(../img/custom/title-white.png) 50% 100% no-repeat; background-size:12% auto;}
#pageFooter .box {padding:20px 20px 0; font-size:0;}
#pageFooter .box .schedules {display:inline-block; width:50%; text-align:center; vertical-align:top;}
#pageFooter .box .schedules .openings {padding:10px 0 0;}
#pageFooter .box .socialNetworks {display:inline-block; width:50%; text-align:center; vertical-align:top;}
#pageFooter .box .socialNetworks .networkIcon {padding:16px 12px 0; transition:opacity 0.3s ease;}
#pageFooter .box .socialNetworks .networkIcon:hover {opacity:0.6;}
#pageFooter .box .menu {display:block; padding:10px 0; text-align:center;}

/* content */
#pageContent {padding:0 0 80px; background:url(../img/custom/footer.png) 50% 100% repeat-x;}

/* shop */
.shop {margin: 20px auto 0;}
.shop .status {padding:16px; margin:0 0 30px; text-align:center; font-size:30px;}
.shop .status.soft {color:#b72c33;}
.shop .status.hard {background:#b72c33; color:white;}

/* shop - families menu */
.shop .families {display:inline-block; vertical-align:top; width:250px;}
.shop .families .menuHeader {display:none;}
.shop .families .family {display:block; padding:4px 0 4px; margin: 0 0 6px; text-transform:uppercase; font-size:30px; text-align:right; transition: all 0.3s; color:black;}
.shop .families .family:hover {color:#b72c33;}
.shop .families .family.selected {background:url(../img/custom/title-red.png) 100% 100% no-repeat; background-size:15%; font-weight:bold;}

/* shop - families menu */
.shop .families .subMenu {margin: 0 0 4px; padding: 0 10px 0 0; border-right:solid 2px #b72c33;}
.shop .families .subMenu.off {display:none;}
.shop .families .subMenu.on {display:block;}
.shop .families .subMenu .category {display:block; padding:0; text-transform:uppercase; font-size:22px; color:black; text-align:right; transition: all 0.3s;}
.shop .families .subMenu .category:hover {color:#b72c33;}
.shop .families .subMenu .category.selected {color:#b72c33;}

/* shop - articles list */
.shop .articles {display:inline-block; vertical-align:top; width:660px; padding: 0 10px; font-size:0; text-align:center;}
.shop .articles .genericPageController:first-of-type {display:none;}

.shop .articles .article {display:inline-block; padding:0 0 20px; margin:0 20px 20px 0; vertical-align:top; transition: all 0.3s; background:white; max-width:325px;}
.shop .articles .article:hover {box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.10); background-size:auto 10%;}
.shop .articles .article.col3 {width:30%;}
.shop .articles .article.col2 {width:46%;}
.shop .articles .article .picture {text-align:center; padding:0;}
.shop .articles .article .picture img {width:100%;}
.shop .articles .article .title {display:block; text-transform:uppercase; text-align:center; font-size: 24px; color:#b72c33; padding:16px 0;}
.shop .articles .article .description {text-align:center; margin:4px 0; font-style:italic; color:#888;}
.shop .articles .article .priceBar {background:#f9f9f9; cursor:pointer; width:200px; margin:0 auto; overflow:hidden; font-size:0; vertical-align:top;}
.shop .articles .article .priceBar .price {display:inline-block; width:172px; color:black; line-height:24px; height:18px; padding:2px 16px 0; position:relative; top:0; left:0; text-align:center; vertical-align:top; font-size:24px;}
.shop .articles .article .priceBar .price:after {content:attr(data-title); display:inline-block; width:140px; position:relative; top:2px; left:-16px; line-height:20px; height:24px; padding:6px 16px 0; background:#b72c33; color:white; transition:.2s;}

.shop .articles .article .priceBar.off .price {height:28px;}

.shop .articles .article .priceBar .orderButton {display:inline-block; background:url(../img/custom/addToCart.png) 50% 50% no-repeat #b72c33; width:28px; height:28px; margin:0;  vertical-align:top;}
.shop .articles .article .priceBar.on:hover .price:after {top:-28px;}

/* shop - article single */
.shop .articleSingle {display:inline-block; vertical-align:top; width:620px; margin: 0 20px; padding:20px; background:white;}
.shop .articleSingle .actions {font-size:0;  display:block;}
.shop .articleSingle .actions .priceBox {float: left; display:inline-block; width:380px; background:url(../img/custom/addToCart.png) 4% 50% no-repeat #b72c33; padding:5px 8px; margin-right:50px; vertical-align:top; font-size:0; transition: background 0.3s;}
.shop .articleSingle .actions .priceBox .price {float: right; display:inline-block; width:92px; padding:0 8px; font-size:22px; line-height:27px; color:white; vertical-align:top; padding:0 0 0 16px; text-align:right;}
.shop .articleSingle .actions .priceBox .orderButton {display:inline-block; width:262px; padding:0 8px; font-size:22px; line-height:27px; text-transform:uppercase; text-align:left; padding-left:32px; cursor:pointer; color:white;}

.shop .articleSingle .actions .priceBox:hover {background:url(../img/custom/addToCart.png) 4% 50% no-repeat black;}

.shop .articleSingle .data {padding:0 0 20px; font-size:0; display: flex;}
.shop .articleSingle .data .picture {order: 1; display:inline-block; width:200px; text-align:center; vertical-align:top; padding: 10px 10px 10px 0;}
.shop .articleSingle .data .picture img {}
.shop .articleSingle .data .description {order: 2; display:inline-block; width:420px; vertical-align:top; padding-top:20px; color:black;}

.shop .articleSingle .extra {border-top:solid 1px #999999; font-size:0; margin:0 20px 0; padding:20px 0;}
.shop .articleSingle .extra .block {display:inline-block; vertical-align:top;}
.shop .articleSingle .extra .block:first-child {width:65% !important; padding-right:20px;}
.shop .articleSingle .extra .block:last-child {width:35%;}
.shop .articleSingle .extra .block .title {line-height:15px; font-size:12px; padding:0 12px; color:black;}
.shop .articleSingle .extra .block .line {font-size:0;}
.shop .articleSingle .extra .block .line .name {text-align:right; padding-right:10px; color:black;}
.shop .articleSingle .extra .block .line .value {color:#444444; text-align:center;}
.shop .articleSingle .extra .block .item {padding-left:20px;}

/* shop - selection popup */
#SelectionPanel {padding:10px 20px; width:640px; height:480px; overflow:auto;}
#SelectionPanel * {text-align:left;}
#SelectionPanel .eContent1 {color:black;}
#SelectionPanel .articles {font-size:0; padding:0 0 10px; border-bottom: solid 1px #b72c33; margin:0 0 10px;}
#SelectionPanel .articles.last {border:none !important;}
#SelectionPanel .articles .article {display:inline-block; width:50%; padding:1px 0; color:black;}
#SelectionPanel .articles .article input {margin-right:8px;}
#SelectionPanel .buttons {text-align:right;}
#SelectionPanel .qttButton {vertical-align: top; display: inline-block; width: 17px; margin: 6px 6px 0 0; padding: 0px 3px 3px; text-align: center; color: #d22e26; cursor: pointer; font-size: 28px; line-height: 12px; transition: all 0.3s; border: solid 1px #d22e26; border-radius: 12px;}
#SelectionPanel .qttButton.disabled {color:black; border:solid 1px black; opacity:0.35; cursor:default;}
#SelectionPanel .qttButton:hover {color:black; border:solid 1px black;}
#SelectionPanel .qttValue {display:inline-block; margin: 0 6px 0 0; width:10px; text-align:center;}

#SelectionPanel .articles.flash {
    animation-name: error;
    animation-duration: 0.25s;
    animation-iteration-count: 4;
    animation-direction: alternate;
    animation-timing-function: linear;
    background-color: white;
}

@keyframes error {
     to {
          background-color: #b72c33;
    }
}

/* order */
.order {font-size:0; padding:20px; margin: 20px auto 0; max-width:640px; width:100%; background:white;}
.order .message {text-align:center; background:#DC0000; padding:4px 0; color:white;}
.order .message a {color:white; border-bottom:dotted 1px pink; font-family: 'Karantina', sans-serif;}
.order #informationForm {color:black;}
.order #informationForm .eTitle2 {font-size:16px; color:black;}
.order #informationForm .eContent2 {color:black;}
.order #informationForm .formAddress {color:black;}
.order #informationForm .formPhone {color:#b72c33;}

.order #Sites {display:none;}

.order .confirmationBox {color:black; padding:25px 25px 0; margin: 20px 0 0;}
.order .confirmationBox .eContent1 {color:black;}

.order .block {padding:0 0 16px; border-bottom:solid 1px #dfdfdf; font-size:0; margin-bottom:16px;}
.order .block:last-child {border:none;}



/* form */
.form {}
.formHalfLine {display:inline-block; width:50%; padding:4px 0; font-size:0;}
.formLine {display:block; padding:4px 0; font-size:0;}
.formItem {display:inline-block; width:100px; text-align:right; vertical-align:top; color:black;}
.formInput {display:inline-block; width:320px; padding:0 8px;}
.formMediumInput {display:inline-block; width:320px; padding:0 8px; text-align:left;}
.formLongInput {padding:0 8px;}
.formItem + .formLongInput {display:inline-block;}
.formRadio {padding: 2px 0 2px 16px;}
.formAddress {padding: 2px 0 2px 36px; font-style:italic; line-height:17px;}
.formButtons {text-align:right; padding:0;}

/* Demo payment input */
.paymentDemo {width:450px; max-width:100%; margin:40px auto; padding: 20px;}
.paymentDemo .creditcard {display:inline-block; width:240px; border-bottom:solid 1px #707070; height:20px; color:black;}
.paymentDemo .datemonth {display:inline-block; width:40px; border-bottom:solid 1px #707070; height:20px; color:black;}
.paymentDemo .dateyear {display:inline-block; width:40px; border-bottom:solid 1px #707070; height:20px; color:black;}