header,footer,nav,section {display: block;}

/*===========================================================================================================*/
/* TABLE OF CONTENTS */
/* 1. Basic layout   */
/* 2. Aesthetics     */
/* 3. Popup windows  */
/*===========================================================================================================*/

/*===========================================================================================================*/
/* Basic Layout*/
/*===========================================================================================================*/
body{
    font-size: 1px;
    margin:5em;
    padding:0em;
}
.container {
    position:absolute;
    width:1010em;
    height:720em;
    overflow:hidden;
}
.container .about{
    height:20em;
    margin-top:5em;
    margin-left:1em;
    float:left;
    cursor:pointer;
}
/* Basic Layout - Top area (categories)*/
.container .btoHeader {
    border-bottom: 1px solid black;
    float: left;
    height: 44em;
    margin-bottom: 5em;
    width: 1013em;
}
.container .btoHeader .logo {
    float: left;
    height: 40em;
    margin-left:5em;

}
.container .btoHeader .btoHeaderMoto {
    float: left;
    height: 44em;
    margin-left:155em;
    margin-top:8em;
}
.container .btoHeader .btoHeaderMoto .btoHeaderText {
    font-size: 20em;
    color: #25AAE2;
    font-weight: bold;
}
.container .steps {
    float:left;
    width:1013em;
    height:130em;

}
.container .steps .nav {
    float: left;
    width: 36em;
    height: 130em;
}
.container .steps .nav img {
    margin-left:4em;
    margin-top:40em;
    width:32em;
    height:78em;
}
.container .steps .stepsContainer {
    float:left;
    width:941em;
    overflow-x:hidden;
}
.container .steps .stepsContainer .categoriesContainer {
    position: relative;
    width: 1490em; /* The total size of all category icons*/
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate{
    float:left;
    width:79em;
    height:100%;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .stepArea {
    height: 16em;
    width: 100%;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .arrowArea {
    height:27em;
    width:100%;
    padding-top:5em;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .arrowArea .optional{
    'margin-top:-5px
    margin-top:0px;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .arrowArea .ok{
    margin-top:-5px
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .iconArea {
    height:82em;
    width:100%;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .iconArea img {
    width:80em;
}

/* Basic Layout - Content area*/
.container .content{
    float:left;
    width:100%;
    height:520em;
}

/* Basic Layout - Content area - Product Selection area (Left)*/
.container .selectionArea {
    float:left;
    width:300em;
    height:100%;
}
.container .selectionArea .selectionsContainer {
    border-width:5em;
    width:290em;
    height:510em;
}
.container .selectionArea .selectionsContainer .header {
    height: 90em;
}
.container .selectionArea .selectionsContainer .header .stepTitle{
    padding-left:5em;
    padding-top:10em;
}
.container .selectionArea .selectionsContainer .header .stepQuote{
    padding-top:5em;
    padding-left:5em;
}
.container .selectionArea .selectionsContainer .header .stepQuote .separator{
    height:7em;
    background-color:#000000;
}
.container .selectionArea .selectionsContainer .header .filterSelection .filterButton {
    float: right;
    height: 25em;
    margin-top: 2em;
}
.container .selectionArea .selectionsContainer .header .filterSelection .stepTitle{
    float:right;
}
.container .selectionArea .selectionsContainer .filters {
    height: 14em;
    padding-left:5em;
    width:100%;
}
.container .selectionArea .selectionsContainer .filters .appliedFilter {
    overflow: hidden;
    padding-top: 10em;
    margin-right:5em;
}
.container .selectionArea .selectionsContainer .items {
    padding-left: 5em;
    padding-right: 5em;
    height: 356em;
    width:280em;
    overflow-y: auto;
}
.container .selectionArea .selectionsContainer .items .productTemplate{
    clear: both;
    float: left;
    margin-bottom: 15em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .image{
    float:left;
    width:55em;
    margin-right:5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .image img {
    width:60em;
    height:60em;
    margin-top:10em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details{
    float:left;
    width:145em;
    margin-left:5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details .title{
    margin-top:8em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details .description {
    overflow-y:hidden;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls {
    float:left;
    width:30em;
    padding-left:10em;
    padding-top:5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls .selector {
    float:left;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls .selector .selected {
    float:left;
    width:30em;
    height:30em;
    margin-top:5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls .multiplier {
    float:left;
    width:30em;
    height:30em;
    margin-top:5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls .multiplier .text {
    margin-left: 7em;
    margin-top: 5em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .footer {
    float:right;
    height:20em;
    margin-right:10em;
}
.container .selectionArea .selectionsContainer .items .productTemplate .footer .price {
    float: left;
}
.container .selectionArea .selectionsContainer .items .productTemplate .footer .select {
    float:right;
}
.container .selectionArea .selectionsContainer .nextStep {
    height:50em;
}
.container .selectionArea .selectionsContainer .nextStep img {
    margin-top:8em;
    width:290em;
}

/* Basic Layout - Content area - Product Image Area (Middle)*/
.container .imageArea {
    float:left;
    width:490em;
    height:100%;
}
.container .imageArea .insideBoxView,
.container .imageArea .outsideBoxView,
.container .imageArea .onlyBoxView {
    position:absolute;
    width:490em;
    height:520em;
    overflow:hidden;
}
.container .imageArea .onlyBoxView .introScreen {
    width:100%;
    height:100%;
}
.container .imageArea .onlyBoxView .introScreen .textContainer{
    color: #E7E7E9;
    margin-left: 20em;
    margin-top: 110em;
}
.container .imageArea .onlyBoxView .hugeText{
    font-size: 52em;
    font-weight: bold;
}
.container .imageArea .onlyBoxView .boxScreen {
    width:100%;
    height:100%;
}
.container .imageArea .onlyBoxView .boxScreen .boxLargeImage{
    width:100%;
    height:100%;
}




.container .imageArea .insideBoxView .firstColumn {
    float:left;
    width:200em;
    height:100%;
    margin-left:10em;
    overflow:hidden;
    position:relative;
    z-index:10;

}
.container .imageArea .insideBoxView .firstColumn img {
    width:100%;
    height:100%;
}
.container .imageArea .insideBoxView .secondColumn {
    float:left;
    width:125em;
    height:100%;
    margin-left:10em;

}
.container .imageArea .insideBoxView .thirdColumn {
    float:left;
    width:127em;
    height:100%;
    margin-left:10em;

}
.container .imageArea .insideBoxView .box {
    width: 125em;
    height: 120em;
    position: absolute;
    border-width:1em;
}
.container .imageArea .insideBoxView #PSUContainer.box {
    left:220em;
    top:0em;
} 
.container .imageArea .insideBoxView #COOLERContainer.box {
    left:220em;
    top:130em;
}
.container .imageArea .insideBoxView #RAMContainer.box {
    left:220em;
    top:260em;
}
.container .imageArea .insideBoxView #HDDContainer.box {
    left:220em;
    top:390em;
}
.container .imageArea .insideBoxView #CPUContainer.box  {
    left:355em;
    top:0em;
}
.container .imageArea .insideBoxView #MBContainer.box  {
    left:355em;
    top:130em;
}
.container .imageArea .insideBoxView #SVGAContainer.box  {
    left:355em;
    top:260em;
}
.container .imageArea .insideBoxView #ODDContainer.box  {
    left:355em;
    top:390em;
}
.container .imageArea .insideBoxView .box .innerBox {
    width: 85em;
    height: 80em;
    margin: 10em;
    border-width:10em;
}
.container .imageArea .insideBoxView .box .innerBox .message {
    margin-top: 25em;
}
.container .imageArea .insideBoxView .box .selectedItemBox {
    display:block;
}
.container .imageArea .insideBoxView .box .selectedItemBox img {
    width: 95em;
    height: 90em;
    margin: 10em;
}

.container .imageArea .outsideBoxView .firstColumn {
    float:left;
    width:200em;
    height:100%;
    margin-left:10em;
    overflow:hidden;
    position:relative;
    z-index:10;

}
.container .imageArea .outsideBoxView .firstColumn img {
    width:100%;
    height:100%;
}
.container .imageArea .outsideBoxView .secondColumn {
    float:left;
    width:270em;
    height:100%;
    margin-left:10em;

}
.container .imageArea .outsideBoxView .box {
    width:80em;
    height:86em;
    position:absolute;
    border-width:1em;
}
.container .imageArea .outsideBoxView .box.large {
    width: 260em;
    height:202em;
}
.container .imageArea .outsideBoxView .box.medium {
    width: 260em;
    height:86em;
}
.container .imageArea .outsideBoxView .box .innerBox {
    border-width: 10em;
    width:40em;
    height: 46em;
    margin: 10em;
}
.container .imageArea .outsideBoxView .box .innerBox.large {
    width:220em;
    height:162em;
}
.container .imageArea .outsideBoxView .box .innerBox.medium {
    width:220em;
    height:46em;
}
.container .imageArea .outsideBoxView .box .innerBox .message {
    margin-top: 15em;
}      
.container .imageArea .outsideBoxView .box .innerBox.large .message {
    margin-top: 70em;
}  
.container .imageArea .outsideBoxView .box .selectedItemBox {
    display:block;
}
.container .imageArea .outsideBoxView .box .selectedItemBox img {
    height: 66em;
    width: 60em;
    margin: 10em;
}
.container .imageArea .outsideBoxView .box .selectedItemBox.large {
    display:block;
}
.container .imageArea .outsideBoxView .box .selectedItemBox.large>img {
    height: 182em;
    width: 240em;
    margin: 10em;
}
.container .imageArea .outsideBoxView .box .selectedItemBox.medium {
    display:block;
}
.container .imageArea .outsideBoxView .box .selectedItemBox.medium>img {
    height: 66em;
    width: 240em;
    margin: 10em;
}
.container .imageArea .outsideBoxView #OSContainer.box {
    left:220em;
    top:0em;
}
.container .imageArea .outsideBoxView #MOUSEContainer.box {
    left:310em;
    top:0em;
}
.container .imageArea .outsideBoxView #SPEAKERSContainer.box {
    left:400em;
    top:0em;
}
.container .imageArea .outsideBoxView #UPSContainer.box {
    left:220em;
    top:96em;
}
.container .imageArea .outsideBoxView #CABLEContainer.box {
    left:310em;
    top:96em;
}
.container .imageArea .outsideBoxView #OFFICEContainer.box {
    left:400em;
    top:96em;
}
.container .imageArea .outsideBoxView #MONITORContainer.box {
    left:220em;
    top:192em;
}
.container .imageArea .outsideBoxView #KEYBOARDContainer {
    left:220em;
    top:404em;
}

.container .imageArea .firstColumn .boxImage {
    margin-left: -200em;
}

.container .imageArea .box .selectedItemBox .zoom{
    border-radius: 10em;
    bottom: -1em;
    height: 40em;
    position: absolute;
    right: -1em;
    width: 40em;
    cursor:pointer;
}
.container .imageArea .box .selectedItemBox .amnt{
    position: absolute;
    text-decoration:none;
    bottom: 5em;
    left: 10em;

}
.container .imageArea .box .selectedItemBox .amnt .amntText{
    font-size:14em;
    text-decoration:none;
    color:black;
}
.container .imageArea .box .selectedItemBox .zoom .zoomImage{
    width:24em;
    height:24em;
}

/* Basic Layout - Content area - Selected Items Area (Right)*/
.container .selectedArea {
    float:left;
    width:220em;
    height:100%;

}
.container .selectedArea .selectedItemsArea {
    border-width:7em;
    height:340em;
}
.container .selectedArea .selectedItemsArea .title {
    padding-left: 5em;
    padding-top: 10em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer {
    height: 290em;
    margin-top: 10em;
    overflow-y: auto;
    width: 200em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList {
    margin-left:10em;   
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate  {
    width:170em;
    clear:both;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .remove {
    float:left;
    width:14em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .image  {
    float:left;
    width:12em;
    margin-top:7em;
    margin-right:4em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .name  {
    float:left;
    width:90em;
    white-space:normal;
    margin-top:7em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .price  {
    float:left;
    text-align:right;
    width:50em;
    margin-top:7em;
    cursor:pointer;
}
.container .selectedArea .total {
    height:80em;
    margin-top:6em;
}
.container .selectedArea .total .separator{
    height:7px;
}
.container .selectedArea .total .price {
    float:right;
}
.container .selectedArea .total .reset {
    float:right;
    clear:both;
}
.container .selectedArea .social {
    height:74em;
    margin-top:6em;
}
.container .selectedArea .social .buyIt {
    float: left;
    height: 26em;
    padding-top: 7em;
    width: 100%;
}
.container .selectedArea .social .button {
    float: left;
    height: 26em;
    margin-right: 6em;
    margin-top: 8em;
    width:106em;
    padding-top:7em;
}
.container .selectedArea .social .button:last-child {
    margin-right: 0em;
    float:right;
}

/*===========================================================================================================*/
/* Aesthetics */
/*===========================================================================================================*/
body, .container .steps .stepsContainer .categoriesContainer {
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
body
{
    font-family: Tahoma, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;

    display:none; /*Will be set to visible by code when ready*/
}
.normalText{
    font-size:11em;
}
.biggerText{
    font-size:13em;
}
.bigestText{
    font-size:16em;
}
.bold{
    font-weight:bold;
}

/* Aesthetics - Top area (categories)*/
.container .steps .nav{
    cursor:pointer;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .stepArea{
    font-family:Tahoma;
    font-weight:bold;
    text-align:center;
    color:#d1d2d4;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .arrowArea {
    text-align:center;
    color:green;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .arrowArea .optionalText{
    color:#BCBDC1;
    line-height:100%;
}
.container .steps .stepsContainer .categoriesContainer .categoryTemplate .iconArea {
    cursor:pointer;
}

/* Aesthetics - Content area - Product Selection area (Left)*/
.container .selectionArea .selectionsContainer {
    border-radius:10em;
    border-color:#e7e7e9;
    border-style:solid;
    background-color:#e7e7e9;
}
.container .selectionArea .selectionsContainer .header {
    background-color:#e7e7e9;
}
.container .selectionArea .selectionsContainer .header .stepTitle {
    font-weight:bold;    
    cursor:pointer;
    color:#25aae2;
}
.container .selectionArea .selectionsContainer .header .stepQuoteText .categoryTitle {
    font-size:18em;
    font-weight:bold;
    color:#000000;
}
.container .selectionArea .selectionsContainer .header .itemCount {
    font-size:14em;
    font-weight:bold;
    color:#000000;
    float:left;
    margin-top:0.7em;
    margin-left:0.4em;
}
.container .selectionArea .selectionsContainer .header .filterButton {
    cursor:pointer;
}
.container .selectionArea .selectionsContainer .filters {
    background-color:#e7e7e9;
}
.container .selectionArea .selectionsContainer .filters .filtersAppliedText {
    font-size:11em;
}
.container .selectionArea .selectionsContainer .filters .appliedFilter {
    text-align: right;
    white-space: nowrap; 
}
.container .selectionArea .selectionsContainer .items {
    background-color:white;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details{
    cursor:pointer;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls{
    cursor:pointer;
}
.container .selectionArea .selectionsContainer .items .productTemplate .controls .multiplier {
    background-image:url('./images/icons/multiplier.png');
    background-size:100% 100%;
    background-repeat:no-repeat;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details .title {
    font-family:Tahoma;
}
.container .selectionArea .selectionsContainer .items .productTemplate .details .description {
    color:#818286;
}
.container .selectionArea .selectionsContainer .items .productTemplate .footer .price {
    cursor: pointer;
    font-family: tahoma;
}
.container .selectionArea .selectionsContainer .items .productTemplate .footer .select {
    color:red;
    cursor:pointer;
}
.container .selectionArea .selectionsContainer .nextStep img {
    cursor:pointer;
}

/* Aesthetics - Content area - Product Image Area (Middle)*/
.container .imageArea .insideBoxView .box {
    border-style:solid;
    border-color: #E7E7E9;
    border-radius:10em;
    cursor:pointer;
}
.container .imageArea .insideBoxView .box .innerBox {
    background-color: #E7E7E9;
    border-style:solid;
    border-color: #E7E7E9;
    border-radius: 10em;
}
.container .imageArea .insideBoxView .box .innerBox .message {
    color: white;
    font-weight: bold;
    text-align: center;
}
.container .imageArea .insideBoxView .box .innerBox .message .messageText {
    font-size: 10em;
}
.container .imageArea .insideBoxView .box .selectedItemBox {
    text-align: center;
}
.container .imageArea .insideBoxView .box a.selectedItemBox img{
    border-width:0em;
    border-style:none;
}

.container .imageArea .outsideBoxView .box {
    border-style:solid;
    border-color: #E7E7E9;
    border-radius:10em;
    cursor:pointer;
}
.container .imageArea .outsideBoxView .box .innerBox {
    background-color: #E7E7E9;
    border-style:solid;
    border-color: #E7E7E9;
    border-radius: 10em;
}
.container .imageArea .outsideBoxView .box .innerBox .message {
    color: white;
    font-weight: bold;
    text-align: center;
}   
.container .imageArea .outsideBoxView .box .innerBox .message .messageText {
    font-size: 8em;
}      
.container .imageArea .outsideBoxView .box .selectedItemBox {
    text-align: center;

}
.container .imageArea .outsideBoxView .box a.selectedItemBox img {
    border-width:0em;
    border-style:none;
}


/* Aesthetics - Content area - Selected Items Area (Right)*/
.container .selectedArea .selectedItemsArea {
    background-color:#e7e7e9;
    border-color:#e7e7e9;
    border-style:solid;
    border-radius:10em;
}
.container .selectedArea .selectedItemsArea .title {
    font-weight: bold;
    text-align:center;
    color: #25AAE2;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .remove {
    font-weight:bold;
    cursor:pointer;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .remove .removeText {
    font-size:20em;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .name  {
    cursor:pointer;
}
.container .selectedArea .selectedItemsArea .selectedItemsListContainer .selectedItemsList .selectedItemTemplate .price  {
    text-align:right;
    cursor:pointer;
}
.container .selectedArea .total .separator{
    background-color:#25aae2;
}
.container .selectedArea .total >span{
    color: #25AAE2;
}
.container .selectedArea .total .totalTitle {
    font-size: 21em;
    font-weight: bold;
}

.container .selectedArea .total .price {
    font-size: 21em;
    font-weight: bold;
}
.container .selectedArea .total .reset {
    cursor:pointer;
}
.container .selectedArea .social .buyIt {
    background-color: #CE6353;
    color: white;
    font-weight: bold;
    text-align: center;
    cursor:pointer;
}
.container .selectedArea .social .buyIt .buyItText {
    font-size: 14em;
}
.container .selectedArea .social .button {
    background-color: #95969A;
    cursor:pointer;
    text-align: center;
    font-weight:bold;
    color:white;
}
.container .selectedArea .social .button .text {
    font-size: 14em;
}
.container .about .aboutText{
    font-size:9px;
    color:gray;
}
.container .about .aboutText a{
    
    color:gray;
}
/*===========================================================================================================*/
/* Popup windows */
/*===========================================================================================================*/

/* Popup windows - Filters*/
.filtersPopup {
    background-image: url("./images/filters.png");
    background-size:100%;
    height: 357em;
    left: 300em;
    position: absolute;
    top: 250em;
    width: 470em;
    display:none; 
    z-index:999;
} 
.filtersPopup .filtersList {
    margin-left:50em;
    height: 332em;
    overflow-y: auto;
    width: 417em;
    margin-top:20em;
}
.filtersPopup .filtersList .filter {
    margin-right:10em;
}
.filtersPopup .filtersList .filter .title{
    font-weight:bold;
    clear:both;
    padding-top:10em;
}
.filtersPopup .filtersList .filter .values .value {
    width: 180em;
    float: left;
}

/* Popup windows - Product details*/
.productPopupBackground {
    position:absolute;
    left:0em;
    top:0em;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.9);
    display:none;
    z-index:1100;
}
.productPopupBackground .productPopupControls {
    color: white;
    cursor: pointer;
    left: 880em;
    position: absolute;
    top: 20em;
}
.productPopupBackground .productPopupControls .productPopupControlsText {
    font-size: 20em;
}
.productPopupBackground .productPopup {
    background-color: white;
    border-radius: 10em 10em 10em 10em;
    height: 500em;
    left: 20em;
    padding: 20em;
    position: absolute;
    top: 50em;
    width: 920em;
    text-align:center;
}

#productPage{
    width:100%;
    height:100%;
    border-width:0em;
}
#productImage {
    height:100%;
}
/* Popup windows - Finished */
.finishMessagePopupBackground{
    position:absolute;
    left:0em;
    top:0em;
    width:100%;
    height:100%;
    display:none;
    background-color: rgba(0, 0, 0, 0.7);
    z-index:1100;
}
.finishMessagePopupBackground .finishMessagePopupContainer{
    background-color: rgba(0, 0, 0, 0.7);
    border-radius: 10em 10em 10em 10em;
    height: 400em;
    left: 200em;
    position: absolute;
    top: 150em;
    width: 600em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup {
    margin: 30em;
    background-color: white;
    border-radius: 10em 10em 10em 10em;
    padding: 20em;
    height: 300em;
}

.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .message {
    font-family: tahoma;
    color:black;
    margin-top:10em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .messageText{
    font-size: 20em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .message.emphasis {
    color: #CF6252;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .missingItems {
    float:left;
    width:100%;
    margin-top:10em;
    color:gray;
    clear:both;
    margin-bottom:10em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .missingItems .missingItem {
    float:left;
    margin-right:10em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .buttons {
   margin-top:40em;
   float:left
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .buttons .text{
    font-size:16em;
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .buttons .continue {
   cursor:pointer;
   float:left;
   width:80em;
   height:35em;
   background-color:#21933C;
   padding-top:10em;
   padding-left:10em;
   color:white
}
.finishMessagePopupBackground .finishMessagePopupContainer .finishMessagePopup .buttons .return {
   cursor:pointer;
   float:left;
   width:95em;
   height:35em;
   background-color:#CF6252;
   padding-top:10em;
   padding-left:10em;
   color:white;
   margin-left:10em;
}


/* Popup windows - Dialog */
.ui-dialog .ui-dialog-title {
    font-size:18em;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 10em;
}
.ui-button-text {
    font-size:16em;
}
#dialog,
#dialog-confirm
 {
    padding:10em;
}
#dialog > p,
#dialog-confirm >p {
    font-size:16em;
}