@charset "utf-8";

/************************* BROWSER RESET **********************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/**************************************************************/

body {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    background-color:#ececec;
    background-image:url('../images/bg__subpage.png');
    background-repeat:repeat-x;
    color:#444444;
    line-height:1.4em;    
    font-size:13px;
}

strong {
    font-weight:bold;   
}

em {
    font-style:italic;   
}

h1 {
    font-size:26px;
    font-weight:bold;
    padding-bottom:0.65em;
    margin-left:0.3em;
    color:#666666;
    letter-spacing:-2px;
    margin-top:0.3em;
}

p {
    margin-bottom:2em;   
}

h1 span {
    color:#ABCE50;   
}

h2 {
    font-size:21px;
    font-weight:bold;
    margin-bottom:0.9em;
    color:black;
    letter-spacing:-1px;
}

h3 {
    font-size:17px;
    font-weight:bold;
    margin-bottom:0.3em;
    color:black;
    letter-spacing:-1px;
}

a {
    color:#B03A9A;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;   
}

div.content_wrapper {
    width:946px;
    padding-left:37px;
    padding-right:37px;    
    margin:auto;   
    position:relative;
}

p span {
    color:#B13B9B;   
}

ol {
    list-style-type:decimal;
    list-style-position:outside;
    margin-bottom:2em;
}

blockquote {    
    font-style:italic;
    width:600px;
}

blockquote p {
    margin-left:2em;   
}

cite {
    font-style:normal;   
}

ul.bullet_list {
    list-style-type:disc;
    list-style-position:outside;
    margin-left:20px;   
}

ol.termsofuse {
    list-style-type:lower-alpha;  
}

span.disclaimer {
    font-size:9px;   
}

.custom_font {
    font-weight:normal;   
}

#header_pane {
    height:111px;
    padding-top:37px;
    width:100%;
    position:relative;
}

#content_pane {
    position:relative;   
        
}

#tertiary_menu {
    color:black;
    font-weight:bold;
    position:absolute;
    right:30px; 
    top:45px;
    letter-spacing:-1px;
    font-size:13px;
}

#tertiary_menu ul {
    display:inline;
}

#tertiary_menu ul li {
    display:inline;
    padding-right:9px;    
    border-right:2px solid lightgrey;
    margin-left:5px;    
}

#tertiary_menu ul li.last {
    padding-right:0px;
    border-right:0px;
}

#frontpage_feature {
    width:1020px;
    height:380px;
    display:block;
    overflow:hidden;
    margin-top:1px;
    margin-left:-37px;
    position:relative;
}


#frontpage_feature .arrow_pointer {
    position:absolute;
    bottom:-1px;
    left:150px;
    z-index:900;
}

#device_menu {
    height:141px;
    margin-top:1px;
    margin-bottom:30px;
}

#device_menu ul li {
    display:inline;
}

#device_menu ul li a {    
    background-position:top right;
    display:block;
    float:left;
    height:86px;    
    padding-top:55px;
    padding-right:20px;
    color:#333333;
    font-size:14px;
}

#device_menu ul li a:hover {
    background-position:top left;
    text-decoration:none;
}

#device_menu a.web {
    background-image:url('../images/main_feature__button_web.png');
    width:227px;
    padding-left:53px;
}

#device_menu a.mobile {
    background-image:url('../images/main_feature__button_mobile.png');
    width:229px;
    padding-left:81px;
}

#device_menu a.desktop {
    background-image:url('../images/main_feature__button_desktop.png');
    width:191px;
    padding-left:89px;
}

div.welcome_page_content {
    float:left;
    width:460px;
    position:relative;    
}

div.welcome_page_content h1 {
    font-size:19px;
    font-weight:bold;
    margin-bottom:0.5em;
    margin-left:0px;
    color:black;
    letter-spacing:-1px;
}

div.rates_ad_large {
    float:right;
    width:410px;
    padding:10px;
    padding-top:0px;
    position:relative; 
}

div.rates_ad_large h2 {
    margin-bottom:0.1em;   
}

div.rates_ad_large ul {
    margin-top:19px;   
}

div.rates_ad_large ul li {
    border-bottom:1px #dadada solid;
    padding-bottom:6px;
    padding-top:6px;
    width:205px;
    font-size:11px;
    float:left;
    line-height:1em;
}

.help_question {
    width:16px;
    height:16px;
    cursor:pointer;
    text-indent:-8000px;
}

#tooltip {   
    position:absolute;
    width:250px;
    background-color:#ececec;
    background-image:url('../images/icons/help.png');
    background-position:10px 10px;
    background-repeat:no-repeat;
    padding:10px;
    border:1px solid lightgrey;
    font-size:11px;
}

#tooltip h3 {
    padding-left:20px;   
}

#footer {
    height:65px;
    padding-top:37px;
    width:100%;
    background-color:black;
    margin-top:30px;
}

#footer .copyright {
    position:absolute;
    right:40px;
    top:0px;
    color:lightgrey;
    font-size:11px;
}

#footer_menu ul {
    position:absolute;
    top:0px;
    left:160px;
}

#footer_menu li {
    margin-left:7px;
    padding-right:11px;
    border-right:1px solid lightgrey;
    display:inline;
    font-size:11px;
    letter-spacing:1px;
}

#footer_menu li.last {
    border:0px;
    padding-right:0px;
}

#footer_menu ul li a {
    color:grey;   
}

#footer_menu ul li a:hover {
    color:white;   
}

ul.balance_information {
    font-size:11px;
}

ul.balance_information li.balance {
    font-size:20px;
    line-height:1.5em;
}

div.fatal_message {    
    padding:9px;
    padding-left:40px;
    background-color:#EFD3D1;
    background-image:url('../images/icons/exclamation.png');
    background-position:13px 7px;
    background-repeat:no-repeat;
    color:#7F170F;
    margin-bottom:10px;
}

div.error_message {
    padding:9px;
    padding-left:40px;
    background-color:#EFEFC2;
    background-image:url('../images/icons/error.png');
    background-position:13px 7px;
    background-repeat:no-repeat;
    color:#7F7400;     
    margin-bottom:10px;
}

div.warning_message {
    padding:9px;
    padding-left:37px;
    background-color:#EFEFC2;
    background-image:url('../images/icons/information.png');
    background-position:13px 10px;
    background-repeat:no-repeat;
    color:#9F8613;
    margin-bottom:10px;    
}

div.notice_message {
    padding:9px;
    padding-left:37px;
    background-color:#EFEFEF;
    background-image:url('../images/icons/information.png');
    background-position:13px 7px;
    background-repeat:no-repeat;
    color:#4F599F;    
    margin-bottom:10px;
}

div.debug_message {
    margin:5px;
    padding:9px;
    padding-left:40px;
    background-color:#EFEFEF;
    background-image:url('../images/icons/bug.png');
    background-position:13px 7px;
    background-repeat:no-repeat;
    border:2px solid #557F47;
    color:#557F47;    
    margin-bottom:10px;
}

div.success_message {
    padding:9px;
    padding-left:40px;
    background-color:#EEF7E2;
    background-image:url('../images/icons/accept.png');
    background-position:13px 7px;
    background-repeat:no-repeat;
    color:#6A9F4F;    
    margin-bottom:10px;
}


fieldset.signin {
    background-color:#f0f0f0;
    padding:20px;
}

fieldset.signin input {
    font-family:Helvetica,Arial,Verdana,sans-serif;
    letter-spacing:0.5px;
    margin-bottom:10px;
    padding:5px;
    color:#888888;  
    width:250px;
}

div.sub_links {
    float:right;
    font-size:11px;
    color:white;
}

div.sub_links a {
    color:lightgrey;
}

fieldset.signin {
    padding-bottom:0px;
}

div.clear_div {
    clear:both;   
}
