/* Truphone local anywhere store - core styles */
body {margin:0;padding:0;font: 72.5%/1.3em arial,verdana,sans-serif;color:#fff;background:#000 url(../images/body_bg.gif) repeat-x 0 0}
img {border:0}

/* outer wrap */
#wrap {position:relative;width:960px;margin:0 auto}

/* header */
#header {position:relative;width:940px;margin:0 10px}
#header ul {margin:0;padding:0;list-style:none}
#header a {outline:0}

#logo {position:relative;width:326px;height:108px;background:url(../images/logo_bg.gif) no-repeat 0 0}
#logo img {position:absolute;top:34px;left:67px}

#nav {position:absolute;top:69px;left:330px;width:494px;height:38px}
#nav li {float:left;margin-right:9px}
#nav a {display:block;width:114px;height:39px;text-indent:-999em;background:url(../images/header/nav/nav_short_bg2.png) no-repeat 0 0}
#nav .sim_cards a {background-position:0 0}
#nav .faq a {background-position:-123px 0}
#nav .help a {background-position:-247px 0}

#nav .sim_cards a:hover,#nav .sim_cards a.active {background-position:0 -39px}
#nav .faq a:hover,#nav .faq a.active {background-position:-123px -39px}
#nav .help a:hover,#nav .help a.active {background-position:-247px -39px}

/* mini basket */
#basket {position:absolute;top:7px;right:0;width:238px;height:101px;font-weight:bold;text-align:center;background:url(../images/header/basket/basket_bg_long.png) no-repeat 0 0}
#basket .items {padding:0 2px 0 0;font-size:131%}
#basket .items img {vertical-align:-6px;margin:0 3px 0 0}
#basket .total {padding:4px 0 0 2px;font-size:180%}
#basket .cart_contents {font-size:16px;margin-top:40px}
#basket .cart_contents strong {font-size:24px;vertical-align:-2px}
#basket .empty_cart {font-size:16px;margin-top:48px}
#basket .edit {position:absolute;left:18px;bottom:4px}
#basket .edit a {display:block;width:86px;height:26px;text-indent:-999em;background:url(../images/header/basket/edit.png) no-repeat 0 0}
#basket .edit a:hover {background-position:0 -26px}
#basket .checkout {position:absolute;right:18px;bottom:4px}
#basket .checkout a {display:block;width:110px;height:26px;text-indent:-999em;background:url(../images/header/basket/checkout.png) no-repeat 0 0}
#basket .checkout a:hover {background-position:0 -26px}

/* content */
#content {width:940px;margin:20px 10px}
#content .container {position:relative;margin:31px -20px 20px;padding:17px 18px;border:2px solid #314516}
#content .container h1 {margin:0 0 19px;font-size:31px;color:#8cc63f;line-height:120%;font-weight:900}
#content .container p {line-height:120%}
#content .container .corner {position:absolute;width:28px;height:28px;background:url(../images/container_corners.png) no-repeat 0 0}
#content .container span.tl {top:-2px;left:-2px}
#content .container span.tr {top:-2px;right:-2px;background-position:-28px 0}
#content .container span.bl {bottom:-2px;left:-2px;background-position:0 -28px}
#content .container span.br {bottom:-2px;right:-2px;background-position:-28px -28px}

/* footer */
#footer {margin:40px 0 0;text-align:center;border-top:2px solid #8cc63f}
#footer #powered_by {margin:20px 0;padding:0}
#footer p {margin:0;padding:16px 0;color:#8cc63f}
#footer small {display:block;margin:4px 0;font-size:11px}
/* page styles */
/* home */

/*Featured SKU*/
#featured {position:relative;width:940px;height:370px;background:url(/j/truphone/images/home/featured_4999.jpg) no-repeat 0 0}
#featured ul {margin:0;padding:0 0 0 181px;list-style:none}
#featured #title {padding-top:14px;font-size:28px;color:#8cc63f}
#featured #copy {padding:15px 40px 0 0;font-size:18px;line-height:24px;color:#fff}
#featured #bundle {padding:18px 80px 0 0;font-size:30px;line-height:32px;letter-spacing:-0.2px;color:#fff}
#featured #buy_now {position:absolute;bottom:24px;right:5px}
#featured #buy_now a {display:block;width:204px;height:63px;text-indent:-999em;outline:0;background:url(../images/home/buy_now.png) no-repeat 0 5px}
#featured #buy_now a:hover {background-position:0 -60px}


#h_not_permitted {margin:0;font-size:12px;font-weight:bold;color:#c00;line-height:15px;text-align:center;clear:both}


/* information panels */
#content .info_panel {position:relative;margin:20px 0;padding:5px;x-moz-border-radius:12px;x-webkit-border-radius:12px}
#content .info_panel .content {position:relative;padding:16px 10px;xfont-size:131%;background:#fff;x-moz-border-radius:8px;x-webkit-border-radius:8px}
#content .info_panel .content:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#content .info_panel  h2 {margin:8px 10px 10px;font-size:180%}
#content .info_panel  h3 {margin:12px 10px 0 0;font-size:150%}
#content .info_panel .content p {margin-top:0;line-height:120%}
#content .info_panel a {font-weight:bold}
#content .info_panel a:hover {text-decoration:none}

#truphone_overview {background:#8cc640}
#truphone_overview .content {color:#333}
#truphone_overview .content h1 {margin:0 0 12px;padding:10px 0;font-size:250%;line-height:100%;text-align:center;color:#8cc640;border:2px solid #8cc640;border-left:0;border-right:0}
#truphone_overview ul {margin:4px 0 20px 32px;padding:0;line-height:160%}
#truphone_overview a {color:#8cc640;outline:0}

#starter_pack {background:#099}
#starter_pack .content {color:#099}
#starter_pack .content img {float:right;margin:0 20px}
#starter_pack a {color:#099}

/*corners - outer*/
#truphone_overview .corner {position:absolute;width:12px;height:12px;background:url(../images/home/panel_corners.png) no-repeat 0 0}
#truphone_overview span.tl {top:0;left:0;background-position:0 0}
#truphone_overview span.tr {top:0;right:0;background-position:-12px 0}
#truphone_overview span.bl {bottom:0;left:0;background-position:0 -12px}
#truphone_overview span.br {bottom:0;right:0;background-position:-12px -12px}
#starter_pack .corner {position:absolute;width:12px;height:12px;background:url(../images/home/panel_corners.png) no-repeat 0 0}
#starter_pack span.tl {top:0;left:0;background-position:-40px 0}
#starter_pack span.tr {top:0;right:0;background-position:-52px 0}
#starter_pack span.bl {bottom:0;left:0;background-position:-40px -12px}
#starter_pack span.br {bottom:0;right:0;background-position:-52px -12px}
/*corners - inner*/
#truphone_overview .content .corner {position:absolute;width:8px;height:8px}
#truphone_overview span.tli {top:0;left:0;background-position:-24px 0}
#truphone_overview span.tri {top:0;right:0;background-position:-32px 0}
#truphone_overview span.bli {bottom:0;left:0;background-position:-24px -8px}
#truphone_overview span.bri {bottom:0;right:0;background-position:-32px -8px}

#starter_pack .content .corner {position:absolute;width:8px;height:8px}
#starter_pack span.tli {top:0;left:0;background-position:-64px 0}
#starter_pack span.tri {top:0;right:0;background-position:-72px 0}
#starter_pack span.bli {bottom:0;left:0;background-position:-64px -8px}
#starter_pack span.bri {bottom:0;right:0;background-position:-72px -8px}

/* product */
#product {position:relative}
#product .content {min-height:300px}
#product #image {position:absolute;left:12px}
#product #image a .zoom {position:absolute;left:-8px;top:-8px;width:44px;height:44px;background:url(/j/truphone/images/product/zoom_icon.png) no-repeat 0 0}
#product #image a:hover .zoom {background-position:0 -79px}
#product #prod_right {min-height:260px}
#product #prod_right h2 {font-size:26px;line-height:110%}
#product #prod_right #price {margin:0 0;font-size:40px;color:#8cc63f;line-height:120%}
#product #prod_right #price small {margin:0 0;font-size:20px;color:#528212;line-height:120%}
#product #prod_right #availability {margin:0 0;font-size:24px;line-height:120%}
#product #prod_right {margin-left:300px}
#product #QtyForm {margin-top:24px}
#product #QtyForm #quantity {float:left;width:57px;height:53px;padding:0 12px 0 0;color:#444;text-align:center;vertical-align:middle;font-size:220%;line-height:53px;font-weight:bold;background:url(/j/truphone/images/product/qty_bg.png) no-repeat 0 0;border:0}
#product #QtyForm a.add_to_basket {float:left;display:block;margin:0;width:229px;height:53px;text-indent:-999em;outline:0;background:url(/j/truphone/images/product/add_to_basket.png) no-repeat 0 0}
#product #QtyForm a.add_to_basket:hover {background-position:0 -53px}
#product #QtyForm:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
#product #not_permitted {margin:16px 0 0;font-size:95%;font-weight:bold;color:#c00;line-height:120%;clear:both}
#product #product_info {margin:18px 0 0;clear:both;border-top:2px solid #ddd}
#product #product_info h2 {font-size:180%}
#product #product_info h2.technical,#product #product_info h2.bundle {margin-top:18px;padding-top:16px;border-top:1px dotted #ddd}
#primary_panel #product_info ul li {background:none}
#primary_panel #product_info ul ul li {background:url(../images/help/green_bullet_3px.png) no-repeat 0 50%}

#product #free_shipping {margin:16px 0;font-size:18px;font-weight:bold;color:#c00}

/* FAQ / Help & support */
#faq #primary_panel .answers h2 {margin-top:40px}
#faq #primary_panel .answers h3 {margin:0;font-size:13px}
#faq #primary_panel .answers p {margin:0 0 12px}

#help #help_nav {margin:0;padding:0;list-style:none}
#help #help_nav:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0} 
#help #help_nav li {float:left;margin:0 20px 12px 0}
#help #help_nav a {display:block;width:140px;padding:4px 0 3px;color:#fff;font-weight:bold;text-decoration:none;background:#78a824;text-align:center;background:url(../images/help/nav_bg.png) no-repeat 0 0}
#help #help_nav a:hover {background-position:0 -22px}

/* Primary panel */
#primary_panel {position:relative;width:700px;background:#fff;color:#000}
#content #primary_panel h1 {margin:0 0 17px;padding:8px 12px 8px 16px;font-size:23px;color:#fff;background:#8cc63f}
#primary_panel .content {padding:0 25px 25px;color:#333;line-height:165%}
#primary_panel .content p {line-height:146%}
#primary_panel .content h2 {margin:12px 0;font-size:16px;font-weight:900}
#primary_panel .content a {color:#000}
#primary_panel .content a:hover {text-decoration:none}
#primary_panel .content ul {margin:6px 0 6px 12px;padding:0;list-style:none}
#primary_panel .content ul li {padding-left:9px;background:url(../images/help/green_bullet_3px.png) no-repeat 0 50%}

/* Secondary panel */
#help #secondary_column {margin-top:90px}
#help #secondary_column strong {white-space:nowrap}
#help #secondary_column h3 {margin:16px 0 6px;font-size:18px}
#help #secondary_column p {line-height:130%}

/* corners */
#content #primary_panel .corner {position:absolute;width:12px;height:12px;background:url(../images/black_corner_trans_12px.png) no-repeat 0 0}
#content #primary_panel span.tl-12px {top:0;left:0}
#content #primary_panel span.tr-12px {top:0;right:0;background-position:-12px 0}
#content #primary_panel span.bl-12px {bottom:0;left:0;background-position:0 -12px}
#content #primary_panel span.br-12px {bottom:0;right:0;background-position:-12px -12px}

/* secondary panel */
#secondary_column {position:absolute;top:17px;right:20px}
#secondary_column .panel {position:relative;width:220px;background:#fff}
#secondary_column .panel h2 {margin:0 0 10px;padding:13px 12px 9px 16px;font-size:23px;color:#fff;background:#8cc63f}
#secondary_column .panel .content {padding:0 16px 16px;color:#333;line-height:165%}
#secondary_column .panel p {margin:0}
#secondary_column .panel ul {margin:12px 0 12px 10px;padding:0}
/* corners */
#content #secondary_column .corner {position:absolute;width:12px;height:12px;background:url(../images/black_corner_trans_12px.png) no-repeat 0 0}
#content #secondary_column span.tl-12px {top:0;left:0}
#content #secondary_column span.tr-12px {top:0;right:0;background-position:-12px 0}
#content #secondary_column span.bl-12px {bottom:0;left:0;background-position:0 -12px}
#content #secondary_column span.br-12px {bottom:0;right:0;background-position:-12px -12px}

/*** EDIT BASKET ***/
#editbasket #primary_panel {width:940px}
#editbasket table {width:100%;border-collapse:collapse;margin:16px 0;border:1px solid #eee;border-top:0}
#editbasket th {padding:9px 0;font-size:150%;color:#444;background:#d8d8d8 url(../images/edit_basket/header_bg.png) repeat-x 0 0}
#editbasket small {display:block;font-size:65%;color:#888}
#editbasket #eb_details,#editbasket #eb_price {text-align:left;padding-left:12px}
#editbasket #eb_total,#editbasket #eb_price {width:14%;text-align:right}
#editbasket td {padding:8px 6px;border-bottom:1px solid #eee}
#content #editbasket h2 {font-size:160%;font-weight:bold;line-height:110%}
#editbasket .details h2 a {color:#999;text-decoration:none}
#editbasket .details h2 a:hover {color:#666;text-decoration:underline}
#editbasket h3 {font-size:120%;font-weight:bold;color:#1c1c1c}
#editbasket .details p {color:#666;margin:6px 0}
#editbasket .qty .field{width:22px;margin:0 5px;border:1px solid #aaa;font-size:120%;text-align:center;vertical-align:15%}
#editbasket .qty {text-align:center}
#editbasket .qty p {margin:0;padding:0}
#editbasket .qty .submit {font-size:120%;background:0;border:0;margin:2px 0;padding:0;cursor:pointer}
#editbasket .qty .submit:hover {color:#f03b2b}
#editbasket .price,#editbasket .total {text-align:right;font-size:140%}
#editbasket .shipping,#editbasket .vat {font-size:140%;text-align:right;border:0}
#editbasket .shipping td,#editbasket .vat {background:#f9f9f9}
#editbasket .grand_total td {color:#314516;padding:16px 6px;font-size:200%;text-align:right;line-height:100%}
#editbasket #eb_buttons {margin:0 0 6px;text-align:right}
#editbasket #eb_buttons .clear {margin:0 0 0 12px}
#editbasket #eb_buttons .checkout {margin:0 35px 0 424px}
#editbasket .emptybasket {text-align:center}
#editbasket .emptybasket h3 {font-size:138.5%;margin:30px 10px;font-weight:normal;color:#999}

/* Checkout */
#checkout #primary_panel,#order_submit #primary_panel {margin:0 auto}
#checkout #not_permitted {margin:16px 0;padding:8px 16px;font-size:100%;font-weight:bold;color:#c00;line-height:120%;text-align:center;line-height:130%;border:2px solid #c00;background:#fee;-moz-border-radius:8px;-webkit-border-radius:8px}
#checkout #basket_overview {width:100%;border:1px solid #eee}
#checkout #basket_overview th {padding:9px 0;font-size:150%;color:#444;background:#d8d8d8 url(../images/edit_basket/header_bg.png) repeat-x 0 0}
#checkout #basket_overview td {padding:4px 6px;border:1px solid #eee;font-size:131%;text-align:center}
#checkout #basket_overview .item {text-align:left}
#checkout input.long,#checkout #ContactNumber,#checkout #EmailAddress {width:200px;font-size:13px;margin-right:6px;padding:5px;border:1px solid #ccc} /* 200px text field */
#checkout #CardHolder,#checkout input#CardNumber{width:250px;font-size:13px;margin-right:6px;padding:5px;border:1px solid #ccc} /* 250px text field */
#checkout #payment textarea {width:300px;font-size:13px;padding:5px;border:1px solid #ccc;font-family:arial}
#checkout #payment input:focus,#checkout #payment select:focus,#checkout #payment textarea:focus,#checkout select.shipping_menu:focus  {background:#f3fde6;border-color:#447503}
#checkout #payment h3 {font-size:130%}
#checkout select.shipping_menu {width:500px;font-size:13px;padding:3px 5px;font-size:16px;border:1px solid #ccc}
#checkout .tableDataNote {font-size:95%;color:#999}
#checkout select.payment_method {width:261px;font-size:13px;padding:3px 5px;font-size:16px;border:1px solid #ccc}
#checkout select#ExpiryMonth,#checkout select#ExpiryYear {width:80px;margin-right:4px;font-size:13px;padding:3px 5px;font-size:16px;border:1px solid #ccc}
#checkout select#ExpiryYear {margin-left:10px}

#checkout #cvv {width:39px;font-size:13px;margin-right:6px;padding:3px 5px;font-size:16px;border:1px solid #ccc}
#checkout input.long,#checkout #ContactNumber,#checkout #EmailAddress,#checkout #CardHolder,#checkout input#CardNumber,#checkout #payment textarea,#checkout select.shipping_menu,#checkout select.payment_method,#checkout select.payment_method,#checkout select#ExpiryMonth,#checkout select#ExpiryYear,#checkout #cvv {-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#checkout #payment table td {padding:4px;vertical-align:middle}
#checkout #payment table tr:hover {background:#f5f5f5}
#checkout #payment table tr.no_hilite:hover {background:none}
#checkout #order_total {margin:12px 0;padding:8px;font-size:250%;font-weight:bold;text-align:right;background:#314516 url(/j/truphone/images/checkout/total_bg.png) repeat-x 0 50%;line-height:100%;color:#fff;-moz-border-radius:8px;-webkit-border-radius:8px}
#checkout table#delivery {width:100%}
#checkout table#delivery td {font-size:16px;font-weight:bold}
#checkout table#delivery h3 {font-size:18px}
#checkout #outro {padding:30px 20px 0;text-align:center;border-top:1px solid #eee}
#checkout .submit {margin:10px 0 0 194px}
#checkout strong {color:#c00;font-size:120%}
#checkout p.copyaddress {margin:6px 0;padding:6px;color:#fff;font-weight:bold;font-size:120%;background:#314516 url(/j/truphone/images/checkout/total_bg.png) repeat-x 0 100%;-moz-border-radius:4px;-webkit-border-radius:4px}
#checkout p.copyaddress input {vertical-align:-2px;cursor:pointer}
#checkout p.copyaddress label {cursor:pointer}
#checkout #cvv_demo {font-weight:bold;font-size:90%}
#checkout #cvv_demo a {color:#5e9319;text-decoration:none}
#checkout #cvv_demo a:hover {color:#5e9319;text-decoration:underline}
#checkout #edit_basket td {padding:0}
#checkout #edit_basket a {outline:0}
#checkout #edit_basket img {margin:8px 0 2px 13px}
/* Validation */
#checkout #CardHolder.error,#checkout #CardNumber.error,#checkout #cvv.error,#checkout input.error,#checkout #ContactNumber.error,#checkout #EmailAddress.error,#checkout select#ExpiryMonth.error,#checkout select#ExpiryYear.error {border:1px solid #c00;background:#fff9f9;-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2)}
#checkout #payment input.error:focus,#checkout #payment select.error:focus,#checkout #payment textarea.error:focus {border:1px dotted #e00;background:#fffcfc} 
#checkout label.error {color:#c00;font-weight:bold;font-size:11px}

/* Order Submit */
#order_submit table {font-size:120%}
#order_submit table table {border:1px solid #93bc84;border-bottom:0}
#order_submit table table th {padding:4px 6px;color:#3e6530}
#order_submit table table th#item {text-align:left}
#order_submit table table th#price,#order_submit table table th#total {text-align:right}
#order_submit table table td {padding-left:6px;padding-right:6px}
#order_submit a {font-weight:bold}

/******************************************************************************************/
/* jgrowl styles (cart alert popup) */
div.jGrowl {padding:10px;z-index:9999;color:#000;font-size:18px}
#wrap div.jGrowl {position:absolute;top:0;left:50%;margin:48px 0 0 -116px}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {display:none;width:404px;height:229px;margin:0 5px;padding:10px;background-color:#fff;zoom:1;font-size:1em;text-align:left;background:url(/j/truphone/images/header/basket/cart_alert_bg.png) no-repeat 0 0}
div.jGrowl div.jGrowl-notification div.close {position:absolute;top:102px;right:68px;color:#38580e;z-index:99;font-weight:bold;font-size:32px;cursor:pointer}
div.jGrowl div.jGrowl-notification div.close:hover {color:#5e9319}
div.jGrowl div.message {margin:114px 38px 10px 20px}
div.jGrowl div.message img {float:left;padding:6px;border:1px solid #8cc63f;background:#fff;-moz-border-radius:8px}
div.jGrowl div.message h3 {margin:4px 0 0 96px;padding:0 20px 0 0;color:#5e9319;font-size:16px;line-height:110%}
div.jGrowl div.message .version {margin:6px 0 0 96px;padding:0 20px 0 0;font-size:12px;font-weight:bold;color:#38580e} 
div.jGrowl div.message .price {margin:12px 0 0 96px;padding:0 20px 0 0;font-size:24px;font-weight:bold;color:#5e9319} 

/** Hide jGrowl when printing **/
@media print {div.jGrowl {display:none}}

/* United Airlines microsite styles */
#ua_microsite #nav a {background-image:url(../images/header/nav/nav_ua_bg.png)}

/* basket photo overlay PNG24 */
#basket_overview  .img div {position:relative}

/*Marketing signup*/
#checkout #m_signup {padding:6px;font-size:14px;font-weight:bold;background:#333 url(/j/truphone/images/checkout/signup_bg.png) repeat-x 0 0;color:#fff;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px}
#checkout #m_signup input,#checkout #m_signup label {cursor:pointer}
#checkout #m_signup input {vertical-align:middle}


/*************************************************/
/*IE fixes/tweaks */

/* replace PNG24 jgrowl bg for IE(7/8) - fixes odd PNG24 fade rendering issues */
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background:url(/j/truphone/images/header/basket/cart_alert_bg_ie7.png) no-repeat 0 0\9}

/*IE7*/
* + html #content .container {zoom:1}
* + html #content .info_panel {zoom:1}
* + html #content .info_panel .content {zoom:1}
* + html #content .info_panel  h2 {margin:8px 10px;font-size:180%;line-height:140%}