/* style_co_trus.css        */
/* GM Dealer Site           */
/* Skin: Generic            */
/* Gordon Hicks 2002.01.07  */

/* 2001.01.08 - added: 	.searchReturn INPUT		*/




/* === HTML Tags === */


/* General */

	BODY {
		 
		left: 0px;
		top: 0px;
		margin: 0px;
		background-color: white;
		/* note: include sidebar bg OR body bg but NOT BOTH... */
		background-image: url(/CA/en/skins/co_trus/img/sidebar_bg.gif); /* sidebar background tile */
		/*	background-image: url(/CA/en/skins/co_trus/img/body_bg.gif); */ /* global background including sidebar */
		background-repeat: repeat-y;
	}
	
	TABLE,
	TR,
	TD,
	FORM,
	SELECT,
	INPUT,
	TEXTAREA {
		margin: 0px;
	}

	TD {
		background-image: none; /* for NN4 */
	}

	FORM {
		line-height: 0px;
	}

/* Text and Text Elements */

	BODY,
	P,
	A,
	TD,
	INPUT {
		font-family: arial, sans-serif;
		font-size: 11px;
		line-height: 15px;
		color: black;
	}

	A {
		text-decoration: none;
	}

	EM {
		font-weight: bold;
		font-style: normal;
	}
	
	.keepTogether {
		white-space: nowrap;
	}


/* Form Elements */
	SELECT,
	INPUT,
	TEXTAREA {
		font-size: 11px;
		line-height: 13px;
		background-color:  rgb(235,235,235);
	}

	INPUT {
		font-weight: bold;
	}

	.checkbg {
		background-color: white;
	}

/* === Global Styles === */


/* Text - Headings */

	.h1 {
		font-size: 18px;
		line-height: 24px;
		font-weight: bold;
		color: #000000;
	}

	.h2 {
		font-size: 12px;
		line-height: 20px;
		font-weight: bold;
		color: #336699;
	}

	.h3 {
		line-height: 18px;
		font-weight: bold;
	}
	
	/* Asterix used on forms to indicate 'required info' */
	.formAster {
		font-family: courier;
		color: #990000;
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
	}


/* Vertical Space */

	.vSpaceSmall {
		line-height: 7px;		/* = 0.5 x (BODY line-height) */
	}

	.vSpaceMedium {
		line-height: 15px;		/* = 1 x (BODY line-height) */
	}

	.vSpaceLarge {
		line-height: 30px;		/* = 2 x (BODY line-height) */
	}
	
	.vSpaceSpecial {
		line-height: 20px;		/* = separation of Specials on 'Specials' home page */
	}
	
	.hRule,
	.vRule {
		line-height: 1px;
	}


/* Horizonal Space */

	.hSpace {
		line-height: 1px;
	}

	.minHeight {	/* used to force NN4 to close-up gaps */
		line-height: 0px;
	}



/* === Styles by Area === */


/* Top Header */

	.topHeaderArea { 
		background-color: #003366;
		line-height: 0px; /* for NN4 */
	}

	TD.franchiseHeader1 {
		background-image: url(/CA/en/skins/co_trus/img/fran_bg_1.jpg);
		background-repeat: no-repeat;
	}

	TD.franchiseHeader2 {
		background-image: url(/CA/en/skins/co_trus/img/fran_bg_2.jpg);
		background-repeat: no-repeat;
	}


/* Top Nav */

	.dateStamp TD,
	.topNav TD {
		font-size: 10px;
		color: #cccccc;
	}

	.topNav A,
	.topNav TD A {
		font-size: 10px;
		color: #cccccc;
	}

	/* cur = current = for links that belong to the current page */
	.topNav A.cur,
	.topNav TD A.cur {
		font-weight: bold;
		color: #ffffff;
	}


/* Dealer Branding */

	.dealerBranding {
	}


/* Vehicle Info Finder */

	.vif {
	}

	.vifHeader {
		line-height: 11px;
	}
	
	.vifArrow {
		vertical-align: 2px;
		font-size: 15px;
		font-weight: bold;
		color: rgb(102,102,102);
	}


/* Left Sidebar */

	.leftSidebar,
	.sidebarTop,
	.rotatingVehicle,
	.leftNavArea,
	.toolsArea,
	.toolsHeader {
		line-height: 0px; /* for NN4 */
		background-color: #336699;
	}

	TD.leftNavArea  {
		/* background-image: url(/CA/en/skins/co_trus/img/leftnav_bg.gif); */
		background-repeat: no-repeat;
	}


/* Left Sidebar Links */

	/* Norm = Normal (i.e., not 'open')                           */
	/* Open = Link is in a 'tipped-open' section of the nav       */
	/* Cur  = current = for links that belong to the current page */

	TD.leftNavNorm,
	TD.leftNavNorm A,
	TD.leftNavOpen,
	TD.leftNavOpen A,
	TD.leftNavNormCur,
	TD.leftNavNormCur A,
	TD.leftNavOpenCur,
	TD.leftNavOpenCur A {
		font-size: 11px;
		line-height: 16px;
		color: #ffffff;
	}

	/* Open */
	TD.leftNavOpen,
	TD.leftNavOpen A,
	TD.leftNavOpenCur,
	TD.leftNavOpenCur A {
		color: #ffffcc;
	}

	/* Current */
	TD.leftNavNormCur,
	TD.leftNavNormCur A,
	TD.leftNavOpenCur,
	TD.leftNavOpenCur A {
		font-weight: bold;
		background-color: #6699cc;
	}


/* Tools Nav */

	.toolsNav {
	}

	TD.toolsHeader {
	}

	TD.toolsArea {
		background-image: url(/CA/en/skins/co_trus/img/tools_bg.jpg);
		background-repeat: no-repeat;
	}

	/* toolsNavLinks */
	TD.toolsNavCell,
	TD.toolsNavCell A {
		font-size: 11px;
		line-height: 16px;
		color: #ffffff;
	}


/* Gutter */

	.gutterArea {
		/* background-image: url(/CA/en/skins/co_trus/img/gutter_bg.gif); */		/* gutter bg tile */
		/* background-repeat: repeat-y; */
	}


/* Main Content Area- General */


	.mainContentArea {
		/* background-image: url(/CA/en/skins/co_trus/img/maincont_bg.gif); */		/* main content bg tile */
		/* background-repeat: repeat-y; */
	}

	/* links inside Main Content Area */
	.mainContentArea A,
	.bodyText A {				
		text-decoration: underline;
		color: #0000cc;
	}
	
	/* legal text */
	.legal,
	.legal P,
	.legal TD {
		font-size: 10px;
		line-height: 11px;
	}

	/* notes text (small stuff) */
	.notes,
	.notes P,
	.notes TD {
		font-size: 10px;
		line-height: 11px;
	}

	.notes A,
	.notes P A,
	.notes TD A {
		font-size: 10px;
		line-height: 11px;
		text-decoration: underline;
		color: black;
	}

	/* copyright notice (really small) */
	.copyright {
		font-size: 9px;
		line-height: 10px;
	}

	.copyright A {
		font-size: 9px;
		line-height: 11px;
		text-decoration: underline;
		color: black;
	}


/* Home Page  */

	TD.homePageIntroArea {
		background-image: url(/CA/en/skins/co_trus/img/home_page_intro_bg.gif);
		background-repeat: no-repeat;
	}

	.homeHeader .h2 {
		line-height: 18px;
	}


/* Search Results */

	/* Tools (menu) */
	.searchResultTools,				
	.searchResultTools A {
		text-decoration: none;
		font-weight: bold;
		color: rgb(51,102,153);
	}

	/* Search Result Count (big number) */
	.searchReturn .count {
		font-size: 18px;
		font-weight: bold;
		color: rgb(153,0,0);
	}

	/* Labels (Model, Engine...) */
	.searchReturn .descLabel {
		font-size: 12px;
		line-height: 16px;
		color: rgb(51,102,153);
	}

	/* Data (Model, Engine...) */
	.searchReturn .descData {
		font-size: 12px;
		line-height: 16px;
	}

	/* Offer Available */
	.searchReturn .offerAvail {
		font-size: 11px;
		font-weight: bold;
		color: rgb(51,102,153);
	}

	/* Price */
	.searchReturn .price {
		font-size: 18px;
		font-weight: bold;
		color: rgb(153,0,0);
	}

	/* Colour */
	.searchReturn .colour {
		font-size: 12px;
	}
	
	.searchReturn INPUT {
		color: #000000;
		background-color:  rgb(230,230,230);
	}


/* Appointment Summary */	

	.appointmentSummary TD {
		font-size: 10px;
		line-height: 12px;
	}

	.appointmentSummary TR.oddRow TD {
		background-color: rgb(235,235,235);
	}

	.appointmentSummary TR.evenRow TD {
		background-color: white;
	}


/* Vehicle Details */

	/* Tools (menu) */
	.vehicleDetailNav,
	.vehicleDetailNav A {	/* similar to 'searchResultTools', see above */
		text-decoration: none;
		font-weight: bold;
		color: rgb(51,102,153);
	}

	/* Buttons on Tools menu */
	.vehicleDetailNav INPUT {
		color: #000000;
		background-color:  rgb(230,230,230);
	}

	.vehicleDetailNav .pageCount {
		line-height: 12px;
	}

	.vehicleDetails .photoArea {
		font-size: 10px;
		line-height: 10px;
	}

	.vehicleDetails .vehicleSpecArea TD {
		font-size: 10px;
		line-height: 12px;
	}

	.vehicleDetails .vehicleSpecArea TD.name {
		color: rgb(153,0,0);
	}

	.vehicleDetails .vehicleSpecArea TD.data {
	}

	.vehicleDetails .vehicleSpecArea TD UL {
		line-height: 12px;
		list-style-type: disk;
	}


/* Offering Pricing Area */
	.offerPricing .head {
		font-size: 12px;
		line-height: 12px;
		font-weight: bold;
		color: black;
	}

	.offerPricing .price {
		font-size: 15px;
		line-height: 15px;
		font-weight: bold;
		color: rgb(153,0,0);
	}

	.offerPricing .terms {
		font-size: 10px;
		line-height: 11px;
	}

	.offerPricing .vSpaceSmall { /* tweak */
		line-height: 4px;
	}

	.offerPricing .vRule { /* background color serves as rule in NN4 */
		background-color: rgb(179,179,179); /* rule colour */
	}


/* Specials */

	.special {
		background-color: rgb(179,179,179); /* box border colour */
	}

	.special TD {
		background-color: white; /* cell background colour */
	}

	.special .h2 {
	}

	.special .h3 {
		line-height: 12px;
	}

	.special .expiry {
		font-weight: bold;
	}


/* Offers */

	TD.offerCell {
		line-height: 11px;
	}


/* Offer Details */

	TD.pricingCell .head {
		font-size: 12px;
		line-height: 15px;
		font-weight: bold;
		color: black;
	}

	TD.pricingCell .price {
		font-size: 20px;
		line-height: 24px;
		font-weight: bold;
		color: rgb(153,0,0);
	}

	TD.pricingCell .terms {
		font-size: 10px;
		line-height: 11px;
	}

	TABLE.lease TD {
		background-color: rgb(204,204,204);
	}

	TABLE.lease TD.tableHead {
		background-color: rgb(0,51,102); /* match the bg colour of the graphic */
	}

	TABLE.lease TD.columnHead {
		font-weight: bold;
	}

	TABLE.lease TD.notes {
		background-color: white;
	}

/* Offer Details */
#text2 {font-size: 14px; color: #000033; font-family: Arial, Helvetica, sans-serif}
#text1 {font-weight: bold;font-size: 13px; color: #000000; font-family: Arial, Helvetica, sans-serif}

/* Map and Directions */

	.mapControl A {
		color: rgb(51,102,153);
	}

/* Site Map */

	.siteMap TD A {
		color: #003366;
	}


/* Dealer Contact Area */

	.dealerContact,
	.dealerContact TD {
		font-size: 11px;
		color: #666666;
	}

	.dealerContact A {
		color: #666666;
	}


/* Footer Areas */


	.footer,
	.footer TD {
		font-size: 11px;
		color: #ffffff;
		background-image: url(/CA/en/skins/co_trus/img/footer_bg.gif);
	}

	.footer A {
		color: #ffffff;
	}

	.footer A.cur {
		font-weight: bold;
		color: #cccccc;
	}


    TD.mc33p1bg {
        background-image: url(/CA/en/skins/img/offers/grey_to_stretch.gif);
        background-repeat: repeat-x;
    }	

	BODY.app .mainContentAreaApp,
	BODY.app .dealerContact,
	BODY.app .vehicleDetailNav,
	TABLE.mainContentAreaApp,
	TD.mainContentAreaApp,
	TD.dealerContactApp,
	.mainContentAreaApp SPAN,
	.mainContentAreaApp TD,
	.gutterAreaApp {
		color: black;
		background-color: white;
		background-image: none;
	}


	BODY.app .h1,
	BODY.app .h2,
	.mainContentAreaApp A {
		color: rgb(51,102,153);
		background-color: transparent;
		background-image: none;
		background-color: white;
	}

	TD.dealerBranding .h1 {
		color: rgb(51,102,153);
		padding: 6px;
		}