/* *** This is internal css for Used Car Depot*/
:focus {
outline: 0;
} 

body{
font-family:Arial, Helvetica, sans-serif; 
font-size:.8em; 
color:#000000; 
margin:10px 0 10px 0;
padding:0px 0 0 0;
background:#5A5A5A;
text-align:center;
}



#pagewidth{
position:relative;
width:850px;
min-height:600px;
height: auto;
margin:0px auto;
padding:0 0px 0 0;
text-align:left;
background:#ffffff;
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/side_bar_chunk.png");
	background-repeat: repeat-y;
}

/* Corners */
.curvy {position:relative; width:850px; background:#000000; color:#000; margin:0em auto;}
#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#000000; background:#5A5A5A; overflow:hidden; font-style:normal; z-index:1;}
#ctl {top:0; left:0;}
#ctr {top:0; right:0;}
#cbr {bottom:0; right:0;}
#cbl {bottom:0; left:0;}
.curvy em b {position:absolute; font-size:150px; font-family:arial; color:#000000; line-height:40px; font-weight:normal;}
#ctl b {left:-8px;}
#ctr b {left:-25px;}
#cbl b {left:-8px; top:-17px;}
#cbr b {left:-25px; top:-17px;}
.curvy p {position:relative; z-index:100; padding:5px 10px;}
/* End corners */

.search_results
{
	width:98%;
	height: 100px;
}

.result_row_0 { 
	background-color: #e3e3e3; 
}

.result_row_1	{ 
	background-color: #f2f2f2;
}

.view_users { width:95%; }


.img {border: 0px;}

a:focus{
outline:0;
width:0; 
height:0;
-moz-outline:none;
 }

td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

input, select, form {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:10px;
}

img {	border: 0px;}


#header{
	width:850px;
	background-color:#000000;
	height:173px;
	background-repeat: repeat-x;
	/*clear:navcontainer;*/
	clear:left;
	}

.logo{
	position:absolute;
	left:520px;
	top:5px;
	}
	
.name{
	position:absolute;
	left:10px;
	top:15px;
	}

.name a:focus {
width:0; 
height:0;
outline:0
-moz-outline:none;
}

	.slogan1 {
	text-align:left;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color:#cccccc;
	height: 22px;
	position:absolute;
	left:80px;
	top:120px;
	}
	
	.slogan1b {
	text-align:left;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color:#cccccc;
	height: 22px;
	position:absolute;
	left:152px;
	top:120px;
	}
	
.slogan2 {
	text-align:left;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#cccccc;
	height: 18px;
	position:absolute;
	left:170px;
	top:120px;
}
	
	.slogan2b {
	text-align:left;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	color:#cccccc;
	height: 22px;
	position:absolute;
	left:270px;
	top:120px;
	}
	
.slogan3 {
	text-align:left;
	font-family: Lucida Console, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 22px;
	font-weight: normal;
	color:#cccccc;
	height: 18px;
	position:absolute;
	left:290px;
	top:120px;
}
	
.slogan4 {
	text-align:left;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: normal;
	color:#cccccc;
	height: 18px;
	position:absolute;
	left:185px;
	top:60px;
}

#header a, a:link, a:visited {
	text-decoration: none;
	font-size: 20px;
	FONT-weight: bold;
	font-family: Lucida Console, Haettenschweiler, tahoma, Arial, Verdana, Helvetica, sans-serif;
	color: #cccccc;
 }
 
#header a:hover {
	text-decoration: underline;
	}
	
#header a:focus{
width:0; 
height:0;
outline:0;
-moz-outline:none;
}

.slogan ul {
list-style-image: url("http://www.usedcardepot.ca/template/UsedCars/images/list.png");
}

.slogan ul li {

 list-style-image: url("http://www.usedcardepot.ca/template/UsedCars/images/list.png");
list-style-type: circle
}

.time_date {
	text-align:right;
	font-size: 11px;
	padding-right: 10px;
	height: 18px;
	color:#000000;
}

.logo h1{
	font-size: 44px;
	color:blue;
	float: right;
	vertical-align: text-bottom;
}


#header .content{
	padding-bottom:0;
}

 /*printer styles*/
@media print{
	/*hide the left column when printing*/
	#leftcol{display:none;}
	#outer{border-left:0;}
}

#navcontainer {
	width: 178px;
	/* ******************modify here ************************* */
	height: 100%;
	min-height: 100%;
	float: left;
	margin-left: 0px;
	position: relative;
	background-color:#ffffff;
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/side_bar_chunk.png");
	background-repeat: repeat-y;
	}

#navcontainer ul{
	margin-left: 0px;
	padding-left: 0px;
	border-top:0px solid #000000;
	border-bottom:1px solid #000000;
	list-style: none; 
	text-indent: 20px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align:left;
	font-size: 22px;
	color: #000000;
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/side_bar_chunk.png");
	background-repeat: repeat-y;
	}

#navcontainer a,  #navlist a, #navlist a:visited{
	display: block;
	width: 178px;
	height: 33px;
	padding-top: 0px;
	/* spacer */
	margin-top: 0px;
	/* spacer end  - match with hover */
	font-size: 14px;
	font-weight: normal;
	vertical-align: top;
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/active_button.png");
	background-repeat: repeat-x;
	line-height: 2em;
	color: #FFFFFF;
	text-decoration: none;
	}


#navlist a:hover {
	height: 33px;
	line-height: 2em;
	padding-top: 0px;
	/* spacer */
	margin-top: 0px;
	/* spacer end  - match with active*/
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/hoover_button.png");
	background-repeat: repeat-x;
	color: #cccccc;
	}

#navlist a:active {
	height: 33px;
	line-height: 2em;
	padding-top: 0px;
	/* spacer */
	margin-top: 0px;
	/* spacer end  - match with active*/
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/hoover_button.png");
	background-repeat: repeat-x;
	color: #cccccc;
	}

#maincol{
	margin-left:182px;
	min-height:400px;
	height: auto;
	padding-left: 20px;
	padding-right: 20px;
	position: relative;
	background-color: white;
	color: #000000;
}

.img {	border: 0px;}

#maincol .content a, a:link, a:visited
{
	color: blue;
	text-decoration: underline;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

.page_display {
	color: black;
	font-family: tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	position:relative;
	width:620px;
	margin-left: 0px;
	margin-right: 0px;
}

.page_display h2{
margin-bottom: 0px;
}


.page_display td a, td a:visited{
	color: blue;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}

.page_display td{
	color: black;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	margin-left: 0px;
	margin-right: 0px;
}

.page_display a, a:link, a:visited{
	color: blue;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	text-decoration: underline;
}

.page_display img {	border: 0px;}

/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */
table.page_display
{
	border: 3px;
  	color: #000000;
	text-decoration: none;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

td.page_display
{
	width: 850px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	vertical-align: top;
	color: #000000;
	text-decoration: none;	
	font-size:12px;
}

table.page_display a, a:visited
{
	border: 3px;
  	color: blue;
	text-decoration: underline;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
}

/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */
table.admin_main
{
	border: 3px;
	width: 100%;
}

td.admin_main
{
	width: 100%;
	vertical-align: top;
}

/* THIS CONTROLS THE ROW COLORS */
td.row1_0	{ background-color: #009900; }
td.row2_0	{ background-color: #CCFFCC; }
td.row3_0	{ background-color: #99CC99; }

.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}

/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */
.browse_tool_table {
	background-color: white;
	width:99%;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	color: black;
}
.browse_tool {
	background-color: white;
	font-size: 11px;
	text-decoration: none;
	text-align: left;
	color: black;
}
.browse_tool_num {
	color: #336699;
}
.browse_tool_button A {
	background-color: silver;
	font-size: 10px;
	line-height: 10px;
	text-align: center;
	BORDER-COLOR: #000000;
   	BORDER-STYLE: outset;
 	BORDER-WIDTH: 2px;
	font-weight: bold;
	text-decoration: none;
	text-align: left;
	color: #000000;
	width: 102px;
	height: 18px;
	display: block;
}
.browse_tool_button A:visited {
	color: #000000;
	background-color: silver;
}
.browse_tool_button A:hover {
	color: #FFFFFF;
	BORDER-STYLE: inset;
	width: 102px;
	height: 18px;
}
.browse_tool_ghost {
	font-size: 10px;
	line-height: 10px;
	color: #aaaaaa;
	text-decoration: none;
	text-align: left;
}
.browse_tool_curpage {
	BACKGROUND-COLOR: #132975;
	color: #FFFFFF;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}
.bt_pages {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	BACKGROUND-COLOR: #D1DEE9;
	text-decoration: none;
	text-align: left;
	font-size: 10px;
	vertical-align: middle;
	color:	#000000;
}
bt_pages_ghost{
	color:	#aaaaaa;
	text-decoration: none;
	text-align: left;
}
A.bt_pages{
	color:	#000000;
	width: 24px;
	height: 20px;
	display: block;
	text-align: center;
}
A.bt_pages:visited{
	color: #000000;
	background-color: silver;
}
A.bt_pages:hover{
	color:#FFFFFF;
	background: #132975;
}
/* LISTING PAGE DETAILS 'listing_next_prev'  */
.next_prev_listing { margin: 2em 0 2em 3em;  border: 1px solid #a9a9a9; width: 40em; text-align: center; }
.next_prev_listing ul { margin: 1.5em auto; }
.next_prev_listing li { display: inline; padding: .5em 1em; list-style-type: none; }
.count, .listing_xy { width: 100%; background-color: #dcdcdc; clear: both; padding: .5em 0; }
.slideshow_img {
float: left;
width: 100%;
text-align:center;
}
.slideshow_links {
float: left;
width: 100%;
text-align:center;
}

.scrollClass {
    text-align:center;
    font:normal 80% Arial,sans-serif;
	font-size:22px;
	color:#A2064D;

   }
.clearfix {display: inline-table;}

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

#footer{
	/*clear: navcontainer;*/
	clear:both;
	height:130px;
	color: #cccccc;
	font-size: 8pt;
	padding-left: 20px;
	bottom: 0px;
	right: 0px;
	background: black;
}

.faddress {
	font-size: 10pt;
	bottom: 5px;
	right: 5px;
	font-weight: bold;
	}
	
#footer a, a:hover, a:visited{
	font-size: 8pt;
	color: #cccccc;
	text-decoration: underline;
	}

ul#navlist li a.active {
	background-image: url("http://www.usedcardepot.ca/template/UsedCars/images/hoover_button.png");
	background-repeat: repeat-x;
	color: #cccccc;
}