
/*
 * Body of site
 */

body {font-family: Arial, Helvetica, sans-serif;}

#outer {background:url('../bgs/bg1.png') top left repeat-x;}
#wrapper {text-align: center;width:100%;max-width: 970px;margin:0 auto;top:128px;}
#pageBox {background-color:#ffffff;padding:90px 10px 0;}

input[type=submit] {-webkit-appearance: none;border-radius: 0;}

.sp {clear:both;}
.hsp{clear:both;height:10px;}
.hhsp{clear:both;height:20px;}

.none {display: none;}

body{background:url('../bgs/bg2.png') bottom left repeat-x;background-color:#ffffff;text-align: left;font:12px arial;}
body {margin:0;padding:0;}
h1{margin:0;padding:0;}
h2{margin:0;padding:0;}
img {border:0;}

.left {float:left;}
.right{float:right;}

#trail {color:#2E2C2D;font-size:12px;margin-top:10px;margin-bottom:10px;text-align:left;clear:both;}

#pageLeft {width:70%;float:left;}
#pageRight {width:28%;float:right;}

.orderContainer {display:flex;flex-flow: column;position:relative;}

#overlay {display:none;background-color: rgba(0, 0, 0, 0.7);height: 100%;left: 0;overflow-x: hidden;position: fixed;top: 0;width: 100%;z-index: 9;}

.stop-scrolling {height: 100%;overflow: hidden;}

.relative {position:relative;}

/*
 * Header code
 */

#mainHeader {height:90px;position:absolute;top:0px;background-color:#ffffff;max-width:970px;width:100%;}

#mainHeader #searchHeader{margin-top:5px;float:right;width:300px;}
#mainHeader #searchHeader img{vertical-align:middle;padding-bottom:4px;}
#mainHeader #searchHeader input {vertical-align:middle;height:22px;}
#mainHeader #searchHeader input[type="text"] {width:70%;}
#mainHeader #searchHeader input[type="submit"] {border-radius:4px;height:27px;cursor:pointer;background-color:#96CA2D;border:none;color:#fff;padding:4px 4px;font-weight:bold;box-shadow: 1px 1px 1px #ccc;}

#mainHeader #tabs {margin:0;list-style:none;height:35px;bottom:1px;width:100%;max-width:697px;position:absolute;right:10px;}
#mainHeader #tabs li {box-shadow: 0px -1px 2px #888888;border:1px solid #ccc;border-bottom:none;border-radius:8px 8px 0 0;padding-left:3px;float:right;margin-left:8px;cursor:pointer;height:25px;width:100px;padding-top:10px;}

#mainHeader #tabs a {font-weight:bold;font-size:14px;text-decoration:none;color:#fff;color:#03658c;}
#mainHeader #tabs .tab {background-color:#EDF7F2;}
#mainHeader #tabs .tabon {background-color: #03658C;border:1px solid #03658C;}
#mainHeader #tabs .tabon a {color:#fff;}

#mainHeader #tabs .tab:hover {background-color: #03658C;border:1px solid #03658C;}
#mainHeader #tabs .tab:hover a {color:#fff;}

#logo {position:absolute;left:0;top:0;}

#mainHeader #searchIcon {display:none;float: right;height: 28px;width: 28px;margin:8px 5px 0 0;}

#pull span, #pull span:before, #pull span:after {cursor: pointer; border-radius: 1px;height: 5px;width: 35px;background: white;position: absolute;display: block;content: '';}
#pull span:before {top: -10px;}
#pull span:after {bottom: -10px;}
#pull span, #pull span:before, #pull span:after {transition: all 500ms ease-in-out;}
#pull.active span { background-color: transparent;}
#pull.active span:before, #pull.active span:after {top: 0;}
#pull.active span:before {transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg); -moz-transform: rotate(45deg);}
#pull.active span:after {transform: rotate(-45deg); -webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);}

/* Basic Styles */

.contentH2,.contentH3 {text-align:left; color: #03658C;font-size:21px;margin-bottom: 10px;margin-top:0;}

/*
 * Footer
 */

#footer {color:#4D4D4D;font-size:14px;margin-top:10px;width:93%;padding:0 10px;}
#footer a{color:#4D4D4D;font-size:14px;}

#footer .div {text-align:left;float:left;width:30%;}
#footer .div ul {float:left;margin-right:10px;}
#footer .div ul li {padding-bottom:3px;padding-left:5px;}

#footer .div.mobiles {width:45%;}
#footer .div.social {padding-top:40px;width:25%;}

#footer #shareIcons {width:100%;margin:0 0 10px;}
#footer #shareIcons .socialIcons {background-image:url('../sprites/social.png');width: 48px;height: 48px;margin:10px auto 0;display:inline-block;}
#footer #shareIcons .socialIcons a {display:block; height:100%; width:100%;}
#footer #shareIcons .socialIcons.facebookIcon {background-position: -0px -96px;margin-left:10px;}
#footer #shareIcons .socialIcons.twitterIcon {background-position: -0px -0px;margin-left:10px;}
#footer #shareIcons .socialIcons.googleIcon {background-position: -0px -48px;}

/*
 * Heights
 */

.h100p {height:150px;}
.h10p {height:10px;}
.h5p {height:5px;}

.m10p {margin:10px 0;}

.w100 {width:100%;}
.w50 {width:50%;}

.valignTop {vertical-align:top;}

.alignCenter {text-align:center}
.alignLeft {text-align:left;}
.alignRight {text-align:right;}

.paddingLeft10 {padding-left:10px;}

/*
 * Misc
 */

ul {margin:0;padding:0;}
ul li {list-style:none;}

#mainBlueTop {background-color:#03658c;border-radius:8px 8px 0 0;height:14px;width:100%;}
#mainBlueMain {text-align:left;background-color:#03658c;width:100%;}
#mainBlueMain h1 {color:#b5e655;padding:25px 0 15px;}
#mainBlueMain b {color:#b5e655;font-size:27px;}
#mainBlueMain .inner .title {display:block;padding-top:15px;}
#mainBlueMain .inner {padding:0 10px;}
#mainBlueMain .text {color:#fff;font-size:15px;margin-left:20px;width:65%;}
#mainBlueMain .text b {color:#fff;font-size:18px;}
#mainBlueMain .text span {font-size:18px;}
#mainBlueMain .text img {vertical-align:middle;}
#mainBlueMain .text h1 {color:#fff;font-size:18px;display:inline;}
#mainBlueMain .text h2 {color:inherit;display: inline;font-size: inherit;font-weight: normal}
#mainBlueMain .inner #heroImg {right:25px;position:absolute;bottom:-14px;height:299px;width:319px;}
#mainBlueMain #modelsPages h1 {font-size:28px;color:#b5e655;}
#mainBlueMain #modelsPages {padding-top:25px;float:left;color: #FFFFFF;font-size: 14px;margin-left: 0;width: 73%;}
#mainBlueMain #makeLogo {margin-top:10px;text-align:center;background-color:#fff;width:210px;height:100px;float:right;margin-left: 0;width: 25%;}
#mainBlueMain #makeLogo img{padding-top:15px;max-width: 100%}

#mainBlueBot {background-color:#03658c;height:14px;width:100%;}

.searchPage #mainBlueMain .inner {color:#fff;font-size:16px;}
.searchPage #mainBlueMain .inner h1 {padding:25px 0 0;}

.errorPage #pageLeft {height:600px;text-align:left;}


#back-to-top {position: fixed;bottom: 5px;right: 5px;width: 32px;height: 32px;text-align: center;line-height: 30px;background: #afd5d9;color: #444;cursor: pointer;border: 0;border-radius: 2px;text-decoration: none;transition: opacity 0.2s ease-out;opacity: 0;}
#back-to-top.show {opacity: 1;}

/*
 * Phone page
 */

.phonePage {}

#phoneGreen {background-color:#96ca2d;padding:10px 20px 0 20px;text-align:left;max-width:910px;}
#phoneGreen b{font-weight:bold;font-size:19px;color:#fff;}
#phoneGreen table tr td b{font-size:14px;color:#03658C;}
#phoneGreen #shareButtons{float:right;width:263px;}

#phoneGreenContent {clear:both;padding-top:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#phoneGreenContent #phoneContentImg {padding-left:10px;float:left;width:115px;}
#phoneGreenContent #phoneContentImg #phoneContentImgNumbers {margin-left: auto;margin-right: auto;width:70px;}
#phoneGreenContent #phoneContentImg .phoneContentImgRating {margin-left: auto;margin-right: auto;width:80px;}
#phoneGreenContent #phoneContentImg .phoneContentImgRating div {font-weight:bold;text-align:center;}
#phoneGreenContent #phoneContentText {font-weight:bold;color:#03658c;float:left;width:100%;padding:0 2%;box-sizing:border-box;font-size:14px;}
#phoneGreenContent #phoneContentText #review{display:none;}
#phoneGreenContent #phoneContentText span {font-size:16px;}


.phonePage #phoneGreenContent #phoneContentText {width:57%;}

#phoneGreenContent #phoneContentFeatures {padding: 0 3px;float:left;width:244px;margin-left:1%;box-sizing: border-box;}
#phoneGreenContent #phoneContentFeatures h2 {color:#96ca2d;}
#phoneGreenContent #phoneContentFeatures table{margin-top:20px;padding:10px;margin-bottom:6px;width:100%;border:1px solid #b5e655;background-color:#dfefc0;font-size:12px;}
#phoneGreenContent #phoneContentFeatures table th{color:#03658c;width:40%;text-align:left;}
#phoneGreenContent #phoneContentFeatures img {margin-top:2px;margin-bottom:2px;}
#phoneGreenContent #phoneContentFeatures .phoneNavButtons {width:100%;}
#phoneGreenContent #phoneContentFeatures .phoneNavButtons .homeViewButton {margin-bottom:8px;border-radius:4px;}

#phoneBlue {background-color:#03658c;padding:10px 20px 8px 20px;text-align:left;max-width:665px;width:100%;box-sizing: border-box;}
#phoneBlue span{font-weight:bold;font-size:19px;color:#96ca2d;font-style:italic;}
#phoneBlue h2{font-weight:bold;font-size:23px;color:#fff;}

#phoneBlueContent {padding-top:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;box-sizing:border-box;}

.phoneBlueReview {}
.phoneBlueReview .rating {display:none;}
.phoneBlueReview .reviewQuotes{float:left;margin-right:10px;margin-left:10px;margin-top:5px;width:20px;}
.phoneBlueReview img {vertical-align:middle;}
.phoneBlueReview b {color:#03658c;}
.phoneBlueReview span.reviewer {color:#03658c !important;font-size:12px !important;font-style:normal !important;}
.phoneBlueReview .reviewInfo {width:30%;float:left;}
.phoneBlueReview .reviewText {width:95%;color:#03658c;margin-left:2%;margin-top:2%;margin-right:2%;float:left;}
.phoneBlueReview hr {clear:both;color: #96ca2d;background-color: #96ca2d;height: 2px;border:0px;width:90%;}
.phoneBlueReview .reviewAdded {margin-left:10px;width:37%;margin-bottom:10px;}
.phoneBlueReview .reviewAdded span {color:#03658c !important;font-size:12px !important;font-style:normal !important;}

#phoneAddSmall {margin-right:6px;background-color:#4bb5c1;padding:10px 20px 0 20px;text-align:left;width:100%;box-sizing:border-box;}
#phoneAddSmall h2, #phoneAddSmall b{font-weight:bold;font-size:23px;color:#fff;}

#phoneAddContent {padding:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}

#phoneAddContent table th{line-height:25px;color:#4bb5c1;font-size:16px;text-align:left;}


#phoneAddBig {background-color:#4bb5c1;padding:10px 20px 0 20px;text-align:left;max-width:665px;width:100%;box-sizing: border-box;}
#phoneAddBig h2,#phoneAddBig b{font-weight:bold;font-size:23px;color:#fff;}

#phoneAddContentBig {padding:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#phoneAddContentBig #reviewForm {width:100%;}
#phoneAddContentBig table th{line-height:25px;color:#4bb5c1;font-size:16px;text-align:left;}

#phoneOthers {text-align:left;border:2px solid #b5e655;background-color:#eaf4d5;padding:10px;width:100%;box-sizing: border-box;}
#phoneOthers h3, #phoneOthers h2{color:#03658c;}
#phoneOthers ul {margin-left:15px;padding:0;}
#phoneOthers li a{color:#03658c;}
#phoneOthers li #selected{font-weight:bold;}

#otherPhones {color:#03658c;text-align:left;border:2px solid #b5e655;background-color:#eaf4d5;padding:10px;width:100%;box-sizing: border-box;}
#otherPhones b {font-size:16px;}
#otherPhones h2{display:inline-block;font-size:21px;}
#otherPhones ul {margin:10px 0;padding:0;}
#otherPhones ul li {width: 16.6%;float:left;text-align:center;margin-bottom:10px;padding:3px;box-sizing: border-box;height:180px;}
#otherPhones ul li img {margin-bottom:8px;}
#otherPhones ul li a{color:#03658c;}
#otherPhones ul li:nth-child(6n+1) {clear:both;}

#phoneWhyAdd {margin-right:6px;background-color:#96ca2d;padding:10px 10px 0;text-align:left;width:100%;box-sizing: border-box;}
#phoneWhyAdd b{font-weight:bold;font-size:18px;color:#fff;}
#phoneWhyAdd img {margin-top:10px;float:left;padding-bottom:10px;padding-right:2%;}
#phoneWhyAdd .phoneWhyAddText {font-size:13px;margin-top:10px;font-weight:bold;color:#fff;float:left;width:86%;}


#smallReviewForm input {width:100%;border:1px solid #ccc;border-radius: 3px;padding:5px 8px;box-sizing: border-box;}
#smallReviewForm #check {width:10px;height:10px;}
#smallReviewForm #image {width:180px;border:none;height:41px;}
#smallReviewForm #recommend1,#smallReviewForm #rating1  {padding-left:15px;display:inline;vertical-align:middle}
#smallReviewForm textarea {font: 12px arial; width:100%;box-sizing:border-box;height:150px;}

.readMore {border-radius:4px;font-style:normal;cursor:pointer;background-color: #96ca2d;color: #fff;font-weight: bold;margin-bottom: 10px;padding: 5px 6px;width: 69px;text-align:center;font-size:12px;}

/* Paym Phone Pages */

#choosePaymPhone {color:#fff;text-align:center;font-size:16px;font-weight:bold;display:none;margin:10px 0;width:100%;background-color:#4bb5c1;float:right;width:100%;padding:10px;box-sizing: border-box;}
#choosePaymPhone .select-style {vertical-align:middle;width:25%;max-width:180px;display: inline-block;}
#choosePaymButton,#seeDealsButton {cursor:pointer;border:2px solid #fff;padding:10px;float:right;border-radius:8px;color:#fff;font-weight:bold;font-size:14px;}
#choosePaymButton:hover,#seeDealsButton:hover {border:2px solid #b5e655;color:#b5e655;}
#choosePaymButton.another {background-color: #03658c;}
#choosePaymButton.another:hover {border:2px solid #fff;color:#fff;}
.order2.w768-2 {position: absolute;right:0;width:100%;}
#seeDealsButton {display:none;}


#mainBlueMain #dealsPhoneContainer {font-size:13px;padding:10px;color:#000;text-align:left;background-color:#fff;border-radius:8px;margin-left: 0;}
#mainBlueMain #dealsPhoneContainer b{font-size:14px;color:#4BB5C1;}
#mainBlueMain #dealsPhoneContainer #dealsPhoneImageContainer{margin:0 10px 10px 0;color:#000;font-size:12px;text-align:center;width:80px;float:left;}
#mainBlueMain #dealsPhoneContainer #dealsPhoneTextContainer {float:left;width:80%;}

.phoneNavButtons {width:27%;float:right;}
.phoneNavButtons div {width:100%;padding-top:14px;margin-bottom:10px;}
.phoneNavButtons div#viewPayg,.phoneNavButtons div#viewPayMonthly {margin-bottom: 0;}
.phoneNavButtons div a {font-size:11px;}

.phoneContent {text-align:left;font-size:16px;}
.phoneContent h3, .phoneContent h2 {color:#03658C;margin-top:0;margin-bottom:10px;}
.phoneContent b {display:block;margin:7px 0;}
.phoneContent .back-to-top {display:block;clear:both;margin:8px 0;text-align:right;}
.phoneContent ul ol {margin-bottom: 10px;}

/*
 * Home page
 */

.homePage #mainBlueMain .inner {height:291px;position:relative;}

#topRated {margin-top:10px;background-color:#03658c;padding:10px 20px 0 20px;text-align:left;width:100%;float:right;box-sizing: border-box;}
#topRated h2{font-weight:bold;font-size:22px;color:#fff;}

#topRatedContent {padding:10px 0 10px 0;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#topRatedContent .topRatedBox .phoneName, #topRatedContent .topRatedBoxB .phoneName {color:#4bb5c1;font-weight:bold;line-height:18px;height:25px;}
#topRatedContent .topRatedBox{text-align:center;width:49%;float:left;}
#topRatedContent .topRatedBoxB{text-align:center;width:49%;float:left;border-right:1px dotted #4bb5c1}
#topRatedContent .topRatedBox span,#topRatedContent .topRatedBoxB span{color:#4bb5c1;font-weight:bold;line-height:22px;}
#topRatedContent .readMore {margin:0 auto;}
#topRatedContent hr{color: #fff; background-color: #fff; border: 1px dotted #4bb5c1; border-style: none none dotted;padding-top:15px;clear:both;}

#homeGreen {background-color:#96ca2d;padding:10px 20px 0 20px;text-align:left;width:100%;box-sizing: border-box;}
#homeGreen h2{font-weight:bold;font-size:23px;color:#fff;}

#homeGreenContent {padding-top:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#homeGreenContent hr {clear:both;color: #96ca2d;background-color: #96ca2d;height: 2px;border:0px;width:90%;}

.homeGreenPhone {font-style:italic;position:relative;padding:5px;width:31%;float:left;height:175px;}
.homeGreenPhone b {color:#4bb5c3;}
.homeGreenPhone div .readMore {position:absolute;bottom:10px;margin-bottom:0;}
.homeGreenPhone span {color:#000;line-height:20px;font-size:11px;}
.homeGreenPhone .text {height:100%;width:58%;float:right;}

#homeSideBlue {background-color:#4bb5c1;padding:10px 20px 0 20px;text-align:left;width:100%;float:right;box-sizing: border-box;}
#homeSideBlue h2{font-weight:bold;font-size:22px;color:#fff;}

#homeSideBlueContent {padding:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#homeSideBlueContent table {width:100%;}
#homeSideBlueContent table th{line-height:25px;color:#4bb5c1;font-size:16px;text-align:left;}
#homeSideBlueContent table textarea{width:194px;height:150px;}
#homeSideBlueContent table button {  background: #96ca2d url("../misc/rightArrow.png") no-repeat scroll left 35px center;  border: medium none;color: #fff;font-size: 15px;font-weight: bold;height: 41px;padding-left: 31px;width: 180px;cursor:pointer;}

#homeBlue {background-color:#03658c;padding:10px 20px 0 20px;text-align:left;width:100%;box-sizing: border-box;}
#homeBlue h2{font-weight:bold;font-size:23px;color:#fff;}

#homeBlueContent {padding:10px;margin-top:20px;border:2px solid #b5e655;background-color:#fff;}
#homeBlueContent #review {display:none;}


.homeViewButton {text-align:left;padding-left:48px;box-sizing: border-box;width:44%;height:41px;padding-top:12px;cursor: pointer;}
.homeViewButton a {color:#fff !important;font-weight:bold;text-decoration: none !important;font-size:15px;}

#viewPayMonthly {background:url('../misc/rightArrow.png') left 10px center no-repeat #03658C;}
#viewPayg {background:url('../misc/rightArrow.png') left 10px center no-repeat #4BB5C1;}
#viewReviews {background:url('../misc/rightArrow.png') left 10px center no-repeat #96ca2d;}

#productLinks {width:100%;}
#productLinks .product {border-radius:4px;padding:12px 0 12px 36px;background:url('../misc/rightArrow.png') left 10px center no-repeat #03658C;font-weight:bold;float:left;width:32%;box-sizing: border-box;font-size:14px;margin-right:2%;}
#productLinks .product a {color:#fff;text-decoration: none;}
#productLinks .product:nth-child(3) {margin-right:0;}
#productLinks .product:hover {cursor:pointer;background-color:#4bb5c1}

/*
 * Makes Page
 */

#makesContainer .make {height:100px;float:left;width:19%;  box-sizing:border-box;position:relative;border:1px solid #eee;border-radius: 4px;margin-right:10px;margin-bottom:10px;}
#makesContainer .make:nth-of-type(5n) {margin-right:0;}
#makesContainer .make:nth-of-type(3n) {margin-right:10px;}
#makesContainer .make a.link {color:#03658C;position: absolute;bottom:10px;margin-left: auto;margin-right: auto;left: 0;right: 0;display: block;}
#makesContainer .make:hover {border:1px solid #96ca2d;}
#makesContainer .make img {border: 0;max-height: 100%;max-width: 100%;width: auto;height: auto;position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin: auto;}

/*
 * Models Page
 */

.modelContainer {margin-right:1%;height:307px;background-color: #96CA2D;margin-left: 1%;padding: 10px 6px 6px;float:left;width:23%;box-sizing:border-box;margin-bottom:10px;}
.modelContainer .modelTitle {color:#fff;font-size:18px;font-weight:bold;text-decoration: none;}
.modelContainer .modelInnerContainer {box-sizing: border-box;position:relative;height:232px;background-color:#fff;padding:10px;}
.modelContainer .modelInnerContainer .leftSide {width:40%;float:left;}
.modelContainer .modelInnerContainer .leftSide img {padding-bottom:10px;}
.modelContainer .modelInnerContainer .leftSide span {font-weight:bold;color:#96CA2D;font-size:16px;}
.modelContainer .modelInnerContainer .rightSide {width:55%;text-align:left;float:right;}
.modelContainer .modelInnerContainer .rightSide b {color:#4BB5C1;}
.modelContainer .modelInnerContainer .rightSide .readMore {margin-bottom:0;position:absolute;bottom:10px;}

#phoneContainer {border:1px solid #eee;padding:10px;border-radius: 4px;}
#phoneContainer .phone {float:left;width:25%;min-height:205px;}
#phoneContainer .phone a.phoneTitle {text-decoration:none;font-size:16px;cursor: pointer;margin-bottom:5px;display: block;}
#phoneContainer .phone .leftSide {float:left;width:40%;}
#phoneContainer .phone .rightSide {float:right;width:55%;padding-top: 10px;}
#phoneContainer .phone .rightSide div {width: 88px;background-color: #03658C;}
#phoneContainer .phone .rightSide div a {color:#fff;text-decoration:none;cursor: pointer;}

#discontinuedContainer {background-color:#eee;padding:10px;width:100%;text-align:left;box-sizing: border-box;}
#discontinuedContainer b,#discontinuedContainer h2 {color:#03658c;font-size:21px;}
#discontinuedContainer .phone {width:20%;float:left;margin-top:5px;}
#discontinuedContainer ul {}
#discontinuedContainer ul li {padding-bottom:10px;}

#otherManufacturers {padding-left:10px;box-sizing: border-box;text-align:left;margin-bottom:10px;}
#otherManufacturers.paym {padding-left:0;}
#otherManufacturers h3 {color:#03658c;margin-top:0;}
#otherManufacturers #otherManufacturersContainer {box-sizing: border-box;height: 125px;position: relative;padding: 0 30px;}
#otherManufacturers #otherManufacturersContainer .overview li {width: 217px;}
#otherManufacturers #otherManufacturersContainer li {cursor:pointer;height:115px;float:left;width:100%;padding:10px;box-sizing: border-box;border:1px solid #eee;}
#otherManufacturers #otherManufacturersContainer li:hover {border:1px solid #96ca2d;cursor:pointer;}
#otherManufacturers #otherManufacturersContainer li:hover a {text-decoration: underline;}
#otherManufacturers #otherManufacturersContainer li a {text-decoration:none;display: block;margin: 7px 0;font-size:15px;color:#2f353a;margin-top:0;}

/*
 * Add Review page
 */

#reviewImageContainer {max-width:330px;float:right;padding: 7px 20px 0px 0px;width:40%;box-sizing: border-box;text-align: center;}
#reviewImageName {background-color:#4BB5C1;color:#fff;font-size:18px;padding:2px 10px;width:100%;margin-bottom:5px;}

#reviewForm {}
#reviewForm input {width:100%;border:1px solid #ccc;border-radius: 3px;padding:5px 8px;box-sizing: border-box;}
#reviewForm #check {width:10px;height:10px;}
#reviewForm #recommend1,#reviewForm #rating1  {padding-left:15px;display:inline;vertical-align:middle}
#reviewForm textarea {font: 12px arial; width: 100%; height: 164px;border:1px solid #ccc;border-radius: 3px;}
#reviewForm button, #smallReviewForm button {border-radius:4px;background: #96ca2d url("../misc/rightArrow.png") no-repeat scroll left 8px center;border: medium none;color: #fff;    cursor: pointer;  font-size: 15px;font-weight: bold;height: 41px;padding-left: 31px;width: 100%;}

#competitionBanner {margin-bottom:10px;text-align:left;border:2px solid #b5e655;background-color:#eaf4d5;padding:10px;width:100%;box-sizing: border-box;}
#competitionBanner b {font-size:16px;margin-bottom:10px;display: block;color:#03658c;}

#formContent {text-align:left;}
#formContent .formRow {margin-bottom:5px;}
#formContent .formRow .formCol {float:left;padding:5px;box-sizing: border-box;}
#formContent .formRow .formCol .label {margin-bottom:5px;display:block;}
#formContent .formRow .formCol b {font-size: 14px;color: #03658C;}
#formContent .formRow .formCol input {width: 100%;border: 1px solid #ccc;border-radius: 3px;padding: 5px 8px;box-sizing: border-box;}
#formContent .formRow .formCol textarea {font: 12px arial;width: 100%;height: 164px;border: 1px solid #ccc;border-radius: 3px;}
#formContent .formRow .formCol button {border-radius:4px;min-width:180px;float:right;background: #96ca2d url("../misc/rightArrow.png") no-repeat scroll left 8px center;border: medium none;color: #fff;    cursor: pointer;  font-size: 15px;font-weight: bold;height: 41px;padding-left: 31px;width: 20%;}


/*
 *  Contact Us Page
 */

#contactForm {float:left;max-width:490px;width:100%;}
#contactForm input {width:100%;border:1px solid #ccc;border-radius: 3px;padding:5px 8px;box-sizing: border-box;}
#contactForm #check {width:10px;height:10px;}
#contactForm #recommend1,#reviewForm #rating1  {padding-left:15px;display:inline;vertical-align:middle}
#contactForm textarea {font: 12px arial; width: 100%; height: 164px;border:1px solid #ccc;border-radius: 3px;}
#contactForm button {background: #96ca2d url("../misc/rightArrow.png") no-repeat scroll left 8px center;border: medium none;color: #fff;    cursor: pointer;  font-size: 15px;font-weight: bold;height: 41px;padding-left: 31px;width: 25%;}

/*
 * Deals Pages
 */

#paymDealsContainer {width:100%;border-top:1px solid #eaeaea;font-size:12px;color:#2f353a;}

#paymDealsContainer .phoneimage {width:14%;}
#paymDealsContainer .phone {width:18%;}
#paymDealsContainer .network {width:10%;}
#paymDealsContainer .minutes {width:13%;}
#paymDealsContainer .texts {width:11%;}
#paymDealsContainer .internet {width:9%;}
#paymDealsContainer .monthlycost {width:13%;}
#paymDealsContainer .seedeal {width:12%;}
#paymDealsContainer .extras {width:98%;padding-left:2%;text-align:left;height:20px !important;  min-height: 20px !important;}

#paymDealsContainer .dealInfo {width: 69%;float:left;}

#paymDealsContainer .dealRow {cursor:pointer;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;clear:both;padding:15px 0;}
#paymDealsContainer .dealRow:hover {border:1px solid #96ca2d;}
#paymDealsContainer .dealRow .phone p {text-align:left !important;}
#paymDealsContainer .dealRow .phone p b {font-size:16px;margin-bottom:5px;display:inline-block;margin-bottom:8px;}
#paymDealsContainer .dealRow .deal {display:table;float:left;height:100px;vertical-align:middle;}
#paymDealsContainer .dealRow.noExtra .deal {height:110px;}
#paymDealsContainer .dealRow .deal p {display: table-cell;vertical-align: middle;text-align: center; }
#paymDealsContainer .dealRow .deal abbr {display:block;margin-top:5px;cursor: pointer;font-size:11px;color:#03658C;}
#paymDealsContainer .dealRow .seedeal img {cursor:pointer;}

#paymDealsContainer .bold {font-weight:bold;font-family: Arial,Helvetica;font-size: 15px;}
#paymDealsContainer .freePhone {margin-bottom:5px;background-color: #65717b;color: #fff;display: inline-block;font-size: 14px;font-weight: bold;padding: 2px;}
#paymDealsContainer .monthlyCost {color:#03658c;}
#paymDealsContainer .monthlyCost .bold {font-size:20px;}
#paymDealsContainer .extra {padding:3px;display: inline-block;background-color:#4bb5c1;color:#fff;margin-top: 5px;font-size:14px;}

#paymDealsContainer .mobileDealRow {display:none;padding:5px 0 0 0;}
#paymDealsContainer .mobileDealRow .deal {min-height:100px;}
#paymDealsContainer .mobileDealRow .deal .hsp {display: block;}

#paymDealsContainer .mobileDealRow .network {width:28%;}
#paymDealsContainer .mobileDealRow .network p {text-align:left;}
#paymDealsContainer .mobileDealRow .network p b {font-size:14px;}
#paymDealsContainer .mobileDealRow .network p img {display: block;margin: 0 auto;text-align: center;margin-bottom:15px;}


#paymDealsContainer .mobileDealRow .dealInfo {padding-left:2%;width: 38%;}
#paymDealsContainer .mobileDealRow .dealInfo .imageContainer {position:relative;bottom:0;height:85px;left:0;right:0;overflow:hidden;}
#paymDealsContainer .mobileDealRow .dealInfo .imageContainer img {width:100px;}
#paymDealsContainer .mobileDealRow .dealInfo p {word-wrap: break-word;display: block;font-size: 14px;margin-top: 10px;text-align: center;}
#paymDealsContainer .mobileDealRow .dealInfo p div.phoneCost {border: 1px solid #e6f2f8;font-size:14px;}
#paymDealsContainer .mobileDealRow .dealInfo b:first-of-type {display: block;margin-bottom:7px;}
#paymDealsContainer .mobileDealRow .seedeal {width:32%;padding-right:0;}
#paymDealsContainer .mobileDealRow .seedeal .rental {color:#03658c;}
#paymDealsContainer .mobileDealRow .seedeal .rental b {font-size:18px;}
#paymDealsContainer .mobileDealRow .seedeal p {margin:9px 0;display: block;}
#paymDealsContainer .mobileDealRow .seedeal .moreInfoButton {height:28px;padding-top:6px;font-size:14px;}

#paymDealsContainer .mobileDealRow .extra {display:inline;}



#paygDealsContainer {width:100%;border-top:1px solid #eaeaea;font-size:12px;color:#2f353a;}

#paygDealsContainer .phoneimage {width:15%;}
#paygDealsContainer .phone {width:53%;}
#paygDealsContainer .network {width:20%;}
#paygDealsContainer .seedeal {width:12%;}
#paygDealsContainer .extras {width:98%;padding-left:2%;text-align:left;height:20px !important;  min-height: 20px !important;}

#paygDealsContainer .dealInfo {width: 69%;float:left;}

#paygDealsContainer .dealRow {cursor:pointer;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;clear:both;padding:15px 0;}
#paygDealsContainer .dealRow:hover {border:1px solid #96ca2d;}
#paygDealsContainer .dealRow .phone p {text-align:left !important;}
#paygDealsContainer .dealRow .phone p b {font-size:16px;margin-bottom:5px;display:inline-block;margin-bottom:8px;}
#paygDealsContainer .dealRow .deal {display:table;float:left;height:100px;vertical-align:middle;}
#paygDealsContainer .dealRow.noExtra .deal {height:110px;}
#paygDealsContainer .dealRow .deal p {display: table-cell;vertical-align: middle;text-align: center; }
#paygDealsContainer .dealRow .deal abbr {display:block;margin-top:5px;cursor: pointer;font-size:11px;color:#03658C;}
#paygDealsContainer .dealRow .seedeal img {cursor:pointer;}

#paygDealsContainer .bold {font-weight:bold;font-family: Arial,Helvetica;font-size: 15px;}
#paygDealsContainer .freePhone {margin-bottom:5px;background-color: #65717b;color: #fff;display: inline-block;font-size: 14px;font-weight: bold;padding: 2px;}
#paygDealsContainer .monthlyCost {color:#03658c;}
#paygDealsContainer .monthlyCost .bold {font-size:20px;}
#paygDealsContainer .extra {padding:3px;display: inline-block;background-color:#4bb5c1;color:#fff;margin-top: 5px;font-size:14px;}

#paygDealsContainer .mobileDealRow {display:none;padding:5px 0 0 0;}
#paygDealsContainer .mobileDealRow .deal {min-height:100px;}
#paygDealsContainer .mobileDealRow .deal .hsp {display: block;}

#paygDealsContainer .mobileDealRow .network {width:28%;}
#paygDealsContainer .mobileDealRow .network p b {font-size:14px;}
#paygDealsContainer .mobileDealRow .network p img {display: block;margin: 0 auto;text-align: center;margin-bottom:15px;}


#paygDealsContainer .mobileDealRow .dealInfo {padding-left:2%;width: 38%;}
#paygDealsContainer .mobileDealRow .dealInfo .imageContainer {position:relative;bottom:0;height:85px;left:0;right:0;overflow:hidden;}
#paygDealsContainer .mobileDealRow .dealInfo .imageContainer img {width:100px;}
#paygDealsContainer .mobileDealRow .dealInfo p {word-wrap: break-word;display: block;font-size: 14px;margin-top: 10px;text-align: center;}
#paygDealsContainer .mobileDealRow .dealInfo p div.phoneCost {border: 1px solid #e6f2f8;font-size:14px;}
#paygDealsContainer .mobileDealRow .dealInfo b:first-of-type {display: block;margin-bottom:7px;}
#paygDealsContainer .mobileDealRow .seedeal {width:32%;padding-right:0;}
#paygDealsContainer .mobileDealRow .seedeal .rental {color:#03658c;}
#paygDealsContainer .mobileDealRow .seedeal .rental b {font-size:18px;}
#paygDealsContainer .mobileDealRow .seedeal p {margin:9px 0;display: block;}
#paygDealsContainer .mobileDealRow .seedeal .moreInfoButton {height:28px;padding-top:6px;font-size:14px;}

#paygDealsContainer .mobileDealRow .extra {display:inline;}

#loadMore {background: #03658c url("../misc/rightArrow.png") no-repeat scroll left 10px center;font-size: 15px;  height: 40px;margin: 6px auto 0;padding-top: 11px;width: 100%;padding-left:9px;}

#filterDeals {float:left;width:24%;}

.filterOptions {padding:0;margin:8px 0 0;}
.filterOptions li {border-radius:4px;text-align:center;height:35px;cursor:pointer;list-style:none;width:30%;float:left;border:1px solid #cccccc;padding:4px 0;margin:0 3% 8px 0;}
.filterOptions li:nth-child(3n+2) {margin-right:0%;}
.filterOptions li.selected {border:1px solid #03658c;background: url('../misc/tick.png') no-repeat 95% 12%;}
.filterOptions li#allNetworks {line-height:normal;width: 65%;box-sizing: border-box;height:45px;padding-top:16px;color:#3f3f3f;}
.filterOptions li img {vertical-align: middle;}

#filterMemory li:nth-child(3n+2) {margin-right:3%;}

#filterNetworks li {line-height:35px;}

#filterDealsContainer {background-color: #96ca2d;padding: 10px 10px;text-align: left;}
#filterDealsContainer b:first-of-type {color: #fff;font-size: 19px;font-weight: bold;}
#filterDealsContainer #filterDealsInner {background-color: #fff;border: 2px solid #b5e655;clear: both;padding: 10px 10px 0;;margin-top:10px;}
#filterDealsContainer #filterDealsInner b {color: #03658c;font-size: 14px;}
#filterDealsContainer #filterDealsInner .select-style {margin:8px 0;}
#filterDealsContainer #filterDealsInner .checkbox {vertical-align:middle;margin:0;}
.checkboxText {color:#3f3f3f;margin:8px 0;}
.checkboxText label {cursor: pointer;}

#filterPhoneChoice {background-color: #96ca2d;padding: 10px 10px;text-align: left;}
#filterPhoneChoice b:first-of-type {color: #fff;font-size: 19px;font-weight: bold;}
#filterPhoneChoice #filterPhoneChoiceInner {background-color: #fff;border: 2px solid #b5e655;clear: both;padding: 10px 10px 0;;margin-top:10px;}
#filterPhoneChoice #filterPhoneChoiceInner b {color: #03658c;font-size: 14px;}
.filterColour {border-radius:4px;background-color:rgba(0,0,0,0.5);border:1px solid rgba(0,0,0,0.5);cursor:pointer;width:30px;height:30px;margin-right:4px;margin-bottom:4px;float:left;}
.filterColour.selected {border:1px solid #03658c !important;background: rgba(0,0,0,0.5) url('../misc/tick.png') no-repeat 50% 50%;}
.filterColour.gold {background-color:#FFD700;border:1px solid #FFD700;}
.filterColour.grey,.filterColour.greg {background-color:#808080;border:1px solid #808080;}
.filterColour.spacegrey {background-color:#808080;border:1px solid #808080;}
.filterColour.silver {background-color:#c0c0c0;border:1px solid #c0c0c0;}
.filterColour.pink {background-color:#f9c;border:1px solid #f9c;}
.filterColour.white, .filterColour.whtie {background-color:#fff;border:1px solid #cccccc;}
.filterColour.black {background-color:#000;border:1px solid #000;}
.filterColour.jetblack {background-color:#000;border:1px solid #000;}
.filterColour.bamboo {background-color:#efebd6;border:1px solid #efebd6;}
.filterColour.blue {background-color:#06c;border:1px solid #06c;}
.filterColour.brown {background-color:#9f4913;border:1px solid #9f4913;}
.filterColour.champagne {background-color:#efd8c6;border:1px solid #efd8c6;}
.filterColour.copper {background-color:#da8a67;border:1px solid #da8a67;}
.filterColour.coral {background-color:#f09d8a;border:1px solid #f09d8a;}
.filterColour.cyan {background-color:#00a6d6;border:1px solid #00a6d6;}
.filterColour.green {background-color:#008000;border:1px solid #008000;}
.filterColour.lilac {background-color:#c593c8;border:1px solid #c593c8;}
.filterColour.lime {background-color:#0f0;border:1px solid #0f0;}
.filterColour.magenta {background-color:#824874;border:1px solid #824874;}
.filterColour.orange {background-color:#ffa500;border:1px solid #ffa500;}
.filterColour.peach {background-color:#f9d4b8;border:1px solid #f9d4b8;}
.filterColour.purple {background-color:#639;border:1px solid #639;}
.filterColour.red {background-color:#e50000;border:1px solid #e50000;}
.filterColour.titanium {background-color:#616367;border:1px solid #616367;}
.filterColour.violet {background-color:#53456f;border:1px solid #53456f;}
.filterColour.yellow {background-color:#ff0;border:1px solid #ff0;}
.filterColour.rosegold {background-color:#f7d0cb;border:1px solid #e3e4e6;}

#filterPhoneChoice #filterPhoneChoiceInner .select-style {margin:8px 0;}

#filterMemory li {text-align:center;height:20px;padding:10px 0 4px;margin:0 2% 8px 0;max-width:80px;}

#imageContainer {float:left;width:15%;max-width:150px;}
#dealsContainer {float:left;max-width:45%;text-align:left;}
#dealsContainer h2 {color: #03658C;font-size: 16px;}

#featuredDeal {cursor:pointer;color:#2f353a;float:right;border:1px solid #eee;width:325px;text-align:left;font-size:14px;}
#featuredDeal div {padding:8px;box-sizing: border-box;}
#featuredDeal span.title {font-weight:bold;background-color:#03658C;color:#fff;display:block;font-size:18px;padding:8px;}
#featuredDeal ul {}
#featuredDeal ul li {background: url('../misc/tick.png') no-repeat 0px 7px;padding:8px 2px 2px 24px;vertical-align: middle}
#featuredDeal .moreInfoButton {width:100px;}
#featuredDeal span.info {color:#03658c;}
#featuredDeal span.bold {font-weight:bold;}
#featuredDeal img {float:right;clear:right;padding-right:15px;}
#featuredDeal img.merchant {padding-bottom:10px;}

.select-style {border: 1px solid #ccc;max-width: 100%;border-radius: 3px;overflow: hidden;background: #fafafa url("data:image/png;base64,R0lGODlhDwAUAIABAAAAAP///yH5BAEAAAEALAAAAAAPABQAAAIXjI+py+0Po5wH2HsXzmw//lHiSJZmUAAAOw==") no-repeat 98% 50%;width:100%;}
.select-style select {padding: 7px 8px;width: 110%;border: none;box-shadow: none;background: transparent;background-image: none;-webkit-appearance: none;}
.select-style select:focus {outline: none;}

#deals {width:73%;float:left;margin-left:3%;}
#deals.fullWidth {width:100%;margin-left:0;}

#deals #sortByDiv {width:40%;}
#deals #sortByDiv .select-style {width:76%;}
#deals #sortByDiv b {width:23%;margin-top:10px;}

#filtersButton {background:#4bb5c1;width: 160px;;margin-top:3px;padding-top:11px;height:34px;}

.filtersButtons {background:#4bb5c1;margin-top:10px;float:left;}
#resetFilters {width:100%;}
#applyFilters {width: 49%;margin-left:2%;background:#96ca2d;}

.button {box-sizing: border-box;cursor: pointer;height: 28px;padding-top: 8px;color:#fff;font-weight:bold;text-align: center;border-radius:4px;}
.moreInfoButton {background: #96ca2d none repeat scroll 0 0;height: 25px;margin: 6px auto 0;padding-top: 6px;width: 100%;font-size:12px;display:block;}

.popularMobiles {background-color:#eee;padding:10px;position:relative;}
.popularMobiles .containerPhone {min-height:175px;float:left;width:100%;padding:10px;box-sizing: border-box;border:1px solid #eee;}
.popularMobiles .containerPhone:hover {border:1px solid #96ca2d;cursor:pointer;}
.popularMobiles .containerPhone:hover a {text-decoration: underline;}
.popularMobiles .containerPhone a {font-weight:bold;text-decoration:none;display: block;margin: 7px 0;font-size:15px;color:#2f353a;margin-top:0;}
.popularMobiles .containerPhone span {color:#03658c;font-size:14px;}
.popularMobiles .containerPhone span span {font-size:16px;font-weight:bold;}
.popularMobiles .containerPhone div {margin-top:15px;float:left;text-align:left;margin-left:4%;width:70%;}
.popularMobiles li {float:left;width:32%;margin-right:10px;margin-bottom:10px;}

.popularMobilesContainer {padding:0;box-sizing: border-box;height: 110px;position: relative;height:265px;overflow:hidden}
.popularMobilesContainer .overview li {width: 289px;}

.show-more-mobiles {background-color: rgba(3, 101, 140, 0.7);bottom: 0;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);color: #fff;
    cursor: pointer;font-size: 15px;font-weight: 400;padding: 8px 0;position: absolute;text-align: center;text-decoration: none; font-weight:bold;width: 100%;
    border-radius: 4px;}

/* Slider */
.slider .viewport {height: 100%;overflow: hidden;position: relative;}
.slider .disable {visibility: hidden;}
.slider .overview {position: absolute;top: 0;}
.slider .overview li {float:left;text-align:center;float: left;margin: 0 2px 0 1px;padding: 3px;}

.slider-button {text-decoration:none !important;position: absolute;top: 26px;left: 5px;font-size: 40px;color: #96ca2d !important;cursor: pointer;height: 64px;width: 15px;text-align: center;}
.slider-button.slider-button-right {right:5px;left:auto}


/* For SimOnly */
#simOnlyDealsContainer {width:100%;border-top:1px solid #eaeaea;font-size:12px;color:#2f353a;}

#simOnlyDealsContainer .phoneimage {width:14%;}
#simOnlyDealsContainer .phone {width:17%;}
#simOnlyDealsContainer .network {width:10%;}
#simOnlyDealsContainer .minutes {width:13%;}
#simOnlyDealsContainer .texts {width:11%;}
#simOnlyDealsContainer .internet {width:9%;}
#simOnlyDealsContainer .monthlycost {width:13%;}
#simOnlyDealsContainer .seedeal {width:12%;}
#simOnlyDealsContainer .extras {width:98%;padding-left:2%;text-align:left;height:20px !important;  min-height: 20px !important;}

#simOnlyDealsContainer .dealInfo {width: 69%;float:left;}

#simOnlyDealsContainer .dealRow {cursor:pointer;border-left:1px solid #fff;border-right:1px solid #fff;border-top:1px solid #fff;border-bottom:1px solid #eaeaea;clear:both;padding:15px 0;}
#simOnlyDealsContainer .dealRow:hover {border:1px solid #96ca2d;}
#simOnlyDealsContainer .dealRow .phone p {text-align:left !important;}
#simOnlyDealsContainer .dealRow .phone p b {font-size:16px;margin-bottom:5px;display:inline-block;margin-bottom:8px;}
#simOnlyDealsContainer .dealRow .deal {display:table;float:left;height:100px;vertical-align:middle;}
#simOnlyDealsContainer .dealRow.noExtra .deal {height:110px;}
#simOnlyDealsContainer .dealRow .deal p {display: table-cell;vertical-align: middle;text-align: center; }
#simOnlyDealsContainer .dealRow .deal abbr {display:block;margin-top:5px;cursor: pointer;font-size:11px;color:#03658C;}
#simOnlyDealsContainer .dealRow .seedeal img {cursor:pointer;}

#simOnlyDealsContainer .bold {font-weight:bold;font-family: Arial,Helvetica;font-size: 15px;}
#simOnlyDealsContainer .freePhone {margin-bottom:5px;background-color: #65717b;color: #fff;display: inline-block;font-size: 14px;font-weight: bold;padding: 2px;}
#simOnlyDealsContainer .monthlyCost {color:#03658c;}
#simOnlyDealsContainer .monthlyCost .bold {font-size:20px;}
#simOnlyDealsContainer .extra {padding:3px;display: inline-block;background-color:#4bb5c1;color:#fff;margin-top: 5px;font-size:14px;}

#simOnlyDealsContainer .mobileDealRow {display:none;padding:5px 0 0 0;}
#simOnlyDealsContainer .mobileDealRow .deal {min-height:100px;}
#simOnlyDealsContainer .mobileDealRow .deal .hsp {display: block;}

#simOnlyDealsContainer .mobileDealRow .network {width:28%;}
#simOnlyDealsContainer .mobileDealRow .network p {text-align:left;}
#simOnlyDealsContainer .mobileDealRow .network p b {font-size:14px;}
#simOnlyDealsContainer .mobileDealRow .network p img {display: block;margin: 0 auto;text-align: center;margin-bottom:15px;}


#simOnlyDealsContainer .mobileDealRow .dealInfo {padding-left:2%;width: 38%;}
#simOnlyDealsContainer .mobileDealRow .dealInfo .imageContainer {position:relative;bottom:0;height:85px;left:0;right:0;overflow:hidden;}
#simOnlyDealsContainer .mobileDealRow .dealInfo .imageContainer img {width:100px;}
#simOnlyDealsContainer .mobileDealRow .dealInfo p {word-wrap: break-word;display: block;font-size: 14px;margin-top: 10px;text-align: center;}
#simOnlyDealsContainer .mobileDealRow .dealInfo p div.phoneCost {border: 1px solid #e6f2f8;font-size:14px;}
#simOnlyDealsContainer .mobileDealRow .dealInfo b:first-of-type {display: block;margin-bottom:7px;}
#simOnlyDealsContainer .mobileDealRow .seedeal {width:32%;padding-right:0;}
#simOnlyDealsContainer .mobileDealRow .seedeal .rental {color:#03658c;}
#simOnlyDealsContainer .mobileDealRow .seedeal .rental b {font-size:18px;}
#simOnlyDealsContainer .mobileDealRow .seedeal p {margin:9px 0;display: block;}
#simOnlyDealsContainer .mobileDealRow .seedeal .moreInfoButton {height:28px;padding-top:6px;font-size:14px;}

#simOnlyDealsContainer .mobileDealRow .extra {display:inline;}

#simOnlyContent {}
#simOnlyContent ul.content li {margin-left:40px;list-style:disc;}

#simOnlyContent ul#questions {}
#simOnlyContent ul#questions li {padding:7px 0 7px 8px;border-bottom:1px solid #03658C;}
#simOnlyContent ul#questions li a {text-decoration: none;cursor: pointer;}

#simOnlyContent .faq-back-to-top {display:block;clear:both;margin:8px 0;text-align:right;}

/*For PAYG*/
#dealsTable {width:100%;}
#dealsTableHeader thead tr:last-child td:first-child,#dealsTable thead tr:last-child td:first-child {-moz-border-radius-topleft:8px;-webkit-border-top-left-radius:8px;border-top-left-radius:8px}
#dealsTableHeader thead tr:last-child td:last-child,#dealsTable thead tr:last-child td:last-child {-moz-border-radius-topright:8px;-webkit-border-top-right-radius:8px;border-top-right-radius:8px}
#dealsTableHeader thead td,#dealsTable thead td {padding:10px;background-color:#03658C;color:#fff;font-size:14px;}

#dealsTableHeader {position: fixed; top: 0px; z-index: 10000; display: none; margin:0 auto; width: 950px;}

#dealsTable .bold {font-weight:bold;color: #000000;font-family: Arial,Helvetica;font-size: 15px;}
#dealsTable .dealInfo {font-weight:bold;color:#03658C}
#dealsTable .freePhone {font-weight:bold;font-weight:bold;color:#03658C;font-size: 15px;}

#dealsTable .contractLength {font-size:11px;}
#dealsTable .tickImg {vertical-align:middle;padding-left:5px;}

#paygContent {}
#paygContent ul.content li {margin-left:40px;list-style:disc;}

#paygContent ul#questions {}
#paygContent ul#questions li {padding:7px 0 7px 8px;border-bottom:1px solid #03658C;}
#paygContent ul#questions li a {text-decoration: none;cursor: pointer;}

#paygContent .faq-back-to-top {display:block;clear:both;margin:8px 0;text-align:right;}

/*END PAYG*/

.dealsBlue {margin-top:20px;background-color:#03658C;padding:10px 20px 0 20px;text-align:left;max-width:910px;}
.dealsBlue h2{font-weight:bold;font-size:19px;color:#fff;display:inline;}
.dealsBlue #shareButtons{float:right;width:255px;}

.dealsBlue .phoneContainer {text-align:center;position:relative;margin-top:20px;float:left;width:13%;background-color: #FFFFFF;height: 218px;padding: 10px;}
.dealsBlue .phoneContainer {margin-right:2%;}
.dealsBlue .phoneContainer .readMore {bottom:3px;position: absolute;left:50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);margin-bottom:0;}

.dealsGreen {margin-top:20px;margin-left:3px;background-color:#96CA2D;padding:10px 20px 0 20px;text-align:left;width:900px;}
.dealsGreen h2{font-weight:bold;font-size:19px;color:#fff;display:inline;}
.dealsGreen #shareButtons{float:right;width:255px;}


#pageLinks {margin-top:10px;margin-bottom:10px;}

#dealsBlueContent {clear:both;padding-top:10px;margin-top:20px;border:2px solid #03658C;background-color:#fff;}

hr {border: 1px solid #eaeaea;width: 100%;}

A:link          {COLOR: #000000; TEXT-DECORATION: underline}
A:active        {COLOR: #000000; TEXT-DECORATION: underline}
A:visited       {COLOR: #000000; TEXT-DECORATION: underline}
A:hover         {COLOR: #87C542;  TEXT-DECORATION: underline}

@media screen  {
    #mainBlueMain .inner #heroImg {background:url('../misc/iphone.png');}
}

@media screen and (max-width : 964px) {

    #homeGreen,#homeBlue,#homeSideBlue,#topRated {padding: 10px 10px 0;}

    #filterDeals {display:none;position: fixed;top: 0;left: -250px; width: 330px;max-width:90%;height: 100%;background: #fff;z-index: 9999;overflow:auto;box-sizing: border-box;padding:0 0 10px;}
    #filterDeals.open {display:block;}
    #filterPhoneChoice, #filterDealsContainer {background-color:#03658c;}
    #resetFilters {margin-bottom:20px;width:49%;}
    .filtersButtons {width:49%;display:block;}

    #deals {width:100%;margin-left:0}

    #filterClose {position: relative;position: relative;background-color: #03658c;padding: 10px;text-align: left;display:block;}
    #filterClose h3 {color:#fff;font-size:19px;margin:0}
    #filterClose h3 a {font-size:14px;color:#fff;text-decoration: none;position: absolute;  top: 12px;  right: 10px;  display: inline-block;  padding: 6px 9px 5px;font-weight: bold;background: #96ca2d;}
    #filterClose h3 a:hover {color: #000;}

    .phoneNavButtons {width:250px;}

    #phoneGreenContent #phoneContentFeatures {width:24%;}
    #phoneGreenContent #phoneContentFeatures .phoneNavButtons div {background:none;padding-left:0;text-align: center;}
    #phoneGreenContent #phoneContentFeatures .phoneNavButtons #viewPayg {background: #4bb5c1 no-repeat scroll left 10px center;}
    #phoneGreenContent #phoneContentFeatures .phoneNavButtons #viewReviews {background: #96ca2d no-repeat scroll left 10px center;}
    #phoneGreenContent #phoneContentFeatures .phoneNavButtons #viewPayMonthly {background: #03658c no-repeat scroll left 10px center;}
    #phoneGreenContent #phoneContentFeatures .phoneNavButtons div a {font-size:11px;}

    #discontinuedContainer .phone {margin-top:0;width:25%;}

    .popularMobiles .containerPhone div {width:60%;}
}

@media screen and (max-width : 920px) {

    #mainBlueMain .inner #heroImg {width:299px;height:280px;right:5px;}
    #mainBlueMain .text {margin-left:5px;}

    .modelContainer {width:31%;}
}

@media screen and (max-width : 880px) {

    #pageLeft {float: none;width: 100%;}
    .phonePage #pageRight, #pageRight {float: none;width: 100%;}
    .modelPage #pageRight {width: 28%;float:right;}
    .modelPage #pageLeft {width: 70%;float:left;}

    #pageBox {padding:90px 1% 0;width:98%;}

    #logo {width:131px;}

    #mainBlueMain,#mainBlueTop, #mainBlueBot {margin:0;width:100%;}
    #mainBlueMain .text {margin-left:4px;width:100%;}
    #mainBlueMain .inner {height:auto !important;}
    .homePage .inner {padding-top:20px;}
    #mainBlueMain .inner #heroImg {display:none;}
    #mainBlueMain b {font-size:18px;}
    #mainBlueMain .inner .title {padding-top:0;}
    #mainBlueMain .text {font-size:12px;}
    #mainBlueMain .text span {font-size:14px;}
    #mainBlueMain .text b,#mainBlueMain .text h1 {font-size:14px;}

    #homeGreen {width:auto;margin-left:0;}
    #homeBlue {width:auto;margin-left:0;}

    #homeSideBlue {width:48%;margin-right:0;float:left;}
    #topRated {width:51%;margin-right:0;float:right;margin-top:0;}

    #homeGreen,#homeBlue,#homeSideBlue,#topRated {padding: 10px 10px 0;}
    #homeGreen h2, #homeBlue h2,#homeSideBlue h2,#topRated h2 {font-size:20px;}
    #homeGreen #homeGreenContent, #homeBlue #homeBlueContent, #homeSideBlue #homeSideBlueContent, #topRated #topRatedContent {margin-top:10px;}
    .dealsBlue {padding:10px 10px 0;}

    #phoneBlue {padding:10px 10px 8px;}
    #phoneBlue span {font-size:16px;}

    #phoneAddSmall {padding: 10px 10px 0;}

    .homeViewButton {margin-bottom:10px;}

    .errorPage #pageLeft {height:auto;}
}

@media screen and (max-width : 850px) {

    #mainBlueMain .inner #heroImg {width:279px;height:260px;right:5px;}
    #mainBlueMain .text span {font-size:16px;}
    #mainBlueMain .text {font-size:14px;}

    #discontinuedContainer .phone {margin-top:0;width:33%;}
    #discontinuedContainer .phone:nth-child(3n+1) {clear:both;}

    #imageContainer {width:25%;margin-right:3%;}
    #imageContainer #phoneImage {width:105px;height:auto;}
    #dealsContainer {width:42%;max-width:42%;}
    #dealsContainer h1 {font-size:20px;}
    #dealsContainer h2 {font-size:18px;}
    #featuredDeal {width:32%;}

    #makesContainer .make {width:23%;margin-right:2%;}
    #makesContainer .make:nth-of-type(3n) {margin-right:2%;}
    #makesContainer .make:nth-of-type(4n) {margin-right:0;}
    #makesContainer .make:nth-of-type(5n) {margin-right:2%;}

    .popularMobiles li {width:48%;}
}

@media screen and (min-width:550px) and (max-width:768px) {
    #mainHeader #tabs {bottom:0;background-color: #03658c;position: absolute;left:0;padding:0;width:auto;max-width:100%;right:auto;}
    #mainHeader #tabs li {height:auto;border:none;border-radius: 0;width:auto;box-shadow:none;margin-left:0;padding-left:12px;}
    #mainHeader #tabs .tab {background:none;}
    #mainHeader #tabs a {color:#fff;line-height:18px;}
    #mainHeader #tabs .tabon {border:none;color:#b5e655;text-decoration: underline;}
    #mainHeader #tabs .tabon a {color:#b5e655;}
    #mainHeader #tabs .tab:hover {background:none;border:none;}
    #mainHeader #tabs .tab:hover a {color:#b5e655;text-decoration: underline;}

    #nav {background-color: #03658c;width:100%;display: block;height: 35px;left: 0;position: absolute;text-align: left;top: 83px;}

}

@media screen and (max-width:768px) {

    #logo {width:100px;}

    #mainHeader {height:90px;}

    #pull div {padding-top:16px;padding-left:10px;display: none;}

    #pageBox {padding:127px 1% 0;width:98%;}

    #mainBlueMain h1 {padding: 0;font-size:18px;}
    .contentH2,.contentH3 {font-size:16px;}
    #otherPhones h2 {font-size:16px;}
    #mainBlueMain #dealsPhoneContainer {margin-top:10px;}
    .searchPage #mainBlueMain .inner h1 {padding:0;}
    .searchPage #mainBlueMain .inner {font-size:14px;}
    #mainBlueMain b {font-size:14px;}

    #phoneGreen {padding:10px 10px 0;}
    #phoneAddBig {padding:10px 10px 0;margin-bottom:10px;}

    #mainBlueMain {height:auto !important;}
    #mainBlueMain .text {margin-left:0;}
    .makesPage #mainBlueMain .inner .text {width:100%;}
    #mainBlueMain .text span {font-size:14px;}

    #mainBlueMain #modelsPages {padding-top:0;}

    .phonePage #phoneGreenContent #phoneContentText {width:50%;}
    .phonePage #phoneGreenContent #phoneContentFeatures {width:27%;}

    body{
        -webkit-text-size-adjust: none;
    }

    #productLinks .product {width:100%;margin-bottom:10px;}

    #mainBlueTop, #mainBlueBot {display:none;}
    #mainBlueMain {background-color:#fff;}
    #mainBlueMain .text, #mainBlueMain .text b, #mainBlueMain .text h1 {color:#000}
    #mainBlueMain b.title,#mainBlueMain h1,#mainBlueMain #modelsPages h1 {color:#03658c;}
    #mainBlueMain .inner,#mainBlueMain #dealsPhoneContainer {padding:0;}
    .searchPage #mainBlueMain .inner {color:#000;}

    #mainBlueMain #modelsPages h1 {font-size:18px;display:block;}

    #mainBlueMain #modelsPages {color:#000;}

    .orderContainer .order1.w768 {order:1;}
    .orderContainer .order2.w768 {order:2;}
    .orderContainer .order3.w768 {order:3;}
    .orderContainer .order4.w768 {order:4;}
    .orderContainer .order5.w768 {order:5;}

    .orderContainer .order1.w768-2 {order:1;margin-bottom:15px;}
    .orderContainer .order2.w768-2 {order:2;position:relative;}

    #choosePaymButton,#seeDealsButton {border: 2px solid #03658c;box-sizing: border-box;color: #03658c;margin-bottom: 10px;width: 100%;}
    #choosePaymButton.another {color:#fff;}

    #phoneContainer .phone {width:33%;}

    #dealsContainer {width:71%;max-width:71%;}

    #featuredDeal {width:100%;margin-top:10px;}
    #seeDealsButton {display:block;width: 40%;float:none;margin:0 auto 0;}
}

@media screen and (max-width : 703px) {


}

@media screen and (max-width : 679px) {

    .modelPage #pageLeft,.modelPage #pageRight {width:100%;float:none;}
    #phoneWhyAdd img {clear:both;}

    .homeGreenPhone {width:47%;}
    #homeGreenContent hr, #homeGreenContent .hsp {display:none;}

    .homeGreenPhone:nth-child(9) {
        border-bottom:none;
        margin-bottom:0px;
    }

    .homeGreenPhone:nth-child(2n+1) {
        border-right:1px dotted #4BB5C1;
        border-bottom:2px solid #96ca2d;
        margin-bottom:10px;
    }

    .homeGreenPhone:nth-child(2n+2) {
        border-bottom:2px solid #96ca2d;
        margin-bottom:10px;
    }

    .modelContainer {width:48%;}

    #choosePaymPhone {text-align:center;}
    #choosePaymPhone .select-style {margin-top:8px;width:80%;max-width:80%;}

    #otherPhones ul li {width:20%;}
    #otherPhones ul li:nth-child(5n+1) {clear:both;}
    #otherPhones ul li:nth-child(6n+1) {clear:none;}

    #footer .div.social {width:100%;padding-top:0;}
    #footer .div.links,#footer .div.mobiles {width:50%;}

    #discontinuedContainer .phone {margin-top:0;width:50%;}
    #discontinuedContainer .phone:nth-child(3n+1) {clear:none;}
    #discontinuedContainer .phone:nth-child(3n+2) {clear:none;}
    #discontinuedContainer b, #discontinuedContainer h2 {font-size:16px;}
}

@media screen and (max-width : 605px) {

    .homeViewButton {width:100%;float:none;margin-bottom:10px;}

    .dealsBlue .phoneContainer {width:20%;}

    .phoneNavButtons {clear:both;float:none;width:100%;margin-top:10px;}
    .phoneNavButtons div {width:49%;float:left;}
    .phoneNavButtons div:last-child {margin-left:2%;}

    #phoneGreenContent #phoneContentImg {margin:0 auto 10px;float:none;}
    .phonePage #phoneGreenContent #phoneContentText {width:100%;}
    .phonePage #phoneGreenContent #phoneContentFeatures {width:100%;padding:0 10px;margin-left:0;}
    .phonePage #phoneGreenContent #phoneContentFeatures table {width:100%;margin-top:10px;}

    #paymDealsContainer .dealRow, #paymDealsContainer .row {display:none;}
    #paymDealsContainer .mobileDealRow {display:block;}
    #paymDealsContainer .extra {font-size:12px;}

    #paygDealsContainer .dealRow, #paygDealsContainer .row {display:none;}
    #paygDealsContainer .mobileDealRow {display:block;}
    #paygDealsContainer .extra {font-size:12px;}


    #simOnlyDealsContainer .dealRow, #simOnlyDealsContainer .row {display:none;}
    #simOnlyDealsContainer .mobileDealRow {display:block;}

    #simOnlyDealsContainer .extra {font-size:12px;}

    #deals #sortByDiv {width:60%;}
    #deals #filtersButton {width:40%;margin-top:0;}

    .moreInfoButton {height:50px;padding-top:19px;}

    #makesContainer .make {width:32%;margin-right:2%;}
    #makesContainer .make:nth-of-type(3n) {margin-right:0;}
    #makesContainer .make:nth-of-type(4n) {margin-right:2%;}
    #makesContainer .make:nth-of-type(5n) {margin-right:2%;}

    #imageContainer {width:25%;margin-right:3%;}
    #imageContainer #phoneImage {width:95px;height:auto;}
    #dealsContainer {width:71%;max-width:71%;}
    #dealsContainer h1 {font-size:18px;}
    #dealsContainer h2 {font-size:16px;}

    #phoneContainer .phone {width:50%;}
    #phoneContainer .phone .rightSide div {font-size:10px;width:83%;}
}

@media screen and (max-width:550px) {

    #logo {width:70px;left:0;top:-2px;}

    #mainHeader {height:55px;}

    #pageBox {padding:60px 1% 0;}

    #pull div {display:block;}

    #nav {background-color: #03658c;width:100%;display: block;height: 45px;left: 0;position: absolute;text-align: left;top: 0;}
    #nav #menuContainer {float:right;width:60px;height: 45px;margin-top:3px;}

    #mainHeader #tabs {display:none;height:auto;position: absolute;top:50px;left:0;padding:0;width:100%;max-width:100%;text-align:center;}
    #mainHeader #tabs li {border:none;border-radius: 0;width:100%;box-shadow:none;margin-left:0;padding-top:12px;height:26px;}

    .phoneNavButtons div {width:100%;}
    .phoneNavButtons div:last-child {margin-left:0;}

    #trail {padding-left:0;margin-top:0;}

    #mainHeader #searchHeader {background-color: #edf7f2;margin-top:45px;padding:10px 0;box-shadow: 1px 1px 1px #ccc;float:none;display:none;width:100%;}
    #mainHeader #searchIcon {display:block;}

    .ad-slot-1 {height:100px;}

    #otherPhones ul li {width:25%;}
    #otherPhones ul li:nth-child(4n+1) {clear:both;}
    #otherPhones ul li:nth-child(5n+1) {clear:none;}

    #makesContainer .make {width:48%;margin-right:2%;}
    #makesContainer .make:nth-of-type(2n) {margin-right:0;}
    #makesContainer .make:nth-of-type(3n) {margin-right:2%;}
    #makesContainer .make:nth-of-type(5n) {margin-right:2%;}

    .popularMobiles li {width:100%;}
    .popularMobiles .containerPhone {min-height:160px;}
}

@media screen and (max-width : 510px) {

    #reviewImageContainer {display:none;}

    #mainBlueMain #modelsPages {font-weight: normal;}

    #discontinuedContainer .phone {margin-top:0;width:50%;}

    #mainBlueMain #dealsPhoneContainer #dealsPhoneTextContainer {width:60%;}

    #footer .div.links {margin-bottom:10px;}
    #footer .div.links,#footer .div.mobiles {width:100%;}

    #imageContainer {width:25%;margin-right:3%;}
    #imageContainer #phoneImage {width:85px;height:auto;}
    #dealsContainer {width:71%;max-width:71%;}
    #dealsContainer h1 {font-size:16px;}
    #dealsContainer h2 {font-size:14px;}
}

@media screen and (max-width : 486px) {

    .homeGreenPhone {width:97%;border-right:none !important;height:auto;}
    .homeGreenPhone .text {width:66%;}
    #homeGreenContent {padding:10px;}

    #homeSideBlue {width:auto;float:left;}
    #topRated {float:left;margin-top:10px;width:100%}

    #mainBlueMain #modelsPages {width:100%;}
    #mainBlueMain #makeLogo {display: none;}

    .phoneBlueReview .reviewAdded {width:100%;margin-bottom:5px;}
    .phoneBlueReview .reviewInfo {margin-left:10px;width:100%;margin-bottom:5px;}
    .phoneBlueReview .reviewInfo b {float:left;display:block;}

    .dealsBlue .phoneContainer {width:26%;}
}

@media screen and (max-width : 440px) {

    .modelContainer {width:98%;}

    .dealsBlue .phoneContainer {width:21%;}

    #otherPhones ul li {width:33%;height:190px;}
    #otherPhones ul li:nth-child(3n+1) {clear:both;}
    #otherPhones ul li:nth-child(4n+1) {clear:none;}

    #formContent .formRow .formCol {width:100%;}
}

@media screen and (max-width: 411px) {

    #discontinuedContainer .phone {width:100%;margin-top:0;}

    #deals #sortByDiv {width:100%;margin-top:15px;}
    #deals #filtersButton {width:100%;}

    #productLinks .product {font-size:12px;}
}

@media screen and (max-width : 360px) {

    .dealsBlue .phoneContainer {width:24%;}
}