
/********************************************
 *
 * CARSEARCH HEADER
 *
 *******************************************/
 
body {
	text-align				: left;	
}

.printable_wrapper {
	width					: 630px;  /* 680 */
}
 
.printContainer {
	width					: 600px;	/* 650 */
	/*border-right			: 30px solid #DADBDF;*/
	float					: left;
}

.border_right {
	float					: left;
	margin					: 0px;
	padding:				: 0px;
}
 
.printHeader {
	width					: 565px; /*650  */
	margin-bottom			: 0px;	
}

.printHeader .headerContainer {
	width					: 100%;
	height					: 90px;
	background-color		: #DADBDF;
}

.printHeader .headerContainer .headerLogo {
	float					: left;	
}

.printHeader .headerContainer .headerLogo .arc {
	width					: 20px;
	background-image		: url(../images/arcedcorner.gif);
	float					: right;
	margin					: 0px;
	padding					: 0px;
	height					: 110px;
}

.printHeader .headerContainer .headerLogo img {
	float					: left;	
}

.printHeader .brandLogo {
	float					: left;
	margin					: 0px;
	padding					: 0px;
}

.printHeader .headerText {
	margin-bottom			: 0px;
	padding-top				: 30px;
	background-color		: white;
	padding-bottom			: 30px;	
	width					: 565px;
	text-align				: center;	
}

.printHeader .headerText h1 {
	font-size				: 14pt;		
	border					: 0px;
	color					: #646464;
}

.printHeader .printLocation {
	float					: left;
	height					: 90px;
	margin-left				: 135px;
	
}

.printHeader .printLocation h2 {
	font-size				: 12pt;
	color					: #646464;
	text-align				: center;
	margin-top				: 45px;
}


.printable  {
	margin-top				: 0px;
	padding-top				: 0px;
}

.printable .pageTable {
	width					: 565; /* 650	*/
}

.printable .pageTable .pageContainer {
	width 					: 565px;	
}



.campaignsBoxBorder {
	width					: 352px;
	height					: 47px;
	border					: 1px solid #cccccc;
	padding					: 4px;
	margin-bottom			: 4px;
}

.campaignsBoxContent {
	width					: 332px;
	height					: 27px;
	background-color		: #DDDDDD;
	padding					: 10px;
	text-align				: center;
}

.campaignsBoxContent a {
	font-size				: 16pt;
	font-weight				: bold;
	text-decoration			: none;
	margin					: 0px;
	padding					: 10px 0 0 0;
	color					: #FF0000;
}

.carSearchBoxBorder {
	width					: 352px;
	height					: 120px;
	border					: 1px solid #cccccc;
	padding					: 4px;
}

.carSearchBoxContent {
	width					: 332px;
	height					: 100px;
	background-color		: #DDDDDD;
	padding					: 10px;
}

.carSearchBoxContent h2 {
	font-size				: 20pt;
	font-weight				: bold;
	text-transform			: uppercase;
	margin					: 0px;
	padding					: 10px 0 0 0;
	color					: #FF0000;
}

.carSearchBoxContent p {
	font-size				: 12pt;
	font-weight				: bold;
	margin					: 0px;
	padding					: 0px 0px 0px 55px;
	color					: #000000;
}

.carSearchBoxContent a {
	font-size				: 10pt;
	margin					: 0px;
	padding					: 0px 0px 0px 80px;
	color					: #000000;
	text-decoration			: underline;
	cursor					: pointer;
}

#carSearchBox {
	padding-top: 0px;
	margin:0;
}


.searchBarBorder{
	width					: 675px;;
	clear					: both;
	padding					: 4px;
	margin-bottom			: 10px;
	border					: 1px solid #CCCCCC;
}

.searchBarArea{
	background-color		: white;
	clear					: both;
}

.searchItem {
	font-size				: 9px;
	text-align				: left;
	float					: left;
	clear					: bottom;
}

.searchItem h2 {
	font-size				: 9px;
	font-weight				: bold;
	text-align				: left;
}

.searchBarArea .selectElement {
	display					: block;
	width					: 75px;
	height					: 8px;
	padding					: 1px;
	margin					: 1px;
    color					: black;
    text-decoration			: none;
    background-color		: rgb( 245, 245, 245);
    border-width			: 1px;
    border-style			: solid;
    border-color			: rgb( 250, 250, 250);
    border-right-color		: rgb( 180, 180, 180);
    border-bottom-color		: rgb( 180, 180, 180);
}

.searchBarArea .selectElementSelected {
	display					: block;
	width					: 75px;
	height					: 8px;
	padding					: 1px;
	margin					: 1px;
    color					: white;
    text-decoration			: none;
    background-color		: rgb( 210,  30,  30);
    border-width			: 1px;
    border-style			: solid;
    border-color			: rgb( 255, 100, 100);
    border-right-color		: rgb( 150,   0,   0);
    border-bottom-color		: rgb( 150,   0,   0);
}

.searchBarArea .selectElementHover {
	display					: block;
	width					: 75px;
	height					: 8px;
	padding					: 1px;
	margin					: 1px;
    color					: black;
    text-decoration			: none;
    background-color		: rgb( 240, 100, 100);
    border-width			: 1px;
    border-style			: solid;
    border-color			: rgb( 255, 200, 200);
    border-right-color		: rgb( 200, 100, 100);
    border-bottom-color		: rgb( 200, 100, 100);
}

.navigator {
	clear					: both;
}

.navigator .prevNext {
	float					: right;
}

.navigator .paging {
	float					: left;
}

.carSearchResults .car {
	width					: 675px;
	clear					: both;
	padding					: 4px;
	border					: 1px solid #CCCCCC;
}

.carSearchResults .car table {
	width					: 100%;
}

.carSearchResults .car thead td {
	font-size				: 10pt;
	font-weight				: bold;
	margin					: 0px;
	padding					: 0px;	
}

.carSearchResults .car tbody td {
	font-size				: 10pt;
	font-weight				: normal;
	border-color			: rgb( 220, 220, 220);
	border-width			: 0px;
	border-bottom-width		: 1px;
	border-style			: solid;
	margin					: 0px;
	padding					: 0px;
}

.carSearchResults .car tbody .odd {
	background-color		: rgb( 240, 240, 240);
	cursor					: pointer;
}

.carSearchResults .car tbody .even {
	background-color		: white;
	cursor					: pointer;
}

.carSearchResults .car tbody .oddActive {
	/*background-color		: rgb( 250, 240, 215);*/
    color					: white;
    text-decoration			: none;
    background-color		: rgb( 210,  30,  30);
    border-width			: 1px;
    border-style			: solid;
    border-color			: #BBBBBB;
	cursor					: pointer;
}

.carSearchResults .car tbody .evenActive {
    color					: white;
    text-decoration			: none;
    background-color		: rgb( 210,  30,  30);
    border-width			: 1px;
    border-style			: solid;
    border-color			: #BBBBBB;
	cursor					: pointer;
}

.carSearchResults a {
	font-size				: 8pt;
	font-weight				: normal;
	color					: #FF0000;
	text-decoration			: underline;
	cursor					: pointer;
}

.carSearchResults .inactive {
	font-size				: 8pt;
	font-weight				: normal;
	color					: #CCCCCC;
	text-decoration			: none;
}

.carImages {
	float					: right;
	width					: 415px;
}

.carImages img {
	cursor	:	pointer;
}

.carImages ul {
	float	:	right;
	padding	:	0px;
	margin	:	0px;
	list-style	:	none;
}

.carImages ul li {
	padding		:	0px;
	float		:	left;
	width		:	135px;
	height		:	95px;
	overflow	:	hidden;
	margin		:	1px;
}

.carImages ul li img {
	width:132px; cursor:pointer; border:1px solid #000;
}

.floatingImage {
/*
	position				: absolute;
	top						: 500px;
*/
	display					: none;

	width					: 699px;

	padding					: 10px;
	margin-left				: 0px;

	background-color		: #FFFFFF;
	border-color			: #BBBBBB;
	border-style			: solid;
	border-width			: 1px;

	z-index					: 100;

	clear					: both;
}

.floatingImage .imageContainer {
	width					: 693px;
}

.floatingImage .controlPanel {
	float					: left;
}

.floatingImage .windowButtons {
	float					: right;
}

.floatingImage img {
	border-width			: 0px;
}

.floatingImage .image {
	width					: 693px;
	border-color			: black;
	border-style			: solid;
	border-width			: 1px;
	z-index			    	: 100;
}

.carSearchResults form, input, select {
	font-size				: 13px;
	padding:2px;
}

.carSearchResults textarea {
	font-size				: 11px;
}


