@import "../../css/fonts/stylesheet.css";

body {
  font-family: SmartCourierCondensed-Regular;
  margin:0;
  padding:0;
  color: #666;
  font-size: 22px;
}

a {
  color: #666666;
  text-decoration: none;
}

p {
  padding: 10px 0; 
  margin: 0;
}

::selection {
  background: #e19e09;
  color: #000000;
}

#main-container {
  /* width:960px; disabled for asthetics */ 
  margin: 0 auto;
  position: relative;
}

.emb-head {
  height: 160px;
  background: url("../../../global/css/images/bg_smart_header.png") repeat-x;
  /*margin-top: 30px;*/
}

.mb-logo {
  position:absolute;
  right: 60px;
}

.mb-titles {
  font-family:SmartCourierCondensed-Bold;
  position:absolute;
  top:27px;
  left:30px;
  margin: 50px 0;
}

.mb-brandhead {
  font-size:34px;
}

.mb-brandsubhead {
  font-size:28px;
}

.ms-navi {
  padding:0;
  margin:0;
  list-style:none;
}

#ms-navi-meta .ms-navi li {
  display:inline;
}

#moba-page-container {
  height:540px;
  padding:30px;
  background: white;
}

.app-teaser {
  position:relative;
  margin-top:50px;
}

.app-teaser-links {
  position:absolute;
  top:40px;
  left:60px;
}

.moba-next-button {
  background: #F6BA35 url("../../../global/css/images/arrows/arrow_right_white.png") no-repeat right 10px center;
  color:#FFF;
  padding:6px;
  margin:0 10px;
  display: inline-block;
  width: 180px;
}

.moba-continue-button {
  background: #000000 url("../../../global/css/images/arrows/arrow_right_white.png") no-repeat right 10px center;
  color:#FFF;
  padding:6px;
  margin:0 10px;
  margin-top:30px;
  display: inline-block;
  width: 250px;
  float: right;
}


dd, dl {
  margin: 0;
  padding: 0;
}

#ms-navi-meta {
  margin: 0 30px;
  padding: 10px 0;
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px),only screen and (min-device-width : 360px) and (max-device-width : 598px) {
	body {
		font-size:200%;
	}

	#ms-navi-meta dl {
		margin-top:25px;
	}

	#ms-navi-meta a {
		font-size:75%;
	}

	.mb-titles {
		display:none;
	}

	#main-container {
		width:98%;
	}

	.app-teaser-links {
		position:absolute;
		top:32px;
		left:90px;
	}

	.moba-next-button {
		font-size:75%;
	}
	
	.moba-continue-button {
		font-size:75%;
	}
}