@charset "utf-8";
/* CSS Document */

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}od
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
element.style {
    display: inline-table !important;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* General Styles */

body {
    background-image: url('images/mainBG.jpg');
    background-repeat: repeat-x;
    background-color: #FFF;
}

td, div, label {
    font-family: Arial;
    font-size: 11px;
    color: #666;
    line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #333;
    display: inline;
}

h1 {
    background-image: url('images/ToyotaLeadtheWay.jpg');
    background-repeat: no-repeat;
    width: 161px;
    height: 51px;
    text-indent: -9999px;
    margin: 9px 18px 7px 17px;
    display: block !important;
}

h2 {
    font-size: 14px;
    color: #454545 !important;
}

h3 {
    font-size: 14px;
}

h4 {
    font-size: 12px;
}

h5 {
    font-size: 13px;
}

h6 {
    font-size: 16px;
}

a:link, a:active, a:visited {
    color: #666;
    text-decoration: none;
}

a:hover {
    color: #BC0000;
    text-decoration: none;
}

label {
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
}

h4.segMentBtn {
    background: url('images/segFeaturesBG_off.jpg') no-repeat;
    display: block;
    width: 242px;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
}

h4.segMentBtnOn {
    background: url('images/segFeaturesBG_on.jpg') no-repeat;
    display: block;
    width: 242px;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
}

.segMentBG {
    background-color: #f8f8f8;
    width: 240px;
    padding: 6px;
    height: 120px;
}

/* Normal Bulleted List */

ol li {
    margin-left: 20px;
    padding-left: 5px;
    list-style-type: decimal;
}

ul li {
    margin-left: 20px;
    padding-left: 5px;
    list-style-type: disc;
}

ul li ul li {
    margin-left: 20px;
    padding-left: 5px;
    list-style-type: circle;
}

/* Bulleted List */

.round ul {
    margin: 0;
    margin-left: 20px;
}

.round li {
    margin-left: 20px;
    list-style-image: url('images/bullet.gif');
}

/* Green Bullet */

.greenBullet ul {
    margin: 0;
}

.greenBullet li 
{
    margin-left: 30px;
    padding-left: 5px;
    list-style-image: url('images/bulletGreen.gif');
    margin-bottom: 20px;
}

.rcbItem ul, .rcbItem li, .rcbItem, .rcbItem a, .rcbHovered ul, .rcbHovered li, .rcbHovered {
    list-style-type: none !important;
    margin-left: 0 !important;
    padding-left: 4px !important;
}

/* Containers */

#wrapper {
    width: 892px;
    background-color: #FFF;
    margin-left: auto;
    margin-right: auto;
    height: 550px;
}

#homeContent {
    width: 872px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: -4px;*/
}

#modelsContent {
    width: 872px;
    margin-left: auto;
    margin-right: auto;
    background-color: #333;
}

#loggedIn {
    position: absolute;
    line-height: 50px;
}

/* Headings */

.mainHeaderBG {
    background-image: url('images/mainHeadBG.png');
    background-repeat: no-repeat;
    line-height: 39px;
    color: #454545 !important;
    width: 872px;
    height: 46px;
    padding-left: 10px;
}

.insideHeadBG {
    background-image: url('images/insideHeadBG.png');
    background-repeat: no-repeat;
    width: 856px;
    height: 37px;
    padding-left: 10px;
    line-height: 39px;
    color: #454545 !important;
}

.landingHeaderBG {
    background-image: url('images/landBG.gif');
    background-repeat: repeat-x;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    margin-right: 8px;
}

.contentHeadBG {
    background-image: url('images/subHBG.gif');
    background-repeat: repeat-x;
    height: 40px;
    line-height: 40px;
    margin-left: 8px;
    margin-right: 8px;
}

.sideHeadBG {
    background-image: url('images/sideHeadBG.gif');
    background-repeat: repeat-x;
    width: 176px;
    line-height: 40px;
}

.sideHeadResourceBG {
    background-image: url('images/sideHeadResourceBG.gif');
    background-repeat: repeat-x;
    width: 164px;
    line-height: 40px;
}

.compareHeadBG {
    background-image: url('images/compareBG.gif');
    background-repeat: repeat-x;
    height: 32px;
}

.toyota, a.toyota {
    color: #BC0000;
}

.orangeTxt {
    color: #EB5401;
}

.orangeTxt label {
    color: #EB5401;
}

.whiteTxt {
    color: #FFF !important;
}

.lrgTxt {
    font-size: 24px;
    color: #888;
}

.lightGreyTxt {
    color: #666;
}

.darkGreyTxt {
    color: #333 !important;
}

.headColor {
    color: #454545;
}

.smlCaps {
    font-size: 9px;
    text-transform: uppercase;
}

#displyName {
    color: #333;
}

/* Paging */

.scrollButtons, .scrollButtons a:link, .scrollButtons a:active, .scrollButtons a:visited {
    font-size: 9px;
    text-transform: uppercase;
    color: #333;
}

.scrollButtons a:hover {
    font-size: 9px;
    text-transform: uppercase;
    color: #BC0000;
}

/* Menus */

.mainMnuBG {
    background-image: url('images/globalNavBG.gif');
    background-repeat: repeat-x;
    height: 31px;
    width: 892px;
}

.navShade {
    background-image: url('images/globalNavShade.png');
    background-repeat: repeat-x;
    height: 21px;
    width: 718px;
    position: absolute;
    z-index: 1 !important;
    top: 31px;
}

.botMnuBG {
    background-image: url('images/botBG.gif');
    background-repeat: repeat-x;
    height: 32px;
    margin-left: 8px;
    margin-right: 8px;
    line-height: 32px;
}

.backBtnBG {
    background-image: url('images/backBG.gif');
    background-repeat: repeat-x;
    height: 31px;
    padding-left: 10px;
    line-height: 31px;
}

.showBtnBG {
    background-image: url('images/showBG.gif');
    background-repeat: repeat-x;
    height: 34px;
}

.mnuCorpPic {
    background-image: url('images/mnuCorpPic.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-color: #e8e8e8;
    height: 112px;
    padding-bottom: 112px !important;
}

.mnuEnvironPic {
    background-image: url('images/mnuEnvironPic.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-color: #e8e8e8;
    height: 94px;
    padding-bottom: 94px !important;
}

.mnuLifestylePic {
    background-image: url('images/mnuLifestyle.jpg') !important;
    background-repeat: no-repeat !important;
    background-position: bottom center !important;
    background-color: #e8e8e8;
    height: 352px;
    padding-bottom: 352px !important;
}

/* Main Menu */

.mainMnu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #666;
}

.mainMnu li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
    list-style-type: none !important;
}

.mainMnu a:link, .mainMnu a:active, .mainMnu a:visited {
    float: left;
    color: #666;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    line-height: 31px;
    text-transform: uppercase;
    width: 100%;
}

.mainMnu a:hover {
    background-image: url('images/globalNavBG_on.gif');
    background-repeat: repeat-x;
    font-size: 10px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
}

#body_map .mnu_aut a, #body_con .mnu_con a,
#body_hin .mnu_hin a {
    background-image: url('images/globalNavBG_on.gif');
    background-repeat: repeat-x;
    font-size: 10px;
    text-align: center;
    color: #333;
    text-transform: uppercase;
}

.mainMnu .mnu_hom a:link, .mainMnu .mnu_hom a:active, .mainMnu .mnu_hom a:visited {
    background-image: url('images/homeBG_off.gif');
    background-repeat: no-repeat;
    font-size: 10px;
    text-align: center;
    width: 57px;
    text-transform: uppercase;
    float: left;
    color: #666;
}

.mainMnu .mnu_hom a:hover {
    background-image: url('images/homeBG_on.gif');
    background-repeat: no-repeat;
    font-size: 10px;
    text-align: center;
    width: 57px;
    text-transform: uppercase;
    float: left;
    color: #333;
}

#body_hom .mnu_hom a {
    background-image: url('images/homeBG_on.gif');
    background-repeat: no-repeat;
    font-size: 10px;
    text-align: center;
    width: 57px;
    text-transform: uppercase;
    float: left;
    color: #333;
}

.mainMnu .sep {
    background-image: url('images/globalNavSep.gif');
    background-repeat: no-repeat;
    width: 3px;
    display: block;
    float: left;
    height: 31px;
}

.mnu_aut, .mnu_con {
    width: 80px;
}

.mnu_hin {
    width: 54px;
}

.mnu_tc {
    width: 90px;
}

/* Sub Menu */

.subMnu {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    margin-top: 48px;
}

.subMnu li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
}

.subMnu a:link, .subMnu a:active, .subMnu a:visited {
    float: left;
    color: #333;
    text-align: center;
    text-decoration: none;
    margin-left: 15px;
}

.subMnu a:hover {
    text-align: center;
    color: #BC0000;
    margin-left: 15px;
}

.body_mod .sub_mod a, .body_ins .sub_ins a,
.body_mai .sub_mai a,.body_fin .sub_fin a,
.body_dea .sub_dea a {
    text-align: center;
    color: #BC0000;
    margin-left: 15px;
}

/* Quicklinks Menu */

.quicklinks {
    margin: 0;
    padding: 0;
    background-color: #D6D6D6;
    border: 1px solid #888;
    width: 180px;
    float: left; /* Contain floated list items */
    list-style-image: none !important;
    position: absolute;
    z-index: 100;
    top: 31px;
    display: block;
}

.quicklinks ul {
    margin: 0 !important;
    padding: 0 !important;
}

.quicklinks li {
    margin: 0 !important;
    padding: 0 !important;
    float: left !important; /* This corrects the */
    width: 100%; /* IE whitespace bug */
    list-style-image: none !important;
    list-style-type: none !important;
}

.quicklinks a:link, .quicklinks a:active, .quicklinks a:visited {
    display: block; /* to increase clickable area as a’s default to inline */
    color: #454545;
    font-size: 10px;
    text-transform: uppercase;
    padding: 4px;
}

.quicklinks a:hover {
    color: #BC0000;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #F7F7F7;
    padding: 4px;
}

/* My Toyota Menu */

.zindex {
    z-index: 2000;
}

.myToyota {
    margin: 0;
    padding: 0;
    background-color: #D6D6D6;
    border: 1px solid #888;
    border-top: none !important;
    width: 172px;
    float: left; /* Contain floated list items */
    list-style-image: none !important;
    position: absolute;
    z-index: 100;
    top: 31px;
    display: block;
}

.myToyota ul {
    margin: 0 !important;
    padding: 0 !important;
}

.myToyota li {
    margin: 0 !important;
    padding: 0 !important;
    float: left !important; /* This corrects the */
    width: 100%; /* IE whitespace bug */
    list-style-image: none !important;
    list-style-type: none !important;
}

.myToyota a:link, .myToyota a:active, .myToyota a:visited {
    display: block; /* to increase clickable area as a’s default to inline */
    color: #454545;
    font-size: 10px;
    text-transform: uppercase;
    padding: 4px;
}

.myToyota a:hover {
    color: #BC0000;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #F7F7F7;
    padding: 4px;
}

.myToyotaRegBG {
    background: url('images/MyToyotaMainBG.jpg') no-repeat top center;
    width: 872px;
    height: 636px;
}

.myToyotaHeader {
    font-size: 30px;
}

.myToyotaRegMarg {
    padding: 20px;
}

.myToyotaWidth {
    width: 170px;
    padding: 20px 15px;
}

/* My Toyota Dashboard */

.myToyotaDash {
    margin: 0;
    padding: 0;
    background-color: #D6D6D6;
    border: 1px solid #888;
    border-top: none !important;
    width: 172px;
    float: left; /* Contain floated list items */
    list-style-image: none !important;
    position: absolute;
    z-index: 100;
    /*top: 31px;*/
    display: block;
}

.myToyotaDash ul {
    margin: 0 !important;
    padding: 0 !important;
}

.myToyotaDash li {
    margin: 0 !important;
    padding: 0 !important;
    float: left !important; /* This corrects the */
    width: 100%; /* IE whitespace bug */
    list-style-image: none !important;
    list-style-type: none !important;
}

.myToyotaDash a:link, .myToyotaDash a:active, .myToyotaDash a:visited {
    display: block; /* to increase clickable area as a’s default to inline */
    color: #454545;
    font-size: 10px;
    text-transform: uppercase;
    padding: 4px;
}

.myToyotaDash a:hover {
    color: #BC0000;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #F7F7F7;
    padding: 4px;
}

/* My Toyota Dashboard */

.myToyotaSer {
    margin: 0;
    padding: 0;
    background-color: #D6D6D6;
    border: 1px solid #888;
    border-top: none !important;
    width: 184px;
    float: left; /* Contain floated list items */
    list-style-image: none !important;
    position: absolute;
    z-index: 100;
    /*top: 31px;*/
    display: block;
}

.myToyotaSer ul {
    margin: 0 !important;
    padding: 0 !important;
}

.myToyotaSer li {
    margin: 0 !important;
    padding: 0 !important;
    float: left !important; /* This corrects the */
    width: 100%; /* IE whitespace bug */
    list-style-image: none !important;
    list-style-type: none !important;
}

.myToyotaSer a:link, .myToyotaSer a:active, .myToyotaSer a:visited {
    display: block; /* to increase clickable area as a’s default to inline */
    color: #454545;
    font-size: 10px;
    text-transform: uppercase;
    padding: 4px;
}

.myToyotaSer a:hover {
    color: #BC0000;
    font-size: 10px;
    text-transform: uppercase;
    background-color: #F7F7F7;
    padding: 4px;
}

/* Side Links */

.sideLinks, .sideLinks a:link, .sideLinks a:active, .sideLinks a:visited {
    color: #666;
}

.sideLinks a:hover {
    color: #BC0000;
}

/* Content Areas */

.contentBG {
    /*background-image: url('images/contentShadeBG.gif');*/
    background-repeat: repeat-x;
}

.contentServBG {
    /*background-image: url('images/contentShadeBG.gif');*/
    background-repeat: repeat-x;
    margin: 0 1px;
}

.loginBG {
    background-image: url('images/loginBG.jpg');
    background-repeat: no-repeat;
    width: 858px;
    height: 400px;
    padding: 6px;
}

.sideShade {
    background-image: url('images/subShade.gif');
    background-repeat: repeat-x;
}

.landingBG {
    background-color: #fbfbfb;
}

/* Home Containers */

.flashContainer {
    width: 872px;
    height: 445px;
    z-index: 1;
    margin-left: auto;
    margin-right: auto;
}

#FinFlash {
    width: 870px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    z-index: 10 !important;
}

.homeLinks {
    background-image: url('images/homeBtmLinks.png');
    background-repeat: no-repeat;
    width: 872px;
    height: 40px;
    position: absolute;
    margin-top: -15px;
    padding: 19px 10px 0px 10px;
    /*padding: 30px 10px 20px 10px;*/
}

/* Menu Home */

.mnuHome {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
    padding-left: 10px;
}

.mnuHome li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
    padding-left: 15px;
}

.mnuHome a {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowGreyRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

.mnuHome a:hover {
    color: #BC0000;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

/* Menu Grey Arrows Right */

.mnuGreyRgt {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
    padding-left: 20px;
}

.mnuGreyRgt li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
    padding-left: 15px;
}

.mnuGreyRgt a {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowGreyRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

.mnuGreyRgt a:hover {
    color: #BC0000;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

/* Menu Red Arrows Right Inline */

.mnuRedRgt {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
    padding-left: 0px !important;
}

.mnuRedRgt li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
    padding-left: 0px !important;
}

.mnuRedRgt a:link, .mnuRedRgt a:active, .mnuRedRgt a:visited {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 5px;
}

.mnuRedRgt a:hover {
    color: #BC0000;
    background-image: url('images/arrowGreyRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 5px;
}

/* Menu Red Arrows Left Inline */

.mnuRedLeft {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333 !important;
    padding-left: 0px !important;
}

.mnuRedLeft li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: block;
    list-style-image: none !important;
    padding-left: 0px !important;
    padding-right: 10px;
}

.mnuRedLeft a:link, .mnuRedLeft a:active, .mnuRedLeft a:visited {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.mnuRedLeft a:hover {
    color: #BC0000;
    background-image: url('images/arrowRedDwn.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

.body_cal .mnuRed_cal a, .body_dow .mnuRed_dow a,
.body_ext .mnuRed_ext a, .body_sch .mnuRed_sch a,
.body_war .mnuRed_war a, .body_main .mnuRed_main a {
    color: #BC0000;
    background-image: url('images/arrowRedDwn.gif');
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 10px;
}

/* Menu Red Arrows Left Inline */

.mnuRedLeftR {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
    padding-left: 0px !important;
}

.mnuRedLeftR li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: inline;
    list-style-image: none !important;
    padding-left: 0px !important;
}

.mnuRedLeftR a:link, .mnuRedLeftR a:active, .mnuRedLeftR a:visited {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

.mnuRedLeftR a:hover {
    color: #BC0000;
    background-image: url('images/arrowRedDwn.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

/* Menu Red Arrows Right Inline Face Down */

.mnuRedRgt {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
    padding-left: 0px !important;
}

.mnuRedRgt li {
    margin: 0;
    padding: 0;
    float: left;
    margin: 0;
    display: block;
    list-style-image: none !important;
    padding-left: 0px !important;
}

.mnuRedRgt a:link, .mnuRedRgt a:active, .mnuRedRgt a:visited {
    float: left;
    color: #333;
    text-decoration: none;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 5px;
}

.mnuRedRgt a:hover {
    color: #BC0000;
    background-image: url('images/arrowGreyRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 5px;
}

/* Menu Red Arrows Right Underneath */

.mnuRedRgtU {
    margin: 0;
    padding: 0;
    list-style-type: none !important;
    color: #333;
}

.mnuRedRgtU li {
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    list-style-image: none !important;
    list-style-type: none !important;
    margin-bottom: 5px;
}

.mnuRedRgtU a:link, .mnuRedRgtU a:active, .mnuRedRgtU a:visited {
    color: #666;
    text-decoration: none;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
}

.mnuRedRgtU a:hover {
    color: #BC0000;
    background-image: url('images/arrowGreyRight.gif');
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 10px;
    line-height: 1.5;
}

/* Models Backgrounds */

.UtilityBG {
    background-image: url('../../PictureData/Segmentation/BG_Utility.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    width: 872px;
    height: 308px;
}

.AdventureBG {
    background-image: url('../../PictureData/Segmentation/BG_Adventure.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    width: 872px;
    height: 308px;
}

.EnvironmentalBG {
    background-image: url('../../PictureData/Segmentation/BG_Environmental.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    width: 872px;
    height: 308px;
}

.TogetherBG {
    background-image: url('../../PictureData/Segmentation/BG_Together.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    width: 872px;
    height: 308px;
}

.UrbanBG {
    background-image: url('../../PictureData/Segmentation/BG_Urban.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    width: 872px;
    height: 308px;
}

/* Segmentation */

.seg a:link, .seg a:active, .seg a:visited {
    background-image: url('images/segBG_off.gif');
    background-repeat: no-repeat;
    width: 242px;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
    font-size: 12px;
    color: #333;
    display: block;
}

.seg a:hover {
    background-image: url('images/segBG_on.gif');
    background-repeat: no-repeat;
    width: 242px;
    height: 29px;
    line-height: 29px;
    padding-left: 10px;
    font-size: 12px;
    color: #333;
    display: block;
}

/* Models */

.modelsBG {
    background-image: url('images/modelsBG.gif');
    background-repeat: no-repeat;
    background-position: top center;
    width: 811px;
    height: 84px;
}

.modelsGalBG {
    /*background-image: url('images/modelsGalBG.gif');*/
    background-repeat: no-repeat;
    background-position: top center;
    width: 850px;
    height: 100px;
}

.reviews {
    background-color: #FFF;
    width: 384px;
    height: 126px;
}

.modelsNavBG {
    background-image: url('images/modelRndWhtTop.png');
    background-repeat: no-repeat;
    width: 862px;
    height: 33px;
    line-height: 33px;
}

.modelTopBG {
    background-image: url('images/bgTopModel.jpg');
    background-repeat: no-repeat;
    width: 872px;
    height: 100px;
}

.modelNav {
    margin: 0;
    padding: 0;
    list-style-type: none;
    float: left;
    color: #333;
}

.modelNav li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    list-style-image: none !important;
    list-style-type: none !important;
    padding-left: 6px;
}

.modelNav a:link, .modelNav a:active, .modelNav a:visited {
    float: left;
    color: #666;
    text-align: center;
    text-decoration: none;
    line-height: 31px;
    background-image: url('images/arrowRedRight.gif');
    background-repeat: no-repeat;
    background-position: left center;
    margin-left: 6px;
    padding-left: 10px;
}

.modelNav a:hover {
    background-image: url('images/arrowRedDwn.gif');
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    color: #BC0000;
    margin-left: 6px;
    padding-left: 10px;
}

.body_hig .modNav_hig a, .body_spe .modNav_spe a,
.body_acc .modNav_acc a, .body_rev .modNav_rev a,
.body_gal .modNav_gal a, .body_dow .modNav_dow a {
    background-image: url('images/arrowRedDwn.gif');
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    color: #BC0000;
    margin-left: 6px;
    padding-left: 10px;
}

.profBG {
    background-image: url('images/profBG.jpg');
    background-repeat: repeat-x;
    height: 39px;
    margin-bottom: 1px;
}


/*  Model Scroller
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 

div.scrollable { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 810px;     
    height: 120px;
    margin-left: auto;
    margin-right: auto;
}

div.scrollable2 { 
     
    /* required settings */ 
    position:relative; 
    overflow:hidden;          
    width: 798px;     
    height: 106px;
    margin-left: auto;
    margin-right: auto;
}
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 

div.scrollable div.items {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;
    /*margin: 3px 6px 3px 5px;*/
    color: #BC0000 !important;
    height: 120px;
} 

div.scrollable2 div.items2 {     
    /* this cannot be too large */ 
    width:20000em;     
    position:absolute;
    /*margin: 3px 6px 3px 5px;*/
    color: #BC0000 !important;
    height: 99px;
    border: solid 2px #FFFFFF;
}

div.scrollable2 div.items2 a{     
    border: solid 2px #FFFFFF;
}

div.scrollable2 div.items2 a:hover{     
    border: solid 2px #666666;
    height:99px;
}

div.scrollable2 div.items2 a:active{     
    border: solid 2px #666666;
    height:99px;
}
 
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/ 

div.scrollable div.items div { 
    float:left;
    text-align: center;
    color: #BC0000 !important;
} 

div.scrollable2 div.items2 div { 
    float:left;
    text-align: center;
    color: #BC0000 !important;
    border: solid 2px #FFFFFF;
}
 
/* you may want to setup some decorations to active item */ 

div.items div.active { 
    border: none;         
    background-color: Transparent;
    color: #BC0000 !important;
}

div.items2 div.active { 
    border: solid 2px #666666;         
    background-color: Transparent;
    color: #BC0000 !important;
}

a.prev.disabled, a:hover.prev.disabled {
    background-image: url('images/previousDis.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: left;
    cursor: default;
}

a.next.disabled, a:hover.next.disabled {
    background-image: url('images/nextDis.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: right;
    cursor: default;
}

a.next {
    background-image: url('images/nextOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: right;
    cursor: pointer;
}

a:hover.next {
    background-image: url('images/nextOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: right;
    cursor: pointer;
}

a.prev {
    background-image: url('images/previousOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: left;
    cursor: pointer;
}

a:hover.prev {
    background-image: url('images/previousOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 93px;
    float: left;
    cursor: pointer;
}

/*Buttons for the Gallery Slider*/

a.prevGal.disabledB, a:hover.prevGal.disabledB {
    background-image: url('images/previousGalDis.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: left;
    cursor: default;
}

a.nextGal.disabledB, a:hover.nextGal.disabledB {
    background-image: url('images/nextGalDis.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: right;
    cursor: default;
}

a.nextGal {
    background-image: url('images/nextGalOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: right;
    cursor: pointer;
    margin-top:4px;
}

a:hover.nextGal {
    background-image: url('images/nextGalOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: right;
    cursor: pointer;
}

a.prevGal {
    background-image: url('images/previousGalOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: left;
    cursor: pointer;
    margin-top:4px;
}

a:hover.prevGal {
    background-image: url('images/previousGalOn.gif');
    background-repeat: no-repeat;
    width: 24px;
    height: 100px;
    float: left;
    cursor: pointer;
}

.modelMargin {
    margin-right: 4px;
    margin-bottom: 6px;
}

/* Special Offers */

.specialBG {
    background-image: url('images/specialOfferBG.gif');
    background-repeat: no-repeat;
}

.specialModelBG {
    background-color: #FFF;
    border: 1px solid #888;
    width: 182px;
    height: 271px;
}

/* Trolley */

.trollSmlBG {
    background-image: url('images/trollSmlBG.gif');
    background-repeat: repeat-x;
    height: 60px;
}

.trollBigBG {
    background-image: url('images/trolBigBG.gif');
    background-repeat: repeat-x;
    height: 92px;
}

.yourTrollBG {
    background-image: url('images/yourTrollBG.gif');
    background-repeat: repeat-x;
    height: 62px;
}

.trolBGTop {
    background-image: url('images/trolBGTop.gif');
    background-repeat: repeat-x;
    background-position: top;
}

.trollEmptyBG {
    background-image: url('images/trollEmptyBG.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 102px;
}

.trollFullBG {
    background-image: url('images/trollFullBG.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 864px;
    height: 102px;
}

.trollPanelBG {
    background-color: #CCC;
    padding-bottom: 4px;
}

.trollSpecialOfferBG {
    background-image: url('images/trollOfferBG.gif');
    background-repeat: no-repeat;
    width: 846px;
    height: 69px;
    line-height: 60px;
}

.trollTopBG {
    background-image: url('images/trollTopBG.gif');
    background-repeat: no-repeat;
    background-position: top;
    background-color: #FFF;
    border: 1px solid #D6D6D6;
}

.trollPlus {
    padding: 33px 1px 1px 1px;
}

.trollBorTop {
    border-top: 1px solid #888;
}

.trollBorBot {
    border-bottom: 1px solid #888;
}

.trollCarBG {
    background-image: url('images/trollCarBG.gif');
    background-repeat: no-repeat;
    width: 109px;
    height: 67px;
}

/* Resources */

.resourcesBG {
    background-image: url('images/resourcesBG.gif');
    background-repeat: repeat-x;
    color: #FFF !important;
    height: 28px;
    line-height: 28px;
    width: 100%;
}

.resourcesTop {
    border-top: 1px solid #666;
}

.resourcesBot {
    border-bottom: 1px solid #666;
}

.resourcesLeft {
    border-left: 1px solid #666;
}

.resourcesRight {
    border-right: 1px solid #666;
}

.modelUpdatesBG {
    background-image: url('images/modelUpdatesBG.gif');
    width: 190px;
    height: 28px;
    line-height: 28px;
}

/* My Toyota */

.myToyotaOverlay {
    background-image: url('images/myToyotaOverlay.png');
    background-repeat: no-repeat;
    position: absolute;
    width: 727px;
    height: 114px;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 145px;
    z-index: 100000;
    /*top: 107px;*/
}

.contentMyTBG {
    background-image: url('images/contentBG.jpg');
    background-repeat: repeat-y;
    width: 870px;
    height: 100%;
}

/* Finance */

.financeBG {
    background-image: url('images/finGreyBG.png');
    background-repeat: no-repeat;
    width: 251px;
    height: 131px;
    padding: 20px !important;
    display: block;
    /*text-align: center;*/
}

.financeRedBG {
    background-image: url('images/redFinBG.png');
    background-repeat: no-repeat;
    width: 246px;
    height: 131px;
    padding: 20px;
    /*text-align: center;*/
    color: #FFF;
    display: block;
}

.financeBG a {
    color: #BC0000;
}

.financeBG a:hover {
    color: #666;
}

.price {
    border: 1px solid #a7a7a7;
    padding: 5px;
    color: #BB0000;
    width: 25%;
    background-color: #FFF;
}

.price2 {
    border: 1px solid #a7a7a7;
    padding: 3px;
    color: #BB0000;
}

.finCalcBG {
    /*background-image: url('images/finCalcBG.gif');
    background-repeat: no-repeat;*/
    width: 870px;
    height: 124px;
    background-color: #e5e5e5;
}

/* Insurance */

.insuranceBG {
    background-image: url('images/insuranceOptsBG.png');
    background-repeat: no-repeat;
    width: 194px;
    height: 124px;
}

/* Home Page Flash Banners */

#flashContainer {
    z-index: 10 !important;
    width: 872px;
    height: 445px;
    margin-left: auto;
    margin-right: auto;
}

#Banner1 {
    width: 269px;
    height: 215px;
}

#Banner2 {
    width: 269px;
    height: 215px;
}

#Banner3 {
    width: 324px;
    height: 215px;
}

#modelContainer {
    z-index: 10 !important;
    width: 872px;
    height: 416px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}

#modelContainer2 {
    z-index: 10 !important;
    width: 872px;
    height: 416px;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFF;
}

/* Dividers */

.darkTop {
    border-top: 1px solid #888;
}

.darkBot {
    border-bottom: 1px solid #888;
}

.darkLeft {
    border-left: 1px solid #888;
}

.darkRight {
    border-right: 1px solid #888;
}

.darkBor {
    border: 1px solid #888;
}

/* Borders */

.borderLeft {
    border-left: 1px solid #D6D6D6;
}

.borderRight {
    border-right: 1px solid #D6D6D6;
}

.borderTop {
    border-top: 1px solid #D6D6D6;
}

.borderBottom {
    border-bottom: 1px solid #D6D6D6;
}

.chooseBor {
    border: 1px solid #D6D6D6;
}

/* Borders Side */

.borderLeftSide {
    border-left: 1px solid #BFBFBF;
}

.borderRightSide {
    border-right: 1px solid #BFBFBF;
}

/* Borders Content */

.borderContentLeft {
    border-left: 1px solid #bfbfbf;
}

.borderContentRight {
    border-right: 1px solid #bfbfbf !important;
}

.borderContentBottom {
    border-bottom: 1px solid #bfbfbf !important;
}

/* Landing Page Content Borders */

.borderLandingLeft {
    border-left: 1px solid #ADADAD;
}

.borderLandingRight {
    border-right: 1px solid #ADADAD;
}

.borderLandingBottom {
    border-bottom: 1px solid #ADADAD;
}

/* Grid View */

.rgRow {

}

.

/* Backgrounds */

.lightGreyBG {
    background-color: #E5E5E5;
}

.formPanelBG  {
    background-color: #F7F7F7;
}

.contentAreaBG  {
    background-color: #FFF;
}

.regTelBG {
    background-image: url('images/phoneBG.png');
    background-repeat: no-repeat;
    width: 186px;
    height: 171px;
}

.regBG {
    background-image: url('images/registerBG.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 289px;
}

.loginSideBG {
    background-image: url('images/loginSideBG.gif');
    background-repeat: repeat-y;
}

.featureBG {
    background-color: #f2f2f2;
}

/* Widths */

.width879 {
    width: 879px;
}

.width872 {
    width: 872px;
}

.width862 {
    width: 862px;
}

.width852 {
    width: 852px;
}

.width856 {
    width: 856px;
}

.width844 {
    width: 844px;
}

.width842 {
    width: 832px;
}

.width298 {
    width: 298px;
}

.width540 {
    width: 540px;
}

.width846 {
    width: 836px;
}

.width870 {
    width: 870px;
}

.width869 {
    width: 869px;
}

.width131 {
    width: 131px;
    margin: 3px 2px 3px 2px;
}

.width860 {
    width: 860px;
}

.width868 {
    width: 868px;
}

.width428 {
    width: 428px;
}

.width850 {
    width: 850px;
}

.width866 {
    width: 866px;
}

.width864 {
    width: 864px;
}

.width680 {
    width: 680px;
}

.width678 {
    width: 678px;
}

.width675 {
    width: 675px;
}

.width164 {
    width: 164px;
}

.width111 {
    width: 111px;
}

.width390 {
    width: 390px;
}

.width338 {
    width: 338px;
}

.width473 {
    width: 473px;
}

.width430 {
    width: 430px;
}

.width400 {
    width: 400px;
}

.width336 {
    width: 336px;
}

.width250 {
    width: 250px;
}

.width236 {
    width: 236px;
}

.width186 {
    width: 186px;
}

.width184 {
    width: 184px;
}

.width174 {
    width: 174px;
}

.width150 {
    width: 150px;
}

.width200 {
    width: 200px;
}

.width234 {
    width: 234px;
}

.width74 {
    width: 74px;
}

.width224 {
    width: 224px !important;
}

.width223 {
    width: 223px !important;
}

.width214 {
    width: 214px;
}

.width290 {
    width: 289px;
}

.width280 {
    width: 280px;
}

.width260 {
    width: 260px;
}

.width252 {
    width: 252px;
}

.width100 {
    width: 97%;
}

.width1002 {
    width: 100%;
}

.width50 {
    width: 48%;
}

.width40 {
    width: 40%;
}

.width33 {
    width: 33%;
}

.width299 {
	width: 298px;
}

.width500 {
	width: 580px;
}

.width10 {
	width: 5px;
}

/* Heights */

.height164 {
    height: 136px;
}

.height50 {
    height: 50px;
}

.height138 {
    height: 138px;
}

.height92 {
    height: 92px;
}

.height28 {
    height: 28px;
    line-height: 28px;
}

.height42 {
    height: 42px;
    line-height: 42px;
}

.height116 {
    height: 116px;
}

.height124 {
    height: 124px;
}

.height158 {
    height: 158px;
}

.height264 {
    height: 264px;
}

.height140 {
    height: 140px;
}

.height38 {
    height: 38px;
}

.height230 {
    height: 230px;
}

.lineHeight38 {
    line-height: 38px !important;
}

.colorPicker {
    width: 248px;
    height: 225px;
    margin-top: 54px;
    margin-bottom: 20px;
}

.inline {
    display: inline;
}

.expand {
    margin-right: 5px;
}

.padExp {
    padding: 0px 10px;
    line-height: 49px;
}

.padExps {
    padding: 0px 10px 10px 10px;
    line-height: 25px;
}

.lineHeight25 {
    line-height: 25px;
}

.bordExpLeft {
    border-left: 1px solid #888;
}

.bordExpBottom {
    border-bottom: 1px solid #888;
}

.expands {
    padding: 0px 10px 0px 20px;
    line-height: 25px;
}

.subExpands {
    padding: 0px 10px 0px 20px;
    line-height: 25px;
}

.sitemapBG {
    background: url('images/sitemapBG.jpg') repeat-x top center;
}

/* Form Elements */

.txtBox {
    border: none !important;
    width: 144px;
    height: 15px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    background: transparent !important;
    background-image: url('images/textBoxBG.gif') !important;
    background-repeat: no-repeat !important;
    padding: 2px;
}

.txtBoxShort {
    border: none !important;
    width: 88px;
    height: 15px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    background: transparent !important;
    background-image: url('images/textBoxShortBG.gif') !important;
    background-repeat: no-repeat !important;
    padding: 2px;
}

.textBox {
    border: 1px solid #cccccc;
    font-family: Arial;
    font-size: 11px;
    color: #666;
}

.txtBoxMulti {
    border: 1px solid #D6d6d6;
    width: 144px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    padding: 2px;
}

.dropDown {
    border: none;
    width: 137px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    background: transparent !important;
    background-image: url('images/dropdownBG.gif') !important;
    background-repeat: no-repeat !important;
    padding: 2px;
}

.dropDownLong {
    border: none;
    width: 149px;
    font-family: Arial;
    font-size: 11px;
    color: #666;
    background: transparent !important;
    background-image: url('images/dropdownLongBG.gif') !important;
    background-repeat: no-repeat !important;
    padding: 2px;
}

.txtBoxNoWidth {
    border: 1px solid #939393;
    font-family: Arial;
    font-size: 11px;
    color: #666;
}

.validateMessage {
    color: #BC0000 !important;
}

.arrowStepBG {
    background-image: url('images/arrowValidationBG.gif');
    background-repeat: repeat-x;
    background-position: left top;
}

.stepShade {
    background-image: url('images/stepShade.jpg');
    background-repeat: no-repeat;
    background-position: left bottom;
    height: 7px;
}

.stepShadeStep2 {
    background-image: url('images/stepShade.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    height: 7px;
}

/* Password Stremgth */

.TextStrengthWeak
{
    text-indent: 110px;
    background-image: url('images/weak.jpg');
    background-repeat: no-repeat;
    line-height: 12px;
}
.TextStrengthAverage
{
    text-indent: 110px;
    background-image: url('images/average.jpg');
    background-repeat: no-repeat;
    line-height: 12px;
}
.TextStrengthStrong
{
    text-indent: 110px;
    background-image: url('images/strong.jpg');
    background-repeat: no-repeat;
    line-height: 12px;
}

/* Shade */

.shade {
    background-image: url('images/shade.png');
    background-repeat: repeat-x;
    height: 9px;
}

/* Padding */

.padding4px {
    padding: 4px;
}

.padding1px {
    padding: 1px;
}

.padding8px {
    padding: 8px;
}

.paddingColPick {
    padding: 8px 4px 8px 8px;
}

.paddingLTR10px {
    padding: 10px 10px 0 10px;
}

.paddingFin10px {
    padding: 10px 10px 0 10px;
}

.paddingFin {
    padding: 5px 10px;
}

.padding6px {
    padding: 6px;
}

.padding10px {
    padding: 10px;
}

.padding15px {
    padding: 15px;
}

.padding20px {
    padding: 20px;
}

.paddingRight20px {
    padding-right: 20px;
}

.paddingRight10px {
    padding-right: 10px;
}

.paddingRight6px {
    padding-right: 6px;
}

.paddingLeft90px {
    padding-left: 90px;
}

.paddingLeft150px {
    padding-left: 150px;
}

.paddingLeft20px {
    padding-left: 20px;
}

.paddingLeft10px {
    padding-left: 10px;
}

.paddingLeft8px {
    padding-left: 8px;
}

.paddingLeft15px {
    padding-left: 10px;
}

.paddingLeft30px {
    padding-left: 30px;
}

.paddingTop10px {
    padding-top: 10px;
}

.paddingTop20px {
    padding-top: 20px;
}

.paddingBot10px {
    padding-bottom: 10px;
}

.paddingBot6px {
    padding-bottom: 6px;
}

.paddingTop6px {
    padding-top: 6px;
}

.paddingTop8px {
    padding-top: 8px;
}

.paddingLeft6px {
    padding-left: 6px;
}

.paddingRight6px {
    padding-right: 6px;
}

.paddingRight3px {
    padding-right: 3px;
}

.paddingJourney {
    padding: 4px 0 0 0;
}

.paddingTB6px {
    padding: 6px 0 6px 0;
}

.paddingTrolly {
    padding: 10px 8px;
}

/* Margins */

.marginTop60px {
    margin-top: 60px;
}

.marginTop40px {
    margin-top: 40px;
}

.marginTop46px {
    margin-top: 46px;
}

.marginTop30px {
    margin-top: 35px;
}

.marginTop20px {
    margin-top: 20px;
}

.marginTop15px {
    margin-top: 15px;
}

.marginTop10px {
    margin-top: 10px;
}

.marginTop8px {
    margin-top: 8px;
}

.marginTop6px {
    margin-top: 6px;
}

.marginTop4px {
    margin-top: 3px;
}

.marginLeft50px {
    margin-left: 50px;
}

.marginLeft30px {
    margin-left: 20px;
}

.marginLeft15px {
    margin-left: 15px;
}

.marginRight50px {
    margin-right: 50px;
}

.marginRight5px {
    margin-right: 5px;
}

.marginTop50px {
    margin-top: 50px;
}

.marginLeft10px {
    margin-left: 10px;
}

.marginLeft12px {
    margin-left: 12px;
}

.marginLeft6px {
    margin-left: 6px;
}

.marginLeft8px {
    margin-left: 8px;
}

.marginRight15px {
    margin-right: 15px;
}

.marginRight10px {
    margin-right: 10px;
}

.marginRight12px {
    margin-right: 12px;
}

.marginBot90px {
    margin-bottom: -90px;
}

.marginBot10px {
    margin-bottom: 10px;
}

.marginBot8px {
    margin-bottom: 8px;
}

.marginBot6px {
    margin-bottom: 6px;
}

.margin6px {
    margin: 6px;
}

/* Text Alignment */

.rightAlign {
    text-align: right;
}

.center {
    text-align: center;
}

.left {
    text-align: left;
}

/* Other */

.clear {
    clear: both;
}

.floatLeft {
    float: left;
    display:inline-block !important;
}

.floatRight {
    float: right;
    display:inline-block !important;
}

.table {
    margin-left: auto;
    margin-right: auto;
}

.valign {
    /*vertical-align: bottom;*/
    margin-top: 40px;
}

.owners, .close, .quick, .myToyotaBtn, .cursor {
    cursor: pointer;
}

.middle {
    vertical-align: middle;
}

.none {
    display: none;
}

.absolute {
    position: absolute;
}

.relative {
    position: relative;
}

.block {
    display: block;
}

/*AutoComplete flyout */

.autocomplete_completionListElement {  
	visibility: hidden;
	margin: 0px!important;
	background-color: #FFF;
	color: #666;
	border: 1px solid #D6D6D6;
	overflow: auto;
    text-align: left; 
    list-style-type: none !important;
    cursor: pointer;
    padding-left: 1px !important;
    margin-left: 1px !important;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem {
	background-color: #FFF;
	color: #666;
	padding: 1px;
	list-style-type: none !important;
    cursor: pointer;
    padding-left: 1px !important;
    margin-left: 1px !important;
}

/* AutoComplete item */

.autocomplete_listItem {
	background-color: #FFF;
	color: #666;
	padding: 1px;
	list-style-type: none !important;
    cursor: pointer;
    padding-left: 1px !important;
    margin-left: 1px !important;
}

/* Lightbox */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/next.gif) right 50% no-repeat; }

/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #BC0000;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/

.ontop #imageData {
    padding-top: 5px;
}

/*** END : added padding when navbar is on top ***/

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}
#imageData #helpDisplay {clear: left; float: left; display: block; }

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
	}
	

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

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

#lightboxIframe {
	display: none;
}	

/* Accessories Scroller */

#slider {
  width: 410px;
  margin: 0 auto;
  position: relative;
}

.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: both;
}

.scrollContainer div.panel {
  width: 410px; /* change to 560px if not using JS to remove rh.scroll */
}

.container div.panels {
  width: 410px; /* change to 560px if not using JS to remove rh.scroll */
  overflow: hidden;
  float: left;
}

.scrollButtons {
  position: relative;
  cursor: pointer;
  font-size: 9px;
  /*margin-top: -10px;*/
  clear: both;
  text-transform: uppercase;
}

.scrollButtons.left {
  right: 40px;
  float: right;
  position: absolute;
}

.scrollButtons.right {
  right: 0px;
  float: right;
  position: absolute;
}

/* Grid */

.item, .alternatingItem
{
   float: left;
   /*padding: 0 10px;*/
   margin-right: 10px;
   width: 150px;
}
.item {
}
.alternatingItem
{
}
.item:hover, .alternatingItem:hover {
}

.RadGrid_Telerik {
    border: 0 !important;
    background: none !important;
}

.RadGridPager
{
background-image: url(img/footer.gif);
background-repeat: repeat-x;
height: 51px;
padding-left: 11px;
background-color: white;
vertical-align: bottom;
color: #b79ea9;
font-weight: bold;
}

.RadGridPager A
{
color: #b79ea9;
}

.rgHeader {
    background: transparent !important;
    padding: 0 !important;
}

.RadGrid_Default .rgAltRow td, .RadGrid_Default .rgRow td {
    border-left: 1px solid #BFBFBF !important;
    border-right: 1px solid #BFBFBF !important;
}

.RadGrid_Default .rgPager .rgPagerCell, .rgPagerCell .NextPrevAndNumeric, .rgPager {
    background: transparent !important;
    border: none !important;
}

.serviceTop {
    background: url('images/serviceTopDisabled.jpg') no-repeat;
    width: 872px;
    height: 30px;
    line-height: 30px;
}

.whiteArrow li {
    float: right;
    display: inline;
    padding-left: 10px;
    margin-right: 10px;
    background: url('images/arrowWhite.gif') no-repeat left center;
}

.serviceMainHead {
    margin: 1px;
    background-color: #888888;
    color: #FFF;
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 10px;
}

.serviceSubHead {
    margin: 1px;
    background-color: #e5e5e5;
    color: #333;
    font-size: 14px;
    text-transform: uppercase;
    padding: 4px 10px;
}

.alertBG {
    background: url('images/alertBG.jpg') no-repeat;
    width: 742px;
    height: 114px;
    padding: 10px 10px 10px 120px;
    color: #FFF;
    font-size: 12px;
}

.alertBGFin {
    background: url('images/alertBGFin.jpg') no-repeat;
    width: 737px;
    height: 125px;
    padding: 5px 15px 10px 120px;
    color: #FFF;
    font-size: 12px;
}

.darkBG {
    background-color: #e5e5e5;
    font-size: 12px;
    color: #666;
}

.lightGreyBG {
    background-color: #E5E5E5;
    padding: 4px;
    display: block;
}

.lightGreyBGdirections {
    background-color: #E5E5E5;
    padding: 4px;
}

.sHeight
{
    min-height:36px;
}

.whiteBG {
    background-color: #FFF;
}

.vLightGreyBG {
    background-color: #f9f9f9;
    padding: 4px;
    display: block;
}

.contentBorBG {
    border-left: 1px solid #bfbfbf;
    border-right: 1px solid #bfbfbf;
    padding: 1px;
}

.modelHeadBG {
    background-color: #e5e5e5;
    padding: 5px 10px;
    font-size: 12px;
}

.finDetailToggleBG {
    background: url('images/finBG.jpg') no-repeat;
    width: 430px;
    height: 21px;
    color: #212121;
    font-size: 12px;
}

.financeMainHead {
    background-color: #888888;
    color: #FFF;
    font-size: 16px;
    padding: 4px 10px;
    display: block;
}

.financeMainHeadOther {
    background-color: #888888;
    color: #FFF;
    font-size: 16px;
    padding: 4px 10px;
}

.financeSubHead {
    background-color: #e5e5e5;
    color: #323232;
    font-size: 16px;
    padding: 4px 10px;
    display: block;
}

.backButtonBG {
    background: url('images/backButtonBG.jpg') no-repeat;
    width: 862px;
    line-height: 26px;
    padding-left: 10px;
    display: block;
}

.headerBPBG {
    background: url('images/bodyPaintContentHeadBG.jpg') no-repeat;
    width: 860px;
    padding-left: 10px;
    line-height: 30px;
}

.GModelChooser
{
    height:104px;
    border-top:solid 1px;
    padding:10px 3px 0px 3px;
    width:850px;
}

.GModelChooser2
{
    height:104px;
    border-top:solid 1px;
    padding:10px 3px 0px 3px;
    width:850px;
}

.GModelChooser3
{
    height:104px;
    border-top:solid 1px;
    padding:10px 3px 0px 3px;
    width:850px;
}

.GTop
{
    background:url('images/GTop.jpg') no-repeat center;
    width:857px;
    height:37px;
    padding-top:10px;
    font-family:Arial;
    font-size:14px;
}

.GTop2
{
    background:url('images/GTop.jpg') no-repeat center;
    width:857px;
    height:37px;
    padding-top:10px;
    font-family:Arial;
    font-size:14px;
}

.GTop3
{
    background:url('images/GTop.jpg') no-repeat center;
    width:857px;
    height:37px;
    padding-top:10px;
    font-family:Arial;
    font-size:14px;
}

.GBottom
{
    background:url('images/GBottom.jpg') no-repeat;
    width:844px;
    height:20px;
}

.GBody
{
    width:820px;
    height:500px;
    margin:0 auto;
}

.GCenter
{
    width:434px;
    height:259px;
    margin:0 auto;
    padding:10px;
    margin-bottom:20px;
    text-align:center;
}

.GCenter2
{
    width:434px;
    height:259px;
    margin:0 auto;
    padding:10px;
    margin-bottom:20px;
    text-align:center;
}

.GCenter3
{
    width:434px;
    height:259px;
    margin:0 auto;
    padding:10px;
    margin-bottom:20px;
    text-align:center;
}

.relHolder
{
    width:820px;
}

.absBtns
{
    position:absolute;
    left:160px;
    top:15px;
}

.sCabBG:hover
{
    background:url('images/top1Hover.jpg') no-repeat;
}

.sCabBGOver:hover
{
    background:url('images/top1Over.jpg') no-repeat;
}

.dCabBG:hover
{
    background:url('images/top2Hover.jpg') no-repeat;
}

.dCabBGOver:hover
{
    background:url('images/top2Over.jpg') no-repeat;
}

.xCabBG:hover
{
    background:url('images/top3Hover.jpg') no-repeat;
}

.xCabBGOver:hover
{
    background:url('images/top3Over.jpg') no-repeat;
}

.noShow
{
    display:none;
}

.sCabBG
{
    background:url('images/top1.jpg') no-repeat;
    width:186px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.sCabBGx
{
    background:url('images/top1Disabled.jpg') no-repeat;
    width:186px;
    height:32px;
    text-indent:-9999px;
    float:left;
    cursor:default;
}

.sCabBGOver
{
    background:url('images/top1Over.jpg') no-repeat;
    width:186px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.dCabBG
{
    background:url('images/top2.jpg') no-repeat;
    width:171px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.dCabBGx
{
    background:url('images/top2Disabled.jpg') no-repeat;
    width:171px;
    height:32px;
    text-indent:-9999px;
    float:left;
    cursor:default;
}

.dCabBGOver
{
    background:url('images/top2Over.jpg') no-repeat;
    width:171px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.xCabBG
{
    background:url('images/top3.jpg') no-repeat;
    width:179px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.xCabBGx
{
    background:url('images/top3Disabled.jpg') no-repeat;
    width:179px;
    height:32px;
    text-indent:-9999px;
    float:left;
    cursor:default;
}

.xCabBGOver
{
    background:url('images/top3Over.jpg') no-repeat;
    width:179px;
    height:32px;
    text-indent:-9999px;
    float:left;
}

.carousel {
	position:relative; 
    overflow:hidden;          
    width: 810px;     
    height: 108px;
    margin-left: auto;
    margin-right: auto;
    margin-top:-4px;
}

.carousel2 {
	position:relative; 
    overflow:hidden;          
    width: 800px !important;     
    height: 111px;
    margin-left: auto;
    margin-right: auto;
    margin-top:-4px;
}

.carousel3 {
	position:relative; 
    overflow:hidden;          
    width: 800px;     
    height: 111px;
    margin-left: auto;
    margin-right: auto;
    margin-top:-4px;
}

.carousel li {
	background: url('images/models/ModelsBG.png') no-repeat;
	margin: 4px 3px 5px 2px;
	padding: 0;
	text-align: center;
	color: #BC0000;
	display: block;
	border:solid 4px #FFFFFF;
	height:92px !important;
	width:147px !important;
}

.carousel2 li {
	background: url('images/models/ModelsBG.png') no-repeat;
	margin: 4px 3px 5px 2px;
	padding: 0;
	text-align: center;
	color: #BC0000;
	display: block;
	border:solid 4px #FFFFFF;
	height:92px !important;
	width:147px !important;
	float:left;
}

.carousel3 li {
	background: url('images/models/ModelsBG.png') no-repeat;
	margin: 4px 3px 5px 2px;
	padding: 0;
	text-align: center;
	color: #BC0000;
	display: block;
	border:solid 4px #FFFFFF;
	height:92px !important;
	width:147px !important;
	float:left;
}

.carousel li:hover 
{
    border-color:#777777 !important;
}

.carousel2 li:hover 
{
    border-color:#777777 !important;
}

.carousel3 li:hover 
{
    border-color:#777777 !important;
}

button.next {
	float: right;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/nextGal.png') no-repeat;
	cursor: pointer;
}

button.next2 {
	float: right;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/nextGal.png') no-repeat;
	cursor: pointer;
}

button.next3 {
	float: right;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/nextGal.png') no-repeat;
	cursor: pointer;
}

button.prev {
	float: left;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/prevGal.png') no-repeat;
	cursor: pointer;
}

button.prev2 {
	float: left;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/prevGal.png') no-repeat;
	cursor: pointer;
}

button.prev3 {
	float: left;
	width: 24px;
	height: 100px;
	text-indent: -9999px;
	border: 0 none;
	background: url('images/prevGal.png') no-repeat;
	cursor: pointer;
}

button.prev:hover, button.next:hover {
	background-position: 0 -100px;
}

button.prev2:hover, button.next2:hover {
	background-position: 0 -100px;
}

button.prev3:hover, button.next3:hover {
	background-position: 0 -100px;
}

button.prev.disabledB, button.next.disabledB {
	background-position: 0 -200px;
	cursor:default;
}

button.prev2.disabledB, button.next2.disabledB {
	background-position: 0 -200px;
	cursor:default;
}

button.prev3.disabledB, button.next3.disabledB {
	background-position: 0 -200px;
	cursor:default;
}

#gUL2
{
    width:1120px !important;
}

select {
    width: 150px; /* Or whatever width you want. */
}
select.expand {
    width: auto;
}