/* -------

1.0 UNIVERSAL RESETS
2.0 GENERIC CLASSES
3.0 GENERAL STRUCTURE
4.0 HEADINGS
5.0 BRANDING
6.0 LINKS
7.0 PARAGRAPHS
8.0 BLOCKQUOTES AND CITATIONS
9.0 FORMS
10.0 LISTS
11.0 TABLES
12.0 MISC PRESENTATION ELEMENTS
13.0 META
14.0 ACCESSIBILITY
15.0 PAGE SPECIFIC

------- */


/*
1.0 UNIVERSAL RESETS
------------------------------------------
*/

* { margin:0; padding:0; text-align:left; }
img { border:0; }

/*
2.0 GENERIC CLASSES
------------------------------------------
*/

/* Use these where it makes sense to do so instead of creating new classes. */
.db { display:block; }
.di { display:inline; }
.dn { display:none; }
.vh { visibility:hidden;}
.fl { float:left; }
.fr { float:right; }
.fn { float:none; }
.uc { text-transform:uppercase; }

/* Float Warriors, choose your weapon of clearing! */
.clr { clear:both; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.cl { clear:left; height:0px; overflow:hidden; font-size:0; line-height:0px; background:transparent; }
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
.clear { clear:both; } /* attach to tags where you need to force a break */

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

.info { cursor:help; background:transparent; }
.note { color:#d30924; } /** add color to strong,em,heading etc. **/
.centered { text-align:center; }
.alignright { text-align: right; }
.disclaimer { color:#333; font-size:0.9em; line-height:1.2; }
.bottompad { margin-bottom:0; padding-bottom:15px; }
/*
3.0 GENERAL STRUCTURE
------------------------------------------
*/

html { color:#000; background:#fff; }

body { font-family:verdana, helvetica, arial, sans-serif; font-size:76%; line-height:1.4em; text-align:center;	padding-top: 8px; padding-right: 0; padding-bottom: 8px; padding-left: 0; }
body.popuppage { text-align:center; padding:15px; }

div#container { width:780px; clear:both; margin:0 auto; text-align:left; background-color:#333;}

div#header { background:#fff; margin:0; padding:0 0 5px 6px; clear:both; }

div#subheadersection { background:#333; margin:0; padding:0px; clear:both; }
div#subheadertabs, div#hiddensubheadertab { width:778px; margin-left: 1px;}

div#page-body { background:#333;}

/* -- Sidenav -- */
div#sidenav {
	font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", verdana, helvetica, arial, sans-serif;
	float:left;
	background-color: #333;
	display: inline;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 3px;
	width:248px;
}


/* -- Main Content -- */ 
div#content { background:#fff; padding:10px 0; margin:0 1px 0 254px; min-height: 388px; height: auto !important; height: 388px; }
body#home div#content { color:#fff; background:#333; padding-top:5px;  }

div.narrowcolumn, div.widecolumn, div#programs { padding: 0 18px 15px 15px; }
div.narrowcolumn { width:350px; float:left; }
body#conversionmodule div.narrowcolumn { width:304px; }

/* -- Sidebar -- */
div#sidebar { float:right; width:100px; padding:15px 0; }
body#program div#sidebar { width:120px; text-align:center; }
body#conversionmodule div#sidebar { width:155px; }

div.productinfo { clear:both; padding-top:20px; }
div.productside { float:right; width:155px; padding-bottom:15px; }

/* -- Footer -- */
div#footer { background:#000; color:#fff; padding:10px 20px; clear:both; }

/* -- Utility -- */
div#utility { float:left; padding: 0.4em 0 0 0.5em }

/* -- Popup Page Header -- */
body.popuppage div#logo { padding-bottom:20px; text-align:left; }

/*
4.0 HEADINGS
------------------------------------------
*/

h1 { font-size:1.5em; width:560px; float:left; padding-top:7px; }
h2 { font-size:1.35em; }
h3 { font-size:1.35em; }
h4 { font-size:1.2em; }
h5 { font-size:1em; }
h6 { font-size:1em; font-weight:normal; color:#000; }

h1, h2, h3, h4, h5, h6 { font-family:"Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", verdana, helvetica, arial, sans-serf; }
div#content h2, div#content h3, div#content h4, div#content h5, div#content h6 { padding:0.5em 0; line-height:1.2em; }

body.popuppage h1 { text-align:center; margin:0 0 0.6em 0; width:100%; }

div#page-body h2 { color:#fff; text-align:center; padding:7px 0; background:#000; clear:both; }

div#content div#sidebar h3 { font-size:1em; padding:0.1em 0; }
div#content div#sidebar h3.productname { text-align:center; font-size:1em; }

div#content h4 { padding-top:1.5em; }
body#safety div#content h4.note { padding-top:0; padding-bottom:0.1em }
div#content div.productinfo h4 { border-bottom: 1px solid #999; padding:0 0 3px 0 ; margin-bottom:10px; }

div#content ol.steps h5 { padding-bottom:0.1em }
div#content div.productside h5,
div#content div.productside h6 { padding:0.2em 0 0 0; text-align:center; }

/*
5.0 BRANDING
------------------------------------------
*/


/*
6.0 LINKS 
------------------------------------------
*/

a:link { color:#d30924; }
a:visited { color:#482722; }
a:hover { color:#621d1f; }
a:active { color:#621d1f; }

h1 a:link, h1 a:visited { color:#333; text-decoration:none; }
h1 a:hover, h1 a:active { color:#999; text-decoration:none; }

table.noside a, div#footer a, table.noside img { text-decoration:none; }
table.noside a:link, table.noside a:visited { color:#000; }
table.noside a:hover, table.noside a:active { background:#ffedaf; color:#621d1f; }

/*
7.0 PARAGRAPHS
------------------------------------------
*/

div#content p { margin-bottom:1em; }
div#content p.push_left { margin-left: 1em; }
div#homepage-flashcontent { background: #333; }
div#homepage-flashcontent p { color:#fff; padding: 0 15px 5px 15px }
div#homepage-flashcontent p * { color:#fada7c; }

body#program div#content div#sidebar p { font-size:0.9em; line-height:1.2em; }

div#content div.productside p { margin:0 0 1em 15px; }

div#content p.legendnote { padding:0; text-align:right; color:#222; }
div#content p.legendnote img { vertical-align:text-bottom; }

body.popuppage p { padding:15px 0; }
div#popup-container p { text-align:center; }

div#content div.round-bx-container p { padding-top:5px; }
div#content div.round-bx-container div.group  p { margin-bottom:5px; }

.announcements {
/* display: block; */
 display: none;
 margin-bottom: 3em;
}

/*
8.0 BLOCKQUOTES AND CITATIONS
------------------------------------------
*/


/*
9.0 FORMS
------------------------------------------
*/

/*
10.0 PAGE SPECIFIC
------------------------------------------
*/
div#programs { position:relative; }


/* Nelson Moy - nelson.moy@compuware.com; Compuware Corporation
 * The following are styles for the transmitter form
 */
.round-bx-container {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.9em;
  line-height: 1.4em;
  width: 244px;
  padding: 5px 5px 0px 5px;
  margin: 3px 0 0 -3px;
}

body.program div#content div#programs { padding-right:10px; }
body.program div#content div.round-bx-container { margin:0; padding:0; }
body.program div#content div.round-bx-container.box-l { margin-right:8px; float:left; }

body#home .round-bx-container {
  margin: 5px 0px 0px 0px;
  padding: 0px 2px 0px 2px;
/* next two are for IE browsers only (added by Nelson Moy, Compuware Corporation; nelson.moy@compuware.com) 
* margin: 1px 0px 0px 0px;
* padding: 4px 5px 5px 5px;*/
}
.round-bx-content {
  background-image: url(/i/gui/form/panel_bkgd_main.gif);
  padding: 0px 16px 10px 16px;
}
div#content div.round-bx-content {
  background-image: url(/i/gui/form/panel_bk_main.gif);
 }
 
.round-bx-content-link {
  font-size: 0.87em;
  margin-bottom: 2em;
}
.round-bx-content-input {
  margin-top: 15px;
  margin-bottom: 3px;
  width: 98%;
}
.round-bx-top {
  background-image: url(/i/gui/form/panel_bkgd_head.gif);
  background-repeat: no-repeat;
  height: 6px;
}
div#content div.round-bx-top {
  background-image: url(/i/gui/form/panel_bk_head.gif);
 }
.round-bx-bottom {
  background-image: url(/i/gui/form/panel_bkgd_footer.gif);
  background-repeat: no-repeat;
  height: 6px;
}
div#content div.round-bx-bottom {
  background-image: url(/i/gui/form/panel_bk_footer.gif);
 }
.round-bx-error-mesg {
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 0.86em;
  font-weight: bold;
  line-height: 1em;
  color: #FF0000;
}
#transmt-tooltip {
  position:absolute;
  visibility: visible;
  z-index: 20;
  display: none;
  margin-left: 19em;
  margin-top: 0.79em;
}

/* Nelson Moy - nelson.moy@compuware.com;
 * Kunal Bhatia - kunal.bhatia@compuware.com
 * Compuware Corporation
 * The following are styles for the check order status form
 */
#order-status-form-section
{ 	
	display: block;
	background-color: #CCCCCC;
	height:100px;
	width:778px;
	border:1px #CCCCCC solid;
}
tr#order-not-found-mesg td
{
	height: 25px;
	text-align: center;
	color: #FF0000;
}

#check-order-status {
	margin:2em auto 0;
}

#check-order-status-return {
  margin: 0.6em 5.5em 0 8em;
}
.cos-return {
	padding-left: 2em;
}

#order-number {
	width: 15.00em;
}
#order-last-name {
	width: 14.38em;
}
.req-asterisk {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #FF0000;
	vertical-align: top;
}
.grey-text {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
}
.co-padding-left {
	padding-left: 3.13em;
}
.co-and-text {
	margin:0em 0.13em 0em 0.44em;
}



/*
10.0 LISTS
------------------------------------------
*/

div#content ul { margin:0 0 15px 10px; }
div#content ul li { margin-left:15px }

div#content ol.steps { list-style:none; }

body#faq div#content ol { margin-left:2em }

div#content ol.updatelist { margin:0 0 1em 2em; padding-left:10px; }

div#content ul.subnav { margin-left:0; list-style:none; }
div#content ul.subnav li { display:inline; margin-left:0; list-style:none; padding-right:5px }
div#content ul.subnav li.last { padding-left:5px; border-left:1px solid #666 }
div#content ul#subnavbottom { padding-top:2em; }

body#sitemap div#content ul { margin:0 0 1.5em 5px; }
body#sitemap div#content ul ul { margin-bottom:0; }

div#popup-container { text-align:center; width:100%;}
div#popup-flashcontent { width:256px; margin:0 auto; }

dl { margin-left:2em; }

div#content div.round-bx-container ul { list-style-type:none; margin:2em auto; padding:0;}
div#content div.round-bx-container ul li { display:inline; margin:0; padding-right:8px;}
div#content div.round-bx-container div.group ul { margin:0 auto 4px auto; }

/*
11.0 TABLES
------------------------------------------
*/

/* table without side border */
table.noside { border-bottom:3px solid #8aaed1; border-collapse:collapse; width:100%; margin-bottom:1.5em; }
table.noside caption { border-bottom:solid #8aaed1 3px; font-weight:bold; padding:0 4px; }
table.noside th, table.noside td { border:solid #8aaed1; border-width:0 0 1px; padding:1px 10px; margin-right:10px; font-size:0.95em; }
table.noside th { white-space:nowrap; font-weight:normal }
table.noside tbody th { padding-left:26px; }
table.noside tbody th a { margin-left:-22px; }
table.noside .colheader th { padding-top:15px; font-weight:bold; padding-left:6px; white-space:nowrap; }

/* table for vehicle list */
table.vehiclelist { border-bottom:1px solid #8aaed1; border-collapse:collapse; width:100%; margin-bottom:1.5em; }
table.vehiclelist thead th { background-color: #333; color: #ffffff; padding:8px 10px; font-variant: small-caps; }
table.vehiclelist th, table.vehiclelist td { border:solid #8aaed1; border-width:0 0 1px; padding: 1px 10px; margin-right:10px; vertical-align:top; }
table.vehiclelist tr.lastrow td { padding-bottom:10px; }
table.vehiclelist th { white-space:nowrap; font-weight:bold }


 /* generic info table with thead and tbody */
table.lookup { border-collapse:collapse; margin-bottom:1.5em; border:1px solid #C9C9C9; }
table.lookup thead th { border-bottom:1px solid #C9C9C9; }
table.lookup th, table.lookup td { padding: 2px 10px;} 


table.fr { margin: 0 0 5px 10px; }


/*
12.0 MISC PRESENTATION ELEMENTS
------------------------------------------
*/

img.photo { margin:0 0 5px 10px; }
table.noside a img { vertical-align:middle; margin-right:3px; }

p.popup { background:url(/i/gui/nav/popup.gif) 4px 2px no-repeat; padding-left:15px; }
div#sidebar .popup { background-position: 40px 14px; padding: 10px 0 0 50px; }
div.productside .popup { background-position: 25px 14px; padding: 10px 0 0 35px; }

sup { vertical-align: baseline; font-size: 0.6em; position: relative; top: -0.6em; }
* sup.bigger{ //font-size: 0.8em; }
/*
13.0 META
------------------------------------------
*/


/*
14.0 ACCESSIBILITY
------------------------------------------
*/

.skiplink { position:absolute; left:-9999px; width:990px; }
hr.hide { display:none; }
kbd { font-family:"Lucida Grande", "Lucida Bright", "Lucida Sans", "Lucida Sans Unicode", "Lucida", "Trebuchet MS", geneva, verdana, helvetica, arial, sans-serif; }
a kbd, label kbd { font-family:inherit; border-bottom:1px solid #000; }

/*
15.0 PAGE SPECIFIC 
------------------------------------------
*/

/* Kunal Bhatia - kunal.bhatia@compuware.com;
 * Compuware Corporation
 * The following are styles for Whole House solutions page
 */
img.house-img
{
	margin-bottom:20px;
}

/* Nelson Moy - nelson.moy@compuware.com; Compuware Corporation
 * The following are styles for all the programming pages (program, program/gate, *dynamic program page: program/result)
 */

/* program page */

div.greyarrows {
	display: block;
	padding-left: 45px;
	background-image: url(/i/pic/program/grey_arrows.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
div#program-flash {
	text-align: center;
	margin-bottom:1em; 
}
div#program-flash.results-page-flash {
	clear:right;
	padding-top: 15px;
}
.stepimg {
	margin-right: 6px;
	margin-top: 1px;
}
img.videoimg {
	margin-left: 20px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
}

table.programnav td {
	vertical-align:top;
	padding-bottom: 5px;
}

#faq li { clear: right; }

.img-col-prog {
/*	width:260px; */
	text-align: right;
	padding-left: 7px;
	padding-bottom: 7px;
	margin: 0px 0px 0px 0px;
}

.special-instructions {
	background-image: url(/i/pic/program/note_marker.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 23px;
	font-size:.9em;
	line-height: 1.5em;
	clear: right;
}
.prog-instr-bttns {
	margin-bottom: -1px;
/* next is for IE browsers only (added by Kunal Bhatia, Compuware Corporation; kunal.bhatia@compuware.com) */
*	margin-bottom: 1px;
}

div#banner-flashcontent
{
	padding: 5px 0px 0px 2px;
}

/* Nelson Moy - nelson.moy@compuware.com; Compuware Corporation
 * The following are styles for the products page ("Which Transmitters work with Car2u")
 */

/*
Transmitter form in openers page inherts certain looks/layout from the generic css styles
However, the following styles make specific changes to certain attributes, while retaining other 
attributes
*/
#openers-page-transmitter-section {
 margin: 10px 6px 10px 10px; /* moz */
 width: 244px;
}
#openers-page-transmitter-section .round-bx-top {
  background-image: url(/i/gui/form/panel_bkgd_head_with_border.gif);
}
#openers-page-transmitter-section .round-bx-content {
  background-image: url(/i/gui/form/panel_bkgd_main_with_border.gif);
}
#openers-page-transmitter-section .round-bx-content-input {
  margin-top: 3px;
}
#openers-page-transmitter-section .round-bx-bottom {
  background-image: url(/i/gui/form/panel_bkgd_footer_with_border.gif);
}
#openers-page-transmitter-section #transmt-tooltip {
 margin-left: -24.7em;
 margin-top: 0.5em;
/* next is for IE browsers only (added by Kunal Bhatia, Compuware Corporation; kunal.bhatia@compuware.com) */
 * margin-top: -0.3em;
}

.warning-panel {
	background-image: url(/i/pic/products/warning_panel.gif);
	height: 80px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
	display: block;
	background-repeat: no-repeat;
	float: none;
	clear: none;
/**	width: 470px !important; /*moz width*/
/**		width: 507px; /*IE width*/
}
.warning-panel p{
	margin-top: -5px;
	margin-left: 0px;
}

.warning-panel-head {
	font-weight: bold;
	margin-bottom: .6em;
}

#find-trans-image {
	margin-right: 1px;
}


/* Kunal Bhatia - kunal.bhatia@compuware.com; Compuware Corporation
 * The following are styles for the solutions and various products pages
 * ("I want to do more with my Car2U System" page and pages linked by it)
 */
div#solutions-flashcontent { text-align: center; }
div#solutions-flashcontent p { color:#333; padding: 0 15px 5px 15px }

.solutions-getpackage-image
{
	margin-top: -10px;
}

.solutions-product-images
{
	padding: 5px 10px 5px 0px;
}

ul.solutions-product-detail-list, ul.solutions-product-detail-list ul
{
	list-style-position: inside;
	margin-left: 0px !important;
}

ul.solutions-product-detail-list li
{
	margin-left: 0px !important;
	padding-bottom: 10px;
}

ul.solutions-product-detail-list ul li
{
	text-indent: 15px;
	padding-bottom: 5px;
}

ul.solutions-product-detail-list ul li.inner-list-last-child
{
	margin-bottom: -17px;
}

ul.solutions-product-detail-list ul li.inner-list-last-child-type2
{
	margin-bottom: -30px;
}


/* Kunal Bhatia - kunal.bhatia@compuware.com; Compuware Corporation
 * The following are styles for the vehicles page
 */
/* The following are styles for the vehicles tabs */
#vehicle-outer-wrapper {
 border:1px solid #999999;
 padding: 12px;
}
.vehicle-tabs-wrapper {
 height: 20px;
 text-align: left;
}
.vehicle-top-section {
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
 padding-bottom: 30px;
 display: block;
}
.vehicle-tab-position1 {
 margin-left: 60px !important; /*moz width*/
 margin-left: 40px;  /*IE width*/
}
.vehicle-tab-position2 {
 margin-left: -25px !important; /*moz width*/
 margin-left: -40px;  /*IE width*/
 margin-top: 30px;
}
 
ul.vehicle-tabs {
 list-style: none;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 font-family: Tahoma, sans-serif, Arial, Helvetica;
}
ul.vehicle-tabs li {
 float: left;
}
ul.vehicle-tabs a {
 background-image: url(/i/pic/vehicle/tab.gif);
  background-repeat: no-repeat;
 text-decoration: none;
  text-align:center;
 color: #000;
 width: 100px;
 height: 20px;
 display: block;
 position: relative;
 margin-right: -14px;
}
ul.vehicle-tabs a.active-tab {
 background-image: url(/i/pic/vehicle/tab_on.gif);
  background-repeat: no-repeat;
 color: #fff;
 cursor: default;
}
 
#vehicle-header-text-wrapper {
 display: block;
 padding-bottom: 15px;
 border-top-style: none;
 border-right-style: none;
 border-bottom-style: none;
 border-left-style: none;
}
#vehicle-header-text {
 height: 60px;
 width: 280px;
 display: list-item;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
}
#gm-img {
 margin-right: 12px;
 float: left;
}