#main {

font-family: 'Lato', sans-serif !important;

}

.clearboth {

height: 575px;

}

.white {

width: 960px;
padding-top: 105px;

}

.metrocontent {

position: relative;
width: 100%;

}

.metro-title {

position: relative;
width: 100%;
padding-left: 5px;
margin-top: 1px;

padding-bottom: 15px;
font-size: 30px;
font-weight: 300;

color: #505050;
text-shadow: 0 1px 0 #eee;
cursor: pointer;

}

.metro-text {

position: relative;
width: 80%;
margin-top: -10px;
padding-left: 5px;
padding-bottom: 10px;
font-size: 18px;
text-align: justify;

color: #505050;
text-shadow: 0 1px 0 #eee;

padding: 8px;
display: none;

}

.metro-sub-title {

position: relative;
width: 100%;
padding-left: 5px;

padding-bottom: 5px;
font-size: 20px;
font-weight: 300;

color: #505050;
text-shadow: 0 1px 0 #eee;
cursor: pointer;
display: none;

}

#thecontent-index .live-tile {

display: none;

}

#thecontent-simulator .tile-title {

font-size: 14px;
text-align: center;

}

#index .live-tile img {

position: relative;
left: 0%;
width: 100%;

}

.tile-img-hover {

position: absolute;

background: rgba(0,0,0,0.5);
width: 100%;
height: 100%;

cursor: default;
display: none;

}


.sim-simulator-total {

width: 630px;
height: 470px;

background: #8ed300;


}
#thecontent-simulator .live-tile {

cursor: pointer;

}
.live-tile-img {

width: 140px;
height: 105px;

position: relative;
left: 5px;

text-align: center;
}

.live-tile-img img {

max-height: 90%;
position: relative;

top: 8%;
}

.tile-active {

position: absolute;

border: 5px solid #686868;
width: 140px;
height: 140px;

top: 0;

}

.two-wide .tile-active {

position: absolute;

border: 5px solid #686868;
width: 300px;
height: 140px;

top: 0;

}

.two-wide .tileactive-tick {

width: 30px;
height: 30px;
background: #686868;

position: relative;
left: 270px;

}

#simulator-sidepanel {

position: absolute;
right: 0;
top: 0;

width: 320px;
height: 100%;

float: right;
background: rgba(0,0,0, 0.9);

display: none;
z-index: 9999999;

padding-right: 20px;
padding-left: 20px;
color: white;

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

.sidepanel-footer {

position: absolute;
bottom: 15px;
right: 10px;

font-size: 80%;

}

.sidepanel-content {

position: relative;
top: 50px;


}

.sidepanel-content p {

font-family: 'Lato', sans-serif !important;

}
.sidepanel-header {

width: 100%;

}

.sidepanel-headerimg img {

max-width: 100%;

}

.sidepanel-optioninfo {

width: 100%;
padding-top: 15px;

}

.optioninfo-price {

color: white;
padding-left: 10px;
padding-bottom: 8px;

}

.optioninfo-price div, .optioninfo-price span {

display: inline-block;
font-size: 15px;

}

.sidepanel-simframe {

width: 96%;
border: 1px solid white;

padding-bottom: 1px;
padding-top: 4px;

margin-left: 10px;

}

.sidepanel-simoptions {

}

.sidepanel-headertitle {

text-align: center;
font-size: 25px;

}

.sidepanel-optioninfo p {

padding-right: 5px;
font-weight: 300;
color: white;
margin-top: 5px;

text-align: justify;

}

.sidepanel-simcall p {

padding-right: 5px;
font-weight: 300;
color: white;
margin-top: 5px;

}

.sidepanel-simoptions-exchange, .sidepanel-simoptions-essentials, .sidepanel-simoptions-empresas, .sidepanel-simoptions-premium, .sidepanel-simoptions-computers, .sidepanel-simoptions-wireless, .sidepanel-simoptions-servers, .sidepanel-simoptions-users, .sidepanel-simoptions-checkbox {

color: black;
border-bottom: 1px solid white;

width: 94%;

padding-top: 5px;
padding-bottom: 5px;

margin-left: 3%;
margin-bottom: 8px;


}

.simoptions-checkbox-checkbox {

background: white;

}

.simoptions-exchange-number,.simoptions-essentials-number, .simoptions-empresas-number, .simoptions-premium-number, .simoptions-servers-number, .simoptions-wireless-number, .simoptions-computers-number, .simoptions-users-number {

display: inline-block;
margin-left:

}

.simoptions-exchange-less:hover, .simoptions-exchange-plus:hover, 
.simoptions-essentials-less:hover, .simoptions-essentials-plus:hover, 
.simoptions-empresas-less:hover, .simoptions-empresas-plus:hover, 
.simoptions-premium-less:hover, .simoptions-premium-plus:hover, 
.simoptions-users-less:hover, .simoptions-users-plus:hover, 
.simoptions-wireless-less:hover, .simoptions-wireless-plus:hover, 
.simoptions-servers-less:hover, .simoptions-servers-plus:hover, 
.simoptions-computers-less:hover, .simoptions-computers-plus:hover {

/*
background: #969696;
background: -moz-linear-gradient(top,  #969696 12%, #e3e3e3 70%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#969696), color-stop(70%,#e3e3e3));
background: -webkit-linear-gradient(top,  #969696 12%,#e3e3e3 70%);
background: -o-linear-gradient(top,  #969696 12%,#e3e3e3 70%); 
background: -ms-linear-gradient(top,  #969696 12%,#e3e3e3 70%); 
background: linear-gradient(to bottom,  #969696 12%,#e3e3e3 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#969696', endColorstr='#e3e3e3',GradientType=0 );
*/

background: #efefef; /* Old browsers */
background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */



}

.simoptions-exchange-less, .simoptions-exchange-plus, 
.simoptions-essentials-less, .simoptions-essentials-plus, 
.simoptions-empresas-less, .simoptions-empresas-plus, 
.simoptions-premium-less, .simoptions-premium-plus, 
.simoptions-users-less, .simoptions-users-plus, 
.simoptions-wireless-less, .simoptions-wireless-plus, 
.simoptions-servers-less, .simoptions-servers-plus,
.simoptions-computers-less, .simoptions-computers-plus {

float: left;
position: relative;
top: 1px;

width: 25px;
height: 20px;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#efefef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#efefef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */



/*
background: #e3e3e3;
background: -moz-linear-gradient(top,  #e3e3e3 12%, #969696 70%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(12%,#e3e3e3), color-stop(70%,#969696));
background: -webkit-linear-gradient(top,  #e3e3e3 12%,#969696 70%);
background: -o-linear-gradient(top,  #e3e3e3 12%,#969696 70%);
background: -ms-linear-gradient(top,  #e3e3e3 12%,#969696 70%);
background: linear-gradient(to bottom,  #e3e3e3 12%,#969696 70%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#969696',GradientType=0 );

*/


display: inline-block;
color: black;

text-align: center;
font-weight: 300;

cursor: pointer;

}

.simoptions-exchange-less span, .simoptions-exchange-plus span, 
.simoptions-essentials-less span, .simoptions-essentials-plus span, 
.simoptions-empresas-less span, .simoptions-empresas-plus span, 
.simoptions-premium-less span, .simoptions-premium-plus span, 
.simoptions-computers-less span, .simoptions-computers-plus span, 
.simoptions-servers-less span, .simoptions-servers-plus span, 
.simoptions-users-less span, .simoptions-users-plus span, 
.simoptions-wireless-less span, .simoptions-wireless-plus span {

font-size: 22px;

position: relative;
bottom: 1px;

}

.simoptions-exchange-plus,
.simoptions-essentials-plus, 
.simoptions-empresas-plus,
.simoptions-premium-plus,
.simoptions-servers-plus, 
.simoptions-computers-plus, 
.simoptions-wireless-plus, 
.simoptions-users-plus, 
.simoptions-checkbox-checkbox {

border-left: 1px solid grey;
border-right: 1px solid grey;

}

.number-input {

font-size: 15px;
margin-left: 15px;
color: white;

position: relative;
top: 2px;

}

.simoptions-included-tag {

display: inline-block;
font-weight: 300;

font-size: 19px;
top: 3px;

padding-bottom: 10px;
position: relative;

}

.simoptions-exchange-tag, 
.simoptions-essentials-tag, 
.simoptions-empresas-tag, 
.simoptions-premium-tag, 
.simoptions-computers-tag, 
.simoptions-wireless-tag, 
.simoptions-servers-tag, 
.simoptions-users-tag, 
.simoptions-checkbox-tag {
display: inline-block;
color: white;
font-weight: 300;

font-size: 15px;
position: relative;
top: 2px;

}

.sidepanel-simaddremove {

padding-left: 10px;
display: inline-block;

}

.simaddremove-add {

width: 97px;
height: 25px;

border: 1px solid white;
text-align: center;
cursor: pointer;
}

.simaddremove-add span {

color: white;
font-weight: 300;
font-size: 18px;

position: relative;
top: 2px;

}

.simaddremove-remove {

width: 102px;
height: 25px;

border: 1px solid #C85051;
background: #C85051;
text-align: center;
cursor: pointer;

display: none;
}

.simaddremove-remove span {

color: white;
font-weight: 300;
font-size: 18px;

position: relative;
top: 2px;

}

.simaddremove-included {

width: 102px;
height: 25px;

border: 1px solid #8ed300;
background: #8ed300;
text-align: center;

display: inline-block;
padding-top: 3px;

}

.sidepanel-simoptions-checkbox {

cursor: pointer;

}

.simoptions-checkbox-tag {

margin-left: 10px;

}

.simoptions-checkbox-checkbox {

float: left;
position: relative;
top: 1px;

width: 25px;
height: 20px;

display: inline-block;
color: black;

text-align: center;
font-weight: 300;

border-right: 1px solid grey;
cursor: pointer;


}

.checkbox-disclaimer {

width: 78%;
position: relative;
left: 55px;
font-size: 13.4px;
text-align: justify;
margin-bottom: 8px;
padding: 2px;

display: none;
}

.sim-total-results, #basic_offer {

padding-left: 20px;
top: 5px;
position: relative;
}

#basic_offer {

top: 8px;
position: relative;

}

.simaddremove-included span {

color: white;
font-weight: 300;
font-size: 18px;

}

/*.optioninfo-price#first {

margin-bottom: -8px;

}

.optioninfo-price#second {

position: relative;


}*/

.sidepanel-simadd-alert {

position: relative;
left: 3%;
margin-bottom: 8px;
width: 94%;

padding-top: 5px;
padding-bottom: 5px;
color: white;
font-weight: 300;
font-size: 14px;
text-align: center;

display: none;
background: #C85051;

}

#alert-zeroquantity {

border: 1px solid #C85051;
background: #C85051;
padding: 5px;

}

.tileactive-tick {

width: 30px;
height: 30px;
background: #686868;

position: relative;
left: 110px;

}

.tileactive-tick img {

position: relative;
float: right;

max-width: 80%;
top: 2px;
right: 1px;

}

#thecontent-index .row {

position: relative;
width: 960px;
display: table-row;

}

#thecontent-simulator .row, .thecontent-simulator-total .row {

position: relative;
width: 800px;

}

#summary-frame .live-tile {

display: none;

}

.summary-price {

color: black;
padding-top: 15px;
padding-left: 10px;
font-size: 30px;
width: 50%;
float: right;
position: absolute;
right: 0;
text-align: center;

}

#summary-frame .live-tile {

cursor: pointer;

}

#sendinfo-ok {

font-weight: 100;
font-size: 28px;
text-align: center;
padding: 10px;


}

#simoptions-profile-dropdown {

background: white;
color: black;
width: 94%;

cursor: pointer;
font-size: 110%;

margin-left: 3%;

}

#profile-dropdown-options {

display: none;
overflow-y: scroll;
height: 105px;

}


#profile-dropdown-options div {

padding-top: 4px;
padding-bottom: 4px;
padding-left: 5px;
background: silver;
font-size: 15px;

}

#profile-dropdown-options div:hover {

background: #e5e5e5;


}

#profile-dropdown-more {

float: right;
width: 35px;
height: 30px;
bottom: 35px;
position: relative;
font-size: 140%;
text-align: center;
padding-top: 5px;

}

.conditions-gen {

position: relative;

cursor: pointer;
font-size: 80%;

}

#terms-conditions {

position: absolute;
left: 0;
bottom: 0;

height:100%;
background: rgba(0,0,0, 0.9);

z-index: 9999999999;
display: none;

}

.indi-conditions {

display: none;

}

.conditions-frame {

font-family: 'Lato', sans-serif !important;
color: white;
padding-left: 170px;
margin-top: 110px;

height: 75%;
position: absolute;
overflow-y: auto;
overflow-x: hidden;
width: 80%;

}

.conditions-general-text, .conditions-product-text {

padding-right: 10px;

}

.conditions-frame div p, .conditions-frame div li {

font-family: 'Lato', sans-serif !important;
color: white;
font-weight: 300;

}

.ol-conditions {

margin-top: 15px;

}

.ol-conditions li {

color: white;
font-weight: 300;
padding-bottom: 5px;

}


.testimonials-company {

position: absolute;
bottom: -25px;
right: 10px;


}

.testimonials-text {

text-align: justify;
position: absolute;
top: 30px;
padding-right: 10px;
}

.testimonials-header {

color: white;
font-weight: 300;
font-size: 20px;
position: absolute;
top: 5px;
left: 10px;

}

.conditions-general-frame, .conditions-product-frame {

padding-right: 20px;

}

#terms-conditions p {

text-align: justify;

}

.regular-strong {

font-weight: 300;

}

.sidepanel-module-value {

display: none;
text-align: right;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 6px;

}