@charset "UTF-8";
/* CSS Document */

/*-----------------------------------------------------------------------------
Style Sheet (empty commented stylesheet)

version:   1.5
date:	   5.20.09	
author:    Erik Peterson
company:   Project o3 - www.projecto3.com
website:   http://www.isolditswfl.com/
-----------------------------------------------------------------------------*/

/*
Colors:
	dark green: #006c3a;
	nav bar green: #008748;
	light green: #e5f3ec;
	dark yellow: #ffd600;
	light yellow: #fffbe5;	
	red: #c00;
*/

/* @group global resets */
/* 'reset.css' User Interface Library: http://developer.yahoo.com/yui */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }

table { border-collapse:collapse; 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; }

caption, th { text-align:left; }

h1, h2, h3, h5, h5, h6 { font-size:100%; }

q:before, q:after { content:''}

/* re-RESET */

strong { font-weight: bold; }

em { font-style: italic; }

ol, ul, li { list-style:none; }

/** a { position:relative; }  Gets links displaying over a PNG background */

a { outline:none; } /* Gets rid of Firefox's dotted borders */

a img { border:none; } /* Gets rid of IE's blue borders */

body { 
	background: #006c3a url(../images/common/greenTile.gif); text-align:center;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
}

/* @end */

/* @group basic typography */

h1 { 
	font-size: 24px;
	line-height: 24px; 
	font-weight: normal;
}

h2 { 
	font-size: 20px;
	line-height: 22px;
}

h3 { 
	font-size: 16px;
	line-height: 20px; 
	font-weight: normal;
}
h4 { 
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
}

body, p, label, table {
	color: #333;
}

h5, h6, dt, dd, input, textarea {}

li {}
h5 {font-size:14px; line-height:18px;  }

h6 { font-size:10px; line-height:18px; }

p, li, dt, dd, label, table { font-size:12px; line-height:14px;}

input, textarea { font-size:11px; }

a {
	color: #008748;
	text-decoration: none;
	border-bottom: 1px dotted #008748;
}

a:hover {
	color: #006c3a;
	border: none;
}

a.plain{
	border: none;
}

/* @end */

/* @group layout */

#wrapper {
	width: 800px;
	margin:0px auto 0px auto; 
	padding:0; 
	text-align:left; 
	position: relative; 
}

.shadowWrapper {
	width: 800px;
}

.shadow{
	background: url(../images/common/shadow.png) no-repeat right bottom  !important;
	background: url(../images/common/shadow.gif) no-repeat right bottom;
	position: relative;
	float: left;
	width: 100%;
	/* border: 1px solid #ff68e7; */
	padding: 0 10px 10px 0;
	 /*_padding: 0; IE 6 and below should see this */
	 margin-top: -80px;
}

.pushDown{	margin-top: 45px; }

/* @group pageHeadBar */

#pageHeadBar {
	line-height: 20px;
	height: 20px;
	background-color: #08401b;
	width: 100%;
	margin-bottom: 9px;
}

#pageHeadBar p{
	color: white;
	font-size: 10px;
	line-height: 20px;
	text-align: center;
	line-height: 20px;
}

h1#subPageHead {
	background: #008748 url(../images/common/greenBarTile.gif) repeat-x 0 0;
	height: 40px;
	text-align: center;
	font-size: 20px;
	line-height: 40px;
	color: white;
}

/* @end */

/* @group branding */

#branding {
	background: transparent url(../images/common/brandingWhiteStripe.gif) repeat-x 0 0;
	height: 121px;
	width: 800px;
	position: relative;
}

#branding h1{
	text-indent: -9999px;
}

#logo {
	background: url(../images/common/isiLogo.gif) no-repeat 0 0;
	width: 520px;
	height: 111px;
}

#branding a#logoLink{ 
	text-decoration: none;
	cursor: pointer;
	width: 175px;
	height: 90px; 
	display: block;
	position: relative;
	top: 10px;
	left: 15px;
	z-index: 9999;
	border: none;
}

#branding h2{
	text-indent: -9999px;
	background: transparent url(../images/common/tradingPost.gif) no-repeat;
	width: 85px;
	height: 64px;
	float: right;
	margin-top: -64px;
	margin-right: 20px;
}

/* @end */

/* @group locations */

#location_photos {
	background: #ffd600 url(../images/locations/yellow_tile_locations.gif) repeat-x 0 0;
	float: left;
	height: 326px;
	width: 800px;
	margin:  0;
	padding: 0;
	
}

#storeNames { 
	background: #008748 url(../images/common/greenBarTile.gif) repeat-x 0 0;
	height: 40px;
	float: left;
	width: 800px;
}


.left,  .right{
	float: left;
	display: inline;
	width: 355px;
	margin-left: 40px;
	padding: 0;
}

#body100 .left p,  
#body100 .right p {
	font-size: 14px;
	margin: 10px 0 10px 0;
	padding: 0;
}

#body100 p.botMargin {
	margin-bottom: 20px;
}

#location_photos img {
	margin: 20px 0 0 0;
}

#body100 #storeNames p {
	color: white;
	float: left;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
	padding: 0;
}

#body100 iframe {
	border: 1px solid #008748;
	margin-top: 10px;
}

a.but_ebay_auctions {
	margin-right: 15px;
	background: url(../images/locations/our_auctions.gif) no-repeat left 0;
	width: 142px;
}

a.but_online_store {
	margin-right: 15px;
	background: url(../images/locations/our_store.gif) no-repeat left 0;
	width: 162px;
}

a.but_ebay_auctions,
a.but_online_store {
	border: none;
	display: inline;
	height: 25px;
	float: left;
	font-size: 14px;
	text-indent: -9999px;
}

a.but_ebay_auctions:hover,
a.but_online_store:hover {
	background-position: right;
}

/* ============================================== */


/* @end */

/* @group homepagecontent */

/* @group home_spotlight */

#home_spotlight {
	float: left;
	background: url(../images/home/yellowTile.gif) repeat-x 0 0;
	height: 270px;
	width: 800px;
	margin:  0;
	padding: 0px 0px 0 0px;
	/*border: 1px solid red;*/
}

#home_spotlight .left, #home_spotlight .right{
	float: left;
	display: inline;
	width: 375px;
	margin-left: 10px;
	/*border: 1px solid blue;*/
}

#home_spotlight .left {
	margin: 15px 0 0 27px;
	/*border: 1px dotted blue;*/
}

#home_spotlight .right {
	margin: 55px 0 0 5px;
	width: 320px;
}

#home_spotlight .video {
	border: 1px solid white;
	height: 240px;
	padding: 0;
	width: 352px;	
}

/*#home_spotlight .video > div {
	border: 1px dotted red;
	height: 220px;
	padding: 0;
	width: 322px;
	display: block;
	float: left;
}*/


/* @end */

/* @group sold feature area */

#sold_feature { 
	background: #008748 url(../images/home/green_home_tile.gif) repeat-x 0 0;
	height: 110px;
	min-height: 110px;
	text-align: center;
	font-size: 15px;
	color: white;
	float: left;
	width: 800px;
	line-height: 40px;
}

#sold_feature .left {
	text-align: left;
	width: 345px;
	margin: 0 0 0 28px;
}

#sold_feature .right {
	margin: 0 0 0 27px;
}

#sold_feature h2 {
	font-size: 17px;
	font-weight: bold;
	color: #ffd600;
	margin: 10px 0 5px 0;
}

#sold_feature h3 {
	font-size: 15px;
	color: white;
	line-height: 20px;
}

/* @group Featured */

.ani_feature {
	background: url(../images/home/green_home_ani_tile.gif) repeat-x 0 0;
	width: 370px;	
	height: 110px;
	margin: 0;
	position: absolute;
	cursor: pointer;
}

.img_lft {
	background-color: white;
	border: 1px solid white;
	float: left;
	display: inline-block;
	height: 95px;
	margin: 6px 10px 0 10px;
	overflow: hidden;
	width: 125px;
}

.featured_img {
	height: 95px;
}

.txt_rt {
	display: inline-block;
	float: left;
	text-align: left;
	height: 95px;
	width: 200px;
	margin: 6px 10px 0 0;
	overflow: hidden;
	/*border: 1px dotted white;*/
}

#sold_feature .ani_feature .txt_rt h2 {
	font-size: 17px;
	margin: 0 0 5px 0;
}

#sold_feature .ani_feature .txt_rt h3 {
	font-size: 11px;
	line-height: 14px;
	margin: 0;
}

#sold_feature .ani_feature .txt_rt p {
	color: white;
	font-size: 24px;
	line-height: 18px;
	margin-top: 10px;
}

#sold_feature .ani_feature .txt_rt .sold_for {
	color: #ffd600;
	font-size: 12px;
	font-weight: bold;
}

/* @end */




/* @end */

#placeholder{ /*this is for the javascript scroller */
	margin-left: 30px;
	background-position: center;
}

#content {
	float: left;
	background: white url(../images/home/contentTile.gif) repeat-y 0 0;
	width: 800px;
}

#content h2 {
	font-weight: bold;
	font-size: 18px;
	line-height: 20px;
	margin: 25px 5px 25px 30px;
}

#content #leftbar{
	float: left;
	display: inline;
	width: 390px;
}

#content #rightbar {
	float: right;
	display: inline-block;
	width: 400px;
	height: 390px;
	background: url('../images/home/rt-bar-bkgd.gif') no-repeat right bottom; 
}

#content #leftbar p{
	font-size: 12px;
	line-height: 16px;
	color: #5e5e5e;
	margin: 0 5px 15px 30px;
}

#content #rightbar p{
	font-size: 14px;
	line-height: 18px;
	margin: 0 20px 0px 30px;
}

#content #rightbar a{
	font-size: 11px;
	line-height: 15px;
}

#content #rightbar h3{
	font-size: 18px;
	font-weight: bold;
	line-height: 17px;
	margin: 20px 20px 5px 30px;
}

#content #rightbar h3 a{
	font-size: 13px;
	font-weight: bold;
	line-height: 17px;
}

#content #rightbar img{
	float: left;
	margin: 0 10px 0 30px;
}

.indenthome{
	margin-left: 30px;
	padding-left: 30px;
	padding-bottom: 10px;
}

.green {
	color: #008748;
}

.more {
	padding: 0px 3px 1px 3px;
	background-color: #fef2b0;
	border: 1px solid #ffd600;
	margin-left: 3px;
}

.more:hover {
	padding: 0px 3px 1px 3px;
	background-color: #ffd600;
	border: 1px solid #ffd600;
	margin-left: 3px;
}

/* @end */

/* @group subpageContent */

#hiwImages {
	float: right;
}

.titledown {
	margin-top: 20px;
}

/* @group body100 */

#body100 {
	float: left;
	background: white;
	width: 800px;
}

#body100 #intro {
	background-color: #fffbe5;
	float: left;
	width: 800px;
	margin: 0;
}

#body100 #intro h2{
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	margin: 0px 60px 20px 30px;
}

#body100 h2, #body100 h3, #body100 p, #body100 li, #body100 ul {
	margin: 0px 30px 0px 30px;
}


#body100 ul.indent {
	margin-left: 40px;
	margin-bottom: 20px;
}

#body100 ul.indent li {
	line-height: 20px;
	list-style-image: url(../images/common/gBullet.gif);
	list-style-position: outside;
}

#body100 h2 {
	padding-top: 30px;
	margin-bottom: 25px;
}

#body100 h3 {
	color: #008748;
	padding-top: 15px;
	margin-bottom: 15px;
}

#body100 p{
	margin-bottom: 20px;
	line-height: 18px;
}
.twoColModule{
	width: 380px;
	margin: 0px 0px;
	padding: 0;
	float: left;
}

.twoColModule img {
	margin-left: 10px;
	margin-bottom: 10px;
}	

/* @end */

/* @group body */

#body {
	float: left;
	background: white;
	width: 800px;
}


/* @group img */

#body img {
	margin: 10px 30px 10px 30px;
}

#body img.specSrv {
	float: right;
	margin-top: 20px;
	width: 215px;
	height: 160px;
}

#body img.b2c_img {
	height: 90px;
	float: left;
	width: 120px;
	margin: 0;
	padding: 0 15px 0 0;
}

/* @end */

#body h2, #body h3, #body h4, #body h5, #body p, #body .b2c_callout {
	margin-left: 230px;
	margin-right: 30px;
}

#body table.indent {
	margin-left: 230px;
	margin-bottom: 20px;
}

#body table p{
	padding: 2px 5px;
	margin: 0;
}

#body tr.color1 {
	background-color: #fffbe5;
}

#body tr.tHead { background-color: #008748;}
#body tr.tHead p { color: white; font-weight: bold;}

#body ul.indent {
	margin-left: 260px;
	margin-right: 30px;
	margin-bottom: 20px;
}

#body ul.indent li {
	line-height: 20px;
	list-style-image: url(../images/common/gBullet.gif);
	list-style-position: outside;
}

#body ul.indent li.faqAnchor {
	line-height: 20px;
	list-style-image: none;
	margin-left: -30px;
}

#body h2#pushDown {
	margin-top: 80px;
	margin-bottom: 25px;
}

#body .b2c_callout {
	background-color: #fffbe5;
	padding: 10px;
	margin-left: 230px;
	margin-right: 30px;
}

#body .b2c_callout p{
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	height: 90px;
	overflow: hidden;
}

#body h2 {
	margin-top: 30px;
	margin-bottom: 25px;
}

#body h3 {
	color: #008748;
	margin-bottom: 15px;
}

#body h4 {
	margin-bottom: 10px;
}

#body h5 {
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 15px;
	color: #008748;
}

#body p{
	margin-bottom: 20px;
	line-height: 18px;
}



/* @end */

/* @group recentlySold */

#recSoldIntro {
	background-color: #fffbe5;
	float: left;
	width: 800px;
}

#recentSold {
	float: left;
	display: block;
	background: white;
	width: 800px;
}

#recentSold ul {
	margin: 20px 0 10px 30px;
}

#recSoldIntro h2 {
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	margin: 35px 60px 20px 30px;
}

#recSoldIntro h3 {
	font-weight: normal;
	font-style: normal;
	margin: 0px 50px 20px 30px;
}

#soldModule {
	width: 370px;
	margin: 30px 10px;
	float: left;
	background: url(../images/common/greenDivLine.gif) no-repeat 200px 133px;
}

.rsImage {
	float: left;
	display: block;
	height: 135px;
	overflow: hidden;
	width: 180px;
	margin: 0;
	text-align: center;
}


#soldModule h3, #soldModule p {
	margin-left: 200px;
}

#soldModule h3 {
	font-size: 12px;
	line-height: 14px;
	color: #008748;
	margin-bottom: 1px;
	font-weight: bold;
}

#soldModule .small {
	font-size: 10px;
	margin-bottom: 5px;
}

#soldModule p {
	line-height: 16px;
	margin-bottom: 15px;
}


/* @end */

/* @group coupons */

.coupon_page {
	float: left;
	background: white;
	width: 800px;
}

.coupon {
	text-align: center;
	display: block;
	border: 1px dotted #008748;
	padding: 20px 10px 10px 10px;
	margin: 10px auto;
	width: 500px;
}

.coupon p {
	font-size: 10px;
	text-align: left;
	margin-left: 10px;
}

.coupon_page .video {
	text-align: center;
	height: 240px;
	width: 356px;
	margin: 10px auto;
}


/* @end */
/* @end */

/* @group Footer */
#footer {
	background: url(../images/common/footerYel.gif) no-repeat;
	height: 44px;
	width: 800px;
	float: left;
	display: inline-block;
}

#footer p {
	font-size: 10px;
}

/*#footer .left {
	padding-top: 10px;
}*/

#footer .left p {	
	margin: 0 0 0 -10px;
	padding: 0;
	line-height: 44px;;
}

#footer .right p {
	float: right;
	margin-right: 10px;
	line-height: 44px;
}

#creditWrap { width: 800px; margin:0px auto 25px auto; }

#credit {
	text-align: right;
	margin-right: 20px;
	color: #84a395;
	font-size: 10px;
	font-weight: bold;
}

#credit a {	color: #84a395; text-decoration: none; border: none; }
#credit a:hover {	color: #84a395; text-decoration: underline; }

/* @end */

/* @end */

/* @group main navigation */


#nav, #nav ul {
	/*padding: 0;
	margin: 0;*/
	list-style: none;
	height: 30px;
}

#nav {
	background: #ffd600 url(../images/nav/navbarTile.gif) repeat-x 0 0;
	padding-left: 27px;
	margin-top: 80px;
}

#nav ul li a { /* modified from "#nav a" */
	display: block;
	width: auto; /*needs a width for opera (not positive on this one)*/
	border: none;
	height: 30px;
	line-height: 30px;
	font-weight: 600;
	color: #08401b;
	padding: 0 19px;
}

#nav ul li { /* modified from "#nav li" */
	float: left;
	width: auto; /*needs a width for opera*/
	height: 30px;
	line-height: 30px;
}

#nav ul li:hover a,
#nav ul li.here a {
	background: #008748 url(../images/nav/mainnav_grad_tile.gif) repeat-x 0 0;
	color: white;
}

#nav ul li.here a {
	cursor: default;
}

/* --- sub menus --- */
#nav li ul {
	position: absolute;
	height: auto;
	width: 170px;
	left: -999em;
	background: #008748 url(../images/nav/subnav_grad_tile.gif) repeat-x 0 0;
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity:0.95;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

/* --- added classes --- */
#nav ul li ul li {
	background-color: transparent;
	height: auto;
	line-height: 15px;
	padding: 5px 0;
	border-top: 1px solid #398a59;
	border-bottom: 1px solid #0a6700;
	width: 170px;
}

#nav ul li ul li:hover,
#nav ul li ul li.here {
	background-color: #08401b;
	/*color: white;*/
	filter:alpha(opacity=95);
	opacity: 0.95;
	-moz-opacity: 0.95;
}

#nav ul li ul li.sub_level_0 a {
	background: none;
	background-color: transparent;
	color: white;
	font-weight: 500;
	height: auto;
	line-height: 15px;
	width: 132px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

#nav ul li ul li.sub_level_0 a:hover,
#nav ul li ul li.sub_level_0.here a {
	color: white;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity: 1;
	z-index: 100;
}

#nav ul li ul li.sub_level_0.here a,
#nav ul li ul li.here {
	cursor: default;
}


/* @end */

/* @group subNav */
#page_nav {
	width: 200px;
	float: left;
}

#page_nav #nav_sub{
	width: 200px;
	font-size: 12px;
	line-height: 14px;
	color: #008748;
	margin-top: 30px;
	margin-bottom: 50px;
	float: left;
}

#page_nav #nav_sub li a{
	padding: 5px 20px 5px 30px;
	margin-bottom: 1px;
	color: #008748;
	text-decoration: none;
	display: block;
	border: none;
}

#page_nav #nav_sub li a:hover{
	background: #008748 url(../images/common/arrow.gif) no-repeat 16px 7px;
	color: white;
	text-decoration: none;
	display: block;
	border: none;
}

#page_nav #nav_sub li.here a{
	background: #008748 url(../images/common/arrow.gif) no-repeat 16px 7px;
	color: white;
	text-decoration: none;
	display: block;
	cursor: default;
}

/* @group pagination */

ul.pagination {
	float: left;
	display: block;
	line-height: 16px;
	width: 90%;
	margin-bottom: 20px;
}

.pagination li{
	float: left;
	display: block;
	font-weight: bold;
	line-height: 14px;
	color: #008748;
	margin-right: 5px;
	/*border: 1px solid #008748;
	padding: 2px 6px;*/
}

.pagination li a {
	font-size: 10px;
	display: block;
	border: 1px solid #008748;
	padding: 2px 6px;
	color: #008748;
}

.pagination li a:hover {
	/*border: 1px solid #008748;*/
	background-color: #008748 ;
	border: 1px solid #008748;
	color: white;
}

.pagination li.here a {
	display: block;
	border: 1px solid #008748;
	padding: 2px 6px;
	background-color: #008748 ;
	font-size: 10px;
	color: white;	
	cursor: default;
}




/* @end */

/* @end */

/* @group Forms */

em.required {
	font-size: 12px;
	color: #934f45;
	font-style: normal;
}

h5.formHead {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	text-align: left;
	border-top: 1px dotted #d1d1d1;
	margin: 0 0 1em;
	width: 100%;
}


#body100 form {
	margin: 20px 60px 20px 30px;
}

#appraisal input, 
#appraisal textarea {
	background-color: #fffbe5;	
	margin: 5px 0 0 0;
	padding: 5px;
	border: 1px inset silver;
	color: black;
	width: 270px;
}

#appraisal textarea {
	width: 600px;
	margin: 5px 0 0 0;
}

#body100 .head {
	border-bottom: 1px solid #008748;
	width: 100%;
	float: left;
	padding: 20px 0 0 0;
}

#body100 #appraisal h6 {
	color: #008748;
	display: inline-block;
	float: left;
	font-size: 12px;
}

#body100 .head span.required {
	float: right;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}

#body100 label {
	display: block;
	float: left;
	line-height: 15px;
	margin: 10px 30px 10px 0;
}

#body100 #appraisal input.submit {
	 background-color: #ffd600;
     border: 1px solid #ebb100;
     color: #08401b;
     font-size: 12px;
     font-weight: bold;
     padding: 2px;
     cursor: pointer;
     width: auto;
}

#body100 #appraisal input.submit:hover {
	 background-color: #008748;
     border: 1px solid #08401b;
     color: white;
}

#body100 label .message {
	font-size: 11px;
	color: grey;
	font-style: italic;
}

#body100 p.message {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 11px;
	color: grey;
	font-style: italic;
}


.required {
	color: #9e0b0f;
}


/* @end */

/* @group misc */

.clearfloat {
	clear: both;
}
.fltrt {
	float: right;
}
.fltlt {
	float: left;
}
.hidden {
	display : none;
}

.smallText {
	font-size: 10px;
	line-height: 12px;
	font-weight: bold;
}

.emSmTxt {
	font-style: italic;
	font-size: 10px;
}

#admin hr {
	width: 550px;
	margin: 5px 0px 10px 0px
}

/* @end */