/* ==============================
Concorde - Dynamic Site - New CSS
Outside the Box 
============================== */

body {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #313131;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
		text-align: center;
		overflow: -moz-scrollbars-vertical;
}

#container {
		color: #342528;
		min-width: 400px;
		margin: 0px auto;
		padding: 0px;
		text-align: center;
		width: 758px;
}

/* ==============================
Header
============================== */

#top {
		margin:0;
		padding: 0;
		background-image:url(../images/test_header.jpg);
		background-repeat:no-repeat;
		width:758px;
		height: 217px;
		text-align:left;
		position: relative;
}

#searchContainer {
		margin: 0;
		padding: 0;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 161px; 
		height: 141px; 
		background-image: url(../images/searchBg.jpg); 
		background-repeat: no-repeat;
}

#searchContainer h3 { margin: 0; padding: 0; float: left; width:161px; height:28px; background-image:url(../images/searchConcorde.gif); background-repeat:no-repeat; }

.searchtextbox {
		margin: 25px 0 0 10px;
		padding:0 0 0 5px;
		font: 10px Verdana, arial, sans-serif;
		background-image: url(../images/textBoxBg.gif);
		background-repeat: repeat-x;
		border: 1px #9f2a2d solid;
		color: #87827f;
		width: 137px;
		height: 15px;
}

/* ==============================
Left Menu
============================== */

#column1 {
		margin: 0;
		padding: 0 0 15px 0;
		float: left;
		text-align: center;
		width: 161px;
}

#column1 h2.navigate { margin: 0 0 3px 0; padding: 0; float: left; width: 161px; height: 28px; background-image:url(../images/navigate.gif); background-repeat:no-repeat; }
#column1 h2.partners { margin: 6px 0 10px 0; padding: 0; float: left; width: 161px; height: 28px; background-image:url(../images/partners.gif);	background-repeat:no-repeat; }

.markermenu {
		width: 161px;
		clear: left;
		position: relative; 
		text-align: left !important;
}

.markermenu ul { list-style-type: none; margin: 0; padding: 0; }

/* Top Level Categories */
.markermenu ul li a { background: url("../images/menu_top_bg.jpg") no-repeat; color: #ffffff; display: block; width: auto; padding: 7px; text-decoration: none; border-bottom: 1px solid #ffffff; }
* html .markermenu ul li a { /*IE6 hack*/ width: 155px; }
.markermenu ul li a:visited, .markermenu ul li a:active { color: #ffffff; }
.markermenu ul li a:hover, .markermenu ul li a.selected { color: white; background: none #342528; }

/* 2nd Level Categories */
.markermenu ul li ul li a { background: url("../images/menu_sub_bg.jpg") no-repeat; color: #ffffff; display: block; width: auto; padding: 7px 7px 7px 25px; text-decoration: none; border-bottom: 1px solid #ffffff; }
* html .markermenu ul li ul li a { /*IE6 hack*/ width: 155px; }
.markermenu ul li ul li a:visited, .markermenu ul li ul li a:active { color: #ffffff; }
.markermenu ul li ul li a:hover, .markermenu ul li ul li a.selected { color: white; background: #342528 url("../images/menu_bullet.gif") no-repeat 6px 7px; }

/* 3rd Level Categories */
.markermenu ul li ul.thirdnav li a { background: url("../images/menu_third_bg.jpg") no-repeat; color: #111111; display: block; width: auto; padding: 7px 7px 7px 35px; text-decoration: none; border-bottom: 1px solid #ffffff; }
.markermenu ul li ul.thirdnav li a:hover, .markermenu ul li ul.thirdnav li a.selected { color: white; background: #342528 url("../images/menu_bullet.gif") no-repeat 18px 7px; }


#getInTouch {
		margin: 2px 0px 0px 0px;
		padding: 35px 0 0 5px;
		float: left;
		text-align: left;
		width: 155px; 
		height:302px;
		color:#FFFFFF;
		background-image:url(../images/contactBg.jpg); 
		background-repeat:no-repeat; 
}

.getInTouchTextbox {
		margin: 0 0 5px 0;
		padding: 0 0 0 5px;
		font: 10px Verdana, arial, sans-serif;
		background-image: url(../images/textBoxBg.gif);
		background-repeat: repeat-x;
		border: 1px #9f2a2d solid;
		color: #87827f;
		width: 138px;
		height: 15px;
}

.getInTouchTextArea {
		font: 10px Verdana, arial, sans-serif;
		background-image:url(../images/textBoxBg.gif);
		background-repeat:repeat-x;
		border: 1px #9f2a2d solid;
		width: 138px;
		height:50px;
		color: #383b7f;
}

/* ============================================================
How We Can Help footer thing - _howCanWeHelp.asp
============================================================ */

.howCanWeHelp h2 {
		display: block;
		float: left;
		width: 579px;
		height: 23px;
		background-color: #342528;
		color: #ffffff;
		margin: 0px;
		padding: 5px 0px 0px 15px;
		font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
		font-size: 15px;
}

.howCanWeHelpContent {
		display: block;
		float: left;
		width: 186px;
		padding: 0px;
		margin: 10px 0px 10px 0px;
		padding: 0px;
}

.howCanWeHelpContentImage {
		padding: 0px 0px 10px 0px;
		margin: 0px 0px 10px 0px;
		border-bottom: 4px solid #cccdcf;
}

.howCanWeHelpContentText {
		padding: 0px 30px 0px 15px;
		margin: 0 0 0 0;
		border-right:1px dashed #cccdcf;
		height:110px;
}
.howCanWeHelpContentText p {
		padding-bottom:0;
}

/* ============================================================
Automotive/Key Systems footer thing - _automotiveKeySystems.asp
============================================================ */

.layout_automotivekeysystems_content_left, .layout_automotivekeysystems_content_right  { 		
		display: block;
		float: left;
		width: 275px;
		height: 220px;
		margin: 0px;
		padding: 15px 10px 15px 10px;
		line-height: 1.6em; 
}

.layout_automotivekeysystems_content_left p, .layout_automotivekeysystems_content_right p { display: block; float: none; }

/* ==============================
Homepage Layout - index.asp
============================== */

/* This layout_container div is used for every layout */
#layout_container {
		display: block;
		float: right;
		width: 594px;
		margin: 0px;
		padding: 0px;
		text-align: left;
}

/* Only the right hand column is different on the homepage, so we just style up the content and use the two column layout below for everything else */
#layout_homepage_content_right {
		display: block;
		float: left;
		width: 275px;
		margin: 0px;
		padding: 15px 10px 15px 10px;
		line-height: 1.8em;
}

#layout_homepage_content_right ul { display: block; float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
#layout_homepage_content_right ul li a { display: block; color: #000265; width: 235px; text-align: left; font-size: 10px; font-weight: bold; padding: 10px 30px 10px 10px; margin: 0px; text-decoration: none; background: url("../images/bulletDropDown.png") no-repeat 255px center; background-color:#eaeaf4; line-height: normal; }
#layout_homepage_content_right ul li a.blogChange { background-color: #ffffff; }
#layout_homepage_content_right a.blogChange:link, #layout_homepage_content_right a.blogChange:visited, #layout_homepage_content_right a.blogChange:active {	color: #000265;	text-decoration: none; }
#layout_homepage_content_right ul li a.blogChange:hover { background-color: #c1c2e0; }
#layout_homepage_content_right a:link, #layout_homepage_content_right a:visited, #layout_homepage_content_right a:active {	color: #000265;	text-decoration: none; }
#layout_homepage_content_right ul li a:hover { background-color:#c1c2e0; }

.layout_homepage_content {
		display: block;
		float: left;
		width: 574px;
		margin: 0px;
		padding: 15px 10px 15px 10px;
		line-height: 1.8em;
}

.layout_homepage_content ul { display: block; float: left; width: 280px; margin: 0px; padding: 0px; list-style: none; }
.layout_homepage_content ul li { text-align: left; margin: 0px; padding: 10px 10px 10px 30px;	background: url("../images/bullet.png") no-repeat 10px 11px; line-height:normal; font-size: 10px; font-weight: bold; color:#7a2e3b; }
.layout_homepage_content ul li.changeBackground { background-color: #fdebec; }

/* ==============================
News Page Layout - news.asp
============================== */

#news_back { display: block; float: right; margin: 0px; padding: 0px; }

/* ==================================
Downloads Page Layout - downloads.asp
================================== */

.downloads th {
		background-color:#e49c9e;
		color: #7a2e3b;
		font-weight:bold;
		font-size:13px;
		text-align:left;
}

.downloads tr.changeBackground {
		background-color: #fdebec;
}

/* ==============================
One Column Layout - pages.asp
============================== */

#layout_onecolumn h2 {
		display: block;
		float: left;
		width: 579px;
		height: 23px;
		background-color: #342528;
		color: #ffffff;
		margin: 0px;
		padding: 5px 0px 0px 15px;
		font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif;
		font-size: 15px;
}

.layout_onecolumn_content {
		display: block;
		float: left;
		width: 574px;
		margin: 0px;
		padding: 15px 10px 15px 10px;
		line-height: 1.8em;
}

.layout_onecolumn_content h2 { width: 559px !important; }
.layout_onecolumn_content h4 { margin: 0px;	padding: 0px 0px 15px 0px; color:#7a2e3b; }
.layout_onecolumn_content img { margin: 10px; padding: 0px; }
.layout_onecolumn_content p { margin: 0px 0px 10px 0px; padding: 0px; }
.layout_onecolumn_content ul { margin: 0px 0px 10px 0px; padding: 0px; list-style: none; }
.layout_onecolumn_content ul li { text-align: left; margin: 0px; padding: 5px 5px 5px 25px;	background: url("../images/bullet.png") no-repeat 5px 6px; line-height:normal; font-size: 10px; font-weight: bold; color:#7a2e3b; }
.layout_onecolumn_content ul li.changeBackground { background-color: #fdebec; }

/* ==============================
Two Column Layout - features.asp
============================== */

.layout_twocolumn_left {
		display: block;
		float: left;
		width: 295px;
		margin: 0px;
		padding: 0px;
}

.layout_twocolumn_right {
		display: block;
		float: right;
		width: 295px;
		margin: 0px;
		padding: 0px;
}

.layout_twocolumn_left h2, .layout_twocolumn_right h2 { display: block; float: left; width: 280px; height: 23px; background-color: #342528;	color: #ffffff;	margin: 0px; padding: 5px 0px 0px 15px;	font-family: Lucida Sans, Arial, Verdana, Helvetica, sans-serif; font-size: 15px; }

.layout_twocolumn_content_left, .layout_twocolumn_content_right  {
		display: block;
		float: left;
		width: 275px;
		margin: 0px;
		padding: 15px 10px 15px 10px;
		line-height: 1.8em;
}

.layout_twocolumn_content_left h4, .layout_twocolumn_content_right h4 { margin: 0px;	padding: 0px 0px 15px 0px; color:#7a2e3b; }
.layout_twocolumn_content_left p, .layout_twocolumn_content_right p { display: block; float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px; }
.layout_twocolumn_content_left ul, .layout_twocolumn_content_right ul { display: block; float: left; width: 100%; margin: 0px 0px 10px 0px; padding: 0px; list-style: none; } 
.layout_twocolumn_content_left ul li, .layout_twocolumn_content_right ul li { text-align: left; margin: 0px; padding: 5px 5px 5px 25px;	background: url("../images/bullet.png") no-repeat 5px 6px; line-height:normal; color:#7a2e3b; }
.layout_twocolumn_content_right ul li { font-weight: bold; }
.layout_twocolumn_content_left ul li.changeBackground, .layout_twocolumn_content_right ul li.changeBackground { background-color: #fdebec; }

/* ==============================
Search Page
============================== */

.search_results_container {
        display: block;
        float: left;
        width: 100%;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
        border-bottom: 1px solid #aeaeae;
}

.homepagebox_borderbottom {
	width:182px;
	padding:0;
	margin:0 0 0 0;
	border-bottom:4px solid #cccdcf;
	font-size:0px;
}

.websiteInABox {
	margin: 0 0 0 0;
	padding: 15px 10px 15px 10px;
	width: 574px;
	line-height:18px;
}
.websiteInABox h1 {
	margin:0;
	padding:15px 0 15px 0;
	color:#342528;
	font-weight:bold;
	font-size:12px;
	clear:both;
	
}
.websiteInABox h4,h3,h2 {
	margin: 0 0 0 0;
	padding: 0 0 15px 0;
	color:#7a2e3b;
	font-size:11px;
	clear:both;
}
.websiteInABox ul {
	padding:0 0 10px 0;
	margin:0;
	list-style: none;
	float:left;
	width:574px;
	clear:both;
}
.websiteInABox ul li {
	text-align: left;
	margin:0 0 5px 0;
	padding: 5px 5px 5px 25px;
	background: url(../images/bullet.png) no-repeat 5px 7px;
	background-repeat:no-repeat;
	line-height:normal;
	font-weight:bold;
	color:#7a2e3b;
	font-size:10px;
}
* + html .websiteInABox ul li { 	/* this gets rid of the padding top issue in the li on ie7 */ 
	padding: 1px 5px 5px 25px;
}
* html div .websiteInABox ul li { 	/* this gets rid of the padding top issue in the li on ie6 */ 
	padding: 1px 5px 5px 25px;
}

.websiteInABox ul li.changeBackground {
	background-color:#fdebec
}

/* =-=-=-=-=-=-=-[homepage middle end]-=-=-=-=-=-=-=- */

/* =-=-=-=-=-=-=-[footer]-=-=-=-=-=-=-=- */
#footer {
	margin: 0 0 0 0;
	background-image:url(../images/footer_shim.gif);
	color:#FFF;
	clear: both;
	text-align: center;
	padding-top:13px;
	font-size:10px;
	height: 37px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
}
/* =-=-=-=-=-=-=-[footer finish]-=-=-=-=-=-=-=- */