/* 
    Document   : screen
    Created on : 08 11, 09, 3:47:38 PM
    Description:
        Purpose of the stylesheet follows.
*/

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:11px;color:#222;background:#fff;font-family:"Verdana", sans-serif; text-align: center; }
h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:2em;margin-bottom:0.75em;}
h3 {font-size:1.6em;line-height:1;margin-bottom:1em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1em;}
p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}
a:focus, a:hover {color:#000;}
a {color:#727a09;text-decoration:underline;}
blockquote {margin:1.5em;color:#666;font-style:italic;}
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666;}
address {margin:0 0 1.5em;font-style:italic;}
del {color:#666;}
pre {margin:1.5em 0;white-space:pre;}
pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}
li ul, li ol {margin:0 1.5em;}
ul, ol {margin:0 1.5em 1.5em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
dl {margin:0 0 1.5em 0;}
dl dt {font-weight:bold;}
dd {margin-left:1.5em;}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold;}
thead th {background:#c3d9ff;}
th, td, caption {padding:4px 10px 4px 5px;}
tr.even td {background:#e5ecf9;}
tfoot {font-style:italic;}
caption {background:#eee;}
.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}
.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}
.hide {display:none;}
.quiet {color:#666;}
.loud {color:#000;}
.highlight {background:#ff0;}
.added {background:#060;color:#fff;}
.removed {background:#900;color:#fff;}
.first {margin-left:0;padding-left:0;}
.last {margin-right:0;padding-right:0;}
.top {margin-top:0;padding-top:0;}
.bottom {margin-bottom:0;padding-bottom:0;}

/* structure */
#wrap { background: transparent url('/images/content-background.png') 50% 132px  no-repeat; z-index: -1; }

#header { width: 960px; margin: 0pt auto; position: relative; height: 88px; }
#header #logo { position: absolute; left: 0; }
#header #logo h1 { position: absolute; left: 0; display: none; overflow: hidden; text-indent: -9999px; }

#main_navigation { height: 44px; background: transparent url('/images/main-nav-back.png') top left repeat-x; clear: both; }
#main_navigation .menu { width: 960px;; margin: 0pt auto; }
#main_navigation .menu ul { list-style: none; list-style-type: none; margin: 0; padding: 0; }
#main_navigation .menu ul li { float: left; line-height: 44px; font-size: 18px; font-weight: normal !important; }
#main_navigation .menu ul li a { color: #fff; padding: 0 1em; text-decoration: none; }
#main_navigation .menu ul li.current a { color: #000 !important; }

#content_wrap { width: 960px; margin: 0pt auto; position: relative; z-index: 10; }
#content { width: 960px; text-align: left; position: relative; display: block; overflow: hidden; }

#content #main_content li { margin: 0 0 0 2em; }

#content #main_content { float: left; width: 705px; padding: 1em 0 0 0; z-index: 1; display: block; overflow: hidden; }
#content #main_content #welcome-block { padding-top: 112px; padding-left: 137px; margin-bottom: 35px; }
#content #main_content #welcome-block .welcome-wrap { background: transparent url('/images/content-block-top.png') top left no-repeat; }
#content #main_content #welcome-block .welcome-pad { background: transparent url('/images/content-block-bottom.png') bottom left no-repeat; padding-bottom: 12px; padding-top: 12px; }
#content #main_content #welcome-block .welcome-content { }
#content #main_content #welcome-block .welcome-content { background: transparent url('/images/content-block-mid.png') top left repeat-y; padding: 12px 10px 0 140px; display: block; overflow: hidden; }
#content #main_content #welcome-block h2 { font-size: 15px; font-weight: normal; }
#content #main_content #welcome-block h2 strong { color: #818a09; font-style: italic; }
#content #main_content #welcome-block ul { padding: 0; margin: 0; }
#content #main_content #welcome-block li { list-style-image: url('/images/welcome-bullet.png'); padding: 0; margin-left: 1em; }
#content #main_content #welcome-block .links { text-align: center; }
#content #main_content #welcome-block img { margin: 1em 0; }
#content #main_content #welcome-block .links a { font-weight: bold; text-decoration: none; color: #000; }

#content #main_content.full { width: 960px !important;}

#content #faq_section { float: left; width: 295px; display: block; overflow: hidden; }
#content #faq_section h4.toggle,
#content #faq_section li.question { cursor: pointer; }
#content #faq_section .toggle { background: transparent url('/images/collapsed.gif') center left no-repeat; padding-left: 20px; color: #adb939; font-weight: bold; }
#content #faq_section .expanded { background: transparent url('/images/expanded.gif') center left no-repeat !important; }
#content #faq_section li.question { list-style: square; padding: 0 0 4px 0; }

#content #faq_answer_section { float: right; width: 391px; margin-right: 10px; }
#content #faq_answer_section .faq-answer-block { }
#content #faq_answer_section .faq-answer-block .answer-wrap { background: transparent url('/images/faq-container-top.png') top left no-repeat; }
#content #faq_answer_section .faq-answer-block .answer-pad { background: transparent url('/images/faq-container-bottom.png') bottom left no-repeat; padding-bottom: 15px; padding-top: 15px; }
#content #faq_answer_section .faq-answer-block .answer-content { }
#content #faq_answer_section .faq-answer-block .answer-content { background: transparent url('/images/faq-container-mid.png') top left repeat-y; padding: 0 10px; display: block; overflow: hidden; }
#content #faq_answer_section .faq-answer-block .answer-content ul { padding: 0; margin: 0; }

#content #main_content h2 { font-size: 14px !important; font-weight: bold; }
#content p { font-size: 12px;  }

#content #get_lowcaller_section select { margin: 20px 0 20px 0; font-size: 10px; font-family: inherit; width: 200px; }
#content #get_lowcaller_section a { font-weight: bold; text-decoration: none; font-size: 11px; color: #000; }

#content #getaccount_section select { font-size: 10px; font-family: inherit; }
#content #getaccount_section a { color: #000; }
#content #getaccount_section .getaccount-block { background: transparent url('/images/choose-country-wrap.png') top left no-repeat; width: 369px; height: 131px; padding: 10px; }
#content #getaccount_section .getaccount-block p { font-size: 10px !important; }

#content #phone_select_section {}
#content #phone_select_section .brand { width: 165px; height: 225px; display: block; overflow: hidden; background: transparent url('/images/phone-brand-wrap.png') top left no-repeat; }
#content #phone_select_section .brand h5 { font-size:14px; padding:10px; text-align:center; }

#content #contact_section {}
#content #contact_section fieldset { margin: 10px 0 20px; border: 1px solid #ddd; padding: 1em; }

#content #sitemap_section {}
#content #sitemap_section ul { margin: 0; padding: 0; }
#content #sitemap_section ul li { list-style: square inside none; }

#content #press_section { }
#content #press_section .press_01 { min-height: 300px; height: auto !important; height: 300px; background: transparent url('/images/lowcaller-press-release-phone.png') center right no-repeat; padding-right: 170px; margin-right: 10px; }
#content #press_section p { margin: 0 0 1em 0; font-size: 11px; }

#content #sidebar { float: right; width: 250px; display: block; overflow: hidden; }
#content #sidebar .sidebar-block-first { margin-top: 10px !important; }
#content #sidebar .sidebar-block { margin: 5px 0 0 0; }
#content #sidebar .sidebar-block .sidebar-block-wrap { background: transparent url('/images/sidebar-block-top.png') top left no-repeat; }
#content #sidebar .sidebar-block .sidebar-block-pad { background: transparent url('/images/sidebar-block-bottom.png') bottom left no-repeat; padding-bottom: 12px; padding-top: 12px; }
#content #sidebar .sidebar-block .sidebar-block-content { background: transparent url('/images/sidebar-block-mid.png') top left repeat-y; padding: 0px 10px 0px 10px; display: block; overflow: hidden; }
#content #sidebar .sidebar-block h4, #content #sidebar .sidebar-block a { color: #d97601 !important; }
#content #sidebar .sidebar-block h4 { font-size: 16px; font-weight: normal; text-align: center; margin: 0; }
#content #sidebar .sidebar-block p { margin: 0; padding: 0;}

#content #sidebar .rates_module { margin: 0; padding: 0; font-size: 10px !important;  font-size: 11px; }
#content #sidebar .rates_module select { width: 213px; margin: 0 0 5px 0; padding: 0; border: 1px solid #DDDDDD; font-size: 11px; }
#content #sidebar #rate_display { font-size: 11px; }
#content #sidebar #rate_display p { padding: 0 0 3px 0; margin: 0px; font-weight: bold; clear: both; width: 213px; }
#content #sidebar #rate_display p span.left { text-align: left; float: left; }
#content #sidebar #rate_display p span { text-align: right; float: right; }

#content #main_content .news_entry { margin: 1em 0 2em 0; border-bottom: 1px solid #ddd; }
#content #main_content .news_entry p { margin: 0 0 0.5em; }
#content #main_content .news_entry small.date { font-style: italic; }

#footer { background: #343439 url('/images/footer-back.png') top left repeat-x; color: #fff; position: relative; height:110px; z-index: 1; display: block; overflow: hidden; }
#footer #footer_content {background: #343439 url('/images/footer-back.png') top left repeat-x; width: 960px;; margin: 0pt auto; padding: 45px 0; text-align: center; }
#footer #footer_content,
#footer #footer_content a { color: #fff; text-decoration: none; }

/* docked footer*/
html, body { height: 100%; }
#wrap { height: 100%; }
#top_wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -100px; }
#top_wrap .push { clear: both; height: 100px; }
#footer {}

/* assets */
/*#iphone { position:absolute; top: -343px; left: 65px; width: 209px; height: 371px; background: transparent url('/images/lowcaller-iphone.png') top left no-repeat; display: block; overflow: hidden; }*/
#iphone { position:absolute; top: 66px; left: 65px; width: 209px; height: 371px; background: transparent url('/images/lowcaller-iphone.png') top left no-repeat; display: block; overflow: hidden; z-index: 10; }
#nokia-phone { position:absolute; top: 40px; left: 65px; width: 203px; height: 397px; background: transparent url('/images/nokia-phone.png') top left no-repeat; display: block; overflow: hidden; z-index: 10; }

.lowcaller { width: 302px; height: 96px; background: #e2e6b1 url('/images/get-sms-wrap.png') top left no-repeat; padding: 11px 0 0 3px; }
.lowcaller #CountryList,
.lowcaller #recipient { width: 100%; }
.lowcaller,
.lowcaller input,
.lowcaller select { font-size: 11px; margin: 0; }
.lowcaller table { width:98%; margin: 0 !important; }
.lowcaller table td { padding: 2px 3px; white-space: nowrap; }
.lowcaller #recipient_code { width: 35px;}
.lowcaller #submitbutton { background: transparent url('/images/get-sms-button.png') top left no-repeat; text-indent: -9999px; border: none; padding: 0; margin: 0; width: 85px; height: 23px; display: block; }