/* Authored by Rene V. Ibarra, Teton Solutions Group */
/* Global reset - Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, pre, form, label, fieldset, input, p, blockquote, th, td { font-family:"Arial", sans-serif; }
*, html, body, div, dl, dt, dd, ul, ol, li, pre, fieldset, input, p, blockquote, { margin:0px; padding:0px; }

body { margin:0px; padding:0px; color:#555555; font-size:12px; }

table { border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul, li { list-style:none; list-style-type:none; }
caption, th { text-align:left; }
p { padding:0 0 25px 0; }

a { text-decoration:none; }
a:hover { text-decoration:underline; }

h1, h2, h3, h4, h5, h6 { margin:0px; padding:0px; font-weight:400; text-align:left; }
h1 { font-size:45px; }
h2 { font-size:30px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:16px; }
h6 { font-size:14px; }

q:before, q:after { content:""; }

strong { font-weight:bold; }
em { font-style:italic; }
a img { border:none; }
/*end*/

/* Universals */
.clear { clear:both; }
.space3 { height:3px; }
.space5 { height:5px; }
.space10 { height:10px; }
.space15 { height:15px; }
.space20 { height:20px; }
.space25 { height:25px; }
.space30 { height:30px; }
.space40 { height:40px; }
.space50 { height:50px; }
.pad20 { padding:20px; }
.none { margin:0 0 0 0; padding:0 0 0 0; }
.displaynone { display:none; }
.white { color:#FFFFFF; }
.gray { color:#555555; }
.red { color:#FF0000; }
.small { font-size:8px; }
.medi { font-size:10px; }
.pointer { cursor:pointer }
.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
/*end*/

#header { height:125px; background:#89C6EB url(../images/tims-logo.png) right bottom no-repeat; }
#tornado-header { height:125px; background:#006699 url(../images/tornado-logo.png) right bottom no-repeat; }
/*CSS hack so header looks good in firefox*/
#header, x:-moz-any-link, x:only-child { height:125px; background:#0078A7 url(../images/tims-logo.png) right bottom no-repeat; }
#tornado-header, x:-moz-any-link, x:only-child { height:125px; background:#0078A7 url(../images/tornado-logo.png) right bottom no-repeat; }

.message { margin:0 10px; padding:20px; background-color:#CC0000; color:#FFFFFF; font-size:16px; font-weight:bold; text-align:center; }
.whereami { width:500px; margin:0 auto; text-align:center; }

/*T_LoginForm.html*/
#login-footer { position:absolute; bottom:0px; width:100%; height:50px; padding:50px 0px 0px 0px; background:url(../images/bg-footer.png) center top repeat-x; }
#footer { width:100%; height:50px; padding:50px 0px 0px 0px; background:url(../images/bg-footer.png) center top repeat-x; }

.login { width:365px; margin:0 auto; background-color:#EDEDED; -moz-border-radius:10px; border-radius:10px; }
.login .loginrow { clear:both; width:325px; margin:0 auto; }
.login .loginrow .left { float:left; width:100px; text-align:left; font-size:14px; }
.login .loginrow .right { float:left; width:225px; text-align:left; }
.login .loginrow input.inputtxt { width:225px; height:25px; border:none; font-size:16px; }

input.login-bttn {
	width:150px;
	height:60px;
	background:url(../images/bg-bttn.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -2px 0px;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
input:hover.login-bttn { background:url(../images/bg-bttn.png) 0px -60px no-repeat; }

/* menu */
.menu-main { position:relative; clear:both; width:715px; height:45px; margin:0 auto; background-color:#0088BB; -moz-border-radius:6px; border-radius:6px; }
.menu-main ul { margin:0; padding:0; }
.menu-main ul li { display:block; float:left; }
.menu-main ul li a { display:block; padding:14px 30px; font-size:14px; font-weight:bold; color:#FFFFFF; text-shadow:#000 0px -1px 0px; }
.menu-main ul li a:hover { background-color:#005588; text-decoration:none; }

/* reportcard new and used menu */
.menu-rc { position:relative; clear:both; width:265px; height:45px; margin:0 auto; background-color:#0088BB; -moz-border-radius:6px; border-radius:6px; }
.menu-rc ul { margin:0; padding:0; }
.menu-rc ul li { float:left; }
.menu-rc ul li a { display:block; padding:14px 30px; font-size:14px; font-weight:bold; color:#FFFFFF; text-shadow:#000 0px -1px 0px; }
.menu-rc ul li a:hover { background-color:#005588; text-decoration:none; }

/* logout button */
a.logout-bttn {
	position:absolute;
	right:-123px;
	top:0px;
	display:block;
	width:113px;
	height:32px;
	padding:13px 0px 0px 0px;
	background:url(../images/bg-bttn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -2px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
}
a:hover.logout-bttn { background-position:0px -45px; text-decoration:none; }

/* MultiDealer Selector */
.multidealer { position:absolute; top:0; left:-123px; }
a.md-bttn {
	display:block;
	width:113px;
	height:32px;
	padding:13px 0px 0px 0px;
	background:url(../images/bg-bttn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -2px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
}
a:hover.md-bttn { background-position:0px -45px; text-decoration:none; }
div.md-list { background:#EEEEEE; width:113px; padding:10px 0 0 0; display:none; text-align:center; }
div.md-list a { display:block; padding:0 0 10px 0; line-height:13px; }

/* T_MainMenu.html */
.main-page { clear:both; width:600px; margin:0 auto; }
.main-page .column-used { float:left; width:275px; min-height:300px; margin:0px 46px 0px 0px; }
.main-page .column-new { float:left; width:275px; min-height:300px; margin:0px 0px 25px 0px; }
.main-page .column-specials { float:left; width:275px; }
.main-page .column { float:left; width:275px; min-height:300px; margin:0 25px 25px 0; }
.main-page .title-inventory {
	padding:15px;
	background-color:#EDEDED;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	}
.main-page .main-row { padding:5px 10px; border-left:1px solid #EDEDED; border-right:1px solid #EDEDED; }
.main-page .bottom { height:7px; border:1px solid #EDEDED; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; border-top:none; }

/* T_Inventory.html, T_InventorySOAB.html */
.inventory-menu { margin:0 10px; padding:25px 0px; background-color:#DDDDDD; }
.inventory-menu-holder { position:relative; width:600px; margin:0 auto; padding:0px 15px 0px 0px; background:url(../images/bg-border-right.png) right top repeat-y; }
.inv-menu-row-sm { float:left; width:50px; }
.inv-menu-row-m { float:left; width:75px; }
.inv-menu-row { float:left; width:100px; }
.inv-menu-row-l { float:left; width:125px; }
.inv-menu-row-lg { float:left; width:175px; }
.inv-menu-row-lrg { float:left; width:200px; }
.inv-menu-row-xlg { float:left; width:550px; }
.inv-menu-row-r { float:right; width:50px; }

.inventory-menu .l { width:100px; }
.inventory-menu .lg { width:175px; }

input.bttn-search {
	position:absolute;
	top:-5px;
	right:-115px;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
input:hover.bttn-search { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; }
input.bttn-specials {
	position:absolute;
	top:40px;
	right:-115px;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-sm-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
input:hover.bttn-specials { background:url(../images/bg-bttn-sm-sm.png) 0px -40px no-repeat; }
input.bttn-add {
	position:absolute;
	top:85px;
	right:-115px;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
input:hover.bttn-add { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; }
input.bttn-export {
	position:absolute;
	top:130px;
	right:-115px;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-sm-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
input:hover.bttn-export { background:url(../images/bg-bttn-sm-sm.png) 0px -40px no-repeat; }


.bttn-up { display:block; width:10px; height:5px; background:url(../images/arrowUP.png) 0 0 no-repeat; }
.bttn-dn { display:block; width:10px; height:5px; background:url(../images/arrowDN.png) 0 0 no-repeat; }

.InventoryRow { background-color:#EFEFEF; font-size:12px; }
.InventoryRowEven { background-color:#FFFFFF; font-size:12px; }
.InventoryRowOver { background-color:#33AAEE; font-size:12px; color:#FFFFFF; }
.InventoryRowTouched { background-color:#FF9933; font-size:12px; }
.InventoryRowUpdated { background-color:#00CC66; font-size:12px; }
.InventoryRowFailed { background-color:#FF0000; font-size:12px; }

/* T_InventorySOAB.html */
a.bttn-edit {
	display:block;
	width:60px;
	height:20px;
	padding:4px 0 0 0;
	background:url(../images/bg-bttn-grn-sm-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
a:hover.bttn-edit { background:url(../images/bg-bttn-grn-sm-sm.png) 0px -24px no-repeat; text-decoration:none; }
.imgholder { position:relative; z-index:0; width:96px; height:72px; }
.inventory-img { position:absolute; z-index:-0; }
.imgtarget {}
.imgtargetholder { position:absolute; z-index:0; top:-27px; left:101px; padding:5px 0px 0px 10px; visibility:hidden; width:215px; height:160px; background:url(../images/brdr-flyout.png) left top no-repeat; }
.imgloader { position:absolute; z-index:100; left:94px; top:64px;  }

/* T_AddEdit.html */
/* vedi = vehicle edit details input*/
.vehicle-edit { position:relative; width:630px; margin:0 auto; }
.vehicle-edit .bottom {
	height:10px;
	border:1px solid #DDDDDD;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	border-bottom-left-radius:7px;
	border-bottom-right-radius:7px;
	border-top:none;
	}
.vedi-title {
	padding:15px;
	background-color:#DDDDDD;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	border-top-left-radius:7px;
	border-top-right-radius:7px;
	}

.vehicle-edit-details { }
.vehicle-edit-details-container { clear:both; padding:10px 10px 0px 10px; border-left:1px solid #EDEDED; border-right:1px solid #DDDDDD; }

.vehicle-edit-details .left-col { float:left; width:295px; background-color:#008ED6; }

.vehicle-edit-details .right-col { float:right; width:295px; background-color:#008ED6; }

.vehicle-edit-details .vehicle-edit-details-row { clear:both; }
.vehicle-edit-details .vehicle-edit-details-row .left { float:left; width:80px; padding:5px; background-color:#EFEFEF; }
.vehicle-edit-details .vehicle-edit-details-row .right { float:left; width:190px; padding:1px 5px; }
.vehicle-edit-details .vehicle-edit-details-row .right .vedi { width:179px; }
.vehicle-edit-details .vehicle-edit-details-row .right .vedi-m { width:100px; }

.update-reset-buttons { clear:both; width:225px; margin:0 auto; }
.update-reset-buttons2 { clear:both; width:350px; margin:0 auto; }
.update-reset-buttons input.bttn-update, .update-reset-buttons2 input.bttn-update {
	float:left;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.update-reset-buttons input:hover.bttn-update, .update-reset-buttons2 input:hover.bttn-update { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; }
.update-reset-buttons input.bttn-reset, .update-reset-buttons2 input.bttn-reset {
	float:right;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-sm-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.update-reset-buttons input:hover.bttn-reset, .update-reset-buttons2 input:hover.bttn-reset { background:url(../images/bg-bttn-sm-sm.png) 0px -40px no-repeat; }
.update-reset-buttons input.bttn-delete, .update-reset-buttons2 input.bttn-delete {
	float:left;
	width:100px;
	height:40px;
	margin:0px 0px 0px 25px;
	background:url(../images/bg-bttn-red-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.update-reset-buttons input:hover.bttn-delete, .update-reset-buttons2 input:hover.bttn-delete { background:url(../images/bg-bttn-red-sm.png) 0px -40px no-repeat; }

.vehicle-edit-options {}
.vehicle-edit-options-container { clear:both; padding:10px 10px 0px 10px; border-left:1px solid #EDEDED; border-right:1px solid #DDDDDD; }

.vehicle-edit-description {}
.vehicle-edit-description-container { clear:both; padding:10px 10px 0px 10px; border-left:1px solid #EDEDED; border-right:1px solid #DDDDDD; }
.vehicle-edit-description input.bttn-fluff {
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.vehicle-edit-description input:hover.bttn-fluff { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; }
a.bttn-clist {
	display:block;
	width:100px;
	height:27px;
	padding:13px 0 0 0;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-align:center;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
a:hover.bttn-clist { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; text-decoration:none; }

.vehicle-edit-photos { position:absolute; top:0px; right:-141px; width:116px; }
.vehicle-edit-photos-container { clear:both; padding:10px 10px 0px 10px; border-left:1px solid #EDEDED; border-right:1px solid #DDDDDD; }

/* T_Batch.html */
.batch-edit { width:600px; margin:0 auto; }
.batch-edit .submit-reset-buttons { clear:both; width:600px; margin:0 auto; }
.batch-edit .submit-reset-buttons input.bttn-submit {
	float:left;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-grn-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.batch-edit .submit-reset-buttons input:hover.bttn-submit { background:url(../images/bg-bttn-grn-sm.png) 0px -40px no-repeat; }
.batch-edit .submit-reset-buttons input.bttn-reset {
	float:right;
	width:100px;
	height:40px;
	background:url(../images/bg-bttn-sm-sm.png) 0px 0px no-repeat;
	border:0;
	text-shadow:#000000 0px -1px 0px;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;
	}
.batch-edit .submit-reset-buttons input:hover.bttn-reset { background:url(../images/bg-bttn-sm-sm.png) 0px -40px no-repeat; }