/* MAIN BODY */
body { background: #990000 url(/images/flag_bg.jpg) no-repeat top center; margin: 0 auto; text-align: center; font-family: 'Arial', sans-serif; color: #444; font-size: 12px;}
body.mceContentBody { text-align: left; }
html { overflow-y: scroll; }
.mceContentBody { background-color: #FFF; background-image: none; }
#siteframe{margin: auto; width: 960px;}
#content {margin: 0 auto; text-align: left; padding: 0; background-color: white; width: 960px;}
#column-main {width: 698px; padding: 10px; float: left;}
#column-right {width: 220px; float: right; font-size: .9em; padding: 10px 10px 10px 0; margin: 4px; }
#header {height: 160px; margin: 0 auto; padding: 0; position: relative; background-color: transparent;}


/* FONTS */
p {font-weight: normal; font-size: 1em; line-height: 20px; margin: 0 0 15px 0;}
#column-right p {font-weight: normal; font-size: 1em; line-height: 16px; margin: 0 0 10px 0; color: #666;}
.small {font-size: .9em; line-height: 15px; color: #999; margin: 0 0 10px 0;}
.required {color: #234FA7; font-weight: bold;}

a:link, a:visited {color: #990000; text-decoration: none; font-weight: normal;}
a:hover {text-decoration: underline;}

h1 {color: #234FA7; font-size: 2.2em; font-weight: normal; margin:0; font-family: Georgia; margin: 0;}
#column-right h1 {color: #333; font-size: 2em; font-weight: normal; font-family: Georgia; }
h2 {color: #990000; font-size: 1.8em; font-weight: normal; margin: 0; font-family: Georgia;}
h3 {color: #333; font-size: 1.4em; font-weight: normal; margin: 0; font-family: Georgia;}

td .required {color: #F40627;}

.linebreak {border-bottom: thin; border-bottom-color: #DEDEDE; border-bottom-style: solid; margin: 15px 0 15px 0;}
div.dotted { height: 1px; background: transparent url(/images/dotted-divider.gif) repeat-x; margin: 2px 0px; font-size: 1px;}
div.dotted-header { height: 1px; background: transparent url(/images/dotted-divider.gif) repeat-x; margin: 10px 0px; font-size: 1px;}

#testimonials {
padding: 0 10px 10px 10px;
}

#testimonials p {
color: #333;
font-size: 1.1em;
font-style: italic;
line-height: 16px;
}

#emailsignup {
background: transparent url('/images/gr_buyer_alert.jpg') no-repeat;
width: 220px;
height: 120px;
padding: 10px 10px 10px 14px;
text-align: left;
}

/* IMAGES */
div#print-logo { display: none; }
div#logo {margin: 20px 0 0 0px; float: left; width: 430px; height: 88px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/usl-logo.png'); cursor: pointer;}
html > body div#logo {background: transparent url(/images/usl-logo.png) no-repeat; }
div#uncle-sam {width: 150px; height: 157px; position: absolute; top: 13px; right: 30px; z-index: 1; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/uncle-sam-header.png'); }
div#cart-nav {width: 200px; position: absolute; top: 100px; right: 0px; z-index: 1; }
html > body div#uncle-sam { background: transparent url(/images/uncle-sam-header.png) no-repeat; }
img.right {float: right;padding: 0 0 20px 20px;}
img.ad {padding: 0 0 10px 0;}
img.right-bleed {float: right;padding: 0 0 0 20px;}

/* FOOTER */
#footer {margin: 0; padding: 10px; clear: both;}
#footer p {color: #FFF; font-size: .8em; margin: 0 auto;}
#footer a:link, #footer a:visited {color: #FFF; text-decoration: underline;}
#footer a:hover {color: #CCC;}

/* MAIN NAV */
#navigation {
	width: 960px;
	height: 33px;
	position: absolute;
	top: 126px;
	left: 0px;
	border-top: 1px solid #4A6EB5;
	clear: left;
	background: transparent url(/images/nav-bg.jpg) repeat-x;
	text-align: left;
}
#navigation div { background: transparent url(/images/nav-rt.jpg) no-repeat right center;}

ul#nav { padding: 0px;}

ul#nav, ul#nav li {
display: block;
list-style: none;
font-size: 1em;
font-weight: bold;
margin: 0 auto;
padding: 0;
height: 33px;
}

ul#nav li { margin-right: 0px; float: left;}

ul#nav a, ul#nav a:visited {
	color: #C6D1E8;
	text-decoration: none;
	font-weight: bold;
	line-height: 33px;
	height: 33px; 
	font-size: 12px;
	padding: 5px 15px;
	font-family: 'Arial', sans-serif;
}

ul#nav a:hover {
	text-decoration: none;
	color: #FFF;
}


ul#nav li.divider { width: 2px; background: transparent url(/images/nav-divider.jpg); } 
ul#nav li.active { background: white url(/images/nav-active.jpg) repeat-x;}
ul#nav li.active a, ul#nav li.active a:visited {color: #990000;}

/* side navigation */
ul#side-nav { list-style: none; padding: 0px; margin: 20px 0px;}
ul#side-nav li {
display: block;
list-style: none;
font-size: .9em;
font-weight: bold;
height: 20px;
background: transparent url(/images/sub-nav-arrow.jpg) no-repeat left center;
padding-left: 20px;
}

ul#side-nav a, ul#side-nav a:visited {
	color: #CC0000;
	text-decoration: none;
	font-weight: bold;
	line-height: 20px;
	height: 20px; 
	font-size: 11px;
	display: block;
}

div.button { background: transparent url(/cambiolabs/extension/shared/images/grey_button_bg.gif) no-repeat left center; float: left; margin: 5px 5px 0px 0px; width: 65px; cursor: pointer; height: 24px;}
div.button div { background: transparent url(/cambiolabs/extension/shared/images/grey_button_rt.gif) no-repeat right; color: white; font-size: .9em; font-weight: bold; padding: 0px 5px; text-align: center; height: 24px; line-height: 24px;}

/* property box styles */
.property-container { background-color: #F0F0F0; padding: 10px 10px; position: relative; border: 1px solid #D1D1D1; margin-bottom: 15px;}
.property-container div.title { position: absolute; font-size: 12px; color: #666; margin-bottom: 10px; top: 14px; right: 90px;}
.property-container div.prev-btn { position: absolute; left: 5px; _left: -5px; top: 150px; width: 26px; height: 57px; cursor: pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prev.png', sizingMethod='crop');}
html > body .property-container div.prev-btn {background: transparent url(/images/prev.png) no-repeat;}
.property-container div.next-btn { position: absolute; right: 7px; width: 26px; top: 150px; height: 57px; cursor: pointer;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/next.png', sizingMethod='crop');}
html > body .property-container div.next-btn { background: transparent url(/images/next.png) no-repeat; }
.property-container div.prev-disabled { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/prev-disabled.png', sizingMethod='crop'); }
html > body .property-container div.prev-disabled { background: transparent url(/images/prev-disabled.png) no-repeat; }
.property-container div.next-disabled { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/next-disabled.png', sizingMethod='crop'); }
html > body .property-container div.next-disabled { background: transparent url(/images/next-disabled.png) no-repeat; }

.property-container div#house-view-all, .property-container div#view-all, .property-container div#house-view-all { position: absolute; right: 15px; _right: 10px; top: 10px; width: 60px; height: 24px; background: transparent url(/images/view-all.jpg) no-repeat; cursor: pointer;}


div.property_box {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/property-box-bg.png', sizingMethod='crop'); height: 247px; width: 208px; margin: 0px 5px 8px 0px;}
html > body div.property_box { background: transparent url(/images/property-box-bg.png) no-repeat; } 
div.property_box div.info { width: 190px; margin: 0px auto; padding-top: 10px; height: 205px; position: relative;}
div.property_box div.info div.sold-bg { z-index: 1; position: absolute; top: 10px; left: 0px; width: 190px; height: 140px; background-color: white; -moz-opacity:.50; filter:alpha(opacity=50); opacity:.50; }
div.property_box div.info div.sold { z-index: 2; position: absolute; width: 116px; height: 66px; top: 40px; left: 40px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sold.png', sizingMethod='crop'); }
html > body div.property_box div.info div.sold { background: transparent url(/images/sold.png) no-repeat; }
div.property_box a { color: #B9090B; font-size: 11px; font-weight: bold; position: relative;}
div.property_box label { font-size: 13px; font-weight: bold; color: #666; margin: 0px 0px 5px 0px; display: block;}
div.property_box div.price {padding: 0px 10px;}
div.property_box div.price label { float: left; line-height: 22px; height: 22px; margin: 0px; color: #333; font-weight: bold; font-size: 20px;}
div.property_box div.price div { float: right; }

div.divider { height: 1px; border-bottom: 1px dotted #999; margin: 15px 0 15px 0; }
span.blue { font-size: 12px; color: #234FA7; font-family: 'Lucida Grande'; }
span.ticker { font-size: 10px; color: #607FBF; font-weight: bold; font-family: 'Lucida Grande'; }
div.digit { line-height: 42px; text-align: center; height: 42px; width: 32px; font-weight: bold; font-family: Arial; font-size: 38px; color: white; background: transparent url(/images/number-bg.jpg) no-repeat; margin-right: 2px; }
div.red { background: transparent url(/images/number-bg-red.jpg) no-repeat; }

div.stat { position: relative; margin-bottom: 6px; }
div.stat div.bar { background-color: #CDD7E9; font-size: 1px; height: 26px;}
div.stat div.text { position: absolute; top: 0px; left: 3px; height: 26px; line-height: 26px; color: #204CA5; font-size: 11px; font-weight: bold;}

div.column-title { position: relative; font-size: 16px; color: #214DA5; margin: 20px 0px 10px 0px; font-weight: bold;}
div.column-title div { position: absolute; right: 0px; top: 0px; }
div.column-content { background: #FFF url(/images/column-bg.jpg) repeat-x; padding: 12px 8px;}

div#secure { width: 115px; float: left; margin-left: 5px; font-family: Arial; font-size: 10px; color: #999 }

/* icons */
div#icon-account { font-family: 'Arial', sans-serif; float: left; background: transparent url(/images/account.png) no-repeat scroll right center; padding-right: 17px; margin-right: 10px; font-size: 10px; color: #FFF; cursor: pointer; height: 16px; line-height: 16px;}
div#icon-cart { font-family: 'Arial', sans-serif; float: left; background: transparent url(/images/cart.png) no-repeat scroll right center;  padding-right: 20px; margin-right: 10px; font-size: 10px; color: #FFF; cursor: pointer; height: 16px; line-height: 16px;  }
div#icon-checkout { font-family: 'Arial', sans-serif; float: left; background: transparent url(/images/checkout.png) no-repeat scroll right center; padding-right: 15px; margin-right: 10px; font-size: 10px; color: #FFF; cursor: pointer; height: 16px; line-height: 16px; }
div#icon-lock { background: #FFF url(/images/lock.gif) no-repeat scroll left center; padding-left: 18px; font-size: 10px; color: #333; line-height: 12px;}

/*faq styles */
div#faqs div.faq-question { font-size: 1.1em; color: #990000; font-weight: bold; padding-left: 12px; background: transparent url(/images/arrow-closed.gif) no-repeat left center; margin: 12px 0 0 0; cursor: pointer;}
div#faqs div.faq-open { background: transparent url(/images/arrow-open.gif) no-repeat left center; }
div#faqs div.faq-answer { font-size: 1em; color: #666; padding-left: 12px; display: none; margin: 5px 0 0 0}

/* details page */
div.details-title { color: #990000; font-size: 18px; margin: 5px 0px; font-family: 'Lucida Grande' }
div.details-price { color: #990000; font-size: 22px; font-weight: bold; font-family: Arial; line-height: 22px; vertical-align: middle;}
div.details-price img { vertical-align: middle; }
div.details-link { margin: 4px 0px; cursor: pointer;}
div.details-link a { font-size: 12px; font-weight: bold; font-family: Arial; line-height: 20px;}
div.details-link img { vertical-align: middle; margin-right:10px; }
table.house-details { font-family: Arial; font-size: 12px; }
table.house-details th { text-align: left; color: #333; padding-bottom: 5px;}
table.house-details td { text-align: left; color: #666; padding: 0px 0px 5px 10px; }
p.details-info { font-size: 12px; color: #666; line-height: 16px;}
p.details-info label { font-size: 18px; display: block; color: #333; font-family: Georgia; line-height: 20px; margin: 5px 0px; }
div.photo-arrow { width: 20px; height: 54px; cursor: pointer; float: left; }
div.photo-arrow img { margin-top: 15px; }

/* login registration */
div.form-box { padding: 10px; background-color: #F0F0F0; border: 1px solid #D1D1D1; float: left; }
div.form-box label { display: block; color: #333; font-size: 18px; font-family: Georgia;}

/* checkout steps */
div.checkout_step { font-size: 11px; font-weight: bold; display: inline; background: #FFF url(/images/step-inactive.jpg) no-repeat right center; padding: 0px 20px 0px 15px; line-height: 20px;}
div.checkout_step-active { color: #990000; background-image: url(/images/step-active.jpg); }

#buyeralert-mask {position:absolute; top:0; left:0; height:100%; width:100%; background:#000; opacity:.75; filter:alpha(opacity=75); z-index:100;}
#buyeralert { z-index: 101; width: 300px; height: 100px; background-color: #FFFFFF; position: absolute; text-align: left; padding: 15px; }

div#testimonials { position: relative; height: 160px; }
div#testimonials div { display: none; position: absolute; }