/* =DOCUMENT STYLES
=================================================================*/

html {
    margin: 0;
	padding:0;
}
body {
    font-family: Arial, Sans-Serif;
	margin: 0 auto;
	padding: 20px 0 0 0;
	width: 800px;
}

body#monster_layout {
	width: 1000px;
}

locked 
{ 
    position:relative;
}

/* =LAYOUT STYLES
=================================================================*/

#container {
    background: url(/Monsterlot/images/background_gradient.gif) 0 0 repeat-x; 
    /*background: url(/u44888357/images/background_gradient.gif) 0 0 repeat-x;*/
    clear: both;
    margin: 0 auto;
    width: 900px;
    /* width: 800px; - orignal*/
}

body#monster_layout #container {
	width: 1000px;
}

#side_column {
    background: url(/Monsterlot/images/background_top_left.gif) 0 0 no-repeat;
    /*background: url(/u44888357/images/background_top_left.gif) 0 0 no-repeat;*/
    float: left;
    padding: 10px 0 0 0;
    width: 225px;
}

#main_column {
    background: url(/Monsterlot/images/background_top_right.gif) top right no-repeat;
    /*background: url(/u44888357/images/background_top_right.gif) top right no-repeat;*/
    float: right;
    margin: 0;
    padding: 10px 10px 10px 0;
    width: 565px;
}

body#monster_layout #main_column {
	width: 765px;	
}

#main_content {
    background: #fff url(/Monsterlot/images/main_content_bottom_right.gif) bottom right no-repeat; 
    /*background: #fff url(/u44888357/images/main_content_bottom_right.gif) bottom right no-repeat;*/
    border: 1px solid #000;
    padding: 0 5px 55px 15px;
}

#footer {
    clear: both;
    color: #999;
    font-size:80%;
    text-align: center;
}

#faqList ul {
	list-style:disc outside;
    marker-offset:auto;
    padding:10px;
}

#faqList h4 
{
     background: url(/Monsterlot/images/monster_15x15.gif) top left no-repeat; 
     /*background: url(/u44888357/images/monster_15x15.gif) top left no-repeat; */
     padding: 0 0 0 20px;
}

/* =HEADINGS
=================================================================*/

#logo2 {
    background: url(/Monsterlot/images/logo.gif) 0 0 no-repeat;
    /*background: url(/u44888357/images/logo.gif) 0 0 no-repeat;*/
    height: 56px;
    margin: 0 0 0 20px;
    text-indent: -1000px;
    width: 304px;
}

body#monster_layout #logo 
{   
    background: url(/Monsterlot/Images/monster_lot_logo.gif) 0 0 no-repeat;
    /*background: url(/u44888357/Images/monster_lot_logo.gif) 0 0 no-repeat;*/
    height: 74px;
    margin: 0 0 0 20px;
    text-indent: -1000px;
    width: 347px;
}

#logosmall 
{
    background: url(/Monsterlot/images/monster_15x15.gif) top left no-repeat; 
    /*background: url(/u44888357/images/monster_15x15.gif) top left no-repeat; */
    padding: 0 0 0 20px;
}

/* =NAVIGATION
=================================================================*/

#nav {
    float: right;
    margin: -20px 0 0 0;
    padding: 0 10px 0 0;
}

#nav li {
    float: left;
    margin: 0 5px 0 0;
}

#nav li a {
    color: #fff;
    display: block;
    padding: 20px 5px 5px 5px;
    text-decoration: none;
}

#nav li.drkgrn {
    background: url(/Monsterlot/Images/nav_drkgrn_bg.gif) 0 0 no-repeat;
}

#nav li.drkgrn a  {
    background: url(/Monsterlot/Images/nav_drkgrn_corner.gif) top right no-repeat;
}

#nav li.monster 
{
    background: url(/Monsterlot/Images/nav_monster.gif) 0 0 no-repeat;
}


#nav li.monster a {
    background: url(/Monsterlot/Images/nav_drkgrn_corner.gif) top right no-repeat;
    padding-left: 40px;
}

#personal_nav {
	width: 250px;
	height: 90px;
	margin: -70px 20px 0 0;
	float: right;
}

#personal_nav li {
	float: left;
	margin: 0 5px 0 0;
	text-indent: -3000px;
}

#personal_nav li.buy a {
	display:block;
	width: 120px;
	height: 90px;
	background: url(/Monsterlot/Images/monster_buy_bid.gif) bottom center no-repeat;
	text-align:center;
}

#personal_nav li.need a {
	display:block;
	width: 120px;
	height: 90px;
	background: url(/Monsterlot/Images/monster_cars_needed.gif) bottom center no-repeat;
	text-align:center;
}

#top_nav {
    margin: 0 20px 0 0;
    text-align: right;
}

#top_nav li {
    display: inline;
}


/* =LINKS
=================================================================*/

a {
    color: #003366;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* =SIDE COLUMN BOX
=================================================================*/

h1 {
    background: url(/Monsterlot/images/heading_car.gif) bottom left no-repeat;
    font-family: Arial Narrow, Arial, Sans-serif;
    font-size: 200%;
    padding: 23px 0 0 0;
}

#side_column h2 {
    background: url(/Monsterlot/images/side_box_top.gif) top left no-repeat;
    font-family: Arial Narrow, Arial, Sans-serif;
    font-size: 130%;
    margin: 0 auto;
    padding: 5px 10px 5px 10px;
    width: 170px;
}

.side_box {
    background: url(/Monsterlot/images/side_box_bottom.gif) bottom left no-repeat;
    /*background: url(/u44888357/images/side_box_bottom.gif) bottom left no-repeat;*/
    font-size: 110%;
    margin: 0 auto 20px auto;
    padding: 10px 10px 10px 10px;
    width: 170px;
}

.side_box_ad_box {
    background: url(/Monsterlot/images/side_box_middle.gif) left repeat;
    font-size: 110%;
    margin: 0 auto 20px auto;
    padding: 10px 10px 10px 10px;
    width: 170px;        
}

#side_column h2 span {
    border-bottom: 1px solid #000;
    display: block;
}

#side_column h3 {
    background: url(/Monsterlot/images/side_box_bottom.gif) bottom left no-repeat;
    font-size: 110%;
    margin: 0 auto 20px auto;
    padding: 10px 10px 10px 10px;
    width: 170px;
}
#side_column h3 span 
{
    border-bottom: 1px solid #000;
    display: block;
}

/* =BASIC FORMAT
=================================================================*/

#main_content p {
    color: #666666;    
    margin: 5px;
    padding: 5px;
}


/* =GREY BOX
=================================================================*/

h2.green {
    background: url(/Monsterlot/images/heading_green.gif) top left no-repeat;
    margin: 20px 0 0 0;
    padding: 3px 5px 3px 5px;
}

.grey_box {
    background: url(/Monsterlot/images/grey_box.gif) top left no-repeat;
}

.grey_box ul {
    color: #333;
    height: 200px;
    list-style: disc;
    margin: 0 15px;
    padding: 11px;
}

.grey_box ul li {
    padding: 2px;
}


fieldset {border: 0}

/* =TABLE STYLES
=================================================================*/

.listing
{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:100%;
	margin: 0 0 2px 0;
	/* margin: 0 0 5px 0; */
}

carlist_datagrid
{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:100%;
	margin: 0 0 2px 0;	
}
carlist_datagrid.th 
{
    top: expression(document.getElementById("gridCars").scrolltop-2);
}


.gridlisting
{
	border:1px solid #cccccc;
	border-collapse:collapse;
	width:95%;
	margin: 0 0 2px 0;
	overflow:auto;
	/*margin: 0 0 5px 0;*/
}


#monster_layout .listing {
	/*width: 670px;*/
}

table.listing th {
    background-color:#006b33;
	color: #fff;
	padding:5px;
	text-align:left;
	vertical-align:top;
	border-bottom: 1px solid #cccccc;
}

table.listing th a {
	color: #fff;
	text-decoration:underline;
	font-weight:bold;
}

table.sortable th a {
	color: #333333;
	text-decoration:underline;
}

.listing td
{
	padding:5px;
    border-bottom:1px solid #cccccc;
	vertical-align:top;

}

.listing .break th {
	background: #FFFFFF;
}

.listing .break th h3 {
	margin:0;
	padding:0;
}

.listing .breakindicator th {
	border-bottom:1px solid #000000;
	border-top:1px solid #000000;
}

.listing .subtotal td {
	border-top:3px double #000000;
	background:#FFFFCC;
	font-weight:bold;
}


.listing .grandtotal td {
	border-top:6px double #000000
}

.even td, .even th {
	background: #F4FFE9;
}

.even .odd th, .even .odd td {
	background: #FFFFFF;
}

.first td
{
	border-top:1px solid #000000
}

table.legend {
	margin-top:5px;
}

table.form {
	border-collapse:collapse;
}

.form th
{
	text-align:right;
	padding:5px 5px 5px 0;
	background:none;
	vertical-align:top;
}

.form td
{
	text-align:left;
	padding:0 0 5px 0;
	vertical-align:top;
}

input.text {
	border: 1px inset #999999;
}

.error_message {
	color: #cc0000;
}

/* =LIGHTBOX STYLES
=================================================================*/

#lightbox {
	clear: both;
	background: url(/Monsterlot/images/lightbox_background.gif) top left no-repeat;
	/*background: url(/u44888357/images/lightbox_background.gif) top left no-repeat;*/
	border: none;
	font-family: Arial;
	font-size: 12px;
	height: 420px;
	padding: 10px;
	width: 720px;
	margin:-210px 0 0 -360px;
}

#lightbox #inner_lightbox {
	background: #fff;
	border: 2px solid #000;
}

#lightbox fieldset {
	border: 1px solid #666666;
	margin: 10px 0 0 0;
	padding: 2px;
}

#lightbox legend {
	color: #000;
	font-weight: bold;
	font-size: 120%;
}

#lightbox #left_col {
	float: left;
	padding: 5px;
	width: 440px;
}

#lightbox #right_col {
	float: left;
	padding: 5px;
	width: 250px;
}

#lightbox table {
	border: 1px solid #666666;
	border-collapse: collapse;
	background: #fff;
	width: 100%;
}

#lightbox table th {
	border: none;
	font-weight: bold;
	text-align: right;
	padding: 2px;
	width: 40%;
}

#lightbox table tr {
	border: 1px solid #ccc;
	border-collapse: collapse;	
}

#lightbox table td {
	padding: 2px;
}

#lightbox #monster_lot_logo_sm {
	background: #fff url(/Monsterlot/images/monster_lot_logo_sm.gif) top right no-repeat;
	/*background: #fff url(/u44888357/images/monster_lot_logo_sm.gif) top right no-repeat; */
	margin: 5px 5px 0 0;
	height: 31px;
	width: 135px; 
}

#registration form fieldset {  
     border: 1px solid #666666;  
     margin: 10px 0 0 0;  
     padding: 5px; 
} 
 
#registration form fieldset table th { 
     width: 160px; 
}

#registration form fieldset legend {
	font-weight: bold;
	font-size: 110%;
}

#registration fieldset {  
     border: 1px solid #666666;  
     margin: 10px 0 0 0;  
     padding: 5px; 
} 
 
#registration fieldset table th { 
     width: 160px; 
}

#registration fieldset legend {
	font-weight: bold;
	font-size: 110%;
}

/* =IMAGE GALLERY STYLES
----------------------------------------------------*/
.imageGallery {
  border:1px solid #999999;
  background: #EEEDC4;
  padding:5px;
 /* float:center;*/
  width: 95%;
  margin: 0 0 10px 10px;
}

#imageViewer {
  padding:5px;
  border:1px solid #666666;
  background: #FFFFFF;
  margin:0 0 5px 0;
}

#imageFrame {
  /*float:center;*/
  width:300px;
  height:auto;
  text-align:center;
  background: url(images/icon_spinner.gif) 50% 50%;
  margin:0;
}

#activeImage {
  vertical-align:middle;
 /* float:center;*/
  margin:0;
}
/*
#activeImage.new {
   width:auto;
  height:auto;
}
*/
#activeCaption {
  font-size:smaller;
 /* font-style:italics;*/
  margin:5px 0 0 0;
  clear:both;
  padding:5px;
  background: #EEEEEE;
}

.imageThumbnails li{
  display:inline;
  height:37px;
  width:50px;
  text-align:center;
  line-height:40px;
}

.imageThumbnails li:hover {
  /*background: #DFDEB8;*/
}

.imageThumbnails li img {
  vertical-align:middle;
  background: #FFFFFF;
  padding:5px;
  border:1px solid #666666;
  margin:0 5px 5px 0;
}
/*
#lightbox.done img.thumb {
  width:auto;
  height:auto;
}
#lightbox.done img.active {
   width:auto;
  height:auto;
}
*/
.yesno {
    margin: 0 0 0 150px;
    font-weight: bold;
	font-size: 120%;
}


input.date {
	width:55px;
	background: #FFFFFF url(/Monsterlot/images/icon_calendar.gif) 2px 50% no-repeat;
	padding:1px 1px 1px 20px;
	border: 1px solid #999999;
}

sellmorecars {
	background-image: url(/Monsterlot/images/sell_more_cars.gif);	
}

/******************************************************************************
* TERMS AND CONDITIONS POPUP STYLES
******************************************************************************/
#terms_points {
	 text-align:	justify;
	 list-style:	decimal;
	 margin-left:	15px;
 }

#terms_points ul {
	list-style:		disc;
	margin-left:	30px;
}

#question h2 {
	background: url(/Monsterlot/images/monster_15x15.gif) top left no-repeat; 
    padding: 0 0 0 20px;
   font-size:125%
}
gridBtn 
{
    text-align:left;
}