/* 
    Document   : into
    Created on : 13-Aug-2009, 17:42:55
    Author     : Nigel Clarke
    Description:
        Main styles for the intomobilephones.co.uk
*/
* {
    margin: 0;
    padding: 0;
}
p,ul {
    padding-bottom: 15px;
}
ul {
    padding-left: 30px;
}
a img {
    border: none;
}
body {
    width: 1000px;
    margin: 0;
    padding: 0px;
    font-family:verdana;
    font-size:11px;
}
#header {
}
h1 a {
    background: #fff url("../imgs/logo.jpg")  12px 22px no-repeat;
    display: block;
    width: 182px;
    height: 87px;
    float: left;
}
h1 a span {
    display:none;
}
#toplinks {
    float:right;
    width: 300px;
    padding-top: 10px;
    height: 37px;
}
#search {
    display: block;
    float: left;
    background: url("../imgs/search.jpg") 0 0 no-repeat;
    padding-top: 7px;
    height: 30px;
    width: 191px;
    margin-right: 10px;
    vertical-align: middle;
}
#search_input {
    border:none;
    width: 130px;
    padding: 0px;
    margin: 0px;
    margin-left: 15px;
    font-size: 11px;
}
#search input {
    border: #fff;
}
#basket {
    display: block;
    float: left;
    background: url("../imgs/basket.jpg") 0 0 no-repeat;
    width: 39px;
    height: 37px;
    margin-right: 10px;
}
#contact {
    display: block;
    float: left;
    background: url("../imgs/contacts.jpg") 0 0 no-repeat;
    width: 39px;
    height: 37px;
}
#basket span, #contact span {
    display: none;
}
#tagline {
    font-family: Georgia, Times, Serif;
    font-size: 18px;
    color: #999;
    padding-top: 14px;
    margin-left: 220px;
    height: 25px;
    overflow: hidden;
}
#menu {
    display:block;
    margin-left: 185px;
    margin-top:22px;
    background: url("../imgs/menuback.jpg") 0 0 no-repeat;
    width: 758px;
    height: 40px;
}
#menu a {
    display: block;
    float: left;
    font-size: 11px;
    font-family:verdana;
    font-weight: bold;
    color:#000;
    padding-top: 12px;
    padding-bottom: 13px;
    padding-left: 14px;
    padding-right: 13px;
    margin-right: 3px;
    text-decoration:none;
}
#leftcol {
    float: left;
    width: 150px;
    padding-left: 10px;
    clear:left;
}
#shortlist {
    background: #fff;
    padding-top: 20px;
}
#shortlist a {
    display:block;
    width: 144px;
    height: 24px;
    margin-bottom: 5px;
    padding-left: 9px;
    padding-top: 6px;
    margin-left: 5px;
    background: url("../imgs/drfc_red.jpg") 0 0 no-repeat;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #fff;
}
#shortlist a.white {
    background: url("../imgs/drfc_white.jpg") 0 0 no-repeat;
    color: #000;
}

#shortlist a:hover {
}

.lc_disabled {
    display:block;
    width: 173px;
    height: 17px;
    margin-bottom: 5px;
    padding-left: 9px;
    padding-top: 4px;
    margin-left: 5px;
    background: url("../imgs/lc_item_disabled.jpg") 0 0 no-repeat;
    text-decoration: none;
    font-size: 11px;
    font-weight: bold;
    color: #bbb;
}
#social {
    margin-top: 40px;
    padding-left:5px;
}
#social img {
    padding-bottom: 10px;
}
#make_popup,#model_popup,#network_popup,#gift_popup,#price_popup,#paycat_popup,#accmake_popup,#accmodel_popup,#acccat_popup {
    visibility: hidden;
	background: #DE1F28;
        color:#fff;
	position: fixed;
	height: 300px;
	width: 184px;
	top: 200px;
	left: 1280px;
	overflow: hidden;
}
.scroller h3 {
    color: #000;
    font-size: 11px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left:10px;
}
.scroller {
    height:225px;
    width: 182px;
    overflow:auto;
    clear:right;
}
.scroller a {
    display:block;
    width: 150px;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    font-weight:bold;
    min-height: 14px;
    padding-left: 10px;
    padding-top:2px;
    padding-bottom:2px;
    border-top: 1px solid #990000;
}
.scroller a:hover {
    background: #cc0000;
}
#content {
    clear:right;
    padding-top: 20px;
    margin-left: 170px;
}
.contract_index {
    width:800px;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
.contract_index_head {
    padding:5px;
    padding-top: 0px;
    padding-left:20px;
    font-size: 12px;
}
.offerCount {
    float:right;
    width: 400px;
    text-align:right;
    margin-top: 10px;
    margin-bottom: 5px;
    padding-right: 20px;
    padding-top: 10px;
}
.contract_index_foot {
    clear: both;
    height: 6px;
}
h5 {
    font-size: 10px;
}
#leftcol h5 {
    padding-left: 15px;
    padding-bottom: 5px;
    color: #cc0000;
}
.contract_box {
    display: block;
    float:left;
    border: 1px solid #cccccc;
    width: 764px;
    height: 162px;
    margin-left: 3px;
    padding: 5px;
    padding-top:11px;
    font-size: 10px;
}
#basketTable .contract_box {
    width: 520px;
    border:none;
}
.payg_box {
    display: block;
    float:left;
    border: 1px solid #cccccc;
    width: 382px;
    height: 162px;
    margin-left: 3px;
    padding: 5px;
    padding-top:11px;
    font-size: 10px;
}
.cart_box {
    display: block;
    float:left;
    width: 500px;
    height: 162px;
    margin-left: 3px;
    padding: 5px;
    padding-top:11px;
    font-size: 10px;
}
.acc_box {
    display: block;
    float:left;
    border: 1px solid #cccccc;
    width: 382px;
    height: 162px;
    border: 1px solid #fff;
    margin-left: 3px;
    padding: 5px;
    padding-top:11px;
    font-size: 10px;
}
.acc_box strong {
    font-size: 14px;
}
.right {
    float:right;
}
.accRight .right {
    width: 150px;
    text-align:right;
}
.contract_box .box_image {
    width: 31px;
    height: 58px;
    float:left;
    padding-top: 92px;
    padding-left: 68px;
    margin-right:5px;
}
.payg_box .box_image {
    width: 31px;
    height: 58px;
    float:left;
    padding-top: 92px;
    padding-left: 68px;
    margin-right:5px;
}
.cart_box .box_image {
    width: 31px;
    height: 58px;
    float:left;
    padding-top: 92px;
    padding-left: 68px;
    margin-right:5px;
}
.acc_box .box_image {
    width: 200px;
    height: 150px;
    float:left;
}
.boxmiddle {
    width:200px;
    height:150px;
    float:left;
}
.contract_box .boxright {
    height: 100px;
    text-align:right;
}
.payg_box .boxright {
    height: 100px;
    text-align:right;
}
.cart_box .boxright {
    height: 100px;
    text-align:right;
}
.acc_box .boxright {
    height: 100px;
    text-align:left;
}
.boxmiddle strong,.boxright strong {
    color: #cc0000;
    font-weight:bold;
}
.infobutton,.buybutton {
    display: block;
    clear:right;
    float:right;
    width: 87px;
    height:17px;
    font-size: 11px;
    padding-top: 3px;
    padding-left: 8px;
    margin-bottom:3px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    }
.nextbutton,.prevbutton {
    display: inline-block;
    width: 69px;
    height:18px;
    font-size: 11px;
    padding-top: 3px;
    padding-left: 18px;
    margin-bottom:3px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #000;
    text-align:left;
    }
.infobutton {
    background: url("../imgs/fullinfo.jpg") 0 0 no-repeat;
}
.infobutton:hover {
    background: url("../imgs/fullinfo_high.jpg") 0 0 no-repeat;
}
.buybutton {
    background: url("../imgs/buynow.jpg") 0 0 no-repeat;
    color:#fff;
}
.buybutton:hover {
    background: url("../imgs/buynowhigh.jpg") 0 0 no-repeat;
}
.nextbutton {
    background: url("../imgs/next.jpg") 0 0 no-repeat;
}
.nextbutton:hover {
    background: url("../imgs/nexthigh.jpg") 0 0 no-repeat;
}
.prevbutton {
    background: url("../imgs/prev.jpg") 0 0 no-repeat;
    padding-left:30px;
    width: 57px;
}
.prevbutton:hover {
    background: url("../imgs/prevhigh.jpg") 0 0 no-repeat;
}
h2 {
    font-size:16px;
    font-family:georgia,serif;
    margin-left:10px;
}
h2 span {
    color:#cc0000;
}
h3 {
    font-size: 14px;
    font-family:georgia,serif;
}
h3 span {
    color: #cc0000;
}
.smallerh2 {
    font-size: 14px;
}
#phone_detail,#tariff_detail,#gift_detail {
    border-top: 1px solid #ccc;
    padding:10px;
}
#phone_detail,#gift_head {
    min-height:350px;
    text-align:justify;
    margin-top: 10px;
    width:780px;
    overflow: auto; /* required to ensure divs below don't get sucked up into this div */
}
#network_head {
    text-align:justify;
    margin-top: 10px;
    padding-left: 10px;
    width:770px;
    overflow: auto; /* required to ensure divs below don't get sucked up into this div */
    margin-bottom: 20px;
}
#network_head img {
    margin: 40px;
    margin-top: 0px;
    margin-right: 0px;
}
#tariff_detail {
    width:780px;
    overflow: auto; /* required to ensure divs below don't get sucked up into this div */
}
.topTariff {
    float:right;
    padding-right: 40px;
}
#redeem {
    color: #999;
    width: 360px;
    padding:10px;
}
.tariffTable {
    border: 1px solid #ccc;
    font-size:10px;
    margin-left: 30px;
    margin-top: 20px;
}
.tariffTable th {
    background: #eeeeee;
    padding: 5px;
    font-weight: normal;
}
.tariffTable td {
    background: #ccccee;
    text-align:center;
    padding:3px;
}
.tariffImage {
    float:left;
    margin-left:20px;
    margin-right:20px;
    padding-bottom:10px;
}
.tariffFeatures {
    float:right;
    width: 370px;
}
.tariffFeatures li {
   color:#cc0000;
}
.tariffFeatures li:first-line {
    color: #000
}
.orangeTariffTable {
    background: #ccc;
    font-size: 10px;
    margin: 20px;
}
.orangeTariffTable td {
    background: #fff;
    padding: 5px;
}
.orangeTariffTable th {
    background: #eee;
    padding: 5px;
}
td.monkeyCell {
    background: #fff url("../imgs/icon_monkey.gif") 5px 10px no-repeat;
    padding-left: 32px;
}
td.dolphinCell {
    background: #fff url("../imgs/icon_dolphin.gif") 5px 10px no-repeat;
    padding-left: 32px;
}
td.canaryCell {
    background: #fff url("../imgs/icon_canary.gif") 5px 10px no-repeat;
    padding-left: 32px;
}
td.racoonCell {
    background: #fff url("../imgs/icon_racoon.gif") 5px 10px no-repeat;
    padding-left: 32px;
}
td.camelCell {
    background: #fff url("../imgs/icon_camel.gif") 5px 10px no-repeat;
    padding-left: 32px;
}

.leftM71 {
    margin-left:71px;
}
.tariffMiddle {
    padding-right:20px;
}
.tariffMiddle h2 {
    margin-left:0px;
}
.feature_table strong {
    color:#999;
}
.feature_table td {
    vertical-align:top;
    padding-right: 15px;
    line-height: 15px;
    text-align:left;
}
.Yes {
    background: url("../imgs/yes.gif") 0 0 no-repeat;
    padding-left: 16px;
}
.No {
    background: url("../imgs/no.gif") 0 0 no-repeat;
    padding-left: 16px;
}
#gift_detail {
    height:200px;
}
#gift_detail.autoHeight {
    height: auto;
}
.fullImage {
    float:left;
    border-right: 1px solid #ccc;
    margin-right:10px;
    padding-bottom:10px;
}
#gift_head .fullImage {
    float:right;
    border-right: none;
    border-left: 1px solid #ccc;
    margin-left:0px;
    padding-bottom:10px;
}
.fullImage a {
    text-decoration:none;
    color: #0000ff;
    padding-left:20px;
}
.fullImage strong {
    color:#cc0000;
}
.fullImage .Yes {
    margin-left:20px;
}
.accRight {
    height: 322px;
}
.price {
    color: #cc0000;
    font-size: 14px;
}
.accbuybutton {
    display: inline-block;
    background: url("../imgs/buynow.jpg") 0 0 no-repeat;
    width: 87px;
    height:17px;
    font-size: 11px;
    padding-top: 3px;
    padding-left: 8px;
    margin: 20px;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.accRight img {
    margin-bottom: 10px;
}
.accDesc {
    margin-top:10px;
}
.accDesc H2 {
    margin-left: 0px;
    padding-bottom: 20px;
}
.phoneScroll {
    max-height:200px;
    overflow:auto;
    margin-top:10px;
    margin-bottom:20px;
    padding-right:10px;
    text-align:justify;
}
.giftHeadScroll {
    max-height:330px;
    overflow:auto;
    margin-top:0px;
    margin-bottom:20px;
    padding-right:10px;
    text-align:justify;
}
.giftScroll {
    height:170px;
    overflow:auto;
    margin-top:10px;
    margin-bottom:20px;
    padding-right:10px;
    text-align:justify;
}
.topm20 {
    margin-top:20px;
}
.leftm10 {
    margin-left: 10px;
}
.rightm10 {
    margin-right:10px;
}
.marg20 {
    margin: 20px;
}
#footer {
    clear:both;
    padding: 10px;
    border-top: 1px solid #ccc;
    font-size: 9px;
    color: #999;
}
#footer a {
    color: #444;
    text-decoration: none;
}
#homecopy {
    border: 1px solid #eee;
    padding: 20px;
}
#copy a {
    color: #999;
    text-decoration: none;
}
.breadcrumb {
    border-bottom: 1px solid #999;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 10px;
}
.breadcrumb a {
    display: inline-block;
    background: #DE1F28 url('../imgs/canx.gif') right no-repeat;
    padding-right: 15px;
    margin-left: 20px;
    text-decoration: none;
    color: #fff;
    font-weight:bold;
    }
.breadcrumb a:hover {
    color: #000;
    }
.breadcrumb a.canxred {
    background: #DE1F28 url('../imgs/canxred.gif') right no-repeat;
}
#contract_index {
    clear:right;
}
#contract_index .breadcrumb {
    border: none;
    padding-left: 20px;
}
#leftAdmin {
    background: #eee;
    margin: 10px;
}
#leftAdmin a {
    display: block;
    padding: 3px;
    text-align:center;
    text-decoration: none;
    border: 1px solid #999;
    margin: 2px;
    
}
#tabs {
        padding-left: 20px;
        height: 21px;
        overflow: hidden;
}
#tabs a {
    display: block;
    float:left;
    width: 90px;
    margin-right: 5px;
    text-align: center;
    color: #000;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
    padding-right: 5px;
    padding-top: 4px;
    height: 17px;
}
a.tab {
    background: url("../imgs/tab.jpg") 0 0 no-repeat;

}
#tabs a.tabhigh {
    background: url("../imgs/tab_high.jpg") 0 0 no-repeat;
    color: #fff;
    font-weight:bold;
}
.backTab {
    visibility: hidden;
    display:none;
    height: 0px;
}
.frontTab {
    visibility: visible;
    display: block;
    height: auto;
}
.modelThumb {
    display: inline-block;
    width: 150px;
    height: 233px;
    padding-bottom: 20px;
    padding-left: 35px;
    overflow:auto;
}
.modelThumb img {
    float:left;
}
.modelBubble {
    background: url("../imgs/bubble.jpg") 0 0 no-repeat;
    width: 150px;
    height: 45px;
    padding-top: 8px;
    text-align: center;
    vertical-align: middle;
}
.modelBubble a {
    text-decoration: none;
    color: #000;
}
#basketTable {
    width: 780px;
    background: #ccc;
    margin-top: 20px;
}
#basketTable td {
    background: #fff;
}
#basketTable .buttons {
    text-align: center;
}
#basketTable .contract_box, #basketTable .acc_box {
    background: none;
}
.basketRow {
    border: 1px solid #999;
}
.qButton {
    height: 21px;
}
.reduceButton {
    background: url("../imgs/reduce.jpg") 0 0 no-repeat;
    width: 24px;
    padding-top: 4px;
    height: 17px;
    display:inline-block;
    text-decoration: none;
}
.quantity {
    background: url("../imgs/quantity.jpg") 0 0 no-repeat;
    width: 38px;
    padding-top: 4px;
    height: 17px;
    display:inline-block;
    font-weight:bold;
}
.increaseButton {
    background: url("../imgs/increase.jpg") 0 0 no-repeat;
    width: 25px;
    padding-top: 4px;
    height: 17px;
    display:inline-block;
    text-decoration: none;
}
.addButton {
    display:inline-block;
    background: url("../imgs/buynow.jpg") 0 0 no-repeat;
    width: 87px;
    height: 17px;
    font-size: 11px;
    padding-top: 4px;
    padding-left: 15px;
    margin-left: 20px;
    text-decoration: none;
    text-align:left;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.deleteButton {
    display:inline-block;
    background: url("../imgs/delete_button.jpg") 0 0 no-repeat;
    width: 87px;
    height: 17px;
    font-size: 11px;
    padding-top: 4px;
    padding-left: 15px;
    margin-left: 20px;
    text-decoration: none;
    text-align:left;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.checkoutButton {
    display:inline-block;
    background: url("../imgs/checkout.jpg") 0 0 no-repeat;
    width: 182px;
    height: 17px;
    font-size: 11px;
    padding-top: 4px;
    padding-left: 15px;
    margin: 20px;
    float:right;
    text-decoration: none;
    text-align:left;
    font-size: 10px;
    font-weight: bold;
    color: #000;
}
.emptyBasket {
    margin: 40px;
    text-align:center;
}
.emptyBasket h3 {
    color: #cc0000;
    font-size: 18px;
    margin: 20px;
}
#contactTable {
    margin: 20px;
    background: #ccc;
    line-height: 150%;
}
#contactTable td,#contactTable th {
    background: #fff;
    padding: 10px;
}
.terms {
    margin: 20px;
    font-size: 10px;
}
.terms strong {
    padding-top: 20px;
    display: block;
}
#networkTerms {
    margin: 20px;
}
#networkTerms a {
    text-decoration:none;
    color: #0000ff;
}
#networkTerms a:hover {
    text-decoration:none;
    color: #cc0000;
}
#networkTerms td {
    vertical-align: top;
    line-height: 150%;
}
#networkTerms th {
    padding-left: 60px;
    padding-right: 10px;
}
.filterBox {
    background: #DE1F28 url("../imgs/filterback.gif") top right no-repeat;
    color:#fff;
    margin: 10px;
    padding: 10px;
}
.filterBox strong {
    color: #000;
}
.filterDrops {
    font-weight:bold;
}
.filterDrops td {
    padding-right: 20px;
}
.red {
    color: #cc0000;
    font-weight:bold;
}
#fonesure {
    width: 500px;
    height: 250px;
    position: fixed;
    left: 250px;
    top: 80px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-right: 2px solid #666;
    border-bottom:2px solid #666;
    background: #fff;
    overflow: hidden;
    visibility: hidden;
}
#fonesure img {
    padding-top:10px;
    padding-left:10px;
}
.scroll214H {
    height: 195px;
    overflow: auto;
    padding: 10px;
}
#fonesure ul {
    padding-left: 30px;
}
.closepop {
    background: url("../imgs/close.png") 30px 0px no-repeat;
    height: 15px;
    width:  50px;
    float: right;
    display: block;
    text-decoration: none;
    font-weight: bold;
    padding-top:5px;
    font-size: 10px;
    color: #666;
}
.h2table {
    font-size: 14px;
    font-family: georgia, serif;
}
.fullyloaded {
    float:left;
}
#fBoosts {
    width: 770px;
    overflow:auto;

}
#fBoosts p {
    padding-left: 10px;
    padding-top: 10px;
}
#fBoosts strong {
    color: #4162A7;
    font-size: 18px;
}
.fboostYES,.fboostNO {
    display: block;
    float: left;
    margin-left: 10px;
    width: 80px;
    padding: 5px;
    height: 60px;
    text-align:center;
    text-decoration: none;
}
.xboostNA, .xboostNO, .xboostYES {
    display: block;
    float: left;
    margin-left: 10px;
    width: 80px;
    padding: 5px;
    padding-top: 28px;
    height: 37px;
    text-align:center;
    text-decoration: none;
    margin-bottom:10px;
}
.fboostYES {
    background:url('../imgs/fboostYES.gif') 0 0 no-repeat;
    color: #fff;
}
.fboostNO {
    background:url('../imgs/fboostNO.gif') 0 0 no-repeat;
    color: #000;
    font-weight:normal;
}
.xboostYES {
    background:url('../imgs/xboostYES.gif') 0 0 no-repeat;
    color: #fff;
}
.xboostNO {
    background:url('../imgs/xboostNO.gif') 0 0 no-repeat;
    color: #000;
    font-weight:normal;
}
.xboostNA {
    background:url('../imgs/xboostNA.gif') 0 0 no-repeat;
    color: #fff;
    font-weight:normal;
}
.fboostDesc {
    clear:left;
    border: 3px solid #4162A7;
    color: #000;
    padding: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align:center;
}