﻿html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    /*margin: 0;*/
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
html, html a {
    -webkit-font-smoothing: antialiased !important;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul 
{
    list-style-position: outside;
    margin-left: 16px;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong { font-weight: bold;}


/* General Styles Required by all pages */

body {margin:0px; padding:0px; font-size:14px;font-family:'Source Sans Pro', sans-serif;background: #e6e6e6;color:#525252;font-weight: 400;background-color: #ffffff;background-image: url('/Site/Resources/Images/Layout/bannerWithMap.jpg');background-position: center top;background-repeat: no-repeat;}

.BGWhite { background-color: #ffffff;color: #414141;}
.BGBlueGray { background-color: #dfe3ee;color: #4b4b4b;}
.BGLightGray { background-color: #f0f2f8;color: #4f4f4f;}
.BGLightGray a {color: #4f4f4f;}
.BGRed { background-color: #d85252;color: #ffffff;}
.BGRed h1,.BGRed h2 { color: #ffffff;}
.BGDarkBlue { background-color: #1e5c90;color: #ffffff; }

.ColorRed { color: #d85252;}
.ColorLightBlue { color: #3087d1;}
.ColorDarkBlue { color: #1e5c90;}
.ColorDarkGrey { color: #565656;}
.ColorDarkerGrey { color:#343434; }
.ColorGrey { color: #dfe3ee;}
.ColorLightGrey { color: #f0f2f8;}

.PadBottom { padding-bottom: 30px;}
.PadBottom-10 { padding-bottom: 10px;}
.PadBottom-20 { padding-bottom: 20px;}
.MarginBottom-20 { margin-bottom: 20px;} 

.LightFont { font-weight: 300;}
.SemiBoldFont { font-weight: 600;}
.BoldFont { font-weight: 700;}
.UltraBoldFont { font-weight: 900;}
.BGPatternDark { background-image: url('/Site/Resources/Images/Layout/BGpatternDark.png');}
.BGPatternLight { background-image: url('/Site/Resources/Images/Layout/BGpatternLight.png');}

.Font16px { font-size: 16px;}
.Font18px { font-size: 18px;}
.Font24px { font-size: 24px;}
.Font30px { font-size: 30px;}
.Font36px { font-size: 36px;}
.Font48px { font-size: 48px;}

.FancyFont {font-family: 'Annie Use Your Telescope', cursive;}
.Copy {font-family: 'Arial', sans-serif;}

.Tab { font-size: 24px;color: #3f3f3f;height: 50px;line-height: 50px;display: inline-block;padding: 0px 20px;border-top-left-radius: 6px;border-top-right-radius: 6px;}

.FloatLeft, .float-left { float: left;}
.FloatRight, .float-right { float: right; }

.Price.ExtraLargePrice .Currency { font-size: 60px;}
.Price.ExtraLargePrice .Value { font-size: 100px;}
.Price.ExtraLargePrice .Decimal { font-size: 60px;}

.DropShadow {
    -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 2px 6px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 2px 6px 0px rgba(50, 50, 50, 0.5);
}

input.valid { border-color: #30d17c !important; }
input.error { border-color: #d75151 !important; }

input[type="text"].Custom.Small,
input[type="password"].Custom.Small {
    padding: 4px;
    height: 20px;
    border: 1px solid #ffffff;
}
input[type="text"]:focus.Custom.Small,
input[type="password"]:focus.Custom.Small {
    border-width: 1px;
}

input[type="text"].Custom, 
input[type="password"].Custom, 
select.Custom, 
textarea.Custom {
    color: #4f4f4f;
    width: 244px;
    padding: 6px;
    border-radius: 6px;
    border: 2px solid #ffffff;
    margin-bottom: 6px;
    height: 29px;
    font-size: 18px;
    font-family:'Source Sans Pro', sans-serif;
    
}
input[type="text"]:focus.Custom, 
input[type="password"]:focus.Custom, 
select:focus.Custom, 
textarea:focus.Custom {
    border: 2px solid #1e5c90;
    outline: none;
}

input[type="text"]:disabled.Custom, 
input[type="password"]:disabled.Custom, 
select:disabled.Custom + span.customSelect,
textarea:disabled.Custom {
    border: 2px solid #98c3e8;
    background-color: #98c3e8;
    outline: none;
}

input[type="password"] {
    font-family: 'Arial', sans-serif !important;
}

/* Dropdown CSS */

.customSelect { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
    border: 2px solid #ffffff;
    height: 41px;
    border-radius: 6px;
    /*width: 246px;*/
    width: 254px;
    background-color: #ffffff;
    margin-right: 1px;
    margin-bottom: 6px;
}

.customSelect .OptionText {
    height: 45px;
    /*width: 200px;*/
    width: 238px;
    display: inline-block;
    overflow: hidden;
    /*margin-left: -12px;*/
    margin-left: 12px;
    white-space: nowrap;
}

.customSelect.customSelectDisabled {
    opacity: 0.5;
}

.customSelect.customSelectFocus {
    border: 2px solid #1e5c90;
}

.customSelect .customSelectInner {
/* You can style the inner box too */
    background: url(../../Resources/Images/Layout/select-dropdown.png) bottom right no-repeat;
    height: 45px;
    line-height: 45px;
    color: #4f4f4f;
    /*width: 244px;*/
    width: 101% !important;
    /*padding: 0px 6px 0px 18px;*/
    border-radius: 6px;
    margin-top: -2px;
     font-family:'Source Sans Pro', sans-serif;
     font-size: 18px !important;
    
}

.customSelect.Red { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
    border: 2px solid #d85252;
    width: 246px;
    background-color: #d85252;
}
.SelectBoxClass.customSelect.customSelectHover {
/* Styles for when the select box is hovered */
}
.SelectBoxClass.customSelect.customSelectOpen {
/* Styles for when the select box is open */
}
.customSelect.Red.customSelectFocus {
    border: 2px solid #b14343;
   
}
.customSelect.Red .customSelectInner {
/* You can style the inner box too */
    background: url(../../Resources/Images/Layout/select-dropdown.png) top right no-repeat;
    color: #ffffff;
}

.customSelect.Blue { 
/* This is the default class that is used */
/* Put whatever custom styles you want here */
    border: 2px solid #3087d1;
    width: 246px;
    background-color: #3087d1;
}

.customSelect.Blue.customSelectFocus {
    border: 2px solid #1e5c90;
}
.customSelect.Blue .customSelectInner {
/* You can style the inner box too */
    background: url(../../Resources/Images/Layout/select-dropdown.png) bottom right no-repeat;
    color: #ffffff;
}

.table {
    text-align:left;
    width:100%;
}
.table .TableHeader {
    background:#fff;
    
}
.table tr td, table tr th {
    padding:5px;
    line-height:20px;
    font-size:18px;
    
}
.table tr td {
    border-top:1px dashed #939393;
    vertical-align:middle;
}

.table tr th {
    background-color: #ffffff;
    font-weight: 600;
    padding-top: 10px;
    padding-bottom: 10px;
}

input[type="checkbox"] {
    display: none;
}

input[type="checkbox"] + label {
    background: url("/Site/Resources/Images/Layout/checkBox.png") no-repeat top left;
    display: inline-block;
    padding: 0px 0px 0px 35px;
    height: 26px;
    /*width: 26px;*/
    line-height: 26px;
    cursor: pointer;
}

input[type="checkbox"] + label:active, input[type="checkbox"]:checked + label:active {
    background: url("/Site/Resources/Images/Layout/checkBoxOn.png") no-repeat top left;
}

input[type="checkbox"]:checked + label
{
    background: url("/Site/Resources/Images/Layout/checkBoxOn.png") no-repeat top left;
}

input[type="checkbox"]:checked + label:after
{
    background: url("/Site/Resources/Images/Layout/checkBoxOn.png") no-repeat top left;
}

input[type="radio"] {
    display: none;
}

input[type="radio"] + label {
    background: url("/Site/Resources/Images/Layout/radioButton.png") no-repeat top left;
    display: inline-block;
    padding: 0px 0px 0px 35px;
    height: 26px;
    /*width: 26px;*/
    line-height: 26px;
    cursor: pointer;
}

input[type="radio"] + label:active, 
input[type="radio"]:checked + label:active {
    background: url("/Site/Resources/Images/Layout/radioButtonOn.png.png") no-repeat top left;
}

input[type="radio"]:checked + label
{
    background: url("/Site/Resources/Images/Layout/radioButtonOn.png") no-repeat top left;
}

input[type="radio"]:checked + label:after
{
    background: url("/Site/Resources/Images/Layout/radioButtonOn.png") no-repeat top left;
}
.InformationIcon {cursor: pointer; width:36px; height:36px; color:#fff;background:url("/Site/Resources/Images/Layout/informationIcon.png") no-repeat top left;line-height:50px;text-align:center; font-style:italic;font-size:50px;}
.InformationSpan {display: inline-block; height: 23px; background:url("/Site/Resources/Images/Layout/infoIcon.png") no-repeat top left;padding-left: 33px;margin-left: 20px; text-align:left;}

.input-grp { position: relative;display: table ;border-collapse: separate;}
.input-grp input 
{
    margin: 0;
    display: inline-block;
}
.input-grp input:first-child,
.input-grp input:first-child:focus
{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}
.input-grp .input-grp-addon 
{
    vertical-align: middle;
    border-width: 2px;
}
.input-grp .input-grp-addon:last-child {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    border-left: none;
}

.spinner 
{
    display: inline-block;
    background-color: #1e5c90;
    width: 36px;
    height: 45px;
    margin-top: -6px;
}
.spinner button,
.spinner .button { background-color: #1e5c90; border: none; width: 36px;height: 23px;cursor: pointer;outline: none; }

.spinner button:hover,
.spinner .button:hover { background-color: #89b8e0; }

.spinner .up { background: transparent url('../images/layout/spinnerUpIcon.png') no-repeat 50% 50%;border-top-right-radius: 6px; }
.spinner .down { background: transparent url('../images/layout/spinnerDownIcon.png') no-repeat 50% 50%;border-bottom-right-radius: 6px;  }

.qty-spinner input,
.qty-spinner input.Custom {
    width: 50px;
}

.CellhireModal .modal-dialog { width: 940px; }
.CellhireModal .modal-content {border-radius: 0; }
.CellhireModal .modal-header { background-color: #ffffff;border: none; }
.CellhireModal .modal-wrap { padding: 20px;}
.CellhireModal .modal-body { padding: 0; }
.CellhireModal .modal-footer {padding: 10px; border-top: 1px dashed #939393;}

/* Sidebar */
.SidebarNav ul { margin:0;padding: 0 5px;border:0;background:#d85252 url("/Site/Resources/Images/Layout/BGpatternRed.png") repeat top left;border-radius:6px; }
.SidebarNav ul li { list-style:none;border-top:1px dashed #f88282;padding: 8px 0;text-align:center;}
.SidebarNav ul li:first-child { border-top:0; }
.SidebarNav ul li a {color:#fff;display: block;font-size: 18px;font-weight: bold;}
.SidebarNav ul li.Active a {opacity: 0.5;}
/* End Sidebar */

p { font-family: Arial; line-height: 1.6em;}

h1, h2, h3, .h3, h4, h5, h6 {margin:0;font-weight:normal;font-family:'Source Sans Pro', sans-serif;}
h1, h1 a { font-size: 72px;color: #ffffff;}
h2, h2 a {font-size:36px;color:#3087d1;font-weight: 800;}
h3, .h3 { font-size: 24px; }
h4 { font-size: 20px; }

.WasPrice {
    text-decoration: line-through;
}
.NowPrice {
    font-weight: bold;
    color: red;
}

.ButtonPrimary {background: #e91f24;color:#fff;border:0;display: inline-block;}
.ButtonSecondary {background: #777;color:#fff;border:0;display: inline-block;}

a { text-decoration: none;cursor: pointer;color: #ffffff;}
a:Hover { text-decoration: underline;}


.Button {border: none; display: inline-block;cursor: pointer; font-size: 24px;line-height: 24px; text-align: center;background-color: #3087d1;font-weight: 600;color: #ffffff !important;border-radius: 6px;padding: 10px 25px 8px 25px; -webkit-box-shadow: 0px 3px 0px 0px #276fab;-moz-box-shadow: 0px 3px 0px 0px #276fab;box-shadow: 0px 3px 0px 0px #276fab;margin-bottom: 3px;outline: none;}
.Button:hover { background-color: #1e5c90;-webkit-box-shadow: 0px 3px 0px 0px #194b76;-moz-box-shadow: 0px 3px 0px 0px #194b76;box-shadow: 0px 3px 0px 0px #194b76;text-decoration: none;}
.Button:active { background-color: #1e5c90;-webkit-box-shadow: 0px 3px 0px 0px #1e5c90;-moz-box-shadow: 0px 3px 0px 0px #1e5c90;box-shadow: 0px 3px 0px 0px #1e5c90;text-decoration: none;}
.Button.Disabled, .Button:disabled { opacity: 0.5;cursor: default;}

.Button.Red {background-color: #d85252;-webkit-box-shadow: 0px 3px 0px 0px #b14343;-moz-box-shadow: 0px 3px 0px 0px #b14343;box-shadow: 0px 3px 0px 0px #b14343;}
.Button.Red:hover { background-color: #a03c3c;-webkit-box-shadow: 0px 3px 0px 0px #833131;-moz-box-shadow: 0px 3px 0px 0px #833131;box-shadow: 0px 3px 0px 0px #833131;text-decoration: none;}
.Button.Red:active { background-color: #a03c3c;-webkit-box-shadow: 0px 3px 0px 0px #a03c3c;-moz-box-shadow: 0px 3px 0px 0px #a03c3c;box-shadow: 0px 3px 0px 0px #a03c3c;text-decoration: none;}

.Button.Small { font-size: 18px;line-height: 18px;}
.Button.Long { width: 210px;padding-left: 0px;padding-right: 0px;}
.Button.Back {padding-left: 40px; background-image: url('../Images/Layout/backIcon.png');background-repeat: no-repeat;background-position: 10px 50%; }

.CloseButton { border: none;display: inline-block;width: 26px;height: 26px;background: transparent url('../Images/Layout/deleteIcon-off.png') no-repeat 0 0;cursor: pointer; }
.CloseButton:hover,
.CloseButton:active { background-image: url('../Images/Layout/deleteIcon-on.png'); }

.CloseButtonInverse { border: none;display: inline-block;width: 26px;height: 26px;background: transparent url('../Images/Layout/deleteIcon-off.png') no-repeat 0 0;cursor: pointer; }
.CloseButtonInverse:hover,
.CloseButtonInverse:active { background-image: url('../Images/Layout/deleteIcon-white.png'); }

.Left { float: left;}
.Right { float: right;}
.NoShow { display: none;}

.Clear, .clear {clear:both;height:0px;}
img {border:0px;}

.Left { float: left;}
.Right { float: right;}
.Centre { margin: 0px auto;}
.TextAlignCenter { text-align: center;}

.ErrorMessage {border-radius:6px;padding:10px;display:block;background-color: #d85252;background-image: url('/Site/Resources/Images/Layout/BGpatternDark.png');color: #ffffff;margin-bottom: 10px;line-height: 1.6em;font-size: 16px;}
.ErrorMessage a{color:#FFFFFF;}
.SuccessMessage {border-radius:6px;padding:10px;display:block;background-image: url('/Site/Resources/Images/Layout/BGpatternDark.png');color: #ffffff;margin-bottom: 10px;background-color: #1e5c90;line-height: 1.6em;font-size: 16px;}
.SuccessMessage a {color:#FFFFFF;}

.Hidden{display:none;}
.Mandatory {color:#e91f24;}

.ContentArea { padding: 20px 0px;}
.Centered {margin: 0 auto;}

.RichTextContent p { line-height:  1.6em;}

.Header { height: 288px; }
.Header.SimpleHeader {height: 210px;}
.Header .TopBar { height: 40px;background-image: url('/Site/Resources/Images/Layout/grey-transparent.png');color: #ffffff;line-height: 40px;}
.Header .TopBar .Content { height: 40px;}
.Header .TopBar .CallUsNow { color: #e0e0e0;margin-left: 5px;float: left;height: inherit;}
.Header .TopBar .CallUsNow span {font-size: 18px;color: #ffffff;display: inline-block;margin-left: 5px;}
.Header .TopBar .Links { float: right;height: inherit;}
.Header .TopBar .Links a { display: inline-block;padding: 0px 10px;}
.Header .TopBar .Divider {float: right;padding-left: 20px;margin-left: 10px;border-left: 1px solid #979a9b;height: 26px;margin-top: 7px;}
.Header .TopBar .MiniBasket { float: right;height: inherit;margin-right: 5px;}

.Header .LogoMenuContainer { position: relative;}
.Header .LogoMenuContainer .Logo { height: 91px;width: 223px;background-image: url('/Site/Resources/Images/Layout/cellhire-us.png');background-repeat: no-repeat;display: block;position: absolute;top: 32px;left: 5px;}
.Header .LogoMenuContainer .Phone {width:200px;text-align:center;position:absolute;top:76px;left:50%;margin-left:-100px;color:#fff;font-size:24px;font-weight:bold;}
.Header .LogoMenuContainer .Encrypted {width:275px;position:absolute;top:63px;right:0;}
.Header .LogoMenuContainer .Encrypted .Title {color:#fff;font-size:18px;float:left;width:235px;margin-top:5px;line-height:22px;}
.Header .LogoMenuContainer .Encrypted .Icon {float:right;margin-top:13px;}

.Header .MainNav {display:block;padding: 0px 10px;position: absolute;right: 0px;top: 60px;}
.Header .MainNav ul { list-style: none;margin: 0px;padding: 0px;float: left;}
.Header .MainNav ul li { margin: 0px;display: inline-block;font-size: 18px;font-weight: 600;line-height: 55px;float: left;}
.Header .MainNav ul li a {padding: 0px 20px;display: block;height: 55px;background: url('/Site/Resources/Images/Layout/menusprite.png') 0 0 repeat-x;}
.Header .MainNav ul li a:hover {text-decoration: none;background-position: 0px -55px;}
.Header .MainNav ul li.HomeIcon img { margin-top: 18px;display: inline-block;}
.Header .MainNav .MenuLeft { height: 55px;width: 10px;border-top-left-radius: 5px;border-bottom-left-radius: 6px; background-image: url('/Site/Resources/Images/Layout/grey-transparent.png');float: left;}
.Header .MainNav .MenuRight { height: 55px;width: 10px;border-top-right-radius: 5px;border-bottom-right-radius: 6px; background-image: url('/Site/Resources/Images/Layout/grey-transparent.png');float: left;}
.Header .MainNav ul li.Active a {background-position: 0px -110px;}

.HomePage .Header { height: 634px;}

.HeaderOverlay { position: absolute;top: 231px;width: 100%;}
.HeaderOverlay .Content { width: 940px;color: #fff;}

.HomePage .BlueBand { height: 72px;background-color: #1e5c90;}
.HomePage .TitleArea .BoxWrapper .Box .BoxContent {position: relative;padding: 10px;background-color: #eeeeee; margin-top: -106px;height: 188px;border-radius: 6px;}
.HomePage .TitleArea .BoxWrapper .Box .LeftFlare { background-image: url('/Site/Resources/Images/Layout/triangleLeft.png');height: 23px;width: 26px;position: absolute;top: 106px;left: -26px;}
.HomePage .TitleArea .BoxWrapper .Box .RightFlare { background-image: url('/Site/Resources/Images/Layout/triangleRight.png');height: 23px;width: 26px;position: absolute;top: 106px;right: -26px;}

.BlueBand { height: 33px;background-color: #1e5c90;}
.TitleArea .BoxWrapper .Box .BoxContent {position: relative;padding: 10px;background-color: #eeeeee; margin-top: -80px;height: 130px;border-radius: 6px;}
.TitleArea .BoxWrapper .Box .LeftFlare { background-image: url('/Site/Resources/Images/Layout/triangleLeft.png');height: 23px;width: 26px;position: absolute;top: 80px;left: -26px;}
.TitleArea .BoxWrapper .Box .RightFlare { background-image: url('/Site/Resources/Images/Layout/triangleRight.png');height: 23px;width: 26px;position: absolute;top: 80px;right: -26px;}
.TitleArea .BoxWrapper .Box .BoxContent .PageBackButton { position: absolute;bottom: 0;left: -155px;  }
.TitleArea .BoxWrapper .Box .BoxContent .PageTitle { display: table;margin: 0 auto;height:100%;min-width:30px;text-align:center;}
.TitleArea .BoxWrapper .Box .BoxContent .PageTitle > div { display:table-cell; vertical-align:middle;text-align:center;position:relative;}
.TitleArea .BoxWrapper .Box .BoxContent .PageTitle h1 { color: #4e4e4e;font-size: 48px;display: table-cell;vertical-align: middle;font-weight: bold;}
.TitleArea .BoxWrapper .Box .BoxContent .PageTitle .Image { display: table-cell;vertical-align: middle;height: 130px;}
.TitleArea .BoxWrapper .Box .BoxContent .PageTitle .Image img {margin-right: 10px;}

.Footer { background-color: #1e5c90;height: 345px;color: #ffffff;}
.Footer .BackToTop { background: url('/Site/Resources/Images/Layout/toTop.png') top right no-repeat;height: 61px;width: 65px;margin-top: -30px;display: block;}
.Footer .Credit { text-align: center;margin-top: 20px;color: #8cafc9;}
.Footer .Credit a {color: #8cafc9;}
/* Simple Footer */
.SimpleFooter {background-color:#1e5c90;height:150px;}
.SimpleFooter .Icon {float:right;margin:40px 0;}
/* End Simple Footer */

.Footer .LinksList {}
.Footer .LinksList h3 { font-size: 18px;margin: 0px 0px 35px 0px;}
.Footer .LinksList ul { margin: 0px;padding: 0px;}
.Footer .LinksList ul li { margin: 0px;padding: 0px;list-style: none;padding-bottom: 10px;font-weight: bold;}

.TriangleDownIcon { height: 29px;width: 56px;background-image: url('/Site/Resources/Images/Layout/triangleDown.png');}

.WhereAreYouGoingComponent { width: 500px;margin: 30px auto 0px auto;}
.WhereAreYouGoingComponent .Title { font-size: 48px;text-align: center;margin-bottom: 35px;}
.WhereAreYouGoingComponent .Selector {width: 444px;margin:0px auto 0px auto;}
.WhereAreYouGoingComponent .Button { float: right;}
.WhereAreYouGoingComponent .Dropdown { float: left;}
.WhereAreYouGoingComponent .Dropdown .customSelect { width: 346px;}
.WhereAreYouGoingComponent .Dropdown .customSelect .customSelectInner {/* width: 324px !important;*/}


/*** Tariff/Call Rates Componenet ***/

.tariff-rates { padding: 50px 0 50px 0;font-size: 1.2em; }
.tariff-rates.inverse { color: #565656; }
.tariff-rates .country-selection .selector { height: 45px;line-height: 45px;text-align: right;}
.tariff-rates .country-selection .selector .label { font-size: 1.5em;margin-right: 15px;}
.tariff-rates .country-selection .selector .select-wrapper { float: right;text-align: left; }
.tariff-rates .country-selection .selector .customSelect { width: 304px; }
.tariff-rates .country-selection .selector .customSelect .customSelectInner {/* width: 284px !important; */}
.tariff-rates .tariff-table { margin-top: 40px;min-height: 215px;}
.tariff-rates .tariff-table .tariff-data {}
.tariff-rates .tariff-table .tariff-data .cell { height: 49px; line-height: 50px; border-bottom: 1px dashed #939393; display: inline-block;float: left;overflow: hidden;}
.tariff-rates .tariff-table .tariff-data .cell .cell-content:first-child { padding-left: 5px; } 
.tariff-rates .tariff-table .tariff-data .type-col { width: 75%; }
.tariff-rates .tariff-table .tariff-data .cost-col {width: 25%; background-color: #f1f2f7;color: #565656;font-weight: bolder;}
.tariff-rates .tariff-table .cta-data-bundles { height: 50px;line-height: 50px; text-align: right;margin-top: 10px;}
.tariff-rates .tariff-table .cta-data-bundles .prompt { margin-right: 25px;font-weight: normal;font-size: 1.1em; }
.tariff-rates .tariff-table .cta-data-bundles .Button {  }


/* Propositions Component */
.PropositionsComponent { text-align: center;font-size: 0px;}
.Proposition { width: 300px;height: 515px;display: inline-block;margin-right: 20px;position: relative;}
.Proposition.Last { margin-right: 0px;}
.Proposition .Padding {padding: 24px;}
.Proposition h2 { font-size: 36px;text-align: center;width: 225px;margin: 0 auto;line-height: 42px;position: absolute;top: 24px;left: 38px;overflow: hidden;}
.Proposition h2::first-line { color: #2f87d1;}
.Proposition .Price { text-align: center;position: absolute;top: 110px;left: 0px;width: 300px;}
.Proposition .Price .From { font-weight: 300;font-size: 26px;color: #4e4e4e;display: inline-block;margin-right: 5px;}
.Proposition .Price .Currency { font-weight: 900;color: #d75151;font-size: 26px;}
.Proposition .Price .Value { font-weight: 900;color: #d75151;font-size: 48px;}
.Proposition .Price .Decimal {font-weight: 900;color: #d75151;font-size: 26px;}
.Proposition .Image { text-align: center;position: absolute;left: 0px;top: 174px;width: 300px;}
.Proposition .Description {position: absolute;bottom: 94px;left: 24px;width: 252px;text-align: center;line-height: 20px;height: 40px;overflow: hidden;font-size: 16px;color:#595959}
.Proposition .Button { position: absolute;bottom: 25px;left: 80px;}

.Proposition:hover { background-color: #3087d1;cursor: pointer;}
.Proposition:hover h2 { color: #ffffff;}
.Proposition:hover h2::first-line { color: #ffffff;}
.Proposition:hover .Price { text-align: center;}
.Proposition:hover .Price .From {color: #ffffff;}
.Proposition:hover .Price .Currency {color: #ffffff;}
.Proposition:hover .Price .Decimal {color: #ffffff;}
.Proposition:hover .Price .Value { color: #ffffff;}
.Proposition:hover .Description { color: #ffffff;}
.Proposition:hover .Button {background-color: #f1f2f7; -webkit-box-shadow: 0px 3px 0px 0px #9d9ea2;-moz-box-shadow: 0px 3px 0px 0px #9d9ea2;box-shadow: 0px 3px 0px 0px #9d9ea2;color: #3087d1 !important;}


/* End Propositions Component */

/* Product List */

.ProductList {}
.ProductListItem { width: 460px;height: 267px;margin-right: 20px;float: left;margin-bottom: 35px;position: relative;}
.ProductListItem.Last { margin-right: 0px;}
.ProductListItem .Image { position: absolute;top: 20px;left: 5px;width: 145px;height: 276px;}
.ProductListItem .Image img { vertical-align: middle;}
.ProductListItem .Image td { vertical-align: middle;text-align: left;}
.ProductListItem .PromotionOverlay { position: absolute;top: 0px;right: 0px;}
.ProductListItem .Title { position: absolute;top: 28px;left: 155px;font-size: 30px;width: 302px;height: 36px; overflow: hidden;}
.ProductListItem .Title a { text-decoration: none;color: #4f4f4f;}
.ProductListItem .Description { color: #414141;position: absolute;top: 76px;left: 155px;width: 302px;overflow: hidden;height: 72px;line-height: 24px;}
.ProductListItem .PriceDetails {position: absolute;top: 150px;left: 155px;color: #2f87d1;}
.ProductListItem .PriceDetails .Currency { font-size: 30px;}
.ProductListItem .PriceDetails .Value { font-size: 48px;}
.ProductListItem .PriceDetails .Decimal { font-size: 30px;}
.ProductListItem .Button { position: absolute;left: 155px;bottom: 10px;width: 160px;}
/* END Product List */

/* MiFi Promo */

.MiFiPromo { margin: 0 auto;position: relative;height: 266px;width: 100%;}
.MiFiPromo .Strapline { font-size: 36px;color: #ffffff;text-align: center;width: 800px;margin: 0 auto;}
.MiFiPromo .Details { width: 700px;position: relative;margin: 0 auto;height: 278px;margin-top: 40px;}
.MiFiPromo .Image {position: absolute;top:20px;left: 20px;}
.MiFiPromo .Title { font-size: 24px;position: absolute;top:10px;left: 280px;}
.MiFiPromo .Description {position: absolute;top:60px;left: 280px;line-height: 20px;width: 340px;}
.MiFiPromo .Button {position: absolute;top:98px;left: 280px;}
.MiFiPromo .Price {position: absolute;top:110px;left: 280px;font-size: 30px;color: #fff; display: none;}
.MiFiPromo .Price .From { font-weight: 300;}
.MiFiPromo .Price .Value { font-size: 48px;}

/*End MiFi Promo */


.CountrySpecificProposition .TopArea h2 { color: #d85252;}

/* Reviews, Ratings etc */

.review-list .review {
    margin-bottom: 30px;
}
.review-list .review .review-user {
    font-size: 18px;
    font-weight: bolder;
}
.review-list .review .review-rating {
    margin-top: 10px;
}

.rating {
    display: block;
    position: relative;
    height: 25px;
    overflow: hidden;
}
.rating .star.on, .rating .star.chosen {
    background: transparent url('../Images/Layout/starOn.png') no-repeat 0 0
}
.rating .star {
    width: 25px;
    height: 25px;
    float: left;
    padding-right: 5px;
    background: transparent url('../Images/Layout/starOff.png') no-repeat 0 0;
    cursor: pointer;
}
.rating .star:last-child {
    margin-right: 0;
}

/* Product Page */

.title-area { margin-bottom: 25px; }
.ProductInfo .top-section { margin-bottom: 65px; }
.ProductInfo .stock-status { font-size: 18px;display: inline-block;height: 23px;line-height: 23px;text-align: right; }
.ProductInfo .stock-status.alert { background: url('../Images/Layout/alertIcon.png') no-repeat 0 0;padding-left: 33px;  }
.ProductInfo .product-images { margin-bottom: 10px; }
.ProductInfo .product-description { margin: 0 0 30px 0; }
.ProductInfo .product-features ul {}
.ProductInfo .product-features li { padding: 0 0 15px 0; }

.ProductInfo .Price { color: #2f87d1;text-align: right; }
.ProductInfo .PromoMessage { text-align: right;}
.ProductInfo .PromoMessage .Promotion { margin: 5px 0px 15px 0px; }

.ProductInfo .accessories { margin: 20px 0;padding: 15px;border: 2px dashed #dfe3ee;border-radius: 8px; }
.ProductInfo .accessories .accessories-title { text-align: center;padding-bottom: 10px;}
.ProductInfo .accessories .product-summary { margin-bottom: 10px; }
.ProductInfo .accessories .product-summary:last-child { margin-bottom: 0; }
.ProductInfo .accessories .product-summary table { border-collapse: collapse; }
.ProductInfo .accessories .product-summary table td { vertical-align: top;padding: 0 5px; }
.ProductInfo .accessories .product-summary .qty-col { text-align: center;width: 15%;}
.ProductInfo .accessories .product-summary .qty-col input { width: 50px;text-align: center; }
.ProductInfo .accessories .product-summary .image  { border-radius: 6px;  width: 75px; }
.ProductInfo .accessories .product-summary .title { margin-bottom: 10px; }
.ProductInfo .accessories .product-summary .price-col { vertical-align: middle;}

.ProductInfo .rating .star { cursor: default;}

.Price.LargePrice .Currency { font-size: 46px;}
.Price.LargePrice .Value { font-size: 86px;}
.Price.LargePrice .Decimal { font-size: 40px;}

.Price { color: #3087d1;} 
.Price .Currency { font-size: 30px; font-weight: bolder;}
.Price .Value { font-size: 48px;font-weight: bolder;}
.Price .Decimal { font-size: 30px;font-weight: bolder;}

.Price.SmallPrice .Currency { font-size: 22px;}
.Price.SmallPrice .Value { font-size: 28px;}
.Price.SmallPrice .Decimal { font-size: 24px;}

.Price.TotalPrice .Currency { font-size: 24px;}
.Price.TotalPrice .Value { font-size: 36px;}
.Price.TotalPrice .Decimal { font-size: 26px;}

.product-tabs .Tab.active { background-color: #dfe3ee;color: #565656;font-weight: bolder;  }
.product-tabs .Tab 
{
    cursor: pointer;
    background-color: #3087d1;
    color: #ffffff;
}
.tab-area-content .specifications,
.tab-area-content .compatible-countries,
.tab-area-content .tariff-rates,
.tab-area-content .review-list {
    padding-top: 55px;
}
.tab-area-content .review-list .view-more {
    margin-top: 10px;
}

.tab-area-content .compatible-countries h4 {
    font-weight: 600;margin-bottom: 25px;
}

.tab-area-content li { padding: 0 0 15px 0; }

.quick-gallery { display: block;position: relative; }
.quick-gallery .main-image-area {position: relative; width: 100%;height: 255px;}
.quick-gallery .main-image-area .main-image {
    max-width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.quick-gallery .main-image-area .primary-image,
.quick-gallery .main-image-area .secondary-image {
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .5s linear;
    -moz-transition: opacity .5s linear;
    -o-transition: opacity .5s linear;
    transition: opacity .5s linear;
}
.quick-gallery .main-image-area .active { opacity: 1;}
.quick-gallery .thumbnails { display: block;width: 100%;margin-top: 10px; }
.quick-gallery .thumbnails ul { list-style: none;padding: 0;margin: 0; }
.quick-gallery .thumbnails ul li { cursor: pointer;display: block;float: left;margin-right: 10px; }
.quick-gallery .thumbnails ul li:last-child { margin-right: 0; }
.quick-gallery .thumbnails img { }
.quick-gallery .thumbnail { }
.quick-gallery .PromotionOverlay { position: absolute;top: 0px;right: 0px;}

.tab-area-content {
    position: relative;
    height: 100%;
}
.tab-area-content > div {}
.tab-area-content .hidden  { display: none; }
.tab-area-content .active  { }

/* End Product Page */

/* Register Page */
.RegisterForm .LoginBox { margin-top: 30px;}
.RegisterForm .LoginBox h3 { margin-bottom:20px;}
.RegisterForm .Row .Column1 { font-size:18px; line-height:45px;width:155px;float:left;vertical-align:middle;display:table;}
.RegisterForm .Row .Column1 > div { display:table-cell;vertical-align:middle;}
.RegisterForm .Row .Column2 { float:left;width:270px;}

.RegisterForm input[type="text"],
.RegisterForm input[type="password"] {width:250px;}

.RegisterForm .Row .EmailExplain { width:418px; line-height:20px;margin-bottom:20px;margin-top: 40px;}
.RegisterForm .Row.MandatoryExplain { margin-left: 160px;margin-bottom:20px; }
.RegisterForm .Row .Checkbox > label { margin-left:15px;display: inline-block;}
.RegisterForm .LoginNext { float:right; }
.RegisterForm .RegisterHidden {display:none;}
.RegisterForm .Security .Row .Column1 {width:160px;}
.RegisterForm .Security .Table { margin-top: 0px !important;}

.RegisterForm .customSelect { width: 262px !important;}
.RegisterForm .customSelectInner { /*width: 240px !important;*/}

/* End Register Page */

/* Checkout Register Page */
.CheckoutRegister .Address, 
.CheckoutRegister .Account {float:left;width:470px;}
.CheckoutRegister .Address .Row .Column1, 
.CheckoutRegister .Account .Row .Column1 {float:left;width:160px;line-height:45px;font-size:18px;}
.CheckoutRegister .Account p {margin-bottom:10px;}
.CheckoutRegister .Account .Row > label {margin-left:10px;font-size:14px;}
.CheckoutRegister .Buttons {margin-top:20px;margin-bottom:20px;}
.CheckoutRegister .Buttons .Button.Prev {float:left;}
.CheckoutRegister .Buttons .Button.Next {float:right;}
.CheckoutRegister .Address h3 {float:left;margin-right:20px;margin-bottom:20px;height: 40px;margin-top: 20px;}
.CheckoutRegister .ColorLightBlue {margin-bottom:20px;}
.CheckoutRegister .SameAsBilling label {margin-left:5px;}
.CheckoutRegister input[type="text"],
.CheckoutRegister input[type="password"] {width:240px;}
.CheckoutRegister .Address .customSelect { width: 252px !important;}
.CheckoutRegister .Address .customSelectInner { /*width: 230px !important;*/}
.CheckoutRegister .SameAsBilling {}
.CheckoutRegister .address-disabled {
    -webkit-opacity: .5;
    -khtml-opacity: .5;
    -moz-opacity: .5;
    -ms-opacity: .5;
    -o-opacity: .5;
    opacity: .5;

    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    
    -webkit-transition: opacity linear .5s;
    -moz-transition: opacity linear .5s;
    -ms-transition: opacity linear .5s;
    -o-transition: opacity linear .5s;
    transition: opacity linear .5s;
}

/* End Checkuot Register Page */

/* Login Page */

.LoginContainer { margin-top:20px; }
.LoginContainer p { margin-bottom: 20px; }
.LoginContainer .LoginBox { width:570px;margin:0 auto; }

.LoginContainer .LoginBox .Row .Column1 { float:left; width:150px;text-align:right;margin-right:20px;line-height:45px; }

.LoginContainer .LoginBox .Row .Column2 { float:left; }

.LoginContainer .LoginBox .Row .Column2 input { width:310px; margin-bottom:20px;}

.Login .LoginContainer .LoginBox .LoginForgotPassword, 
.ForgottenPassword .LoginContainer .LoginBox .LoginForgotPassword { text-align:right;padding-right: 70px;}

.LoginContainer .LoginNext {text-align:center;margin-top:20px;margin-bottom:100px;}
.LoginContainer .LoginNext a {padding-left:40px;padding-right:40px;}

/* End Login Page */

/* Basket Pop up */

.BasketModal p { margin-bottom: 15px; }
.BasketModal table { border-collapse: collapse;width: 100%; }
.BasketModal table td { padding: 10px 0;text-align: center;}
.BasketModal table tr { padding: 10px 0;margin-bottom: 10px; border-bottom: 1px dashed #939393; }
.BasketModal table tbody tr:last-child { border-bottom: none; }
.BasketModal table td.imageCol { text-align: left;}
.BasketModal table thead { background-color: #fff; font-weight: 600; font-size: 16px; }
.BasketModal table thead td { padding: 10px; }
.BasketModal table tbody td { vertical-align: top; }
.BasketModal table img { max-width: 120px;border-radius: 6px; }
.BasketModal table .title { margin-bottom: 10px;}
.BasketModal table td.AlignCol { height: 51px;vertical-align: text-bottom; }

/* End Basket Pop up */

/* Basket Table */

.no-basket-items { text-align: center;margin: 10px 0;}
.basket-table { width: 100%; }
.basket-table .header {display: block;background-color: #fff;border-bottom: 1px dashed #939393;font-weight: 600; font-size: 16px; }
.basket-table .col { padding: 10px 0;}
.basket-table .row { padding: 10px 0;margin-bottom: 10px; border-bottom: 1px dashed #939393; }
.basket-table .row img { max-height: 140px;border-radius: 6px; }
.basket-table .row.child img { max-height: 50px; }

.basket-table .row .AlignCol { height: 51px;position: relative;} /*line-height is set to zero to bottom out when aligning vertically, see basket table */
.basket-table .row .AlignCol .AlignBottom {position: absolute; bottom: 0; }
.basket-table .row .AlignCol .Price { line-height: 0;}

.basket-table .title { margin-bottom: 10px;}
.basket-table .TotalCol { position: relative; }
.basket-table .TotalCol .CloseButton { display: block;position: absolute;top: 0;right: 0;}
.basket-table .product-start-date { line-height: 23px; }
.basket-table .product-start-date .InformationSpan { margin-left: 10px; }
.basket-table .product-start-date .start-date-input { width: 145px;margin-left: 10px; }
.basket-table .product-start-date .start-date-input.valid { border-color: #30d17c; }
.basket-table .product-start-date .start-date-input.error { border-color: #d75151; }
.basket-table .ProductItems ul { list-style: none;padding: 0px;margin: 0px;text-align: left;}
.basket-table .ProductItems ul li { margin-bottom: 10px;}
.basket-table .ProductItems ul li .Label { font-weight: bold;display: inline-block;width: 100px;}

/* End Basket Table */

/* Basket Page */

.BasketTotalContainer { padding-top: 54px; }
.discount-code { margin-bottom: 20px;}
.discount-code input[type="text"] { width: 200px;}

.delivery-options { text-align: right; }
.delivery-options .country-selection { margin-bottom: 42px;width: 334px;float: right;}
.delivery-options .country-selection Label { float: left;line-height: 45px;}
.delivery-options .customSelect { text-align: left; }
.delivery-options .price-selection {}
.delivery-options .price-selection ul { list-style: none; }
.delivery-options .price-selection ul li { margin-bottom: 20px;}

.BasketSums { width: 100%;border-collapse: collapse;}
.BasketSums td { height: 49px; line-height: 50px;border-bottom: 1px dashed #939393; padding:0 10px;}
.BasketSums .cost-cell { text-align: right; background-color: #f1f2f7;color: #565656;font-weight: bolder;width: 50%;}
.BasketTotals { margin-bottom: 60px; }

.checkout-action-buttons {  }

/* End Basket Page */

/* Products Page */

.CategoryTitle {display: table;margin: 0 auto;height: 120px;}
.CategoryTitle h2 { display: table-cell;vertical-align: middle;font-size: 48px;}
.CategoryTitle img { display: table-cell;vertical-align: middle;margin-right: 20px;}

/* End ProductS Page */

/* Data Proposition Page */

.DataPropositions {}
.DataPropositions .Instruction { margin: 25px 0px 35px 0px;}

.DataPropositions .Totals .Row {border-bottom: 1px dashed #939393;height: 42px;line-height: 42px;}
.DataPropositions .Totals .Row .Label { display: block;width: 240px;height: inherit;float: left;}
.DataPropositions .Totals .Row .Total { display: block;width: 195px;background-color: #ffffff;height: inherit;float: left;text-align: right;padding-right: 25px;}
.DataPropositions .BuyButton { width: 210px;margin-top: 20px;}
.DataPropositions .SelectMessage { margin-top: 20px;margin-right: 20px;margin-bottom: 0px;}
.DataPropositions li { padding: 0 0 15px 0; }

.DataPropositionItem { width: 100%;margin-bottom: 20px; }
.DataPropositionItem .LeftCol { padding: 20px;width:200px;text-align: center;}
.DataPropositionItem .LeftCol .Name { font-size: 24px;margin-bottom: 20px;margin-top: 10px;}
.DataPropositionItem .LeftCol .Description { margin-bottom: 20px;line-height: 20px;font-size: 16px;}
.DataPropositionItem .Image { vertical-align: middle;text-align: center;}
.DataPropositionItem .Image img { margin: 20px 0px;}
.DataPropositionItem .RightCol { padding: 10px;width: 450px;}
.DataPropositionItem .RightCol .Variant { height: 40px;position: relative;cursor: pointer;}
.DataPropositionItem .RightCol .Variant .Detail {height: 40px;line-height: 40px; font-size: 24px;text-align: right;float: right;border-top-right-radius: 6px;border-bottom-right-radius: 6px;padding-right: 12px;margin-right: 10px;padding-left: 15px;position: relative;}
.DataPropositionItem .RightCol .Variant .Detail .Name { float: right;height: inherit;}
.DataPropositionItem .RightCol .Variant .Detail .Price {float: right;font-size: 24px;height: inherit;line-height: 34px;margin-left: 5px;}
.DataPropositionItem .RightCol .Variant .Detail .Price .Currency { font-size: 24px;}
.DataPropositionItem .RightCol .Variant .Detail .Price .Value { font-size: 36px;}
.DataPropositionItem .RightCol .Variant .Detail .Price .Decimal { font-size: 24px;}
.DataPropositionItem .RightCol .Variant .BestSellerIcon { height: 51px;width: 51px;background-image: url('/Site/Resources/Images/Layout/bestSeller.png');display: none;position: absolute;top: -5px;left: -37px;}
.DataPropositionItem .RightCol .Variant .RadioButton { float: right;margin-top: 10px;margin-right: 30px;}
.DataPropositionItem .RightCol .Variant.BestSeller .Detail { background-color: #3087d1;color: #ffffff;}
.DataPropositionItem .RightCol .Variant.BestSeller .BestSellerIcon { display: block;}
.DataPropositionItem .RightCol .Variant.BestSeller .Detail .Price { color: #fff;}

.DataPropositions .MifiProducts { float: left;}
.DataPropositions .MifiItem { width: 300px;height: 395px;position: relative; margin-bottom: 20px;margin-right: 20px; float: left;}
.DataPropositions .MifiItem .Padding {padding: 20px;}
.DataPropositions .MifiItem .Name { text-align: center;}
.DataPropositions .MifiItem .Description { position: absolute;top: 70px;left: 20px;width: 260px;text-align: center;font-size: 16px;}
.DataPropositions .MifiItem .Image { height: 105px;width: 140px;position: absolute;top: 115px;left: 20px;width: 260px;text-align: center;}
.DataPropositions .MifiItem .Price {font-size: 24px; position: absolute;top: 230px;left: 20px;width: 260px;text-align: center;}
.DataPropositions .MifiItem .Price .Currency { font-size: 24px;}
.DataPropositions .MifiItem .Price .Value { font-size: 36px;}
.DataPropositions .MifiItem .Price .Decimal { font-size: 24px;}
.DataPropositions .MifiItem .MoreInfo {position: absolute;top: 275px;left: 20px;width: 260px;text-align: center;}
.DataPropositions .MifiItem .Detail {position: absolute;top: 350px;left: 20px;width: 260px;text-align: right;}
.DataPropositions .MifiItem .Detail .RadioButton { margin-left: 15px;margin-top: 3px;}

.DataPropositions .SimProducts { float: left;}
.DataPropositions .SimItem { width: 300px;height: 395px;position: relative;margin-bottom: 20px;float: left;}
.DataPropositions .SimItem .Padding {padding: 20px;}
.DataPropositions .SimItem .Name { text-align: center;}
.DataPropositions .SimItem .Description { position: absolute;top: 70px;left: 20px;width: 260px;text-align: center;font-size: 16px;}
.DataPropositions .SimItem .Image { height: 105px;width: 140px;position: absolute;top: 115px;left: 20px;width: 260px;text-align: center;}
.DataPropositions .SimItem .Pricing {position: absolute;top: 230px;left: 20px;width: 260px;text-align: center;font-size: 32px;}
.DataPropositions .SimItem .Options {position: absolute;top: 275px;left: 46px;text-align: center;}
.DataPropositions .SimItem .Options select {}
.DataPropositions .SimItem .Options .customSelect { width: 200px !important;}
.DataPropositions .SimItem .Options .customSelectInner { width: 101% !important;text-align: left;}
.DataPropositions .SimItem .Detail {position: absolute;top: 350px;left: 20px;width: 260px;text-align: right;}
.DataPropositions .SimItem .Detail .RadioButton { margin-left: 15px;margin-top: 5px;}
.DataPropositions .SimItem .Detail .InformationIcon { margin-top: -5px;margin-right: 5px;}

/* END Data Proposition Page */

/* My Account Dashboard */
.MyAccount h3 {margin-bottom:10px;font-size:30px;line-height:30px;}
.MyAccount table {width:100%;font-size:18px;}
.MyAccount table .Column1 { width:130px; }
.MyAccount table .Column2 { width:200px; }
.MyAccount table .Column4 { width:130px; }
.MyAccount table .Column5 { width:100px; }
.MyAccount table .Button.Small { float:right; }
.MyAccount table .TableHeader {text-align:left;background:#fff;border-top:0;}
.MyAccount table .TableHeader th {padding:5px;}
.MyAccount table td {padding:5px;vertical-align:middle;border-top:1px dashed #939393;}



#modalActivateSim {}
#modalActivateSim .modal-body .Content { padding: 10px;text-align: center;margin-top: 15px;}
#modalActivateSim .modal-body .IntroText { margin-bottom: 10px;}
#modalActivateSim .modal-body .ErrorMessage,
#modalActivateSim .modal-body .SuccessMessage { margin-top:30px;}

/* End My Account Dashboard */

/* My Account Manage Sim */
.ManageSIM .Number { width:50%; float:left; }
.ManageSIM .Number h3 { font-size: 30px; }
.ManageSIM .Number .SimNumber { margin-top: 5px;}
.ManageSIM .Status { width:350px; float:right; text-align:right; }
.ManageSIM .Status h3 { margin-bottom:5px;font-size: 30px; }
.ManageSIM .Status .Information { text-align:right;}
.ManageSIM .Status .Information .InformationIcon { margin-right:10px;float:right;margin-top: 20px;}
.ManageSIM .Status .Information h4 { float:right;color:#3087d1;font-weight:800;font-size:24px;line-height:36px;margin-top: 20px; }
.ManageSIM .Status .Information .Button { margin-top:20px; }
.ManageSIM .SIMContent { border-top: 1px dashed #939393;padding:20px 0;margin-top:10px;}
.ManageSIM .SIMContent h3 {float:left;line-height:36px;font-size:30px;margin-bottom: 15px;}
.ManageSIM .SIMContent .InformationIcon { float:left; margin-left:10px;}
.ManageSIM .SIMContent .Tailor {margin-top:10px;float:left;width:410px;}
.ManageSIM .SIMContent .Tailor .Row {clear:both;margin-bottom:35px;height:45px;}
.ManageSIM .SIMContent .Tailor .Row .Column1 { width:150px;font-size:18px;float:left;line-height:45px;}
.ManageSIM .SIMContent .Tailor .Row .Column2 input {width:242px;}
.ManageSIM .SIMContent .Tailor .Row .Column2 select.customSelect { width: 262px !important;}
.ManageSIM .SIMContent .Tailor .Row .Column2 span.customSelect {width:255px;}
.ManageSIM .SIMContent .Tailor .Row .Column2 .customSelect .customSelectInner { /*width:235px !important; */}
.ManageSIM .SIMContent .Price {float:right;margin-top:-30px;margin-bottom: 21px;}
.ManageSIM .SIMContent h4 { font-size:24px; margin:10px 0;}
.ManageSIM .SIMContent .table .Column4 { width:100px; }
.ManageSIM .SIMContent .table .Column5 { width:158px; }
.ManageSIM .SIMContent .table .Button.Small { float:right; }
.ManageSIM .SIMContent .table tr th { line-height: 34px;}
.ManageSIM .SIMContent.DataBundle { height: 190px;}

/* End My Account Manage Sim */

/* My Account - Security */
.Security h3 { margin-bottom:30px; }
.Security .Row .Column1 { float:left;width:200px;line-height:45px;font-size:18px; }
.Security .Row .Button { float:right;margin-right:330px; }
/* End My Account - Security */

/* My Account - My Orders */
.AddReview h3 { margin-bottom:10px; }
.AddReview .Row {padding:5px 0; }
.AddReview .Row .Column1 { float:left;line-height:45px;font-size:18px;width: 100%; border-bottom: 1px dashed #939393; }
.AddReview .Row .Ratings {margin-top:5px;}
.AddReview .Row .Ratings > div {float:left;line-height:25px;margin-right:10px;}
.AddReview .Review, .AddReview .Ratings {}
.AddReview .Review .NewReview {font-size:14px;line-height:18px;clear:both;}
.AddReview .Row:first-child {border-top:0;}
.AddReview .Row .Column2 input {float:right;}
.AddReview .Row .Review { margin-top: 10px;}
.AddReview .Row .Review textarea {clear:both;width:682px;height:70px;margin-top: 10px;}
.AddReview .Row .Review .ReviewReadOnly {display: inline-block;width: 682px;padding: 10px;margin: 10px 0px;min-height: 70px;}
/* End My Account - My Orders */

/* Account Details Page */
.AccountDetails .Row .Column1 {width:150px;float:left;font-size:18px;line-height:45px;}
.AccountDetails .Row .Column2 input {width:250px;}

.AccountDetails .EditBillingAddress .AddressView { margin-bottom: 15px;}
.AccountDetails .EditBillingAddress .address .name {font-size: 18px;}
.AccountDetails .EditBillingAddress .address .location { margin-top: 25px; }
.AccountDetails .EditBillingAddress .address .contact { margin-top: 25px; }
.AccountDetails .EditBillingAddress h3,
.AccountDetails .ContactPreferences h3, 
.AccountDetails .CreditCardDetails h3 {margin: 20px 0;}
.AccountDetails .ContactPreferences .PreferenceSelect { margin-top: 30px;}

.AccountDetails .CreditCardDetails {border-top: 1px dashed #939393;margin-top:40px;padding-top: 35px;}

.AccountDetails .CreditCardDetails .Title {float:left;width:170px;font-weight:bold;}
.AccountDetails .CreditCardDetails .Title, .AccountDetails .CreditCardDetails .Content {font-size:18px;line-height:22px;}
.AccountDetails .CreditCardDetails .Row {margin: 10px 0;}
.AccountDetails .CreditCardDetails .Details {width:450px;float:left;margin-top:10px;padding-bottom:25px;}
.AccountDetails .CreditCardDetails .Button {float:right;margin-top:10px;}
/* End Account Details Page */

/* My Account - My Orders */
.OrderList table td { text-align:left; }
.OrderList table thead td { border-top:0; }
.OrderList table td.Column4 {width:140px;}
.OrderList table td.Column4 .Button {float:right;}
.OrderDetails .OrderDetails {width:350px;}
.OrderDetails .OrderDetails .Row {line-height:30px;font-size:18px;}
.OrderDetails .OrderDetails .Row .Column1 {width:50%;float:left;}
.OrderDetails .OrderDetails .Row .Column2 {width:50%;float:left;}
.OrderDetails .AddressContainer { width: 350px;margin-top:20px;border-top:1px dashed #939393;padding-top:30px;padding-bottom:20px;}
.OrderDetails .AddressContainer .Title {padding: 0 5px;font-size:18px;font-weight:bold;}
.OrderDetails div.Table {border-bottom: 1px dashed #939393;margin-bottom:50px;}
.OrderDetails .AddressContainer .OrderSummaryAddressContainer .OrderSummaryName {margin: 10px 5px;font-size:18px;}
.OrderDetails .AddressContainer .OrderSummaryAddressContainer .OrderSummaryAddress {margin: 10px 5px;font-size:16px;font-weight:normal;}
.OrderDetails .AddressContainer .OrderSummaryAddressContainer .OrderSummaryNumber {margin: 10px 5px;font-size:18px;font-weight:normal;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .HeaderRow {background:#fff;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .HeaderRow td {border-top:0;font-weight:600;text-align:center;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .HeaderRow td.Column1 {text-align:left;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .BodyRow td {text-align:center;line-height:25px;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .BodyRow td.Column1 {text-align:left;width: 320px; padding:20px 0px;}
.OrderDetails .OrderSummaryProduct .OrderSummaryTable table .BodyRow td h4 {font-size:18px; line-height:30px;font-weight:bold;}
.OrderDetails .BasketDeliveryInfo {width:350px;float:left;clear:both;}
.OrderDetails .BasketDeliveryInfo .Title {font-weight:bold;margin-bottom:10px;font-size:18px;}
.OrderDetails .BasketDeliveryInfo .Value {font-size:18px;}
.OrderDetails .BasketTotalContainer {width:350px;float:left;}
.OrderDetails .BasketTotalContainer .Column {float:left;height: 50px;line-height: 50px;}
.OrderDetails .BasketTotalContainer .Column1 {padding: 0px 10px;}
.OrderDetails .BasketTotalContainer .Column2 {float:right;background:#fff;padding:0px 20px; width: 128px; text-align:right;}
.OrderDetails .BasketTotalContainer .Row {border-bottom:1px dashed #939393;font-size:18px;}
.OrderDetails .BasketTotalContainer .Row.Total {font-size:22px;font-weight:bold;}
.OrderDetails .BottomButtons {margin-top:40px;}

.OrderDetails .OrderSummaryTable .Column2 .Price .Currency { font-size: 18px;}
.OrderDetails .OrderSummaryTable .Column2 .Price .Value  { font-size: 30px;}
.OrderDetails .OrderSummaryTable .Column2 .Price .Decimal  { font-size: 18px;}

.OrderDetails .OrderSummaryTable .Column4 .Price .Currency { font-size: 24px;}
.OrderDetails .OrderSummaryTable .Column4 .Price .Value  { font-size: 36px;}
.OrderDetails .OrderSummaryTable .Column4 .Price .Decimal  { font-size: 24px;}

.OrderDetails .OrderSummaryTable ul { list-style: none;padding: 0px;margin: 0px;text-align: left;font-size: 14px;}
.OrderDetails .OrderSummaryTable ul li { margin-bottom: 10px;width: 320px;padding: 0px;margin: 0px;}
.OrderDetails .OrderSummaryTable ul li .Label { font-weight: bold;display: inline-block;width: 100px;}

/* End My Account - My Orders */

/* Checkout Login Page */
.Steps {text-align:center;margin: 5px 0;}
.Steps div {display:inline-block;*display: inline;zoom: 1;width:30px;height:30px;text-align:center;line-height:30px;border-radius:30px;vertical-align:middle;}
.Steps .StepRed {background:#d85252;color:#fff;border:1px solid #d85252;}
.Steps .StepGray {background:#fff;color:#000;border:1px solid #939393;}
.Steps .Current {width:35px;height:35px;line-height:35px;font-size:20px;}
.LoginRegister {width:560px;margin:0 auto;margin-top:30px;}
.LoginRegister .Column1 {float:left;text-align:right;width:150px;margin-left:30px;margin-right:20px;line-height:45px;font-size:18px;}
.LoginRegister .RadioButtons {margin-left:195px;margin-bottom:10px;}
.LoginRegister .RadioButtons p {line-height:30px;}
.LoginRegister .LoginForgotPassword a {float:right;color:#333;margin-right:100px;}
.LoginRegister .LoginStep {margin:50px 0 30px;}
.LoginRegister .LoginStep .LoginPrevious {float:left;}
.LoginRegister .LoginStep .LoginNext {float:right;}
/* End Checkout Login Page */

/* Order Summary */
.OrderSummary .AddressDisplay {width:470px;float:left;}
.OrderSummary .AddressDisplay h3 {margin-bottom:10px;}
.OrderSummary .AddressDisplay .Row {line-height:22px;font-size:18px;}
.OrderSummary .AddressDisplay .Row.Name {margin-bottom:10px;}
.OrderSummary .AddressDisplay .Row.Phone {margin:15px 0 10px;}
.OrderSummary .delivery-options { text-align: left;}
.OrderSummary .BasketArea { margin: 30px 0; }
.OrderSummary .TotalContainer { padding: 40px 0 30px 0; }
.OrderSummary .TermsAndConditions { text-align: right;margin-bottom: 65px; }
.OrderSummary .TermsAndConditions .Term { margin: 8px 0; }
.OrderSummary .TermsAndConditions .Term a,
.OrderSummary .TermsAndConditions .Term .link { color: #4b4b4b;border-bottom: 1px dotted #4b4b4b;cursor: pointer;  }
.OrderSummary .TermsAndConditions .Prompt { color: #3087d1; }

.OrderSummary .TermsOfServiceModal .terms-content-area { padding: 10px;height: 400px;margin-bottom: 15px;border: 1px solid #c3c3c3; background-color: #ffffff;overflow-y: scroll; }
.OrderSummary .TermsOfServiceModal .YourTarffs { margin: 30px 0 20px 0; }
.OrderSummary .TermsOfServiceModal .DownloadTariffButton { width: 450px;margin-bottom: 10px;}
/* End Order Summary */

/* Address Select */
.AddressHidden {display:none;}
.AddressSelect .h3 {color:#3087d1;margin-bottom:10px;}
.AddressSelect .AddressHidden {display:block;margin-bottom:10px;font-weight:bold;}
.AddressSelect .Row {font-size:18px;line-height:22px;}
.AddressSelect .Row.Phone {margin: 15px 0 10px;}
.AddressSelect .AddressItem {float:left;margin-right:45px;height:335px;overflow:hidden;}
.AddressSelect .AddressItem .Address {height:275px;overflow:hidden;}
.AddressSelect .AddressItem .Buttons { margin-top: 10px;}
.AddressSelect .AddressItem .Buttons .Edit {float:left;}
.AddressSelect .AddressItem .Buttons .Select {float:right;}
.AddressSelect .AddressItem .Button {margin-bottom:10px;}
.AddressSelect .Row .Column1 {float:left;width:150px;}
.AddressSelect .Row .Column2 input {width:250px;}
.AddressSelect .SubmitButton {float:right;margin-right:75px;margin-top:20px;}
.AddressSelect .Table {float:left;width:450px;}
.AddressSelect .TableAddressSelect {width:268px;}
/* End Addess Select */

.AddressForm .Row { display: block; }

/* SIM Only Product Page */

.ProductInfo .VariantSelect { float: right;margin-right: 15px;margin-top: 10px;}
.ProductInfo .VariantSelect .InformationIcon { float: left;margin-right: 15px;margin-top: 5px;}

/* SIM Only Product Page */
.CheckoutStep4 .Transaction { padding: 30px; }
.CheckoutStep4 .TransactionTotal { margin-bottom: 60px;}
.CheckoutStep4 .TransactionMessage { margin-bottom: 60px;}
.CheckoutStep4 .CardDetails {margin-bottom:10px;width:650px;}
.CheckoutStep4 .CardDetails .Row {margin-bottom:30px;}
.CheckoutStep4 .CardDetails .Row .Column1 {float:left;width:250px;font-size:24px;font-weight:bold;font-size:24px;}
.CheckoutStep4 .CardDetails .Row .Column2 {line-height:24px;font-size:18px;float:left;width:400px;}
.CheckoutStep4 .CardDetails .Row .Column2 .Amount {float:left;margin-right:5px;font-weight:bold;}
.CheckoutStep4 .CardStore h3 {margin-bottom:30px;}
.CheckoutStep4 .CardNumberStore, .CheckoutStep4 .ExpiryDateStore {float:left;width:360px;font-size:18px;}
.CheckoutStep4 .CardNumberStore .Title, .CheckoutStep4 .ExpiryDateStore .Title {float:left;width:150px;font-size:18px;}
.CheckoutStep4 .ErrorArea { margin: 25px 0;}
.CheckoutStep4 .Buttons {float:right;margin-top:-10px;}
.CheckoutStep4 .Buttons .Button.Red {float:left;}
.CheckoutStep4 .Buttons.Second {width:100%;margin-top:10px;}
.CheckoutStep4 .Buttons .Button {float:right;}

/*End Checkout Step 4*/

/* Credit Card Form */
.CreditCardForm {clear:both;}
.CreditCardForm .required .CardRowLabel:after { content: '*'}
.CreditCardForm .CardRow {clear:both;font-size: 18px;line-height: 18px;margin-bottom: 15px;}
.CreditCardForm .CardRow .CardRowLabel { text-align: right;}
.CreditCardForm .CardRow .CardRowInput{}

.CreditCardForm .CardRow .CardRowInput label{ display: inline;font-size: 12px;font-weight: bold; color: #333333;float: left;line-height: 45px;margin-right: 5px; }
.CreditCardForm .CardRow .CardRowInput input { width: 300px; }
.CreditCardForm .CardRow .CardRowInput .customSelect { width: 300px !important;}
.CreditCardForm .CardRow .CardRowInput .customSelectInner { /*width: 282px !important;*/ }
.CreditCardForm .CardRow .CardRowInput .customSelect.NumericSelect { width: 107px !important;}
.CreditCardForm .CardRow .CardRowInput .customSelect.NumericSelect .customSelectInner { /*width: 85px !important;*/ }
.CreditCardForm .CardRow .StoreInfo {padding-top:50px; clear:both;text-align: center;}
.CreditCardForm .CardRow .CvvInput { width: 160px !important; }
.CreditCardForm .CardRow .CardRowInput.MonthInput { margin-left: 20px;}
.CreditCardForm .CardRow .CardRowInput.YearInput { margin-left: 20px;}

.CreditCardForm .CardRow .Column { float: left;line-height: 45px;display: inline-block;}
.CreditCardForm .CardRow .Column1 { width: 25%; }
.CreditCardForm .CardRow .Column2 { width: 316px;padding-left: 10px; }
.CreditCardForm .CardRow .Column3 { width: 10%; }
.CreditCardForm .CardRow .Column3 .InformationSpan { }

/* End Credit Card Details */

/* Order Complete */

.OrderComplete {}
.OrderComplete h3 {margin: 20px 0;}
.OrderComplete p {line-height:20px;margin-bottom:20px;}
.OrderComplete .BasketArea { margin-top: 40px;}
.OrderComplete .BasketSums .cost-cell { background-color: #ffffff;}

/* End Order Complete */

/* Impersonation Panel */

.ImpersonationPanel { padding: 5px;}
.ImpersonationPanel .Error { font-weight: bold;}

/* End Impersonation Panel */

/* Email Form (Admin Content Blocks) */

.EmailForm { font-size: 16px; }
.EmailForm .Row .Column1,
.EmailForm .Row .Column2 { padding-bottom: 10px;}
.EmailForm table { border-collapse: collapse; }
.EmailForm table td { padding: 5px 0;}

/* End Email Form */

#modalCountryList .modal-body h4 { font-weight: 600;margin-bottom: 25px;}