.dialogShader {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; background-color: #000; opacity: 0.4; z-index: 99;}
.dialogCont {width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 100;}
.dialogCont .centerer {width: 100%; height: 100%; display: flex; align-items: center; justify-content: space-around;}
.dialogCont .dialogFrame {width: 600px; float: left; background-color: #FFF; position: relative;}
.dialogCont .dialogFrame.size-1 {width: 800px;}
.dialogCont .dialogFrame.size-2 {width: 1000px;}
.dialogCont .dialogFrame .close {width: auto; height: auto; float left; position: absolute; color: #FFF; font-size: 40px; top: -30px; right: -27px; line-height: 20px; opacity: 0.7; text-decoration: none;}
.dialogCont .dialogFrame .close:HOVER {opacity: 1;}
.dialogCont .headerFrame {width: 100%; padding: 10px 20px; float: left; background-color: #014799; border-bottom: 1px #014799 solid; color: #FFF; font-size: 20px; font-weight: 500; text-transform: uppercase; text-align: center;}
.dialogCont .headerFrame.red {background-color: #d9001a; border-bottom: 1px #113877 solid;}
.dialogCont .bodyFrame {width: 100%; padding: 30px; float: left; background-color: #FFF; font-size: 14px; font-weight: 300;}
.dialogCont .bodyFrame P:first-child {margin-top: 0px;}
.dialogCont .bodyFrame B {font-weight: 700;}
.dialogCont .scroller {width: 100%; max-height: 50vh; float: left; overflow-y: scroll;}

.dialogCont .bodyFrame .buttonsBigFrame {width: 100%; height: 50px; float: left; display: flex; justify-content: space-between; margin: 20px 0px 0px 0px;}
.dialogCont .bodyFrame .buttonsBigFrame A {width: 48%; height: 100%; border: 1px #eee solid; background-color: #f7f7f7; font-size: 16px; font-weight: 500; color: #5a5a5a; display: flex; align-items: center; justify-content: space-around; text-align: center; text-decoration: none; border-radius: 2px;}
.dialogCont .bodyFrame .buttonsBigFrame A.cart {background-color: #40bfed; color: #FFF;}