/* reset */
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;margin:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle; height:auto;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}


/* typography */
body { font-family: Verdana,Arial,sans-serif; font-size:12px; line-height:1.33em; color:#000000; /*letter-spacing:1.2em;*/ }
h1 { font-size:14px; font-weight:bold; }
h2, h3 { font-size:12px; font-weight:bold; }
a { color:#af1c1c; text-decoration:underline; font-weight:bold; }
p {margin-top:10px; margin-bottom:10px;}

/* structure */
#wrap { margin-top:25px; margin-bottom:25px; width:100%; text-align:center; }

#navigation { height:73px; width:100%; display:block; }
#navigation #navigation_container { width:983px; margin:0 auto; display:block; text-align:left; }
#navigation #navigation_container .logo { float:left; width:250px; height:49px; margin-left: 20px; }
#navigation #navigation_container .logo h1 { text-indent:-9999px; }
#navigation #navigation_container .main_nav { float:left; text-align:center; width:465px; }
#navigation #navigation_container .main_nav a { color:#000000; font-weight:bold; text-decoration:none; }
#navigation #navigation_container .main_nav ul { text-align:center; display:block; margin-top:20px; }
#navigation #navigation_container .main_nav ul li { display:inline; border-right:1px solid #8d8d8d; padding: 0 4px 0 3px; }
#navigation #navigation_container .main_nav ul li.last { border:none; }
#navigation #navigation_container .main_nav ul li.active a { color:#af1c1c; }
#navigation #navigation_container .login { float:right; margin-right:15px; }

#banner { width:100%; height:260px; background:url('/images/banner_bg.gif') repeat-x; }
#banner #banner_container { width:983px; margin:0 auto; display:block; text-align:left; }
#banner #banner_container .banner_left { float:left; width:410px; height:260px; background:transparent url('/images/banner_arrow_img.png'); }
#banner #banner_container .banner_right { float:right; width:573px; height:260px; }
    
    #slider { margin: 37px 0 0 54px; color: #fff; }
    #slider span { font-size: 24px; display: block; float: left; height: 33px; }
    #slider #button-up { width: 37px; height: 19px; background:transparent url('/images/btn_up.png'); cursor: pointer; float: right; margin-right: 131px; }
    #slider #button-down { width: 37px; height: 19px; background:transparent url('/images/btn_down.png'); cursor: pointer; float: right; margin: 11px 131px 0 0; }
    
    #slider .slider-content { clear: both; position: relative; overflow: hidden; border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 124px; width: 264px; }
    #slider .slider-content .items { width: 264px; position: absolute; }
    #slider .slider-content .slider-item { cursor: pointer; height: 30px; width: 264px; background:transparent url('/images/slider_item_bg.png') 0px 30px; margin-top: 8px; }
    #slider .slider-content .slider-item:hover,
    #slider .slider-content .slider-item.active { background:transparent url('/images/slider_item_bg.png'); }
    #slider .slider-content .slider-item span { color: #fff; font-size: 15px; display: block; padding: 5px 0 0 13px; text-shadow: 0px 1px 1px #000; }
    
    #subscription-info { width: 556px; padding: 55px 0 0 17px; }
    #subscription-info .flags-container { width: 332px; min-height: 50px; float: left; }
    #subscription-info .price-container { width: 196px; min-height: 50px; float: left; text-align: right; }
        #subscription-price { color: #fff; font-size: 28px; font-style: italic; line-height: 1.2em; }
        #subscription-price b { font-size: 28px; }
        #subscription-countries span { display: block; float: left; height: 30px; }
        #subscription-countries .country-name { width: 210px; font-size: 16px; font-weight: bold; font-style: Italic; color: #fff; text-shadow: 0px 5px 5px #000; }
        #subscription-countries .country-flag { width: 40px; }
        #subscription-countries .country-flag img { box-shadow: 0px 2px 4px #000; -webkit-box-shadow: 0px 2px 4px #000; -moz-box-shadow: 0px 2px 4px #000; }
    #subscription-info .signup-button { float: right; cursor: pointer; margin-top: 35px; height: 39px; width: 103px; border: none; background:transparent url('/images/btn_download.png'); }

#content { width:100%; display:block; }
#content #content_container { width:925px; margin:0 auto; display:block; text-align:left; }
#content #content_container #main { width:355px; float:left; display:block; padding-left:10px; }
#content #content_container #main p.main_p {  }
#content #content_container #main ul.main_instructions li { display:block; height:40px; }
#content #content_container #main ul.main_instructions li img { float:left; }
#content #content_container #main ul.main_instructions li h1 { padding: 10px 0px 0 50px; font-size: 12px; font-weight: normal; }
#content #content_container #side_bar { width:500px; float:right; display:block; height: 240px; overflow: hidden; }
#content #content_container #side_bar .left_bar { width:250px; float:left; }
#content #content_container #side_bar .left_bar .rates_bar { width:250px; float:left; visibility: visible; }
#content #content_container #side_bar .left_bar .hide { display:none; }
#content #content_container #side_bar .left_bar .newsletter { position: relative; width:250px; float:right; text-align:left; visibility: visible; }
#content #content_container #side_bar .right_bar { width:250px; float:right; text-align:right; }
#content #content_container #side_bar .right_bar .newsletter { position: relative; width:250px; float:right; text-align:left; visibility: visible; }
#content #content_container #side_bar .right_bar .download { visibility: visible; }
#content #content_container #side_bar .right_bar .hide { display:none; }
#content #content_container #side_bar .right_bar .newsletter hide { position: relative; bottom: 225px; width:250px; float:right; text-align:left; display:none; }
#content #content_container #side_bar .right_bar .rates_bar { width:250px; float:right; visibility: visible; }

#footer { width:100%; border-top:1px solid #154868; margin-top:25px; font-size:13px;}
#footer a { color:#000000; font-weight:normal; text-decoration:none; }
#footer ul { text-align:center; display:block; margin-top:5px; }
#footer ul li { display:inline; border-right:1px solid #000000; padding-left:5px; padding-right:5px; }
#footer ul li.last { border:none; }

/* other globals */
.hidden { display:none; }
.clear { clear:both; }
.float { float:left; }
.freepanel_container { margin-top:10px; width:230px; }

/* default from templates */
#c1 { margin-bottom:20px; width: 355px; }
#c1 .Block p {margin:0px; margin-top:5px; padding:0px; padding-left:0px;}
#c1 .Block ul {list-style-type:disc; list-style-position:outside; margin-left:40px; font-weight:bold;}
#c1 h2.h2instr {border-bottom:1px solid #CCCCCC; padding-bottom:3px; margin-top:20px; font-weight:bold; }
#c1 a.toplink {float:right; font-size:12px; text-align:right;}
#c1 ul.reqts_list {list-style-type:disc; list-style-position:outside; margin-left:20px;}
.BlockTop {margin-top:10px;}
.buycredits_links {font-size:9px;}
.websignup_table, .websignup_table td {vertical-align:bottom;}
.websignup_table input.textfield, .websignup_table input.websignup_text { border:1px solid #000000; width:145px; vertical-align:bottom; }
.underlined {border-bottom:1px solid #ABABAB; height:30px;}

/* mobile download button */
.mobile-download { width:247px; height:78px; cursor:pointer; background:url("/images/btn_download_mobile.png"); margin-bottom:15px; }
.mobile-download a { height:50px; display:block; padding:20px 0 0 30px;text-align:center}
.hr{ border-top:1px solid #af1c1c;}

/* mobile app button */
#mapp_button img { display: block; float: right; }
ul.phonetype_selector li { padding: 0 20px; }
