/* ---------------------------------- Global Resets ---------------------------------- */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-weight: inherit;

	font-style: inherit;

	font-size: 100%;

	font-family: inherit;

}

/* remember to define focus styles! */

:focus {

	outline: 0;

}

body {

	line-height: 1.25;

	color: black;

	background: white;

}

ol, ul {

	list-style: none;

}

/* tables still need 'cellspacing="0"' in the markup */

table {

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	text-align: left;

	font-weight: normal;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: "";

}

blockquote, q {

	quotes: "" "";

}







/* ---------------------------------- Styles ---------------------------------- */



body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	color: #FFFFFF;

	background-color:#000000;

	background-image: url(images/background.png);

}



p {

	margin: 0 0 12px 0;

}



h1 {

	font-size:32px;

	margin: 0 0 12px 0;

}



h2 {

	font-size:14px;

	font-weight: bold;

	margin: 12px 0 5px 0;

}



a {

	color: #3F89FF;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}







/* ---------------------- Header ---------------------- */



#header {

	width: 1000px;

	margin: 10px auto 0 auto;

}



#mainLogo {

	text-align: center;

	margin: 20px 0 0 0;

}



#mainNav {

	font-size:14px;

	height: 40px;

	margin: 35px 0 0 0;

}



#mainNav ul {

	float: right;

	margin: 0 10px 0 0;

}



#mainNav li {

	text-align: center;

	width: 100px;

	height: 40px;

	float: left;

}



#mainNav a {

	text-decoration: none;

	width: 100px;

	height: 27px;

	padding: 13px 0 0 0;

	display: block;

	color: #FFFFFF;

}

#mainNav a:hover {

	text-decoration: underline;

}



.onPage a {

	background: url(images/mainNavBackground_hover.png);

}







/* ---------------------- Photo Turner ---------------------- */



#photoTurner {

	width: 1000px;

	height: 170px;

	margin: 0 auto 10px auto;

	background: url(images/photoTurnerBackground.png);

}







/* ---------------------- Content ---------------------- */



#content {

	width: 1000px;
	
	min-height: 125px;

	margin: 0 auto 0 auto;

	background: url(images/contentBackground_bottom.png) bottom;

}



#mainContent {

	padding: 25px 25px 55px 25px;

	background: url(images/contentBackground_top.png) no-repeat top;

}



.pagePic {

	padding: 10px;

	margin: 0 0 10px 0;

	background: #101010;

}







/* ---------------------- Contact ---------------------- */



.contactTable td {

	padding: 5px 0 0 0;

}







/* ---------------------- Inventory ---------------------- */


#disclaimer { 
position: absolute;
margin-left: 275px;
margin-top: 18px;

}

#carfaxLogo { 
padding-right: 10px;
}

.carsInventory {

	width: 100%;

	margin: -10px 0 0 0;

}



.carsInventory td {

	padding: 10px;

	background: #101010;

	border: 2px solid #080808;

}



.carsInventory th {

	width: 50%;

	padding: 10px;

	background: #101010;

	border: 2px solid #080808;
	
	vertical-align: top;

}



.carsInventory h1 {

	font-size: 20px;
	
	margin: 0;

}



.carsInventory p {

	margin: 5px 0 0 0;

}



.carDetailsTable {
	border: none;
}

.carDetailsTable td {
	border: none;
	padding: 0 5px 0 5px;
	vertical-align: middle;
}

.carDetailsTable td h2 {
	margin: 5px 0 5px 0;
}


.carPhoto {

	max-width: 150px;

	max-height: 150px;

	padding: 10px;

	background: #101010;

}



.loginPageTable {

	width: 100%;

}



.loginPageTable th {

	width: 50%;

	padding: 0;

	vertical-align: top;

}



.loginPageTable td {

	width: 50%;

	padding: 0 0 0 25px;

	border-left: 2px solid #1b1b1b;

	vertical-align: top;

}



.loginTable td {

	border: none;

	vertical-align: top;

}



.loginTable th {

	padding: 5px;

	vertical-align: middle;

}



.loginTable td input {

	width: 150px;

}



.loginButton {

	width: 70px;

	height: 0px !important;

	margin: 10px auto 0 auto;

	padding: 0 0 25px 0;

	display: block;

	overflow: hidden;

	background: url(images/loginBackground.png) top;

}

.loginButton:hover {

	background-position: bottom;

	text-decoration: none;

}



.submitButton {

	width: 70px;

	height: 0px !important;

	margin: 10px auto 0 auto;

	padding: 0 0 25px 0;

	display: block;

	overflow: hidden;

	background: url(images/submitBackground.png) top;

}

.submitButton:hover {

	background-position: bottom;

	text-decoration: none;

}





/* ---------------------- Inventory Details ---------------------- */



.carsInventoryDetails {

	width: 99%;

	margin: -10px 0 0 0;

}



.carPhotoDetails {

	max-width: 400px;

	max-height: 400px;

	padding: 10px;

	background: #101010;

}



.carsInventoryPhotoThumbs {

	margin: -5px 0 0 0;

	padding: 0 5px 5px 5px;

	background: #101010;

}



.carsInventoryPhotoThumbs td {

	min-width: 72px;

}



.carPhotoThumb {

	max-width: 72px;

	max-height: 72px;

	padding: 5px;

}



.carSpecs {

	width: 99%;	

	background: #101010;

}



.carSpecs td {

	padding: 3px 10px 3px 10px;

	border-bottom: 2px solid #080808;

}



.carSpecs tr td table tr {

	vertical-align: top;

}







/* ---------------------- Car Requests ---------------------- */



.carRequestTable {

	width: 100%;

	background: #101010;

}



.carRequestTable td {

	padding: 3px 10px 3px 10px;

	border-left: 1px solid #080808;

	border-right: 1px solid #080808;

	border-bottom: 1px solid #080808;

}



.carRequestTable th {

	padding: 3px 10px 3px 10px;

	border-bottom: 2px solid #080808;

}







/* ---------------------- Footer ---------------------- */



#footer {

	width: 1000px;

	margin: 10px auto 20px auto;

	color: #CCCCCC;

}



#footer a {

	text-decoration: none;

	color: #FFFFFF;

}

#footer a:hover {

	text-decoration: underline;

}



.LanguageBox {

font-family: Arial;

font-size: 10px;

margin: 4px 0 0 20px;

float: right;

}



#footer img {

	margin: 0 2px 0 2px;

}







/* ---------------------- Backend Inventory ---------------------- */



.backendCar {

	width: 150px;

	text-align: center;

}



.backendCar img {

	width: 150px;

	padding: 10px;

	background: #101010;

}



.backendCar p {

	width: 150px;
	
	margin: 0 0 0 10px;
	
}



.backendEditDetailsText {

	position: absolute;

	width: 170px;

	margin: 170px 0 0 -10px;

}







/* ---------------------- Backend Users ---------------------- */



.usersTable {

	width: 100%;

	background: #101010;

}



.usersTable td {

	padding: 3px 10px 3px 10px;

	border-bottom: 2px solid #080808;

}



.usersTable th {

	padding: 0;

	background: #080808;

}



.usersTable table {

	border-bottom: 2px solid #080808;

}



.usersTable a {

	cursor: pointer;

}



.userInfoTable {

	width: 100%;

	display: none;

	background: #101010;

}



.userInfoTable td {

	padding: 3px 10px 3px 10px;

	border: none;

	vertical-align: top;

}





/* ---------------------- Backend Buttons ---------------------- */



.carsInventoryPhotoThumbsControls {

	position: absolute;

	width: 72px;

	margin: -20px 5px 0 5px;

	text-align: center;

}



.readMoreButton {

	position: absolute;

}



.readMoreButton a {

	width: 20px;

	height: 20px;

	display: block;

	background: url(images/readMoreBackground.png) top;

}

.readMoreButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.addCarButton {

	float: right;

}



.addCarButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/addCarBackground.png) top;

}

.addCarButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.primaryButton {

	position: absolute;

	margin: 5px 0 0 5px;

}



.primaryButton a {

	width: 20px;

	height: 20px;

	display: block;

	background: url(images/primaryBackground.png) top;

}

.primaryButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.leftButton {

	position: absolute;

	margin: 5px 0 0 5px;

}



.leftButton a {

	width: 20px;

	height: 20px;

	display: block;

	background: url(images/leftBackground.png) top;

}

.leftButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.rightButton {

	position: absolute;

	margin: 5px 0 0 55px;

}



.rightButton a {

	width: 20px;

	height: 20px;

	display: block;

	background: url(images/rightBackground.png) top;

}

.rightButton a:hover {

	background-position: bottom;

	text-decoration: none;

}

.soldCar  {

	width: 327px;

	height: 166px;

	position: absolute;
	display: block;

	background: url(images/soldCar.png) top;

}

.soldCarList  {

	width: 183px;

	height: 93px;

	position: absolute;
	display: block;

	background: url(images/soldCarSmall.png) top;

}

.soldCarBackend  {

	width: 68px;

	height: 35px;

	position: absolute;
	display: block;

	background: url(images/soldCarSmaller.png) top;

}



div.deleteButton {

	position: absolute;

	margin: 5px 0 0 30px;

}



.backendCar div.deleteButton {

	margin: 10px 0 0 10px;

}



.deleteButton a {

	width: 20px;

	height: 20px;

	display: block;

	background: url(images/deleteBackground.png) top;

}

.deleteButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.addImageButton {

	margin: 10px 5px 0 5px;

}



.addImageButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/addImageBackground.png) top;

}

.addImageButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.addSpecButton {

	margin: 10px 0 10px 0;

}



.addSpecButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/addSpecBackground.png) top;

}

.addSpecButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.deleteCarButton {

	margin: 10px 0 10px 0;

}



.deleteCarButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/deleteCarBackground.png) top;

}

.deleteCarButton  a:hover {

	background-position: bottom;

	text-decoration: none;

}



.goBackButton {

	position: absolute;

	margin: 10px 0 0 80px;

}



.goBackButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/goBackBackground.png) top;

}

.goBackButton a:hover {

	background-position: bottom;

	text-decoration: none;

}


.printButton {

	position: absolute;

	margin: 10px 0 0 80px;

}



.printButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/printBackground.png) top;

}

.printButton a:hover {

	background-position: bottom;

	text-decoration: none;

}








.addUserButton {

	margin: 10px 0 10px 0;

}



.addUserButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/addUserBackground.png) top;

}

.addUserButton a:hover {

	background-position: bottom;

	text-decoration: none;

}



.syncCarsButton {

	float: right;

}



.syncCarsButton a {

	width: 70px;

	height: 25px;

	display: block;

	background: url(images/syncCarsBackground.png) top;

}

.syncCarsButton a:hover {

	background-position: bottom;

	text-decoration: none;

}







/* ---------------------- Backend User Logs ---------------------- */



.userLogsTable {

	width: 100%;

	margin: 0 0 10px 0;
	
	

}



.userLogsTable th {

	text-align: right;

	width: 150px;

	border-right: 2px solid #1b1b1b;
	
	padding: 5px;
	
	padding-right: 12px;
	
	background: #101010;
	
	border-bottom: 2px solid #000;
	
	

}



.userLogsTable td {

	padding: 0 0 0 15px;

	vertical-align: middle;
	
	background: #101010;
	
	border-bottom: 2px solid #000;
	
	

}







/* ---------------------- Backend Edit Container ---------------------- */



#editContainer {

	margin: 10px;

	padding: 10px;

	background: #101010;

}





















/* ---------------------------------- Scrollable ---------------------------------- */



/* root element for the whole scrollable setup */

div.scrollable {  

	float:left;	

	position:relative;

	overflow:hidden;

	margin: 10px;

	width: 980px;	 

	height: 150px;	

}



/* prev, next, prevPage and nextPage buttons */

a.prev, a.next {

	position: absolute;

	display:block;

	width:54px;

	height:25px;

	background:url(images/leftBackground.png) no-repeat top;

	margin-top: 165px;

	cursor:pointer;

}



/* mouseover state */

a.prev:hover, a.next:hover {

	background-position: bottom;		

}



/* disabled navigational button */

a.disabled {

	visibility:hidden !important;		

}



/* next button uses another background image */

a.next {

	background:url(images/rightBackground.png) no-repeat top;

	margin-left: 750px;

}

a.prev {

	margin-left: 680px;

}



 

/* 

	root element for scrollable items. It is 

	absolutely positioned with large width. 

*/

#thumbs {	

	position:absolute;

	width:20000em;	

	clear:both;

}

 

 

 

/* single item */

#thumbs div {

	text-align: center;

	width: 200px;

	height: 150px;

	float:left;

	margin: 0 10px 0 0;

	color:#fff;

	cursor:pointer;

}

 

/* style when element is active (clicked) */

#thumbs div.active {

	cursor:default;

}