/* ##########################################################################
#############################################################################
		
Version 2.0
Author			- o2
Release Date	- 10/22/10
		
#############################################################################
########################################################################## */

/* Toyota ESQ - Browser Compatability Stylesheet */
/* ####################################### */
/* ####################################### */

/* TAG Definitions */
/* ####################################### */
.ie a:link, .ie a:visited {
	/*color: #286071;*/
	}
	
.ie a:hover {
	color: #a2b9c4;
}

.ie .tagWord a {
	color: inherit;
}

.ie #tagCloudPreview .tagWord a:link, a:hover, a:active, a:visited{
	color: inherit;
}	

.ie a.topLink:link, .ie a.topLink:visited {
	color: #FFF;
}


.ie #tagThumb {
	position: relative;
	margin: 0;
}

/* ID Definitions - General */
/* ####################################### */
.ie6 #header .logo {
	float: left;
}

.ie6 #mastheadSplash {
	height: 420px;
}

.ie6 #filters a img {
	padding-top: 3px;
}

.ie #subNav .colA a img {
	margin: 1px 2px 6px 0px;
}

.ie6 #subNav .colA a img, .ie7 #subNav .colA a img {
	margin: 0px 2px 8px 0px;
}

.gecko #subNav .colA a img {
	margin-bottom: 8px;
}

.ie6 #subNav .colC ul li {
	margin-left: -16px;
	margin-top: 16px;
}

.ie6 #tags #tagPreview, .ie7 #tags #tagPreview {
	margin: 22px 0 0 -68px;
}

.ie6 #subNav .noHeader {
	margin: 42px 0px 0px 0px;
}


/* Definitions - Global Header / Footer */
/* ####################################### */
.ie #topNav {
	margin-top: 18px;
}

.ie7 #topNav {
	margin-top: -28px;
}

.webkit #topNav {
	margin: -32px -16px 24px 462px;
}

.ie #footer ul {
	margin: 0px;
}

.ie6 #footer ul, .ie7 #footer ul {
	float: left;
}

.ie6 #legal {
	width: 884px;
	padding: 0 8px;
}

.ff3 #toyotaLogo {
	margin-top: -20px;
}

/* Definitions - Splash */
/* ####################################### */
.ie #subNav .colC li a:visited,.ie #subNav .colC li a:active  {
	color: #a2b9c4;
}

.ie #subNav .colC li a:hover  {
	color: #286071;
}

.ie #splashFeatureNav {
	outline: none;
}

/* Definitions - Search, Blog */
/* ####################################### */
.ie6 .searchResultEven {
	margin: 10px 0px 4px 0px;
}

.ie6 .blogExcerpt, .ie7 .blogExcerpt {
	float: left;
}

.ie6 .blogMeta, .ie7 .blogMeta {
	float: right;
	margin-top: 14px;
}

/* Definitions - Drop Down Navigation */
/* ####################################### */
.ie7 .dropDown {
	margin-top: 22px;
}

.ie7 #envDropDown {
	margin-left: -121px;
}

.ie7 #safetyDropDown {
	margin-left: -76px;
}

.ie7 #qualityDropDown {
	margin-left: -67px;
}


/* Definitions - Article, About ESQ, RSS, Stay Connected */
/* ####################################### */
.ie6 #articleCopy, .ie6 #articleMeta {
	margin: 15px 56px 0px 10px;
}

.ie6 #articleCopy {
	margin-right: 36px;
}

.ie7 #articleCopy, .ie7 #articleMeta {
	margin-top: 16px;
}

.ie7 #subNav .noHeader {
	margin: 42px 0 0 0;
}

.ie6 #subNav .colB form ol li label, .ie7 #subNav .colB form ol li label {
	margin: -24px 0 0 0;
}


.ie6 #subNav .colB form p, .ie7 #subNav .colB form p {
	margin-top: 5px;
}

.ie6 #subNav .colD form ol li label, .ie7 #subNav .colD form ol li label {
	margin: -35px 8px 0 0;
}

.ie6 #subNav .colD form ol li input, .ie7 #subNav .colD form ol li input {
	height: 14px;
	margin: 1px 0 0 0;
}

.ie7 #rssContainer form ol li input, .ie6 #rssContainer form ol li input {
	margin: 1px 0 0 0;
}

.ie #subNav .colD form ol li {
	margin: 5px 0 13px 0;
}

.ie6 #subNav .colD form ol li, .ie7 #subNav .colD form ol li {
	margin: 5px 0 16px 0;
}

.ie #subNav .colD form p {
	margin: 6px 0 0 0;
}

.ie7 #subNav .colD form p, .ie6 #subNav .colD form p {
	margin: 23px 0 0 0;
}

.ie #subNav .colD form ol li input {
	margin: -2px 0 0 0;
}

.ie #subNav .colD form ol li label {
	height: 14px;
	vertical-align: top;
}

.ie7 .articleLinkTitle, .ie6 .articleLinkTitle {
	vertical-align: middle;
	padding: 6px 0 0 0;
}

.ie7 .articleLinkPane, .ie6 .articleLinkPane {
	padding: 0 0 0 8px;
}

.ie6 .userCue, .ie6 #aboutCopy, .ie7 #aboutCopy, .ie6 #rssCopy, .ie7 .userCue, .ie7 #rssCopy, .ie7 #stayConnectedCaption, .ie6 #stayConnectedCaption {
	margin-top: 15px;
}

.ie6 #rssCopy, .ie6 #aboutCopy {
	margin-left: 5px;
}


/* Definitions - Events / Topics */
/* ####################################### */

.ie6 #eventNavigation, .ie6 #topicNavigation {
	margin: 0 10px 0 0;
}

.ie7 #eventNavigation, .ie7 #topicNavigation {
	margin-top: 16px;
}

.ie6 #eventCopy .description, .ie6 #topicCopy .description {
	width: 626px;
	margin: -20px 0 0 196px; /* -27px: offset <p> margins (11px) + h4 height (19px) */
}

.ie7 #eventCopy .description, .ie7 #topicCopy .description {
	margin-top: -20px;
}

/* CLASS Definitions */
/* ####################################### */
.ff3 .right {
	margin-top: -35px;
}

.webkit .right {
	float: none;
	text-align: right;
}

.ie #altSearchResultsTip.tooltip {
	margin-top: -198px;
}

.ie7 #altSearchResultsTip.tooltip, .ie7 #altBlogResultsTip.tooltip {
	margin: -175px 0 0 -30px;
}

.ie6 #altSearchResultsTip.tooltip, .ie6 #altBlogResultsTip.tooltip {
	width: 248px;
	position: absolute;
	z-index: 4;
	margin: -158px 0 0 -28px;
}

.gecko #altSearchResultsTip.tooltip {
	margin: -217px 0 0 272px;
}

.ff3 #altSearchResultsTip.tooltip {
	margin: -217px 0 0 272px;
}

.ie .example {
  background-color: yellow;
}

.ie7 .example {
  background-color: orange;
}

.gecko .example {
  background-color: gray;
}

.win.gecko .example {
  background-color: red;
}

.linux.gecko .example {
  background-color: pink;
}

.opera .example {
  background-color: green;
}

.konqueror .example {
  background-color: blue;
}

.webkit .example {
  background-color: black;
}

.chrome .example {
  background-color: cyan;
}

.example {
  width: 100px;
  height: 100px;
}

.no_js {
	display: block;
}

.has_js { 
	display: none;
}

.js .no_js {
	display: none;
}

.js .has_js {
	display: block;
}

/* ####################################### */
/* ####################################### */

/* Lightview */
/* ####################################### */

/* Lightview */
/* ####################################### */

/* The container that holds everything */
.ie6 .lv_Container, .ie7 .lv_Container {
	position: relative;
	width: 100%;
	height: 100%;
	background: none;
	padding: 0;
	margin: 60px 0 0 0;
}

.ie #lightviewController .lv_controllerNext .lv_Button {
	padding: 0 10px 0 0;
} 

.ie6 #lightviewController .lv_controllerNext .lv_Button, .ie7 #lightviewController .lv_controllerNext .lv_Button {
	padding: 0;
} 

/* Definitions - Gallery Template */
/* ####################################### */
.ie7 #articleGallery, .ie7 #articleGalleryMeta {
	margin-top: 16px;
}