/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html, body {
	background: #f2f2f2;
	height: 100%;
}

body {
	text-align: center;
}

/*
 * BASE
 */

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, sans-serif;
  font-weight: bold;
}

h2 {
  font-size: 108%;
}

a {
  text-decoration: none;
  color: #0a70a2;
}

a:hover {
	text-decoration: underline;
}

label {
	font-weight: bold;
}

 em {
	font-style: italic;
}

strong {
	font-weight: bold;
}

/* 
 * LAYOUT
 */

#wrapper {
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: left;
	width: 760px;
}


#main {
	float: left;
	margin: 0 2px;
	padding: 100px 0 0 0;
	width: 436px;
}

/* left column top header */
h2#pageTitle {
    background: url(/pub-share/img/page_title.gif) no-repeat;
	clear: both;
	font-size: 85%;
	height: 18px;
	padding: 5px 0 0 19px;
    width: 141px;
	color: #767676;
}

h2#pageTitle a {
  color: #767676;
  text-decoration: none;
}

/***** Global Footer Styles *****/
#footer {
	clear: both;
	position: relative;
	padding: 0;
	margin: 0;
	width: 800px;
	margin-left: 0px;
	text-align: center;
	font-size: 70%;
	padding-top:10px;
}

#footer p {
	color: #777;
	padding: 10px 0 10px 0;
	width: 760px;
	clear: both;
}

#footer ul {
  width: 100%;
	margin: auto;
}

#footer li {
	display: inline-block;
	display: inline;
}

#footer li.first a {
	border: none;
	padding-left: 0;
}

#footer li.last a {
}

#footer a {
	color: #777;
	border-left: 1px solid #777;
	line-height: 90%;
	padding: 0 4px;
}

/*
 * BUTTONS
 */

a.btn_sm_f2f2f2 {
	background: url(/pub-share/img/buttons.gif) 0 -102px no-repeat;
	color: #fff;
	cursor: hand;
	font-size: 85%;
	font-weight: bold;
	padding: 0 0 0 5px;
	text-align: center;
	float: left;
}

a.btn_sm_f2f2f2 span {
  background: url(/pub-share/img/buttons.gif) right -102px no-repeat;
  display: block;
  display: inline-block;
	padding: 0 10px 0 5px;
	height: 17px;
}

a.btn_sm_f2f2f2:hover {
  background-position: 0 -119px;
  text-decoration: none;
}

a.btn_sm_f2f2f2:hover span {
  background-position: right -119px;
}

a.btn_sm_fff {
  background: url(/pub-share/img/buttons.gif) 0 0 no-repeat;
  color: #fff;
  cursor: hand;
  font-size: 85%;
  font-weight: bold;
  padding: 0 0 0 5px;
  text-align: center;
  float: left;
  height: 17px;
}

a.btn_sm_fff span {
  background: url(/pub-share/img/buttons.gif) right 0 no-repeat;
  display: block;
  display: inline-block;
  padding: 0 8px 0 3px;
  height: 17px;
}

a.btn_sm_fff:hover {
  background-position: 0 -17px;
  text-decoration: none;
}

a.btn_sm_fff:hover span {
  background-position: right -17px;
}

/*-------------------------------------------------------*/

a.btn_sm_fff_2 {
  background: url(/pub-share/img/buttons.gif) 0 0 no-repeat;
  color: #fff;
  cursor: hand;
  font-size: 0.75em;
  font-weight: bold;
  display: inline-block;
  padding: 0 0 0 8px;
  height: 17px;
}

a.btn_sm_fff_2 span {
  background: url(/pub-share/img/buttons.gif) right 0 no-repeat;
  display: inline-block;
  padding: 0 12px 0 0;
  position: relative;
  right: -2px;
  height: 17px;
}

a.btn_sm_fff_2:hover {
  background-position: 0 -17px;
  text-decoration: none;
}

a.btn_sm_fff_2:hover span {
  background-position: right -17px;
}


/* -------------------------- */
a.btn_sm_f2f2f2_hc {
	background: url(/pub-share/img/buttons.gif) 0 -102px no-repeat;
	color: #fff;
	cursor: hand;
	font-size: 85%;
	font-weight: bold;
	padding: 0 0 0 5px;
	text-align: center;
	float: left;
}

a.btn_sm_f2f2f2_hc span {
  background: url(/pub-share/img/buttons.gif) right -102px no-repeat;
  display: block;
  display: inline-block; 
  width: 100px;
  height: 17px;
}

a.btn_sm_f2f2f2_hc:hover {
  background-position: 0 -119px;
  text-decoration: none;
}

a.btn_sm_f2f2f2_hc:hover span {
  background-position: right -119px;
}


/* -------------------------- */



#myToyotaDealer a.btn_sm_fff {
	margin-bottom: 15px;
}

/*  styles for pages with left column secondary nav  */

#left {
	float: left;
	width: 160px;
	height:500px;
}

body#stories-index #left{
	display:none;
}

ul#secondaryNav {
	min-height: 100px;
	_height: 100px;
	background: #ddd;
	width: 160px;
}

ul#secondaryNav li a {
	color: #2b2b2b;
	display: block;
	height: 17px;
	padding: 4px 0 0 19px;
	width: 141px;
	font-weight: bold;
	font-size: 0.9em;
}

ul#secondaryNav li.current a, ul#secondaryNav li a:hover {
	background: #0080d1;
	color: #fff;
	text-decoration: none;
}

#ads {
	background: url(/pub-share/img/box_160_ccc_fff_bg.gif) repeat-y;
	margin: 2px 0 0 0;
	text-align: center;
	width: 160px;
}

#ads div.tp {
	background: url(/pub-share/img/box_160_ccc_fff_tp.gif) top left no-repeat;
	height: 12px;
	width: 160px;
}

#ads div.bt {
  background: url(/pub-share/img/box_160_ccc_fff_bt.gif) bottom left no-repeat;
  height: 10px;
  width: 160px;
}

/*
 * BOX STYLES
 * The following styles set default width of 184px for box left. for 3 column pages overide width to 160px and bg imgs to 160 imgs *
 */
div.box_left {
	background: #fff url(/pub-share/img/box_184_ccc_fff_bg.gif) repeat-y;
	clear: left;
	color: #010101;
	float: left;
	margin: 0 0 10px 0;
	width: 184px;
	padding-bottom:0;
}

div.box_left h2 {
	background: url(/pub-share/img/box_184_ccc_fff_tp.gif) top left no-repeat;
	color: #1b1b1b;
	padding: 10px 0 0 18px;
	font-size: 90%;
}

div.box_left em {
	font-style: italic;
	font-weight: bold;
}

div.box_left form,
div.box_left div.content {
  background: #e6e6e6;
	display: inline;
	float: left;
	margin: 0 9px;
	padding: 5px 11px 11px 11px;
	width: 142px;	
}

div.box_left input,
div.box_left select {
	width: 140px;
}

div.box_left p:after, div.box_left ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

div.box_left p, div.box_left ul {
	clear: both;
	margin: -4px 0 0 0;
	padding: 4px 11px 0 11px;
}

div.box_left p {
	background:  url(/pub-share/img/box_184_ccc_fff_bt.gif) bottom left no-repeat;
}

/********** VARIOUS BLOCK INCLUDE STYLES **********/

/***** myToyotaDealer right column block incl styles *****/
#myToyotaDealer {
  background: url(/pub-share/img/box_160_ccc_fff_bg.gif) repeat-y;
	float: left;
	width: 160px;
}

#myToyotaDealer h3 {
	background: url(/pub-share/img/box_160_blue.gif);
	color: #fff;
	height: 19px;
	font-size: 108%;
	margin: 0 0 5px 0;
	padding: 5px 0 0 8px;
}

#myToyotaDealer h3 em {
	font-style: italic;
	font-weight: bold;
}

#myToyotaDealer div.dealer {
	padding: 10px 8px 0 8px;
}

#myToyotaDealer div.dealer strong {
	display: block;
	line-height: 95%;
	font-size: 90%;
	font-weight: bold;
}

#myToyotaDealer div.dealer strong a:hover { text-decoration: none; }

#myToyotaDealer div.dealer .phone {
	font-size: 90%;
	font-weight: bold;
	display: block;
	margin: 5px 0 10px;
}
	
#myToyotaDealer p {
  background: url(/pub-share/img/box_160_ccc_fff_bt.gif) bottom left no-repeat;
  clear: both;
	padding: 0 0 10px 10px;
  height: 10px;
}

#myToyotaDealer p a {
	display: block;
	font-size: 90%;
	font-weight: bold;
}

/***** wiper-blades-block styles *****/
#wiper-blades-block{	
	width: 160px;
	margin: 2px 0 0 0;
	text-align: center;
	background: url(/pub-share/img/box_160_ccc_fff_bg.gif) repeat-y;
}

#wiper-blades-block div.tp {
	width: 160px;
	height: 12px;
	background: url(/pub-share/img/box_160_ccc_fff_tp.gif) top left no-repeat;
}

#wiper-blades-block h2 {
	padding: 0 10px;
	font-size: 90%;
	color: #767676;
	text-align: left;
}

#wiper-blades-block p {
	margin: 0 10px;
	padding: 5px 5px 0 5px;
	font-size: 80%;
	text-align: left;
	color: #000;
	background-color: #e6e6e6;
	float: left; clear: left;
	display:inline; /* IE6 Double margin bug */
	width: 130px;
}

#wiper-blades-block ul {
	margin: 0 10px 10px 10px;
	padding: 0 5px 8px 20px;
	text-align: left;
	font-size: 80%;
	background-color: #e6e6e6;
	float: left; clear: left; 
	display:inline; /* IE6 Double margin bug */
	width: 115px;
}

#wiper-blades-block li {
	list-style: disc outside none;
}

#wiper-blades-block div.bt {
	width: 160px;
	height: 10px;
	background: url(/pub-share/img/box_160_ccc_fff_bt.gif) bottom left no-repeat;
}

/*-------------------------------------------------------*/
.left_field {
	width: 1px;
	height: 1px;
	overflow: hidden;
	position: absolute;
	left: -40000px;
	top: -40000px;
}
.left_field * { padding: 2px; }

/* Right Hand Blocks include wrapper */

div#right-block-float {
	float: right;
	width: 160px;
	margin: 0;
	padding: 0;
}

div#right-block-float div.box_left {
	background: #fff url(/pub-share/img/box_160_ccc_fff_bg.gif) repeat-y;
	width: 160px;
	float: left;
	clear: none;
	margin: 0 0 5px 0;
	text-align: center;
}

div#right-block-float div.box_left h2 {
	background: url(/pub-share/img/box_160_ccc_fff_tp.gif) top left no-repeat;
	color: #767676;
	padding: 5px 0 6px;
	font-size: 90%;
}

div#right-block-float div.box_left img {
	margin-bottom: 5px;
}

div#right-block-float div.box_left p {
	background:  transparent url(/pub-share/img/box_160_ccc_fff_bt.gif) bottom left no-repeat;
	clear: both;
	display: block;
	padding: 5px 0;
}
div#right-block-float p.spacer {
height: 3px;
display: block;
}
div#right-block-float div.box_left a.btn_sm_fff {
margin-left: 30px;
}
div#right-block-float div.box_left a.btn_sm_fff span {
width: 80px;
display: block;

}

/* error message display */
#errors, .messages {
	color: red;
	margin: 0 0 0 20px;
	font-size: 90%;
}

p.messages { margin-top: 20px; }

#errors li {
	margin: 8px 0 0;
}
/*-------------------------------------------------------*/

/* Corners */
.corner_top {
	background: transparent url(/pub-share/img/corner_topleft.gif) no-repeat scroll 0%;
	height: 3px;
	margin-right: 3px;
	position: relative;
	font-size: 1px;
}

.corner_topright {
	background: transparent url(/pub-share/img/corner_topright.gif) no-repeat scroll right top;
	height: 3px;
	margin-right: -3px;
	_margin: 0px -3px -1px 0px;
	position: absolute;
	right: 0pt;
	top: 0pt;
	width: 3px;
	font-size: 1px;
}

.corner_bottom {
	background: transparent url(/pub-share/img/corner_bottomleft.gif) no-repeat scroll 0%;
	bottom: 0px;
	height: 3px;
	margin-right: 3px;
	position: relative;
	font-size: 1px;
}

.corner_bottomright {
	background: transparent url(/pub-share/img/corner_bottomright.gif) no-repeat scroll right bottom;
	bottom: 0pt;
	height: 3px;
	margin-right: -3px;
	_margin: 0px -3px -1px 0px;
	position: absolute;
	right: 0pt;
	width: 3px;
	font-size: 1px;
}

.corner_ltgrey_top {
	background: transparent url(/pub-share/img/corner_ltgrey_topleft.gif) no-repeat scroll left top;
	height: 3px;
	margin-right: 3px;
	font-size: 1px;
	position: relative;
}

.corner_ltgrey_topright {
	background: transparent url(/pub-share/img/corner_ltgrey_topright.gif) no-repeat scroll right top;
	height: 3px;
	margin-right: -3px;
	position: absolute;
	right: 0pt;
	top: 0pt;
	width: 3px;
	font-size: 1px;
}

.corner_ltgrey_bottom {
	background: transparent url(/pub-share/img/corner_ltgrey_bottomleft.gif) no-repeat scroll 0%;
	bottom: 0pt;
	height: 3px;
	margin-right: 3px;
	font-size: 1px;
	position: relative;
}

.corner_ltgrey_bottomright {
	background: transparent url(/pub-share/img/corner_ltgrey_bottomright.gif) no-repeat scroll right bottom;
	bottom: 0px;
	height: 3px;
	font-size: 1px;
	margin-right: -3px;
	position: absolute;
	right: 0px;
	width: 3px;
}

.clear { clear: both; font-size: 1px; height: 0px; }

#modal-overlay {
	position:absolute; top: 0; left: 0;
	/*width: 100%;*/
	/* height is set via javascript */
}
#modal-overlay-bg {
	background: #000;
	width: 100%; height: 100%;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
#modal-message {
	position: absolute; top: 75%; left: 50%;
	width: 400px;
	margin: -110px 0 0 -210px;
	padding: 20px;
	text-align: left;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	box-shadow : 0 0 40px #000; 
	-webkit-box-shadow : 0 0 40px #000;
}
#modal-message h4 {
	background: transparent;
	color: #9B1B22;
	font-size: 16px;
}
#modal-message p {
	margin: 1em 0 0 0;
	font-size: 11px;
}
a#continue-modal {
	float: right;
	font-size: 11px;
}

span.arrow_link_white {
	background: transparent url(/pub-share/img/link_arrow_white.gif) no-repeat left center;
	color: #0A70A2;
	display: inline-block;
}
span.arrow_link_white a {
	color: #0A70A2;
	margin-left: 12px;
	display: inline-block;
}
			
#iguide-iframe {
	position: absolute;
	margin-top: 120px !important;
	margin-top: 130px;
	top: 0;
	left:0;
	height: 401px;
	width: 100%;
}


body.loggedIn #iguide-iframe {
	margin-top: 131px;
}

.display_overlay #iguide-iframe {
	margin-top: 0px!important;
	height: 100%;
}

#iframe-spacer {
	height: 401px;
}