/*
*********************************************************************

Media Type: screen

Description: Screen stylesheet.

Author: IP

Document Sections:
Imports
Global
Header
Navigation
Footer
Page Structure
Sidebar form base styles
Feature Panel
Breadcrumb
Module setup
signpost-list
our-products
Product List
columned-list
login
content-signposts
Paging
Tabs Base
Sitemap
Product
header-media
page-tools
new-products
filter
multimedia
Clear Fixes

Notes: 

Change Log:

11/08/09 - Created - IP

*********************************************************************
*/

/* Imports
----------------------------------------------- */
@import url("site/reset.css");
@import url("site/wysiwyg.css");
@import url("site/content.css");
@import url("site/forms.css");
@import url("site/framework.css");
@import url("freestyleui/jquery.freestyle.collapsable2.css");
@import url("jqueryui/jquery-ui-1.7.custom.css");

/* implementation css for developers */
@import url("implementation/implementation_screen.css");

/* Global
----------------------------------------------- */
body
{
	background:#bebaaa;
}

a
{
	text-decoration:none;
	outline:none;
	font-weight:bold;
}


a:link
{
	color:#ff3333;
}

a:visited
{
	color:#ff3333;
}

a:hover
{
	color:#333;
	text-decoration:underline !important;
}

a:active
{
	color:#ff3333;
}

label
{
  color:#000000;
}

.submit
{
  background:transparent none repeat scroll 0 0;
  border:0 none;
  color:#FF3333;
  cursor:pointer;
  font-size:1.2em;
  font-weight:bold;
  overflow:visible;
  padding:0;
  width:auto;
  font-family:Arial;
}

.submit:hover
{
  color:#000000;
}

/* Header
----------------------------------------------- */
#header
{
	position:relative;
	border-bottom:solid .1em #ffffff;
}

#skip-links
{
  position:absolute;
  top:0em;
  left:0em;
  display:block;
  width:98em;
}

#skip-links a
{
  position:absolute;
  top:-99em;
  padding:.5em;
}

#skip-links a:active
,#skip-links a:focus 
{
	top:0em;
	z-index:99;
}

#logo
{
	display:block;
	background:#ff3333;
}

#logo img
{
	display:block;
}

#logo img
{
	width:97em;
}

/* Navigation
----------------------------------------------- */
#primary-navigation
,#secondary-navigation
{
	border-top:solid .1em #fff;
	display:block;
	background:#7d8489;
	font-size:1.1em;
}


#primary-navigation li
,#secondary-navigation li
{
	display:inline-block;
	float:left;
	border-right:solid .1em #fff;
	background:#7d8489;
	line-height:1.2em;
}

#primary-navigation a
,#secondary-navigation a
{
	padding:.5em 2em;
	display:inline-block;
	color:#fff;
	text-decoration:none !important;
	font-weight:normal;
}

#primary-navigation li.selected a
,#secondary-navigation li.selected a
,#secondary-navigation li.selected li.selected a
,#secondary-navigation li.selected li.selected a:hover
{
	background:#000;
}

#primary-navigation a:hover
,#secondary-navigation a:hover
,#secondary-navigation li.selected li a:hover
{
	background:#7d1a1b;
}

#secondary-navigation
,#secondary-navigation li a
,#secondary-navigation li.selected li a
{
  background:#b1b5b8;
}

/* third level nav */
#secondary-navigation li
{
	position:relative;
}

#secondary-navigation li ul
{
	border-right:solid .1em #fff;
	border-left:solid .1em #fff;
	border-bottom:solid .1em #fff;
	margin:0 -.1em;
	position:absolute;
	top:-9999em;
	z-index:9999;
}

#secondary-navigation li:hover ul
{
	top:2.2em;
}

#secondary-navigation li li
{
	position:relative;
	display:block;
	float:none;
	border:0;
}

#secondary-navigation li li a
{
	display:block;
}

/* Footer
----------------------------------------------- */
#footer
{
	border-bottom:solid .1em #ffffff;
}

#footer .x7
,#footer p.x2
{
	border-top:solid 1em #ff3333;
	background:#e8e8e8;
	padding:2em 0;
}

#footer ul
{
	padding:0 2em;
}

#footer li
{
	display:inline;
	border-right:solid .1em #000;
	padding-right:.75em;
	margin-right:.5em;
}

#footer li.last
{
	border:0;
}

#footer p.x2
{
	text-align:center;
	padding:2em .1em 2em 0;
}

/* Page Structure 
----------------------------------------------- */
#site-wrapper
{
	background:#fff;
}

.wysiwyg
,.form
{
  padding:0 2em 1.8em 2em;
  background:url(/TRW/ui/site/images/backgrounds/grey-border.gif) repeat-x bottom left;
}

.no-footer
{
	background:none !important;
	padding-bottom:0em;
}

/* full inner with of content area */
#content .wysiwyg
,#content #our-products
,#content #product-list
,#content #columned-list
,#content #content-signposts
{
  clear:both;
}

/* Sidebar form base styles
----------------------------------------------- */
#sidebar .form div
{
  margin-bottom:1em;
}

#sidebar .form label
{
  padding:.4em 0 .5em 0;
  width:10em;
  display:inline-block;
  position:relative;
}

#sidebar .product_search label
{
  width:23.9em;
  display:block;
}

#sidebar .mod input
,#sidebar .mod select
{
  display:inline;
  width:13.5em;
  font-family:Arial;
  font-size:1.2em;
  line-height:1.2em;
}

#sidebar .mod .product_search input
,#sidebar .mod .product_search select
{
  width:23.9em;
}

.mf .submit
,#sidebar .mf .submit
{
  width:auto;
  font-size:1.6em;
  margin-left:1em;
}

#sidebar div.info
{
	margin-top:1em;
}

#sidebar .info-link
{
  position:absolute;
  right:0;
}


/* Feature Panel
----------------------------------------------- */
#header-media img
{
	display:block;
}

/* Breadcrumb
----------------------------------------------- */
.breadcrumb
{
  padding:.35em 0;
}

.breadcrumb ul
{
	font-size:1.1em;
	margin: 0;
	padding:0;
	height: 1.9em;
	display: block;
}


.breadcrumb li
{
	padding-left:2em;
	display:inline;
	line-height: 1.9em;
	padding:0 1em 0 1.5em;
	font-size: 1em;
	background: url(/TRW/ui/site/images/modules/chevron.gif) no-repeat left center;
}

.breadcrumb li a
{
	line-height: 1.9em;
	font-weight:normal;
}

.breadcrumb li.home
{
	padding-left:0;
	background:none;
}

.breadcrumb li.home a
{
	padding-left:2em;
}

/* Module setup
----------------------------------------------- */
.mod
{
  /*border-bottom:solid .8em #ebeae5;*/
  padding-bottom:.8em;
  border-bottom:solid .1em #ffffff;
  background:url(/TRW/ui/site/images/backgrounds/grey-border.gif) repeat-x bottom left;
}

.mod p
,.mod label
,.mod li
{
  font-size:1.2em;
}

.mod li
{
  margin-bottom:.5em;
}

.mod ul
{
  margin-bottom:1em;
}

.mod .mh
{
  background:#ff3333;
  padding:.6em 1.8em;
}

.mod .mh h2
{
  background:#ff3333;
  font-size:1.6em;
  color:#ffffff;
  font-weight:bold;
}

#sidebar .mod .mb
{
  background:#f9f9f7;
}

.mod .mb
,.mod .mf
{
  padding:1em 1.8em 0 1.8em;
}

.mod .mf
{
  padding-top:.6em;
  padding-bottom:.6em;
  text-align:right;
}

.mod .mb li span
{
  display:block;
  padding-top:.3em;
}

.mod .wysiwyg
{
  background:0;
}

.mod .mf
{
  border-top:solid .1em #EBEAE5
}


.mod table
{
  margin-bottom:0;
  
}

.x3 table
{
  width:32.7em;
  margin-left:-.1em;
}

.mod table th
{
  background:#A09C8D;
}


/* signpost-list
----------------------------------------------- */
.signpost-list .mh
{
  position:absolute;
  top:-999em;
}

.x3 .signpost-list .mb
{
  padding:0;
}

.x3 .signpost-list .mb img
{
  width:32.6em;
  display:block;
}

.x3 .signpost-list .mf
{
  border-top:none;
}


/* our-products
----------------------------------------------- */
#our-products .mb
{
  padding:0;
}

#our-products ul
{
  margin-bottom:0;
}

#our-products li
{
  font-size:1em;
  margin-bottom:0;
  border-top:solid .1em #ffffff;
}

#our-products li a
{
  display:block;
  position:relative;
  height:13.4em;
  overflow:hidden;
}

#our-products li a:hover
{
  text-decoration:none !important;
}

#our-products li a img
{
  position:absolute;
  top:-13.4em;
  left:0;
  z-index:1;
  height:26.8em;
}

#our-products li a:hover img
{
  top:0;
}

#our-products li a span
{
  position:absolute;
  bottom:.3em;
  right:.3em;
  color:#ffffff;
  font-size:2.2em;
  background:url(/TRW/ui/site/images/backgrounds/chequer.gif) repeat top left;
  padding:.3em .5em;
  z-index:2;
}


/* Product List
----------------------------------------------- */	

#product-list
{
  position:relative;
}

#product-list .mh
{
  position:absolute;
  top:-999em;
  left:-999em;
}

#product-list .mb
{
  padding:0;
}

#product-list table
{
  width:100%;
  margin:0;
}

#product-list th
,#product-list td
{
	vertical-align:middle;
}

#product-list th
{
  padding:.6em 0 .6em 1.6em;
  font-size:1.3em;
  background:none;
}

#product-list td
{
  font-size:1.3em;
  padding:.65em 0 .6em 1.6em;
  border-top:solid .8em #ebeae5;
}


#product-list .summary td
{
  position:relative;
}

#product-list .details
{
  padding:.6em 2em;
  font-size:1em;
  border:none;
}

#product-list .details img
{
  float:left;
  width:10.8em;
}

#product-list .details .wysiwyg
{
  clear:none;
  border:none;
  background:none;
  padding:0 0 0 1em;
  float:left;
  width:49.5em;
}


#product-list .details .wysiwyg ul
,#product-list .details .wysiwyg ul li
{
  margin-left:0;
  list-style-type:none;
  list-style-position:outside;
  list-style-image:none;
}

/* used for order tracking */
#product-list .details .no-padding 
{
  width:61.1em;
}

#product-list .details .wysiwyg dt
{
  clear:both;
}

#product-list .details .wysiwyg dd
,#product-list .details .wysiwyg dt
{
  float:left;
  width:10em;
}

#product-list .details .wysiwyg dd
{
  padding-left:1em;
  width:39.7em;
}

#product-list .details .wysiwyg table
{
  margin-bottom:1em;
}

#product-list .details .wysiwyg th
{
  background:#ff3333;
}


/* script enabled */
#product-list .collapsable-icon
{
	top:.05em;
	width:2.46em;
}

#product-list .collapsable-container
{
	padding:0.6em 2em;
}

#product-list .collapsable-action-element
{
  padding-right:3em;
  display:block;
}



/* Options area */
#product-list .options td
{
  padding-right:1.75em;
}

#product-list .fast-track td
{
  padding-right:0;
}

#product-list .options td
,#product-list .options th
{
  color:#777777;
  font-size:1.2em;
  text-align:right;
  background:#FcFcFa;
  border:none;
}

#product-list .options th
{
  color:#333333;
  border-bottom:solid .1em #eaeae9;
}

#product-list .fast-track td
,#product-list .fast-track th
{
  text-align:left;
}

#product-list .options label
{
  font-size:1em;
  color:#777777;
}

#product-list .options input
{
  width:2em;
}

#product-list .options input.submit
{
  width:auto;
  font-size:1em;
}



/* columned-list
----------------------------------------------- */
.columned-list .mb
{
  padding:0;
}

.columned-list ul
{
  margin-bottom:0;
}

.columned-list li
{
  font-size:1em;
  margin-bottom:0;
  padding-top:1em;
}

.columned-list li h3
{
  font-size:2em;
  font-weight:bold;
  padding:.5em 0 .85em .85em;
}

.columned-list li li
{
  font-size:1.2em;
  padding:0 1.5em 1em 1.5em;
}

/*
.columned-list .mf
{
  border-top:solid .1em #EBEAE5
}
*/

.columned-list .odd
{
  background:#f8f8f6;
}


/* login
----------------------------------------------- */
#login .mb
{
  min-height:4em;
}

#login .mf p
{
  float:left;
  padding-top:.4em;
}

#login .mf input:focus
{
	border:none;
}



/* content-signposts
----------------------------------------------- */
#content-signposts
{
  clear:both;
}

#content-signposts .mb
{
  padding:.1em 0 0 0;
}

#content-signposts ul
{
  margin-bottom:0;
}

#content-signposts .mb ul li
{  
  display:inline-block;
  vertical-align:top;
  font-size:1em;
  margin-bottom:.1em;
  padding-top:.1em;
  border-top:.8em solid #ebeae5;
  width:32.6em; /* x3 */
}

#content-signposts .mb ul li.even
{
  margin-left:-.2em;
}

#content-signposts .mb ul li.top
{
  border-top:none;
  padding-top:0;
}


#content-signposts .mb h3
{
  font-size:1.4em;
  font-weight:bold;
}

#content-signposts .mb h3 span
{
  display:block;
  font-weight:normal;
  padding:.3em 0 0 0;
}

#content-signposts .mb h3
{
  margin:.8em 1em .5em 8.6em;
}

#content-signposts .mb p
{
  width:16em;
  margin-left:10em;
  padding:0 0 1em 0;
}

#content-signposts .mb a img
{
  float:left;
  width:10.8em; /* x1 */
}

/* addresses */
#content-signposts .vcard h3
{
  margin-left:1.35em;
}

#content-signposts .vcard p
{
  margin-left:1.5em;
  padding-bottom:.5em;
}

#content-signposts .vcard .adr
{
  padding-bottom:.5em;
}

#content-signposts .vcard .adr p
{
  padding-bottom:.2em;
}

/* Paging
----------------------------------------------- */

.paging
{
	padding:1em 0;
	clear:both;
}

.paging p
{
	padding:0 1.6em 1em 1.6em;
	font-size:1.2em;
	float:left;
}

.paging p.showing
{
  text-align:right;
  float:right;
}

.paging .buttons
{
	clear:both;
}

.paging .buttons li
{
  float:left;
  width:32.6em; /* x3 */
  color:#ffffff;
  background:#7D8489;
}

.paging .buttons .next
{
  text-align:right;
  margin-left:.1em;
}

.paging .buttons li a
{
  display:block;
  padding:1em 0;
  padding-left:1.6em;
  font-size:1.2em;
  background:#7D8489 url(/TRW/ui/site/images/modules/arrow_left.gif) no-repeat right center;
  color:#ffffff;
}

.paging .buttons li span
{
  font-size:1.2em;
  display:block;
  padding:1em 1.6em;
  color:#7D8489;
}


.paging .buttons li a:hover
{
  background:#7D1A1B url(/TRW/ui/site/images/modules/arrow_left.gif) no-repeat right center;
}

.paging .buttons .next a
{
  padding-right:1.6em;
  background:#7D8489 url(/TRW/ui/site/images/modules/arrow_right.gif) no-repeat left center;
}

.paging .buttons .next a:hover
{
  padding-right:1.6em;
  background:#7D1A1B url(/TRW/ui/site/images/modules/arrow_right.gif) no-repeat left center;
}

.paging img.no-link
{
	cursor:default;
}


	
/* Tabs Base
----------------------------------------------- */

#content .ui-tabs
{
  padding:0 2em;
  padding-bottom:.8em;
  border-bottom:solid .1em #ffffff;
  background:url(/TRW/ui/site/images/backgrounds/grey-border.gif) repeat-x bottom left;
}

#content .ui-tabs .ui-tabs-nav
{
	display:none;
	font-size:1.4em;
	padding-left:.5em;
	border:none;
}

#content .ui-widget
{
  padding:0 0 .8em 0;
}

#content .ui-widget-content
{
	border-left:none;
	border-right:none;
	border-top:none;
}

#content .ui-tabs .ui-tabs-panel
{
	padding-left:0;
	padding-right:0;
}

#content .ui-tabs .ui-tabs-panel
{
  padding:1em 2.2em;
}



/* Site Map
----------------------------------------------- */

#content .ui-tabs .column
{
	float:left;
	width:18.9em;
	margin-left:2em;
	margin-right:-1px; /* ghost text fix */
}

#content .ui-tabs .first
{
	padding-left:0em;
	margin-left:0em;
}

#content .ui-tabs h2
{
	clear:both;
	font-size:1.6em !important;
	margin-bottom:.9em !important;
	padding-bottom:.7em !important;
	padding-right:50%;
	border-bottom:solid .1em #EBEAE5;
	font-weight:bold;
}

#content .ui-tabs h3
{
	font-size:1.4em;
	font-weight:bold;
	text-transform:uppercase;
	border-bottom:solid .1em #EBEAE5;
	padding-bottom:.5em;
	margin-bottom:.5em;
}

#content .ui-tabs .column ul
{
	font-size:1.2em;
	padding-left:1em;
	margin-bottom:1em;
}

#content .ui-tabs .column ul ul
{
	margin:.5em 0 0 1em;
	font-size:1em;
	padding-left:0em;
}

#content .ui-tabs .column ul li
{
	margin-bottom:.5em;
	padding-left:.75em;
	background:url(/TRW/ui/site/images/backgrounds/bullet.gif) no-repeat 0 .5em;
}

/* Product
----------------------------------------------- */
#content #product .ui-tabs-panel
{
  padding:0;
}

#product .section
{
  margin-bottom:2em;
}

#product .wysiwyg
{
  background:none;
  padding-bottom:1em;
  padding:0;
}

#product #overview .wysiwyg
{
  float:left;
  width:28.5em;
}

#product #overview img
{
  float:right;
  width:32.6em;
}

#product #linked-vehicles .wysiwyg ul
{
  margin-left:0;
}

#product #linked-vehicles .wysiwyg li
{
  list-style:none;
  list-style-position:outside;
}

#product .ui-tabs-panel
{
  margin-bottom:0;
}

#product .ui-tabs-panel .wysiwyg
{
  padding:2em 2em 1em 2em;
}

#product .options
{
  text-align:right;
  padding:.5em 1.75em;
  border-top:solid 0.1em #EBEAE5;
  font-size:1.2em;
}

#product .options input
{
  width:2em;
}

#product .options input.submit
{
  width:auto;
}

/* header-media
----------------------------------------------- */
#header-media img
,#header-media embed
,#header-media object
{
  width:65.3em; /* x6 */
}

#header-media
{
  border-bottom:solid .1em #ffffff;
}

/* page-tools
----------------------------------------------- */	
#page-tools
{ 
  padding:1em 0 1.8em 0;
}

#page-tools li
{
  display:inline-block;
  margin-left:1.8em;
  margin-bottom:0;
  vertical-align:top;
}

#page-tools li a
{
  font-size:1.4em;
}

/* new-products
----------------------------------------------- */
#new-products .mb
{
  padding:0;
  margin-bottom:0;
}

#new-products a
{
  display:block;
  position:relative;
  height:7em;
  overflow:hidden;
}

#new-products a:hover
{
  text-decoration:none !important;
}

#new-products a img
{
  position:absolute;
  top:-7em;
  left:0;
  z-index:1;
  height:14em;
}

#new-products a:hover img
{
  top:0;
}

#new-products a span
{
  position:absolute;
  bottom:.3em;
  right:.3em;
  color:#ffffff;
  font-size:2.2em;
  background:url(/TRW/ui/site/images/backgrounds/chequer.gif) repeat top left;
  padding:.3em .5em;
  z-index:2;
}

/* filter
----------------------------------------------- */
.filter .mb
{
  padding-left:0;
  padding-right:0;
  padding-bottom:1em;
  background:#F9F9F7;
}

.filter .mb .x3 fieldset
{
  padding:0 0 0 1.6em;
}

.filter .mb .x3 fieldset ul
{
  padding-left:1.7em;
  padding-top:.5em;
}

.filter .mb .x3 fieldset ul li
{
  font-size:1em;
}

.filter .mb ul li
{  
  display:inline-block;
  vertical-align:top;
  font-size:.99em;
  width:21.7em; /* x2 */
}

.filter .mb ul li li
{
  display:list-item;
  width:auto;
  font-size:1.2em;
}

.filter .mb li h3
{
  display:block;
  font-size:1.4em;
  padding-left:1.42em;
  padding-bottom:.5em;
}

.filter .mb li ul
{
  padding-left:2em;
}

/*
.filter .mb li.x2
{
  display:inline-block;
  vertical-align:top;
  font-size:.99em;
}

.filter .mb li.x2 h3
{
  display:block;
  font-size:1.4em;
  padding-left:1.42em;
  padding-bottom:.5em;
}

.filter .mb li.x2 ul
{
  padding-left:2em;
}
*/
.filter h3
{
  display:inline;
  font-weight:bold;
}

.filter .mb input
{
  border:none;
  background:#F9F9F7 !important;
}

.filter .submit
{
	background:none;
  width:auto;
  border:0;
  color:#ff3333;
  font-weight:bold;
  font-size:1.6em;
  padding:0;
  cursor:pointer;
  overflow:visible;
}

.filter .submit:hover
{
  color:#000000;
}



/* multimedia
----------------------------------------------- */
#multimedia
{
  clear:both;
  padding-bottom:0;
  border-bottom:none;
}

#multimedia .mb
{
  padding:0;
}

#multimedia ul
{
  margin-bottom:0;
}

#multimedia .mb ul li
{  
  font-size:1em;
  padding-bottom:.1em;
  margin-bottom:.1em;
  border-bottom:.8em solid #ebeae5;
}

#multimedia .mb h3
{
  font-size:1.4em;
  font-weight:bold;
  margin:0 1em 0 24.2em;
  padding:.8em 0 .5em 0
}

#multimedia .mb p
{
  margin:0 1.9em 0 28.3em;
  padding:0 0 1em 0;
}

#multimedia .mb .x3
{
  margin-left:0;
}



/* Clear Fixes
----------------------------------------------- */
#header:after
,#primary-navigation:after
,#secondary-navigation:after
,#content:after
,#footer:after
,.breadcrumb ul:after
,.login .formbuttons:after
,.mod:after
,.mh:after
,.mb:after
,.mf:after
,.ui-tabs:after
,.ui-tabs-nav:after
,#product .section:after
,.paging .buttons:after
,#product-list .details .wysiwyg dl:after
,#multimedia .mb ul li:after
{
  clear:both;
  content:".";
  display:block;
  height:0pt;
  visibility:hidden;
}