/* 
 * LANDING PAGE
 */

/* the styles down to the end styles comment are  for the left column boxes of the landing pages including alignment of the buttons 
mytoyota login form box, register for owner's manual box, traffic report updates box, security upgrade notice box */
a.btn_sm_f2f2f2 {
	float: right;
}

a.btn_sm_f2f2f2 span {
	padding:0 20px 0 15px;
	width: 70px;
}

/* special landing page buttons */
.landing-left a.btn_sm_f2f2f2 {
	background: url(/pub-share/img/buttons.gif) 0 -119px no-repeat;
	padding: 0 0 0 5px;
}

.landing-left a.btn_sm_f2f2f2 span {
  background: url(/pub-share/img/buttons.gif) right -119px no-repeat;
  padding: 0 8px 0 3px;
}

.landing-left a.btn_sm_f2f2f2:hover {
  background-position: 0 -102px;
}

.landing-left a.btn_sm_f2f2f2:hover span {
  background-position: right -102px;
}

#login a {
	margin: 5px -3px 0 0;
}

#ownersManual a {
	display: block;
	padding: 5px 10px 10px 10px;
}

#visaRewards {
	background: none;
}

#security-upgrade div {
	display: block;
}

#login input {
	font-size: 85%;
	margin-bottom: 1px;
}

#login form {
	margin-top: 3px;
	height: 76px;
	*height: 73px;
}

#login form:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  margin: 0;
}

#login ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#login li {
	float: left;
	line-height:1.1em;
}

#login li.first a {
	margin-right:20px;
	font-size: 80%;
}

#login li.first span {
	margin-right: 8px;
}

#login ul  { margin-top:3px; }

#login p { margin-top:5px; }

/* end left content styles */

#flashContent {
	float: right;
	margin: -8px 0 0 0;
}

#benefitsRegister {
	float: right;
	height: 495px;
	width: 573px;
	color: #FFF;
	background: #111 url(/pub-share/img/landing/main_bg.jpg) no-repeat left top;
	margin: -5px 0 4px 2px;
}

#resortTickets {
	float: right;
	height: 495px;
	width: 573px;
	color: #FFF;
	background: #F2F2F2 url(/pub-share/img/socal_landing.jpg) no-repeat 12px 6px;
	margin: -5px 0 4px 2px;
}

#benefitsRegister h2, #benefitsRegister h3 {
	float: left;
	width: 200px;
	display: none;
}

#benefitsRegister p {
	font-size: 10px;
	line-height: 15px;
	font-weight: bold;
	text-transform: uppercase;
}

#benefitsRegister p#benefits-p {
	width: 280px;
	height: 50px;
	margin: 80px 0 0 235px;
}

#benefitsRegister p#service-history-p,
#benefitsRegister p#iguides-p,
#benefitsRegister p#manual-p {
	float: left;
	width: 155px;
	height: 90px;
	margin: 230px 20px 0 0;
}

#benefitsRegister p#service-history-p {
	margin-left: 31px;
	_margin-left: 15px;
	margin-right: 30px;
}

#benefitsRegister p#manual-p {
	margin-right: 0;	
}

#benefitsRegister a {
	display: block;
	clear: both;
	width: 108px; 
	height: 26px;
	margin: -2px 0 0 445px;
	background: url(/pub-share/img/landing/register_btn.gif) no-repeat;
}

#register a{
	display: block;
	clear: both;
	margin: -15px 0 0 12px;
}

#register a span {
	display:none;
}

#benefitsRegister a span {
	display: none;	
}

#caring h2 {
	margin: 0 0 3px 0;
	padding: 0 11px;
	height: 80px;
}

#caring h2 span {
	visibility: hidden;	
}

#caring h2 p {
	height: 64px;
	background: url(/pub-share/img/landing/caring_title_bg.jpg) no-repeat;
}

#caring ul {
	padding: 0 11px 5px 11px;
}

#caring li {
	height: 22px;
	margin: 1px 0;
	background: url(/pub-share/img/landing/caring_list_bg.gif) no-repeat;
}

#caring a {
	display: block;
	height: 18px;
	padding: 3px 0 2px 12px;
	color: #000;
	font-size: 90%;
	font-weight: bold;
}

#landingAd {
	float: left;
	margin: 0 0 0 10px;
	background: transparent url(/pub-share/img/landing/iguides_bg.gif) no-repeat left top;
	width: 184px; height: 143px;
}
#landingAd p {
	font-size: 76%;
	font-weight: bold;
	padding: 88px 10px 7px 10px;
}

/* special landing page buttons */
#landingAd a#adRegister { margin-left: 10px; }
#landingAd a#adRegister span { padding: 0 13px 0 10px; }
#landingAd a#adLogin {
	background-position: 0 -119px;
	padding: 0 0 0 5px;
	margin-left: 18px;
}

#landingAd a#adLogin span {
  background-position: right -119px;
  padding: 0 18px 0 15px;
}
#landingAd a#adLogin:hover { background-position: 0 -102px; }
#landingAd a#adLogin:hover span { background-position: right -102px; }


/* login landing page styles */
#login-page #main {
	float: right;
	margin: 10px 0 0 0;
	width: 565px;
	padding-top: 105px;
	background: transparent url(/pub-share/img/hdr_login.jpg) no-repeat left top;
}
div#login-main {
	margin: 2px 0 0 0;
	width: 565px;
	text-align: center;
	font-size: 90%;
	background: transparent url(/pub-share/img/box_565_login_bg.gif) repeat-y;
	position: relative;
}
div#login-main div.tp {
	height: 12px;
	width: 565px;
	background: url(/pub-share/img/box_565_login_tp.gif) top left no-repeat;
}

div#login-main div.bt {
	height: 10px;
	width: 565px;
	clear: both;
	background: url(/pub-share/img/box_565_login_bt.gif) bottom left no-repeat;
}

div#login-main h3 {
	text-align: left;
	padding: 5px 25px 10px 10px;
}

div#login-main p {
	font-size: 90%;
	display: block;
	padding: 5px 25px 10px 10px;
	height: 100px;
}

div#login-main #footnote {
	position: absolute;
	left: 10px;
	bottom: 10px;
	width: 500px;
	text-align: left;
}

div#login-main form {
	width: 200px;
	margin: 10px;
	padding: 0;
	text-align: left;
	display: block;
	overflow: hidden;
}

div#login-main label {
	display: block;
	margin-top: 15px;
}

div#login-main input {
	display: block;
	width: 195px;
}

div#login #rememberMe {
	height: 18px;
	font-size: 10px;
}

div#login-main #rememberMe {
	color:#41A0DC;
	display:inline;
	font-size:85%;
	font-weight:bold;
	height:auto;
	margin-top: 4px;
	vertical-align:middle;
	width:auto;
}

div#login #rememberMe input {
	display: inline;
	font-size: 75%;
	height: auto;
	vertical-align:middle;
	width: auto;
}

div#login #userName {
	margin: 2px 0;
	*margin: 0;
}

div#login #loginBtn {
	margin: 3px -2px;
	_margin: 0 -2px -15px 0;
}

div#login-main  a.form-links {
	font-size: 85%;
	color: #41a0dc;
	font-weight: bold;
}

div#login-main form a.btn_sm_f2f2f2 {
	float: right;
	margin-top: 15px;
}

div#login-main form a.btn_sm_f2f2f2 span {
	padding:0 20px 0 15px;
	width: 50px;
}

#forgotPassword {
	height: 18px;
	_height: 10px;
}

.sec-content {
	padding: 0 10px 13px 10px;
}

.sec-content div {
	background: #e0e0e0;
	padding: 6px 8px 0 8px;
	line-height: 13px;
}

.sec-content div b {
	display: block;
	font-weight: normal;
	font-size: 11px;
	padding-bottom: 6px;
}

#security-upgrade h2 {
	padding-bottom: 4px;
}

#seasonalAd {
	background: url(/pub-share/img/box_184_ccc_fff_tp.gif) top left no-repeat;
	padding-top: 3px;
}

#seasonalAd div {
	padding: 8px 10px;
	background: #fff;
	border: #ccc 1px solid;
	border-top: none;
	border-bottom: none;
	position: relative;
	height: 114px;
	margin-bottom: 3px;
}

#seasonalAd div a.reg {
	position: absolute;
	bottom: 27px;
	right: 15px;
}

#seasonalAd span.login {
	display: block;
	width: 50px;
	height: 11px;
	font-size: 10px;
	position: absolute;
	bottom: 17px;
	right: 25px;
	color: #6c6c6c;
}

#seasonalAd span.login a {
	text-decoration: underline;
	color: #6c6c6c;
}