/* --- reset of default margins & padding --- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, em, img, strong, sub, sup, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
}

/* --- tags --- */
img { border: 0;}

table { border-collapse: collapse; border-spacing: 0; }

/* --- width ---*/
.w25 { width: 25%;}

.w50 { width: 50%;}

.w75 { width: 75%;}

.w100 { width: 100%;}

/* --- margins & paddings --- */
.mb1 { margin-bottom: 1em;}

.mb2 { margin-bottom: 2em;}

.pb1 {
	padding-bottom: 1em;
}

.pb2 {
	padding-bottom: 2em;
}

.pt1 {
	padding-bottom: 1em;
}

/* --- align --- */
.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* --- floating --- */
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}

.reset {
	display: block;
	font-size: 0px;
	line-height: 0px;
	height: 0.1px;
	overflow: hidden;
	clear: both;
}

table {
	font-size: 100%;
}

/* --- all --- */
body {
	font-family: verdana, sans-serif;
	font-size: 100%;
	background-color: #f1f1f1;
	text-align: center;
	color: #333;
}

#wrapper {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #fff;
	border-right: solid 1px #e0dfdf;
	border-left: solid 1px #e0dfdf;	
	font-size: 70%;
}

#header {
	margin-bottom: 3em;
	height: 1%;
}

#headerTop {
	background: #990000 url(../gif/gradient.gif) bottom left repeat-x;
	padding-bottom: 9px;
	margin-bottom: 1px;
}

#title, #logo {
	float: left;
}
#logo {
	border: solid 1px #ccc;
	margin: 8px 10px 8px 23px;
}
#title {
	margin-top: 30px;
}

#menuLeft a, #menuRight a, #menuLeft, #menuRight{
	color: #333;
	text-decoration: none;
	font-size: 105%;
}

#menuLeft .active, #menuRight .active {
	color: #990000;
	font-size: 105%;
}

#header a:hover {
	text-decoration: underline;
}
#menuLeft {
	float: left;
	padding-left: 23px;
}
#menuRight {
	float: right;
	padding-right: 23px;
}

#breadcrumbs {
	padding: 1em 23px 8px 23px;
	font-size: 90%;
	color: #666;
}
#breadcrumbs a {
	color: #666;
}

#content {
	padding: 0px 23px 23px 23px;
}

#footer {
	color: #e8e8e8;
	background-color: #990000;
	text-align: center;
	padding-bottom: 1em;
	padding-top: 1em;
}

.footerSection {
	width: 33%; float: left;
}

#footer ul {
	text-align: left;
}

#footer a {
	color: #e8e8e8;
}
#footerLinks {
	padding-bottom: 0.5em;
}
#facebook {
	width: 60%; height: auto; margin-top: 3%;
}
#underConstruction {
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding:0.5em;
	margin-bottom: 2em; 
}

.leftCol {
	float: left;
	width: 440px;
}
.rightCol {
	float: right;
	margin-top: 2em;
}

#logo {
	float: left;
	margin-right: 1em;
}

h1 {
	font-size: 190%;
	color: #990000;
	margin-bottom: 0.5em;
}

h2 {
	font-size: 160%;
	color: #990000;
	margin-bottom: 0.5em;
	margin-top: 1.5em;
}


p {
	padding-bottom: 1em;
	line-height: 1.75em;
}

p, ol, ul {
	font-size: 120%;
}

ul {
	margin: 1em 1em 1.5em 1em;
}

ul li {
	margin-bottom: 0.5em;
}

ul {
	list-style-type: none;
}

ul li {
	background: url(../gif/arrow.gif) left 6px no-repeat;
	padding-left: 15px;
}
a {
	color: #990000;
}

.image {
	margin: 4.5em 0em 1.5em 1.5em;
	width: 250px;
	float: right;
	text-align: center;
}

.image p {
	font-size: 90%;
	padding-bottom: 0.25em;
	line-height: 1em;
}


.image_s {
	margin: 5px;
	width: 230px;
	text-align: center;
}
.image_s img {
	margin-bottom: 3px;
	border: solid 1px #000;
}
.image_s p {
	font-size: 90%;
	padding-bottom: 12px;;
	line-height: 1em;
}

textarea {
	width: 400px;
	border: solid 1px #ccc;
	font-family: font-family: verdana, sans-serif;
}

.btnSubmit {
	font-size: 120%;
	margin-top: 1em;
	margin-left: 1.5em;
}

.auction, .auctionLot {
	border-bottom: solid 1px #ccc;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

.auctionImage, .auctionLotImage {
	float: left;
}
.auctionImage {
	width: 160px;
}
.auctionLotImage {
	width: 110px;
}
.auctionLotThumbs {
	float: right;
}
.auctionLinks {
	float: right;
}
.auction h2, .auctionLot h2{
	font-size: 150%;
	padding-top: 0;
	margin-top: 0;
}
.auctionLot h2 {
	font-size: 120%;
}
.auction p, .auctionLot p {
	line-height: 1.25em;
}
.auction ul {
	font-size: 110%;
}
.auction p.date {
	color: #000;
	font-size: 130%;
	padding-bottom: 0px;
}

table th, table td {
	font-size: 110%;
	text-align: left;
	vertical-align: top;
	padding: 0px 7px 10px 7px;
}

/*GOOGLE MAP*/
#googleMap {
	margin-left: 32px;
	margin-bottom: 30px;
}
#gmTitle {
	font-size: 130%;
}

.bold {
	font-weight: bold;
}
.info {
	font-family: Arial;
	color: #313131;
	font-size: 12px;
	padding-bottom: 10px;
}
.info h2 {
	padding: 0;
	margin: 0;
	font-size: 150%;
}
#map_canvas {
	border: solid 1px grey;
	background: #fff url(../loading_animation.html) 50% 50% no-repeat;
}
#directions {
	width: 0px;
	font-family: Arial;
	font-size: 10px;
}
#directions table td{
	font-size: 12px !important;
}
#bubble {
	height: 100px;
	width: 270px;
}
#bubble h2 {
	margin-top: 0px;
	font-size: 130%;
	color: #000;
	margin-bottom: 2px;
}
#bubble p {
	padding-bottom: 8px;
	line-height: 1em;
}
#bubble form span {
	color: #990000;
	text-decoration: underline;
	cursor: pointer;
}
#bubble form span.bold {
	color: #000;
	text-decoration: none;
	cursor: default;
}
#bubble form span.example {
	font-size: 10px;
	color: #999;
	text-decoration: none;
}
#bubble form {
	margin-bottom: 10px;
}
#directionsError {
	color: #cc0000;
	padding-bottom: 1em;
}
#dirReset, #dirPrint {
	text-decoration: underline;
	color: #990000;
	margin-right: 15px;
	cursor: pointer;
	font-size: 13px;
}

#num_lots {
	font-size: .6em;
}

.imgright {
	float: left;
	margin: 5px 5px 5px 0px;
}

#home_images {
	float: right;
	width: 480px;
}
#home_images .image {
width: 220px;
margin-top: 1em;
}

#home_images .bigImage {
	float: right;
	text-align: center;
}

#hpAnnouncement {
	border: solid 1px #666;
}
#hpAnnouncement h2 {
	margin: 0;
	background-color: #666;
	padding: 5px 10px;
	color: #fff;
	font-size: 120%;
}
#hpAnnouncement p {
	padding-bottom: 5px;
}
#hpAnnouncement div {
	padding: 10px;
}

/* newsletter css */
#newsletterForm { 
	margin-top: 30px;
}
#newsletterForm form { 
	padding: 10px; 
	border: solid 1px #ccc; 
	background-color: #E4E4E4;
}
#newsletterForm input { 
	border: solid 1px #E4E4E4; 
	font-size: 120%;
}
#newsletterForm h3 { 
	margin-bottom: 10px; 
	font-size: 120%;
}
#newsletterForm p, #newsletterForm p a { 
	color: #7C7C7C; 
	font-size: 90%; 
	line-height: 90%; 
}

/*navigation*/

ul.topnav {
	list-style: none;
	padding: 0 0px;	
	margin: 0;
	float: left;
	width: 920px;
	background: #222;
	font-size: 1.2em;
	background: url(../topnav_bg.html) repeat-x;
}
ul.topnav li {
	background:none;
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base for sub navigation--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: white;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../topnav_hover.html) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	/*width: 17px;*/
	height: 35px;
	float: left;
	/*background: url(/images/navArrow.jpg) no-repeat center center;*/
}

.navArrow {
	margin-top:15px;
}
ul.topnav li span.subhover {background-position: center center; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #666;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	border: 1px solid #111;
	color: white;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #999999 url(../dropdown_linkbg.html) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #666666 url(../dropdown_linkbg.html) no-repeat 10px center; 
}

.suba a {
	color: white;
}

.subnav {z-index: 1050;}

.sellers li{
	font-size: 1em;
	list-style-type:cirle;
}

#sellersSub li {
	font-size: .8em;
}

/*home page styles*/
#homeTopRight {width: 35%; float:right; margin-left: 3%;}
#homeTopLeft {width: 60%; float: left; margin-top: 3%;}
.homeThird {width: 35%; float:left;}
.homeSixty {width:60%; float:left; margin-left:3%;}
#homeNewsletter {margin-top: 5%;}

.slideCaption {
  z-index:500;
  display:block!important;
  position:absolute;
  bottom:0;
  left:0;
  height:30px;
  padding:5px 20px 0 20px;
  background:#000;
  background:rgba(0,0,0,.5);
  width:540px;
  font-size:1.3em;
  line-height:1.33;
  color:#fff;
  border-top:1px solid #000;
  text-shadow:none;
}

/*SLideshow Styles*/
	.slidesjs-pagination li {background: none;}
	.container li {background: none;}

    #slides {
      display: none; width: 100%; background: none;
    }

    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(../png/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(../png/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }

    /*fotorama*/
	.fotorama {	width :100%;}
	.fotorama__caption-outer {  }
	.fotorama__caption__wrap {width: 100%;}
	.fotorama__caption__wrap {}
	.fotoHover {display: none;}

	#appContainer {
		padding-top: 4%;
		padding-bottom: 4%;
	}

	.app {
		float: left;
		width: 40%;
	}
	.appGraphic{
		float: left;
		width: 55%;
	}