@charset "utf-8";
/* CSS Document */
/*-----------------------------
  BASIC PAGE STYLING 
-----------------------------*/ 
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6, img {
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;
}
body {
	font-family: Helvetica, Arial, Verdana;
	height:100%;
	min-height:100%;
}

#content_horizontal, #content_vertical {
	font-size:14px; font-weight:bold;
}

ul, li, ol, dl, dd, dt {
	max
	list-style:none;
	padding:0;
	margin:0;
}

li { list-style-type:none;}

p {
	font-size:14px;
	padding-bottom:8px;
	margin-bottom:.5em;
}

a {
	text-decoration:none;
	color:#FFF;
}

#content_horizontal p, #content_horizontal p {
	margin-bottom:1em;
}

/*#content_vertical img, #content_vertical img {
	margin-bottom:1.5em;
}*/

/*----------------------------- 
    HEADINGS 
-----------------------------*/  
  
h1 {
	display:block;
	margin-bottom:1em;
	font-size:17px;
	color:#A1E5FF;
	text-shadow: 0 1px #444;
	background: url(images/sep_line.png) repeat-x left bottom; padding-bottom:.5em;
}

h2 {
	margin-bottom:5px;
	font-size:15px;
}

ol h2 {
	color:#003968; margin-bottom:10px;
}

h1 span, h2 span {
	font-size:10px;
	float:right;
	margin-top:.5em;
}
/*----------------------------- 
    BASIC LAYOUT 
-----------------------------*/  
  
#page_wrapper {
	overflow:auto;
}
/*----------------------------- 
    ORIENTATION CLEVERNESS 
-----------------------------*/  
  
#content_horizontal, #content_vertical {
	display:none;
	height:100%;
	padding:10px;
	text-align:justify;
	color:#FFF;
	background-color: #00AEF0; /* fallback color */
	background-image: url(background.png.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #017eaf, #00AEF0);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #017eaf), to(#00AEF0));
}

.show_vertical {
	width:320px;
}
.show_horizontal {
	width:480px;
}
.show_horizontal #content_horizontal, .show_horizontal #content_horizontal, .show_vertical #content_vertical, .show_vertical #content_vertical {
	display:block;
}

.link_button {
	background-color: #91C4EE; /* fallback color */
	background-image: url(button_background.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #B9EEFF, #91C4EE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #B9EEFF), to(#91C4EE));
	display: inline-block;
	padding: 5px 8px 6px;
	color: #032D3D;
	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 1px #FFF;
	border-top: 1px solid #FFF;
	position: relative;
	cursor: pointer;
	font-size:18px;
	font-weight:bold;
	margin-bottom:1em;
	width:95%;
}

.link_button_small {
	font-size:12px;
}

.link_button span {
	font-weight:normal;
	font-size:20px;
	margin-right:10px;
	color:#016b93;
}

.link_button a {
	float:right;
}

.brastel_card {
	height:120px;
	color:#FFF;
	font-size:13px;
	text-shadow: 0 1px #444;
	font-weight:bold;
	margin-top:1em;
}

.get_card { font-size:11px; height:110px;}
.get_card img { margin-bottom:10px;}
.show_horizontal .get_card { font-size:16px!important; width:100% !important; margin-bottom:9em;}

.brastel_card img {
	float:left;
	padding-right:.5em;
}	

.brastel_card span {
	font-size:60px;
	margin:0;
	line-height:.9em;
	margin-left:10px;
}

.brastel_card .link_button, .see_rates_button {
	width:80px;
	font-size:13px;
	line-height:.7em;
	text-align:center;
	margin-left:10px;
	color:#FFF;
	text-shadow:none;
	border-top:1px solid #02b1ED;
	background-image: -moz-linear-gradient(100% 100% 90deg, #0099CD, #016695);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #0099CD), to(#016695));
	-moz-box-shadow: 0 1px 3px #003F5C;
	-webkit-box-shadow: 0 1px 3px #003F5C;
}

.see_rates_button { width:100px; margin:0; margin-top:.5em;}

#content_horizontal .brastel_card .link_button{
	width:47px;
	font-size:8px;
	padding: 4px;
	margin-top:.3em;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#content_horizontal .link_button {
	font-size:16px;
}

#content_horizontal .see_rates_button { width:120px;}

.brastel_card span strong {
	font-size:30px;
}

#content_horizontal h1, #content_horizontal h1 {
	font-size:20px;
}

#content_horizontal .brastel_card {
	height:56px;
	font-size:9px;
	text-shadow: 0 1px #444;
	float:right;
	padding:0;
	margin-top:0;
	margin-left:-.5em;
	width:175px;
}

#content_horizontal .brastel_card span {
	font-size:20px;
	margin:.2em 0;
	margin-left:10px;
}

#content_horizontal .brastel_card span strong {
	font-size:15px;
}

.horizontal_text {
	float:left;
	width:280px;
	padding:0;
}

.horizontal_text p {
	font-size:12px;
}

.blue_bg {
	background:#00688F;
	float:left;
	width:46%;
	padding:4px;
	margin-bottom:1px;
}

.white_bg {
	background:#FFF;
	color:#444;
	float:left;
	width:46%;
	padding:4px;
	margin-bottom:1px;
	text-align:right;
	font-weight:bold;
}

.big_box .white_bg{
	padding:90px 4px 99px;
}

#content_horizontal .big_box .white_bg{
	padding:44px 4px 45px;
}


.big_box .white_bg span {
	font-size:50px;
	font-weight:bold;
}

.big_box .white_bg span span {
	font-size:20px;
}

.big_box .white_bg span strong {
	font-size:30px;
}


.clear { clear:both; }
.modoru_button { float:left; margin-right:.5em; padding-top:2px;}
.left_images { float:left; margin:0 .5em 2.5em 0; }
.separator_line { background:url(sep_line.png) repeat-x; height:2px; margin-top:10px;}
.round_box {
	background-color: #FFF; /* fallback color 
	background-image: url(button_background.png);
	background-image: -moz-linear-gradient(100% 100% 90deg, #FFF, #c9eaff);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #FFF), to(#c9eaff));*/
	display: inline-block;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	height:23px;
	margin:10px auto;
	text-align:center;
}
#content_horizontal .round_box { height:33px; width:96%;}
h2.agephone { font-size:14px; margin-bottom:1em; }
h2.agephone img { float:left; margin-right:.5em; }
h2.agephone a { margin-left:1em; float:right; margin-top:2em;}
#content_horizontal h2.agephone .link_button { font-size:12px; width:75px; margin-top:-1em;}

#agephone_text { font-size:14px; text-align:left;}
#agephone_text ul { margin-top:1em;}
#agephone_text ul img { margin:1em 0;}

/*.screens_box { height:180px;}
#content_horizontal .screens_box { height:255px;}
.three_boxes_screen { width:30%; float:left; margin:15px 10px 0 0; position:relative; text-align:center; font-size:9px;}
.three_boxes_screen img { margin-bottom:1em;}
#content_horizontal .three_boxes_screen { font-size:12px;}*/

.green_box, .orange_box {
	background-color: #92C838; /* fallback color */
	background-image: url(button_background.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #92C838, #72B006);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #92C838 ), to(#72B006));
	display: inline-block;
	padding: 5px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	height:90px;
	margin:10px auto;
	float:left;
	font-size:14px;
	text-align:center;
}

.orange_box {
	background-color: #F98C3A; /* fallback color */
	background-image: url(button_background.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #F98C3A, #DB6003);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #F98C3A ), to(#DB6003));
}

.green_box strong, .orange_box strong {
	font-size:20px;
}

.orange_box strong span {
	font-size:7px;
}

.orange_green_box { clear:left;}
.plus_icon { float:left; margin:4em 3px 0;}
.round_text {
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	color:#333;
	background:#FFF;
	padding: 3px;
	text-align:center;
	}
.asterisc { font-size:9px; clear:left; width:100%;}
.world_map { font-size:12px; font-weight:bold;}
.world_map span { font-size:18px;}
.world_map img { float:right;}
.home_iphone img { margin-right:1em;}
.home_iphone .link_button{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	height: 70px;
	font-size:16px;
	line-height:24px;
}
.home_iphone .link_button div{
	margin-top:.7em;
}

.one_line {
	margin-top:.1em !important;
}

#content_horizontal .home_iphone .link_button{
	font-size:18px;
}
.novice_icon { line-height:70px !important;}
.navigation_bottom { width:250px; margin:1em auto;}
.navigation_bottom .link_button{ width:50px; float:left; margin-right:20px; text-align:center; padding:3px 8px;}
.disabled { opacity: 0.6;}
.button_get { height:50px; width:94%; text-align:center; color:#39C; font-size:16px; font-weight:bold;}
#content_horizontal .button_get { height:50px; width:96%; font-size:20px; color:#39C;}
.button_get img { margin-right:.5em;}
.link_cards { width:94%; font-size:14px; height:22px; color:#FFF; 
	background-color: #0078a5; /* fallback color */
	background-image: url(button_background.png); /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #0078a5, #10475b);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from( #0078a5), to(#10475b));}
#content_horizontal .link_cards { font-size:18px; height:28px; color:#FFF;}
.card_internet_link { height:40px;}
#content_horizontal .card_internet_link { height:55px;}
.align_center { margin:0 auto; width:300px;}

#home_link { text-align:center; font-size:10px; background: url(images/sep_line.png) repeat-x left top; padding-top:1em;}
.home_links { color:#06C;}