body {
	background: url(../art/bkgd_001.jpg) #f1f1f1 repeat-x center top;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	height:102%;
}
body.whitebody { background-color:white; }
img {
	border:0px;
	margin:0px;
	padding:0px;
}
BR {
	margin:0px;
	padding:0px;
}
form {
	margin:0px;
	padding:0px;
}

.pages {
	color:#B22222;
	font-size:14px;
	font-weight:bold;
	text-align:right;
	margin:0px;
	padding:0px;
}
.items_listed {
	border-left: 0px solid #CDCDCD;
	border-right: 0px solid #CDCDCD;
}
.staffphoto {
	margin:3px;
	padding:8px;
	padding-left:20px;
	border: 1px solid #B22222;
	height:140px;
	width:200px;
}
.staffinfoon {
	margin:8px;
	padding:8px;
	border: 1px solid #B22222;
	text-align:center;
	background-color:#999999;
	font-weight:bold;
}

.staffinfooff {
	border: 1px solid #B22222;
	margin:8px;
	padding:8px;
	text-align:center;
	font-weight:bold;
}

table.headertable {
background-color:#FFFFFF;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
}
table.content {
background-color:#FFFFFF;
border-left: 1px solid #CDCDCD;
border-right: 1px solid #CDCDCD;
text-align:center;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
}

td.header {
	margin:0px;
	padding:0px;
	width:772px;
	height:115px;
}

h1 { font-size: 16px; margin:0px; padding:0px; }
h2 { font-size: 15px; margin:0px; padding:0px; }
h3 { font-size: 14px; margin:0px; padding:0px; }
h4 { font-size: 12px; margin:0px; padding:0px; }
h5 { font-size: 10px; margin:0px; padding:0px; }
h6 { font-size: 9px; margin:0px; padding:0px; }

a { text-decoration: none; color: #000000; }
a:hover { text-decoration: none; color: #999999; }

a.bluelink {
	color: #333399;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

a.bluelink:HOVER {
	text-decoration: underline;
}

p.paragraph {
	padding-left:8px;
	padding-right:8px;
	padding-top:2px;
	padding-bottom:2px;
}
.headertext {
	width:325px;
	margin:0px;
	padding:0px;
	margin-top:42px;
	margin-left:220px;
	color:#B22222;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.headerurl {
	width:325px;
	margin:0px;
	padding:0px;
	margin-top:8px;
	margin-left:370px;
	color:#B22222;
	font-size:10px;
	font-weight:bold;
	text-align:center;
}

.div_location {
	padding: 3 2 3 2;
	color:black;
	text-align:center;
}
.textbox {
	border: thin solid #B22222;
	padding:2px;
	margin:2px;
	font-size:14px;
	font-weight:bold;
	color:#B22222;
}
.textbox2 {
	border: thin solid #999999;
	padding:2px;
	margin:2px;
	font-size:14px;
	font-weight:bold;
	color:#999999;
}


/* .dropdown {
	border: thin solid #B22222;
	padding:2px;
	margin:2px;
	font-size:12px;
	font-weight:bold;
	color:#999999;
	width:130px;
}
*/

.button {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #333399;
}

.buttonred {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	color : #CC0033;
}

.dropdown{
	background-color : #FFFFE0;
	color: #333399;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight:bold;
	width:130px;
}

.textbox {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : normal;
	border : 1px inset #CFCFCF;
	padding-left : 2px;
}

.textboxcopy {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-style : normal;
	font-weight : bold;
	border : 1px inset #CFCFCF;
	padding-left : 2px;
}

.textboxcopyblue {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-style : normal;
	font-weight : bold;
	border : 1px inset #CFCFCF;
	padding-left : 2px;
	color: #333399;
}

.textboxcopyred {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16px;
	font-style : normal;
	font-weight : bold;
	border : 1px inset #CFCFCF;
	padding-left : 2px;
	color: #CC0033;
}

.textboxcalendar {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	font-style : normal;
	font-weight : bold;
	border : 1px inset #CFCFCF;
	text-align: center;
}

.textboxcalc {
	background: #FFFFE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	border: 1px inset #CFCFCF;
	text-align: right;
	padding-right: 0px;
	color: #333399;
}

.textboxcalc2 {
	background: #FFFFE0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	border: 1px inset #CFCFCF;
	text-align: right;
	padding-right: 0px;
	color: #333399;
}
.textboxbrowse {
	background : #FFFFE0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-style : normal;
	font-weight : normal;
	border : 1px inset #CFCFCF;
	padding-left : 2px;
	color: #333399;
}

.tinytext {
	font-size:10px;
}
.tinytextb {
	font-size:11px;
	font-weight:bold;
}

.ReadyCssLink { font-weight:normal; }
.ReadyCssLink:Hover { font-weight:normal; font-style: italic; }
.ActiveCssLink { font-weight:bold; color:#153E7E; }
.ActiveCssLink:Hover { font-weight:bold; color:#153E7E; }

.DocHead { font-weight:bold; color:#153E7E; }

.page_dd {
	text-align:left;
	background:white;
	border:0px;
	width:45px;
	font-size:9px;
	color:#333399;
	font-weight:bold;
	padding:0px;
	margin:0px;
}
.checkbox {
	margin:0px;
	padding:0px;
}
.loginform
{
	float:left;
	color : Black;
	font-size : 14px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}
.red16 {
	color:#B22222;
	font-size:16px;
}
.red16bold {
	color:#B22222;
	font-size:16px;
	font-weight:bold;
}
.newstats {
	margin:0px;
	padding:0px;
	color: #000000;
	font-weight:bold;
	text-align:right;
}
.loginmenu {
	margin:0px;
	padding:0px;
	color: #999999;
	font-weight:bold;
	text-align:left;
}
.sidelogin {
	float:left;
	padding:0px;
	margin:2px;
	margin-left:15px;
	border: 1px solid #CDCDCD;
	width: 210px;
	text-align:center;
}
.maincontent {
	float:left;
	padding:0px;
	margin:2px;
	border: 5px solid #CDCDCD;
	width: 510px;
}
.loginframe {
	margin:2px;
	padding:0px;
	border: 1px solid #CDCDCD;
	width: 702px;
	color : Black;
	font-size : 14px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}
.mainframe {
	margin:2px;
	padding:0px;
	border: 1px solid #CDCDCD;
	width: 502px;
	float:left;
	color : Black;
	font-size : 14px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}

.sorttl {
	background-image: url("https://www.lotranger.com/lri_art/lri_menu_tab_blueback_top_left.gif");
}

.sortbgoff {
	background-image: url("https://www.lotranger.com/lri_art/lri_submenu_tab_off_fill.gif");
}

.sortbgon {
	background-image: url("https://www.lotranger.com/lri_art/lri_submenu_tab_on_fill.gif");
}
.mainbot {
	background-image: url("https://www.lotranger.com/lri_art/lri_main_bot.gif");
}
.link4 {
	color: #B22222;
	font-size: 12px;
}
.link5 {
	color: #B22222;
	font-size: 10px;
}
.vwhite10bold {
	color: White;
	font-family:verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.black {
	color: #000000;
}
.vblack10 {
	color: Black;
	font-family:verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
}
.vblack10bold {
	color: Black;
	font-family:verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.black8 {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-size: 8px;
	font-style : normal;
	margin:0px;
}
.black10 {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	margin:0px;
}
.black10bold {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.black12bold {
	color : Black;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
}
.black14bold {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-style : normal;
	font-weight: bold;
	margin:0;
}
.black16 {
	color: #000000;
	font-size:16px;
}
.black16bold {
	color: #000000;
	font-size:16px;
	font-weight:bold;
}
.black18bold {
	color: #000000;
	font-size:18px;
	font-weight:bold;
}
.black24bold {
	color: #000000;
	font-size:24px;
	font-weight:bold;
}
.black28bold {
	color: #000000;
	font-size:28px;
	font-weight:bold;
}
.blackbold {
	color: #000000;
	font-weight: bold;
}
.blacksmall {
	color: #000000;
	font-size:9px;
	margin:0px;
	padding:0px;
}
.blue {
	color: #333399;
}
.bluebold {
	color: #333399;
	font-weight: bold;
}
.blue12bold {
	color: #333399;
	font-size:12px;
	font-weight:bold;
}
.blue14 {
	color: #333399;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-style : normal;
}
.blue14bold {
	color: #333399;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-style : normal;
	font-weight: bold;
}
.blue16bold {
	color: #333399;
	font-size:16px;
	font-weight:bold;
}
.blue20bold {
	color: #333399;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 20px;
	font-style : normal;
	font-weight : bold;
}
.grey {
	color: #999999;
	margin:0px;
	padding:0px;
}
.grey10 {
	color: #999999;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
}
.grey10bold {
	color: #999999;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.greysml {
	font-size:10px;
	color: #999999;
	margin:0px;
	padding:0px;
}
.greybold {
	color: #999999;
	font-weight: bold;
}
.grey12bold {
	font-size:12px;
	color: #999999;
	font-weight: bold;
}
.grey14bold {
	font-size:14px;
	color: #999999;
	font-weight: bold;
}
.grey24bold {
	color: #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 24px;
	font-style : normal;
	font-weight : bold;
}
.grey28bold {
	color: #999999;
	font-size:28px;
	font-weight:bold;
}
.vyellow10bold {
	color: Yellow;
	font-family:verdana, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.yellow {
	color: yellow;
}
.red {
	color: #B22222;
	margin:0px;
	padding:0px;
}
.redsmall {
	color: #B22222;
	font-size:10px;
	margin:0px;
	padding:0px;
}
.redbold {
	color: #B22222;
	font-weight: bold;
	margin:0px;
	padding:0px;
}
.red12bold {
	color : #CC0033;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
	margin:0px;
}
.greensmall {
	color: green;
	font-size:10px;
	margin:0px;
	padding:0px;
}
.green10bold {
	color: Green;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
.green12bold {
	color : Green;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
}
.green14bold {
	color: Green;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	font-style : normal;
	font-weight: bold;
}
.white10bold {
	color: White;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-style : normal;
	font-weight: bold;
}
#foot {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
}

#foot a {
	font-weight: bold;
}

.menuoff {
	color : White;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}
.menuoff:HOVER {
	color : black;
}
.menuoff:ACTIVE {
	color : #FFD700;
}

.menudisabled {
	color : #999999;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}



.menuactive {
	color : #FFD700;
	font-size : 12px;
	font-style : normal;
	font-weight: bold;
	text-decoration: none;
}

.list1 {
	background-color : #FFFFFF;
	cursor : pointer;
}
.list2 {
	background-color : #EBEBEB;
	cursor : pointer;
}
.list1h {
	background-color : #FBFBC8;
	cursor : pointer;
}

/* Item hover background - ryans colour DFDFB2 - trying to find more yellow shade - F5D9B5 - using the colour from the badge F3DD9B */

.list2h {
	background-color : #F3DD9B;
	cursor : pointer;
}
.itemNew {
	background-color: #90EE90;
	color: #000000;
	font-size:7px;
}
.itemSold {
	background-color: black;
	color: #ffffff;
	font-size:7px;
}
.itemPending {
	background-color: red;
	color: #ffffff;
	font-size:7px;
}
.item {
	background-color: #999999;
}
.listing {
	color: #333399;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.listing:HOVER {
	color : #999999;
	text-decoration: none;
}
.listingblk {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
}

.listingblk:HOVER
{
	color : #999999;
	text-decoration: none;
}
.listingblkbold {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}
.listingblkbold:HOVER {
	color : #999999;
	text-decoration: none;
}

.vinnumber {
	color: Black;
	font-family: arial, helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}
.canvas {
	margin:0;
	padding:0;
	position : relative;
	border: 1px solid blue;
	z-index:1;
}

.imgHolder {
	position : absolute;
	margin:0;
	padding:0;
	left: 0;
	top: 0;
	z-index:2;
}

.imgCrop {
	background:transparent;
	background-color: clear;
	position : absolute;
	left: 20px;
	top: 120px;
	margin:0;
	padding:0;
	width: 650px;
	height:303px;
	border: 2px outset blue;
	z-index:3;
	cursor:se-resize;
}
.imgTemp {
	background:transparent;
	background-color: clear;
	position : absolute;
	left: 22px;
	top: 122px;
	margin:0;
	padding:0;
	width: 646px;
	height:299px;
	border: 2px outset blue;
	z-index:4;
	cursor:move;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
	background-image : url(../../art/l_dot_ltblue.gif);
}

/*Puts close window at top left of div pop-up*/
.divclose{
	position: absolute;
	top: -19px;
	right: -19px;
	z-index: 500;
}