/**
 * @brief MrDonerStyle Theme, main styles.
 * @details Plugin / Theme Styles
 * @author JB Lebrun
 * @version 1.0.2.1
 * @date Creation: Sep 2022
 * @date Modification: Dec 2022
 * @copyright 2022 Ideogram Design
 */

@font-face{font-family: "BowlbyOneSC"; src: url('../fonts/BowlbyOneSC-Regular.ttf');}
@font-face{font-family: "OpenSans"; src: url('../fonts/OpenSans_Condensed-Regular.ttf');}
@font-face{font-family: "OpenSansBold"; src: url('../fonts/OpenSans_Condensed-Bold.ttf');}

/* global */
* {padding:0; margin:0; box-sizing: border-box;}
body {background:black;}
p {padding: 8px 0;}
a { text-decoration:none; color:#FFCD00; transition: color 0.3s; }
a:hover {color:#FFCD00;}
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-family: 'OpenSansBold', sans-serif;}
i, em {font-style:italic;}
blockquote {margin:8px 20px;}
input, textarea, select {border:solid 1px black; padding:0; background:white; color:black; font-family: 'OpenSansBold', sans-serif; font-size:15px; border-radius:16px;}
select {padding:4px;}
input, textarea, option {padding:4px 4px; font-family: 'OpenSansBold', sans-serif; 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; font-family: 'OpenSansBold', sans-serif; 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: 'OpenSans', sans-serif; font-size: 16px; font-weight:normal; font-style:normal; color:white;}

/* generic titles */
.eTitle1 {font-family: 'BowlbyOneSC', sans-serif; font-size:30px; text-transform:uppercase; color:#FFCD00; margin:0 0 8px;}
.eTitle2 {font-family: 'OpenSansBold', sans-serif; font-size:21px; text-transform:uppercase; color:#FFCD00; line-height:23px;}
.eTitle3 { font-family: 'OpenSansBold', sans-serif; font-size:18px; color:#FFCD00;}
.eTitle4 {font-size:16px; color:#FFCD00; font-family: 'OpenSansBold', sans-serif;}

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

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

a.eLink1 {transition: color 0.3s, border 0.3s;}
a.eLink2 {font-family: 'OpenSansBold', sans-serif; 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; font-family: 'OpenSansBold', sans-serif; color: white;}
td.eTableLine0 {background:white; padding:4px; font-family: 'OpenSansBold', sans-serif;}
td.eTableLine1 {background:#EFEAF4; padding:4px; font-family: 'OpenSansBold', sans-serif;}

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

/* parts */
.MrDonerButton {display:inline-block; min-width: 150px; padding:4px 8px 2px; font-size:16px; line-height:26px; color:#FFCD00; background:black; border:solid 1px black; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.MrDonerButton:hover {color:white;}
.MrDonerButton2 {display:inline-block; min-width: 150px; padding:4px 8px 2px; font-size:16px; line-height:26px; color:black; border:solid 1px black; text-align:center !important; transition: all 0.3s; text-transform:uppercase;}
.MrDonerButton2:hover {border:solid 1px #FFCD00; color:#FFCD00;}

.MrDonerButton + .MrDonerButton, .MrDonerButton2 + .MrDonerButton, .MrDonerButton + .MrDonerButton2, .MrDonerButton2 + .MrDonerButton2 {margin-left:20px;}

/* media popup */
.mediaPopupBkgd {position:fixed; left:0; top:0; background:black; opacity:0.75; filter:alpha(opacity=75); width:100%; z-index:10000;}
.mediaPopup {z-index:10001; padding:10px; background:white; position:fixed; top:0; left:0; text-align:center; max-width:96%; box-sizing: content-box;}
.mediaPopup .closeButton {width:0; height:0; overflow:visible; float:right; position:relative; top:0px; left:-35px; 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: 'OpenSansBold', sans-serif; background:white;}

/* 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: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; font-family: 'OpenSansBold', sans-serif; padding:5px 12px; font-size:16px; color:black; background:#FFCD00; text-decoration:none; display:inline-block;}
.genericPageController .gpcLink {line-height:17px; color:white; padding:5px 12px; text-decoration:none; font-size:16px; font-weight:600; display:inline-block; transition: color 0.3s;}
.genericPageController .gpcLink:hover {text-decoration:none; color:#FFCD00; }
.genericPageController .gpcSpacer{padding:0 2px; color:white; text-decoration:none;}
.genericPageController .gpcLPage{padding:0; color:white; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcRPage{padding:0; color:white; text-decoration:none; /* border:solid 1px #363336; */ border-right:none;}
.genericPageController .gpcPage{padding:0; color:white; 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:#FFCD00; font-size:0;}
.color2Line {background:#3d6416; font-size:0;}
.color3Line {background:#FFCD00; font-size:0;}

.color1Line .eTitle2 {color:white;}
.color1Line .MrDonerButton {background:#2f343d; border:solid 1px #2f343d; min-width:220px;}
.color1Line .MrDonerButton: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:100px; overflow:visible; background:url(../img/custom/bkgd.gif) 0 0 repeat-x; font-size:0;}

#pageHeader .headBar .myCaddy {display:none;}
#pageHeader .headBar .logo {display:inline-block; width:150px; height:170px; position:relative; z-index:9998; background:url(../img/custom/logo.png) 50% 100% no-repeat; background-size:100% auto; vertical-align:top;}

#pageHeader .headBar .menu {float:right; width:270px; padding:20px 20px 0 20px;}
#pageHeader .headBar .menu a:first-of-type {display:none;}
#pageHeader .headBar .menu a {display:block; padding:4px 8px 2px; font-size:18px; 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 #FFCD00; color:#FFCD00;}

#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; height:60px; overflow:visible; border-right:solid 1px white; padding:0 10px; vertical-align:top;}
#pageHeader .headBar .sites .site.single {width:auto;}
#pageHeader .headBar .sites .site:last-child {border:none;}
#pageHeader .headBar .sites .site .title {font-family: 'OpenSansBold', sans-serif; color:white; font-size:16px;}
#pageHeader .headBar .sites .site .phone a {color:white; font-size:16px;}
#pageHeader .headBar .sites .site .schedule {color:white; font-size:16px;}
#pageHeader .headBar .sites .site .address {color:white; font-size:16px;}

#pageHeader .subBar {height:60px; overflow:visible; font-size:0px;}
#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:87px 0 0; background:#FFCD00;}
#pageHeader .subBar .caddy .header {font-family: 'BowlbyOneSC', sans-serif; font-size:20px; padding: 12px 0 4px; text-transform:uppercase; text-align:center; color:white;}
#pageHeader .subBar .caddy .total {font-family: 'OpenSansBold', sans-serif; font-size:24px; padding: 0 16px; color:black; text-align:center;}
#pageHeader .subBar .caddy .total .oldPrice {text-decoration:line-through; color:black;}
#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:black; font-family: 'OpenSansBold', sans-serif; color:#FFCD00; padding:4px; text-transform:uppercase; text-align:center; font-size:14px; transition: * 0.3s ease;}
#pageHeader .subBar .caddy .finaliseButton:hover {color:white;}
#pageHeader .subBar .caddy .articles {}
#pageHeader .subBar .caddy .articles .article {font-size:0; border-bottom:solid 1px black; 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; font-family: 'OpenSansBold', sans-serif; color:black; font-size:15px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton {vertical-align:top; display:inline-block; width:25px; margin:0 0 0; padding:4px 3px 4px ; text-align:center; color:black; cursor:pointer; font-family: 'OpenSansBold', sans-serif; font-size:15px; line-height:13px; transition: all 0.3s; border:solid 2px black; border-radius:16px;}
#pageHeader .subBar .caddy .articles .articleQuantityButton:hover {background:white;}
#pageHeader .subBar .caddy .articles .articleQuantityNoButton {vertical-align:top; display:inline-block; width:25px; margin:0 0 0; padding:4px 3px 4px ; text-align:center; color:#FFCD00; font-family: 'OpenSansBold', sans-serif; font-size:20px; line-height:13px;}
#pageHeader .subBar .caddy .articles .articleTitle .masterTitle {color:black; font-size:15px; line-height:16px; padding:5px 0;}
#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:black; font-size:14px;}
#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:#444444; font-size:12px;}

/* Caddy - promotional code */
#pageHeader .subBar .caddy .promoCode {padding: 8px 16px; font-size:0; margin:8px; border-bottom:solid 1px black; border-top:solid 1px black;}
#pageHeader .subBar .caddy .promoCode:empty {display:none;}
#pageHeader .subBar .caddy .promoCode .promoCodeTitle {width:100%; color:black; text-transform:uppercase; text-align:center;}
#pageHeader .subBar .caddy .promoCode .promoCodeName {font-size:24px; text-align:center; color:black; padding:4px; border: solid 1px black; margin:0 20px;}
#pageHeader .subBar .caddy .promoCode .promoCodeDesc {text-align:center; color:black;}
#pageHeader .subBar .caddy .promoCode .promoCodeCondition {text-align:center; color:black; 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:4px 4px 7px;}
#pageHeader .subBar .caddy .promoCode .promoCodeInput input::placeholder {font-size:12px; font-weight:normal;}
#pageHeader .subBar .caddy .promoCode .promoCodeButton {display:inline-block; width:40%; padding:0;}
#pageHeader .subBar .caddy .promoCode .promoCodeButton .MrDonerButton {min-width:100%; max-width:100%; padding:2px 4px ; font-size:12px;}

#MobileMenu {display:none;}

/* footer */
#pageFooter {width:100%; padding:20px; font-size:0; background:url(../img/custom/bkgd.gif) 0 0 repeat; box-shadow: -4px 0 6px 4px rgba(31,29,31,0.7);}
#pageFooter * {color:black;}
#pageFooter .box {background:#FFCD00; 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:10px 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 {margin:0 0 80px;}

/* shop */
.shop {margin: 20px auto 0;}
.shop .status {padding:16px; margin:8px 0 12px; text-align:center; font-size:20px;}
.shop .articles .status {margin:8px 24px 12px 6px;}
.shop .status.soft {background:#FFCD00; color:black;}
.shop .status.hard {background:#c10000; 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:10px 0 10px 20px; text-transform:uppercase; font-size:18px; color:white; text-align:right; transition: all 0.3s; border-bottom:solid 1px #FFCD00;}
.shop .families .family:hover {color:#FFCD00;}
.shop .families .family.selected {color:#FFCD00; font-family: 'OpenSansBold', sans-serif;}

/* shop - families menu */
.shop .families .subMenu {margin: 4px 10px 0 0;}
.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:16px; color:white; text-align:right; font-weight:300; transition: all 0.3s;}
.shop .families .subMenu .category:hover {color:#FFCD00;}
.shop .families .subMenu .category.selected {color:#FFCD00; font-family: 'OpenSansBold', sans-serif;}
.shop .families .subMenu .category.hidden {display:none;}

/* shop - category list */
.shop .categories {display:inline-block; vertical-align:top; width:640px; margin: 0 10px; font-size:0; background:url(../img/custom/categories.png) 50% 0 repeat-y;}
.shop .categories .categoryButton {display:inline-block; width:50%; height:350px; text-align:center;}
.shop .categories .categoryButton .picture {height: 256px; cursor:pointer;}
.shop .categories .categoryButton .button {height: 94px; overflow:visible; padding-top:20px;}

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

.shop .articles .article {display:inline-block; padding:2px 0 20px; margin:8px; vertical-align:top; transition: all 0.3s; background:white;}
.shop .articles .article:hover {}
.shop .articles .article.col3 {width:30%;}
.shop .articles .article.col2 {width:46%;}
.shop .articles .article .picture {text-align:center; padding:5px 0;}
.shop .articles .article .picture img {width:225px;}
.shop .articles .article .title {display:block; font-family: 'BowlbyOneSC', sans-serif; text-transform:uppercase; text-align:center; font-size: 18px; color:black; padding:0 0 10px; line-height:20px;}
.shop .articles .article .description {text-align:center; margin:4px 0; font-style:italic; color:#888;}
.shop .articles .article .priceBar {background:#282626; 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:#FFCD00; line-height:24px; height:18px; padding:2px 16px 0; position:relative; top:0; left:0; text-align:center; vertical-align:top;}
.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:#FFCD00; color:black; transition:.2s;}
.shop .articles .article .priceBar .orderButton{display:inline-block; background:url(../img/custom/addToCart.png) 50% 50% no-repeat #FFCD00; width:28px; height:28px; margin:0;  vertical-align:top;}
.shop .articles .article .priceBar:hover .price:after{top:-28px;}

/* shop - article single */
.shop .articleSingle {display:inline-block; vertical-align:top; width:620px; margin: 8px 20px; background:white;}
.shop .articleSingle .actions {font-size:0;  display:block; padding:20px;}
.shop .articleSingle .actions .priceBox {float: left; display:inline-block; width:380px; background:url(../img/custom/addToCartY.png) 4% 50% no-repeat black; padding:6px 8px 5px; 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; font-size:16px; color:#FFCD00; font-family: 'OpenSansBold', sans-serif; vertical-align:top; padding:0 0 0 16px; text-align:right; transition: color 0.3s;}
.shop .articleSingle .actions .priceBox .orderButton {display:inline-block; width:262px; font-size:16px; text-transform:uppercase; text-align:left; padding-left:32px; cursor:pointer; color:#FFCD00; transition: color 0.3s;}

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


.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;}
.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 {font-family: 'OpenSansBold', sans-serif; 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 .eTitle2 {color:black;}
#SelectionPanel .eContent1 {color:black;}
#SelectionPanel .articles {font-size:0; padding:0 0 20px; border-bottom: solid 1px #B0B0B0; margin: 10px 0 20px;}
#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: 2px 6px 0 0; padding: 2px 4px; text-align: center; color: #FFCD00; cursor: pointer; font-weight: bold; font-size: 16px; line-height: 12px; transition: all 0.3s; border: solid 1px #FFCD00; border-radius: 12px;}
#SelectionPanel .qttButton.disabled {color:#444444; border:solid 1px #444444; opacity:0.35; cursor:default;}
#SelectionPanel .qttButton:hover {color:#282626; border:solid 1px #282626;}
#SelectionPanel .qttValue {display:inline-block; margin: 0 6px 0 0; width:10px; text-align:center; color:#444444;}
#SelectionPanel .options {background: rgba(255,205,0,0.12); padding:12px 16px; margin: 10px 0 12px;}
#SelectionPanel .options .eTitle3 {margin:12px 0 10px; border-bottom:solid 1px  #FFCD00; padding-bottom:3px;}
#SelectionPanel .options .eTitle3:first-child {margin-top:0;}
#SelectionPanel .articles.flash {
    animation-name: error;
    animation-duration: 0.25s;
    animation-iteration-count: 5;
    animation-direction: alternate;
    animation-timing-function: linear;
    background-color: white;
}

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

/* order */
.order {font-size:0; padding:7px 270px;}
.order .message {text-align:center; background:#DC0000; padding:4px 0; color:white; }
.order .message a {color:white; border-bottom:dotted 1px white; font-family: 'OpenSansBold', sans-serif;}
.order #informationForm {background:white; color:black; padding:25px 25px 0;}
.order #informationForm .eTitle2 {font-size:16px; color:black;}
.order #informationForm .eContent2 {color:black;}
.order #informationForm .formAddress {color:black;}
.order #informationForm .formPhone {color:#FFCD00;}

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

.order #selectPaymentForm {background:white; color:black; padding:25px 25px 0;}
.order #selectPaymentForm .eTitle2 {font-size:16px; color:black;}
.order #selectPaymentForm .eContent1 {color:black;}
.order #selectPaymentForm label {color:black;}

.order .block {padding:0 0 16px; border-bottom:solid 1px #dfdfdf; font-size:0;}
.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; background:white; padding:15px 25px 25px;}

.paymentDemo {width:450px; max-width:100%; margin:40px auto; padding: 20px; background:white;}
.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;}

/* home *
.homePortal .bannerBox {height:350px; overflow:display;}
.homePortal .banners {width:1150px; margin:0 auto; background:#232123; height:350px; overflow:visible; font-size:0;}
.homePortal .banners .blockBanner {display:none; font-size:0;}
.homePortal .banners .banner {position:relative; width:0; height:0; overflow:visible; font-size:0;}
.homePortal .banners .banner img {width:1150px; max-width:1150px; height:350px;}
*/

.homePortal .bannerBox {}
.homePortal .banners {position:relative; text-align:center;}
.homePortal .banners .blockBanner {display:block; font-size:0;}
.homePortal .banners .banner {position:absolute; width:100%; top:0; font-size:0; text-align:center;}

.homePortal .shopButton {font-size:0px;}
.homePortal .shopButton .content {display:inline-block; width:58%; background-color:rgba(0,0,0,0.2); padding: 20px 40px 20px 120px; color:white; vertical-align:top; }
.homePortal .shopButton .content * {color:white;}
.homePortal .shopButton .button {display:inline-block; width:42%; padding: 30px 40px 10px; color:white; text-align:center; vertical-align:top;}
.homePortal .shopButton .button:hover {opacity:0.8;}

.homePortal .freeContent .mainContent{max-width:920px; padding:20px 0;}
.homePortal .mainContent.articles {padding:20px 40px 20px 20px; font-size:0;}
.homePortal .articles .article {display:inline-block; width:50%; vertical-align:top;}

.homePortal .mainContent.guestbook {padding:20px 40px 20px 20px; font-size:0;}
.homePortal .guestbook .messages {display:inline-block; width:70%; vertical-align:top;}
.homePortal .guestbook .messages .message {border-bottom:solid 1px #FFCD00;}
.homePortal .guestbook .buttonBox {display:inline-block; width:30%; vertical-align:top; text-align:right;}
.homePortal .guestbook .buttonBox .buttons {margin-bottom:12px;}

.homePortal .mainContent.survey {padding:20px 40px 20px 20px; font-size:0; text-align:center;}
.homePortal .survey .eTitle2 {text-align:left;}
.homePortal .survey .column {display:inline-block; vertical-align:top; width:45%;}
.homePortal .survey .g-recaptcha {display:inline-block; margin: 0 auto;}



/* articles */
.mainContent.articles {padding:20px 270px 20px 155px; font-size:0;}
.articles .article {}
.articles .article .date {width:80px; float:left;}
.articles .article .date .dayMonth {}
.articles .article .date .day {text-align:right; color:#FFCD00; font-size:32px; line-height:32px; padding:4px 0 0;}
.articles .article .date .month {text-align:right; color:#FFCD00; font-size:24px; line-height:18px; padding: 0 0 4px;}
.articles .article .date .year {display:none; color:#FFCD00; text-align:center; padding: 4px; font-family: 'OpenSansBold', sans-serif;}
.articles .article .content {margin-left:100px; border-left:solid 1px #FFCD00; padding-left:32px;}
.articles .article .content a.title {font-size:18px;}
.articles .bottomSeparator {clear:both; height:20px;}

.mainContent.articleDisplay {padding:20px 270px 20px 155px;}
.articleDisplay .date {width:80px; float:left; padding-right:20px; border-right:solid 1px #FFCD00;}
.articleDisplay .date .dayMonth {}
.articleDisplay .date .day {text-align:right; color:#FFCD00; font-size:32px; line-height:32px; padding:4px 0 0;}
.articleDisplay .date .month {text-align:right; color:#FFCD00; font-size:24px; line-height:18px; padding: 0 0 4px;}
.articleDisplay .date .year {display:none; color: #FFCD00; text-align:center; padding: 4px; font-family: 'OpenSansBold', sans-serif;}
.articleDisplay .content {margin-left:100px; padding-left:32px;}
.articleDisplay .content .picture {margin:12px 0; text-align:center;}
.articleDisplay .share {float:right; line-height:10px;}
.articleDisplay .share img {vertical-align:-8px;}

.commentWarning {padding:4px 0; font-size:12px;}

#comments {margin-left:100px;}
.commentForm .formInput {padding:4px 0; display:block; width:100%;}
.commentForm .formButton {padding:4px 0; text-align:right;}
.commentForm .g-recaptcha div {margin-left:auto;}

.commentList .commentHeader {font-family: 'OpenSansBold', sans-serif;}
.commentList .commentHeader .info {font-family: 'OpenSansBold', sans-serif; color: #FFCD00;}
.commentList .commentContent {padding-left:40px;}

/* guest book */
.mainContent.guestbook {padding:20px 270px; font-size:0;}
.guestbook .buttons {padding:4px 20px;}
.guestbook .message {border-bottom: solid 1px #363336; padding:20px; }
.guestbook .message .content {}
.guestbook .message .author {font-size:16px; font-style:italic; color:#FFCD00;}

/* guestbook popup */
.guestBookPopup {padding:10px 20px;}
.guestBookPopup .eContent1{padding:0 0 4px;}
.guestBookPopup .formInput{padding:0 0 8px; display:block; width:100%;}
.guestBookPopup .buttons {padding:4px 0; text-align:right;}

/* account viewer */
.accountViewer {padding:30px 270px;}
.accountViewer.login {text-align:center;}
.accountViewer.login p.eContent1 {text-align:center;}
.accountViewer.login .formButtons {text-align:center;}