/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; height: 100%; margin-bottom: 1px; }
html, button, input, select, textarea { font-family: Helvetica, Arial, sans-serif; color: #333; }
body { margin: 0; }

::-moz-selection { background: #DA1F30; color: #fff; text-shadow: none; }
::selection { background: #DA1F30; color: #fff; text-shadow: none; }

a { color: #bfd730; text-decoration: none; }
a:hover { color: #bfd730; }
a:visited { color: #bfd730; }
a:focus { outline: 0; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0 0 0 0; padding: 0 0 0 0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

svg:not(:root) { overflow: hidden; }

figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; border: 0; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.left {float:left;} .right {float:right;}
.halfWidth { width: 50%; display: block; float: left; }

p { padding: 0.6em 0; margin: 0; color: #666; font-size: 0.9em; line-height: 1.5em; }
span { padding: 0; margin: 0; }

p.order { margin-bottom: 10px; }

/* ==========================================================================
   Overall styles
   ========================================================================== */


@media screen and (-webkit-min-device-pixel-ratio:0) {

}

h1, h2, h3, h4 { font-weight: normal; color: #bfd730; }

h1, h2 { font-family: 'Pathway Gothic One', arial narrow, sans-serif; font-weight: 400; line-height: 0.8em; }
h3, h4 { font-family: Helvetica, Arial, sans-serif; color: #444; font-weight: 400; line-height: 0.9em; }

h1{ font-size:2.2em; margin:.5em 0; font-weight: bold; color: #bfd730; }
h2{ font-size:1.3em; margin:.7em 0; }
h3{ font-size:1.05em; margin:.6em 0; }
h4{ font-size: 19px; margin:0 0; color: rgb(22, 47, 148); }
h4 span { color: #bfd730; }
h5{ font-size:.83em; margin:0 0; }
h6{ font-size:.75em; margin:0 0; }

body { height:100%; background: #bfd730; }

#container { min-height:100%; position:relative; }
#main { /*padding-bottom:100px; Height of the footer */ }
#main a { text-decoration: underline; }
#main .fixedwidth { margin:  30px auto 15px; background: #fff; padding-bottom: 30px;
  -webkit-border-radius: 24px; -moz-border-radius: 24px; -o-border-radius: 24px; border-radius: 24px;
}
#logos { float: right; width: 288px; height: 115px; background: url(../images/logos.png) no-repeat; }

.fixedwidth { margin: 0 auto; width: 740px; padding: 0 60px; position: relative; }

#cboxLoadedContent > div { margin: 20px; }
#cboxLoadedContent div h1 { margin-bottom: 20px; }
#cboxLoadedContent div { color: #333 !important; font-size: 0.8em; }
#cboxLoadedContent div ul { margin-left: 17px; }

#main-content {  }

#main-content p, .paymethodtitle p, .terms-box h2, .contactus1 p { display: block; font-family: 'Pathway Gothic One', arial narrow, sans-serif; color: rgb(22, 47, 148); font-size: 20px; line-height: 23px; }
#main-content p span { color: #333; text-decoration: underline; } 


/* ==========================================================================
   Header internal classes
   ========================================================================== 

#mainNav { list-style: none; margin-top: 21px; background: url(../images/navFadeLine.png) no-repeat center bottom; padding-bottom: 11px; position: absolute; width: 900px; z-index: 999; }
#mainNav li { display: block; float: left; margin-right: 5px; padding-bottom: 5px; }
#mainNav li a { display: block; height: 30px; line-height: 29px; color: rgb(54, 62, 68); padding: 0 10px; font-weight: bold; font-family: Trebuchet MS1, Trebuchet MS, sans-serif; font-size: 1.05em; letter-spacing: -1px;
  -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; border-bottom: solid 1px transparent;
  transition: color 0.1s linear, background 0.1s linear; -moz-transition: color 0.1s linear, background 0.1s linear; -webkit-transition: color 0.1s linear, background 0.1s linear; -o-transition: color 0.1s linear, background 0.1s linear; }
#mainNav li:hover a { background: #e4e4e4; border-bottom: solid 1px #d1d1d1; -o-box-shadow: 0px -1px 0px 0px #eaeaea, 0px -1px 0 1px #d1d1d1; -moz-box-shadow: 0px -1px 0px 0px #eaeaea, 0px -1px 0 1px #d1d1d1; box-shadow: 0px -1px 0px 0px #eaeaea, 0px -1px 0 1px #d1d1d1; }
#mainNav li:hover { background: url(../images/navHoverArrow.png) no-repeat center bottom; }

#mainNav li.active a { background: #343e48; color: #fff; box-shadow: 0px -1px 0px 0px rgb(110, 122, 131), 0px -1px 0 1px #202b34; border-bottom: solid 1px #202b34; cursor: default; }
#mainNav li.active { background: url(../images/navArrow.png) no-repeat center bottom; }

#mainNav li.order a { background: #DA1F30; color: #fff; box-shadow: 0px -1px 0px 0px rgb(235, 160, 160), 0px -1px 0 1px rgb(170, 52, 62); border-bottom: solid 1px rgb(168, 24, 38); }
#mainNav li.order { float: right; background: none; }
#mainNav li.order a:hover { background: rgb(196, 35, 49) }

*/

/* ==========================================================================
   Overall styles
   ========================================================================== */

.blueBtn { display: inline-block; padding: 11px 22px 11px 22px; background: #24305F; text-decoration: none !important; color: #fff; margin: 0; margin-left: 10px; font-size: 15px;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.blueBtn:hover { background-color: #bfd730; color: #fff; }
.backBtn { cursor: pointer; float: left; background-image: url(../images/backArrow.gif); background-position: 6px 6px; background-repeat: no-repeat; padding: 10px 22px 10px 36px; margin: 49px 0 25px !important; }


#thankyou { position: relative; }
#thankyou h4 { display: block; border: 0; margin-bottom: 10px; }
#thankyou img { display: block; position: absolute; top: 96px; right: 79px; }

.strike { background: url(../images/strike.png) no-repeat 0 -1px; }

#loginbox {  margin-top: 20px; float: left; width: 100%; }

#loginbox label { margin-bottom: 10px; display: block; }
#loginbox label input { margin-top: 7px; }

#loginbox input {width: 94%!important;}

#loginbox .right button { width: 180px; height: 180px; }


td .blueBox {  margin-top: 20px; float: left; width: 100%; }

td .blueBox label { margin-bottom: 10px; display: block; }
td .blueBox label input { margin-top: 7px; }

td .blueBox input {width: 94%!important;}

td .blueBox .right button { width: 180px; height: 180px; }

.textured_box {
background-image: url(https://secure.globalroaming.com/img/bkg_blank_alpha.png);
background-repeat: repeat-x;
background-position: 0px 0px;
background-color: #FFF;
width: 240px;
margin: 22px;
height: 195px;
border-radius: 0.4em;
border: 1px solid #666;
margin-top: -19px;
padding-top: 7px;
}


/* ==========================================================================
   Login Page classes
   ========================================================================== */

.login #logos {
float: right;
width: 100%;
height: 115px;
background: url(../images/logos.png) no-repeat 577px;
}
.login .footer #logos {
color: #FFF;
margin-top: -70px;
float: left;
padding-top: 59px;
padding-left: 20px;
width: 115px;
height: 115px;
background: url(../images/logos.png) no-repeat -159px;
background-size: 200% 60%;
}
.login #pageTop h1 {
margin-top: -40px;
margin-bottom: 27px;
}
.login .footer { margin: 20px auto 55px;}
.login .footer .left { width: 15%;}
.login .footer .right { width: 83%; margin-top: -20px; text-align: left;}


/* ==========================================================================
   Form classes
   ========================================================================== */

#pageTop h1 { float: left; display: inline-block; min-width: 430px; margin-top: 37px; }
#pageTop .leftP p { display: block; font-family: 'Pathway Gothic One', arial narrow, sans-serif; color: rgb(22, 47, 148); font-size: 20px; line-height: 23px; }
.leftP { float: left; width: 420px; }
#pageTop img.right { margin-top: 28px; display: block; float: right; }
form label.half { width: 285px; display: inline-block; text-align: center; margin: 13px 0 22px; }
form h3 { margin: 10px 0 8px; }
form label.third { width: 290px; float: left; background: #ebedee; text-align: center; margin: 10px 15px 30px 0; }
form label.third img { margin: 0 20px 6px; }
form label.third input { margin-bottom: 40px; }
form label.third.last { margin-right: 0px; }
form .blueBtn { margin: 0 auto; position: relative; float: left;}
button { border: 0; outline: 0; cursor: pointer; }
button.blueBtn.blueBtnBig { width: 200px; padding: 9px 10px; font-size: 1.2em; }

/* ==========================================================================
   ORDER FORM classes
   ========================================================================== */

form .leftColumn { float: left; width: 350px; text-align: left; font-size: 0.8em; color: #555; }
form .leftColumn img { margin-left: 15px; }
form ul { margin-left: 15px; line-height: 1.6em; margin-top: 5px; }
form li { background: url(../images/bulletArrow.png) no-repeat 0 2px; list-style: none; padding-left: 18px; }
h4 { border-bottom: 0; font-family: 'Pathway Gothic One', sans-serif; font-size: 26px; margin-top: 15px; float: left; display: block; width: 100%; position: relative; margin-bottom: 15px; }
h4:before { content: ''; position: absolute; right: 0; top: 12px; width: 445px; border-bottom: solid 1px #bfd730; }
form .rightColumn { float: right; width: 345px; text-align: left; }

.formSubmitButton button { display: block; padding: 11px 20px 11px 20px; background: rgb(12, 27, 87); text-decoration: none; color: #fff; margin: 0 0 0 0;
  -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; }
.formSubmitButton button:hover { background-color: #bfd730; color: #fff; }

.fieldinputCheckbox input { float: left; display: block; margin: 0 9px 0 1px; }

.fieldLabel { float: left; width: 35%; }
.fieldInput { float: left; width: 55%; }

span.red { color: #CC0000; font-weight: bold; padding-left: 1px; }

.formValidationSection button#payment1, .formValidationSection button#payment2 { background: url(../images/paypal.jpg) no-repeat 43px 0; height: 50px; width: 220px; display: block; float: left; text-indent: -999em; margin-top: 8px; margin-bottom: 10px; }
.formValidationSection button#payment2 { background: url(../images/cardlogos.png) no-repeat; }

.fieldInput input, #loginbox input {
width: 100%;
margin: 2px 10px 2px 0;
padding: 2px 2px 2px 2px;
border: 1px solid #d8d8d8;
font-size: 14px;
-webkit-appearance: textfield;
background-color: white;
-webkit-rtl-ordering: logical;
-webkit-user-select: text;
cursor: auto;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: inline-block;
text-align: start;
}
.fieldInput select { width: 100%; }
.fieldInput textarea { width: 100%; }
.fieldItem { float: left; width: 45%; text-align: left; margin-left: 25px; }
.fieldAlone { clear: right; width: 45%; }

.contactFormSeparation {
float: left;
width: 100%;
}

.form_item { float: left; width: 280px; margin: 0; height: 71px; }
.rightColumn .form_item {  }

.fieldinput {
margin: 6px;
margin-top: 0px;
margin-bottom: 0px;
}
.fieldinput input:focus { outline: none; }
.fieldinput input, #loginbox input { width: 100%; margin: 2px 0; padding: 10px; border: 1px solid #d8d8d8; font-size: 15px;
-webkit-appearance: textfield; background-color: white; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto;
letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start;
-webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
}

.fieldlabel, .fieldlabelError { color: rgb(22, 47, 148); font-family: 'Pathway Gothic One', arial narrow, sans-serif; font-size: 18px; margin: 6px 6px 4px; text-align: left; }
.fieldlabelError { color: #CC0000; }

.fieldinfo { width: 100%; height: 12px; margin: 6px; margin-top: 1px; color: #CC0000; font-size: 0.7em; text-align: left; }


.fieldinputSelect select:focus {
  outline: none;
}
.fieldinputSelect select {
   background: #FFFFFF url(../images/selectArrow.png) no-repeat right center;
   width: 290px;
   font-size: 15px;
   border: 0;
   border-radius: 0;
   -webkit-appearance: none;
   color: #999999;
   border: 1px solid #d8d8d8;
   margin: 2px 5px 2px 0;
   padding: 10px;
   -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px;
   }
.fieldinputSelect {
   margin: 6px;
   width: 100%;
   background: url(/v/img/arrow_select.png);
   background-repeat: no-repeat;
   background-position: right 0px;
   height: 29px;
   margin-top: 0px;
   margin-bottom: 0px;
   cursor:pointer;
   }
   

.fieldinputCheckbox {
  font-size: 12px;
  color: #666666;
  margin: 6px;
  cursor:pointer;
  
}

.formInputSection { float: left; width: 100%; }

.formValidationSection {
float: left;
width: 100%;
}
.formSubmitButton { float: right; margin-right: -16px; }
.formInfoElement {
  float: left;
  margin-left: 16px;
  margin-right: 16px;
}
.form_no_error {
  
  float: left;
  width: 500px;
  border: 1px solid #999999;
  height: 0px;
  visibility:hidden;

  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  background-color: #EFEFEF;
  background-image: url(/v/img/error.png);
  background-position: 8px center;
  background-repeat: no-repeat;
  overflow: hidden;
    opacity:0;
    transition: opacity 0.2s ease-out, height 0.5s ;
  -webkit-transition: opacity 0.2s ease-out, height 0.5s ;
  -moz-transition: opacity 0.2s ease-out, height 0.5s ;
  -o-transition: opacity 0.2s ease-out, height 0.5s ;
} 
.form_error {
  display: inline;
  float: left;
  width: 500px;
  border-bottom: 2px solid #CC0000;
  height: 35px;
  font-size: 12px;
  line-height: 22px;
  background-color: #EFEFEF;
  background-image: url(/v/img/error.png);
  background-position: 8px center;
  background-repeat: no-repeat;
  visibility:visible;
  margin-top: 8px;
  margin-bottom: 8px;
    opacity:1;
    transition: opacity 0.2s ease-out, height 0.5s ;
  -webkit-transition: opacity 1s ease-out, height 0.5s ;
  -moz-transition: opacity 1s ease-out, height 0.5s ;
  -o-transition: opacity 1s ease-out, height 0.5s ;

}

.form_no_submit {
  float: left;
  width: 500px;
  border: 1px solid #999999;
  height: 0px;
      visibility:hidden;
  overflow: hidden;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  background-color: #EFEFEF;
  background-image: url(/v/img/loading.gif);
  background-position: 8px center;
  background-repeat: no-repeat;
    opacity:0;
    transition: opacity 0.2s ease-out, height 0.5s ;
  -webkit-transition: opacity 0.2s ease-out, height 0.5s ;
  -moz-transition: opacity 0.2s ease-out, height 0.5s ;
  -o-transition: opacity 0.2s ease-out, height 0.5s ;
}
.form_submit {
  display: inline;

  float: left;
  width: 500px;
  border-bottom: 2px solid #00CC00;

  height: 35px;
  font-size: 12px;
  line-height: 22px;
  background-color: #EFEFEF;
  background-image: url(/v/img/loading.gif);
  background-position: 8px center;
  background-repeat: no-repeat;
  visibility:visible;
    opacity:1;
    transition: opacity 0.2s ease-out, height 0.5s ;
  -webkit-transition: opacity 1s ease-out, height 0.5s ;
  -moz-transition: opacity 1s ease-out, height 0.5s ;
  -o-transition: opacity 1s ease-out, height 0.5s ;
  -o-transition: opacity 0.2s ease-out, height 0.5s ;
  margin-top: 8px;
  margin-bottom: 8px;
}
.formInputSection p {
  margin: 0px;
  padding: 0px;
  line-height: 22px;
  

}
.formfieldsElement { float: left; clear: both; width: 100%; margin: 8px 0 11px; }

.paymethodtitle {
float: left;
width: 100%;
}
.form_item_Separation {
float: left;
width: 466px;
border-bottom: 1px solid #999999;
margin: 0 16px;
height: 5px;
}
.paymethodtitle h2, .delivermethodtitle h2 {
margin: 20px 0 5px 16px;
font-size: 0.8em;
font-weight: bold;
color: #555;
text-align: left;
}
.paymethodtitle h2 {
margin: 15px 0 5px 16px;
}
.formValidationSection span { color: #5480a0; font-size: 0.8em; margin-left: 6px; text-align: left; display: block; margin-top: 2px; }
.form_item { margin-bottom: 15px; }
.field_info_country { margin-top: 16px; }
.contactForm textarea { margin-top: 3px; border: 1px solid #d8d8d8; outline: 0; }
.contactForm .fieldLabel { font-size: 0.8em; margin-top: 4px; }
.contactForm .fieldInput select { width: 103%; margin: 2px 0 -2px; }
.contactForm .contactFormSeparation { height: 4px; }
.imgAdvantage { margin-top: 20px; }

.disabled, #firstStepConfirm .disabled { background-color: #ccc !important; }

.formValidationSection.lastValidation { float: none; width: 600px; margin: 50px auto; }
.formValidationSection.lastValidation button { background: #fff; float: left; -webkit-appearance: none; border: 0; outline: 0; padding: 0 3px; }
.formValidationSection button img { padding: 0 10px; }

.paymethodtitle p img { margin-left: -5px; }

#field_input_interpass, #field_input_address, #field_input_password, #field_input_login { position: relative; }
#field_input_interpass a, #field_input_address a, #field_input_password a, #field_input_login a { background: url(../images/info.png) no-repeat; width: 30px; height: 30px; display: block; position: absolute; right: -58px; top: 6px; }

/* ==========================================================================
   Contact Us  classes
   ========================================================================== */

.contactus1 table { margin-left: 0px!important; width: 100%!important; border-collapse: collapse; }
.contactus1 tr { border-bottom: solid white 20px; /*change "white" to your background color*/ width: 47%; display: inline-block; margin-right: 22px;}
.contactus1 input { width: 96%!important; margin: 2px 0; padding: 10px; border: 1px solid #D8D8D8; font-size: 15px; -webkit-appearance: textfield; background-color: #FFF; -webkit-rtl-ordering: logical; -webkit-user-select: text; cursor: auto; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0px; text-shadow: none; display: inline-block; text-align: start; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.contactus1 select { background: #FFF url(../images/selectArrow.png) no-repeat right center; width: 100%; font-size: 15px; border: 0; border-radius: 0; -webkit-appearance: none; color: #999; border: 1px solid #D8D8D8; margin: 2px 5px 2px 0; padding: 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; }
.contactus1 input[type="button"] {  display: block; padding: 11px 20px 11px 20px; background: #0C1B57; text-decoration: none; color: #FFF; margin: 0 0 0 0; -webkit-border-radius: 8px; -moz-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; width: auto!important }
.contactus1 span, .contactus1 td { display: block; font-family: 'Pathway Gothic One', arial narrow, sans-serif; color: rgb(22, 47, 148)!important; font-size: 20px; line-height: 23px; }
.contactus1 #capcha { float: left; display: inline; width: 70%; }

/* ==========================================================================
   Misc classes
   ========================================================================== */


.leftP p.order { line-height: 0px!important; padding: 8px 0; }
.delivery_option { border-bottom: 1px dotted #CCC; padding-bottom: 10px; }
.selectedSim, .delivery_option { font-size: 18px!important; }
.selectedSim:before, .delivery_option:before { content: '\2714'; color: #BFD730; margin-right: 5px; }

/* ==========================================================================
   Terms classes
   ========================================================================== */

.terms-box p { color: #666!important; font-family: Helvetica, Arial, sans-serif!important; font-size: 1em!important; line-height: normal!important;  }
.terms-box { height: 420px; width: 100%; padding: 10px 30px; margin-top: 50px; margin-bottom: 25px; font-size: 0.6em; overflow: auto; overflow-x: hidden; text-align: justify; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #CCC; }
.terms-box ul, .terms-box ol { list-style-type:decimal!important; }
.terms-box ul li, .terms-box ol li { list-style-type:decimal!important; display: block; margin: 10px 10px; padding-left: 10px; color: #666; }
.terms-box ul ul li, .terms-box ol ol li { padding-left: 30px; }
#logos.terms { float: right; width: 119px; height: 115px; background: url(../images/logos.png) no-repeat right; }
/* ==========================================================================
   Terms classes - ADDED OLI
   ========================================================================== */
.terms2-box { height: 100%; width: 100%; padding: 0px 0px; margin-top: 0px; margin-bottom: 0px; font-size: 0.6em; overflow: auto; overflow-x: hidden; text-align: justify; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 0px solid #CCC; }


/* ==========================================================================
   Footer classes
   ========================================================================== */

#footerLogo { background: url(../images/roamingLogo.png) no-repeat; width: 121px; height: 67px; margin-top: 26px; float: left; }
footer p { font-size: 0.65em; display: block; width: 753px; float: right; text-align: justify; margin-top: 9px; color: #a5a5a5; }

.footer { margin: 30px auto 55px; padding-bottom: 20px; width: 740px; text-align: center; font-size: 0.5em;} 
.footer li { display: inline-block; color: #666; }
.footer a { color: #666; }
 /* ==========================================================================
 IE8 internal classes
 ========================================================================== */

.lte-ie8 #main .fixedwidth, .lte-ie8 .blueBtn { behavior: url(../css/PIE.htc); }



 /* ==========================================================================
 RETINA + HD classes
 ========================================================================== */

@media  (-webkit-min-device-pixel-ratio: 1.5),  (min-resolution: 144dpi) { 
    /* Retina-specific stuff here */
  #logo { background: url(../images/logo@2x.jpg) no-repeat 0 0; background-size: 100%; }

}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir { background-color: transparent; border: 0; overflow: hidden; *text-indent: -9999px; }
.ir:before { content: ""; display: block; width: 0; height: 100%; }

.hidden { display: none; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

.invisible { visibility: hidden; }

.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * { background: transparent !important; color: #000 !important; box-shadow:none !important; text-shadow: none !important; }
    a, a:visited { text-decoration: underline; }
    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for.. images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; /* h5bp.com/t */ }
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }

    @page { margin: 0.5cm; }

    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}

/* ==========================================================================
   Rates styles
   ========================================================================== */
   #serviceElement {
text-align: left;
width: 80%;
border: 1px solid #DDDDDD;
margin: 12px;
padding: 10px;
float: left;
padding: 10px;
background-color: #FFFFFF;
}
.serviceTitle {
font-weight: bold;
color: #CC0000;
font-size: 14px;

}
.from {
	font-weight: bold;
	margin: 12px;
	float: left;
	width: 260px;
	border: 1px solid #DDDDDD;
	border-radius: 0.4em;
	background-color: #FFFFFF;
}
.to {
	font-weight: bold;
	margin: 12px;
	float: left;
	width: 260px;
	border: 1px solid #DDDDDD;
	border-radius: 0.4em;
	background-color: #FFFFFF;
}
.countryToLabel {
	padding: 12px;
	padding-bottom: 0px;
	
}
.countryFromLabel {
	padding: 12px;
	padding-bottom: 0px;
}
.countryToSelect {

	padding: 12px;
}
.countryFromSelect {

	padding: 12px;
}

.serviceDesc {
margin-top: 10px;
color: #666666;
font-size: 12px;
}
.fieldItem {
}
.fieldName {
	font-weight: bold;

}
.fieldValue {

}

.HfieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
	font-weight: bold;
}

.HfieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
	font-weight: bold;
}

.fieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
}

.fieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
}

.S3gSecureRateItem>.fieldItem {
	float: left;
	height: 20px;
	width: 45%;
}

.S3gSecureRateItem>.HfieldItem {
	float: left;
	height: 20px;
	width: 45%;
	font-weight: bold;
}

.S3gSecureRateItem>.HfieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
	font-weight: bold;
}

.S3gSecureRateItem>.HfieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
	font-weight: bold;
}

.S3gSecureRateItem {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 95%;
	padding: 4px;

}
.S3gSecureRateTable {
margin-top: 22px;

}
.S3gSecureDataUnit {
margin-top: 8px;
margin-bottom: 8px;
}

.S3gSecureRateItem>.fieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
}
.S3gSecureRateItem>.fieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
}



.S3gnosecureRateItem>.fieldItem {
	float: left;
	height: 20px;
	width: 45%;
}

.S3gnosecureRateItem>.HfieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
	font-weight: bold;
}
.S3gnosecureRateItem>.HfieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
	font-weight: bold;
}

.S3gnosecureRateItem {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}
.S3gnosecureRateTable {
margin-top: 22px;

}
.S3gnosecureDataUnit {
margin-top: 8px;
margin-bottom: 8px;
}


.S3gnosecureRateItem>.fieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
}
.S3gnosecureRateItem>.fieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
}


.wifiDataUnit {
margin-top: 8px;
margin-bottom: 8px;
}
.wifiRateTable {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}
.DualsimsmsDataUnit {
margin-top: 8px;
margin-bottom: 8px;
}
.DualsimsmsRateTable {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}

.DualsimincomingRates {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 8px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}
.fieldItemDualsimFreeIncoming {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 8px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}
.fieldItemDualsimFreeIncoming>.fieldValue {

	float: left;
	height: 20px;
	color: #CC0000;
	font-weight: bold;

}
.DualsimincomingRates>.fieldItem {

	float: left;
	height: 20px;

}



.DualsimRateItem>.fieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
}
.DualsimRateItem>.fieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
}

.DualsimRateItem>.HfieldItemLarge {
	float: left;
	height: 20px;
	width: 85%;
	font-weight: bold;
}

.DualsimRateItem>.HfieldItemSmall {
	float: left;
	height: 20px;
	width: 15%;
	font-weight: bold;
}


.DualsimRateItem {

	height: 16px;
	background-color: #eeeeee;
	margin-top: 4px;
	margin-bottom: 4px;
	border: 1px solid #dddddd;
	border-radius: 0.2em;
	width: 90%;
	padding: 4px;

}
.DualsimRateTable {
margin-top: 22px;

}
.DualsimDataUnit {
margin-top: 8px;
margin-bottom: 8px;
}