/* General styles */
html {
	height: 			100%;
}


body {
	min-height: 100%;
	height: 100%!important;
}

body {
	margin:				0;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	color:				#333333;
	font-weight:        normal;
	text-align:			center;
	background-color: 	#ffffff;	
}

a {
	color:				#333333;
}

h1 {
	font-size:			10px;
	margin:				13px 5px 3px 7px;
	padding:			0;
	color:				#666666;
	font-weight:		normal;
}

h2 {
	font-size:			18px;
	margin:				35px 0px 30px 0px;
	padding:			0;
	color:				#666666;
	font-weight:		normal;
}

h3 {
	font-size:			12px;
	margin:				0;
	padding:			0;
	line-height:		28px;
	color:				#488498;
	font-weight:		bold;
	text-transform:		uppercase;
}

div.text {
	font-size:			10px;
	margin:				0 0px 0 0px;
	padding:			0;
	color:				#666666;
}

p {
	font-size:			10px;
	margin:				0 5px 0 7px;
	padding:			0;
	color:				#7d7d7d;
}

div.clear {
	height:				1px;
	overflow:			hidden;
	clear:				both;
	margin-top:			-1px;
}

div#main {
	position:			relative;
	margin: 			0 auto;
	width:				828px;
	min-height:			100%;
	text-align:			left;
	background-color: 	#FFFFFF;
	
}



/* IE-specific hack */
* html div#main {
	/* mac hide \*/
	height: 100%;
	/* end mac hide*/
}


/* STYLES FOR CONTENTTYPE */

div.mainFrontpage {
	background-image:	url(/images/mainFrontpageBGNew.gif);
	background-repeat:	repeat-y;
}

div.mainTextPage {
	background-image:	url(/images/mainTextPageBG.gif);
	background-repeat:	repeat-y;
}

div.mainCase {
	background-image:	url(/images/mainCaseBG.gif);
	background-repeat:	repeat-y;
}

div.topSpacer {
	border-bottom: 		1px solid #FFFFFF;
	height:				16px;
	background-color: 	#d0c8b6;
}

/* STYLES FOR CONTAINER */
div.container {
	position:			relative;
	padding:			0 21px 0 22px;
	margin:				0;
}


/* STYLES FOR TOPBAR */
div.top {
	text-align:			center;
	background-color:	#FFFFFF;
}

div.topImage img {
	padding:			1px 0 1px 0;
	background-color:	#FFFFFF;
	border-bottom:		1px solid #999999;
}

/* STYLES FOR MENU */
div.menu {
	position:			relative;
	height:				23px;
	border-bottom:		1px solid #999999;
	background-color:	#ffffff;
}

div.menu h1, div.menu h2 {
	display:			none;
}

div.menu ul {
	list-style:			none;
	padding:			0;
	margin:				0;
	height:				23px;
}

div.menu ul li {
	float:				left;
	padding:			0 18px 0 0;
	margin:				0;
	height:				23px;
	line-height:		23px;
}

div.menu ul li ul {
	position:			absolute;
	left:				0;
	top:				24px;
	width:				785px;
	height:				15px;
	background-color:	#ffffff;
	text-transform: 	none;
}

div.menu ul li ul li {
	height:				15px;
	line-height:		15px;
}


/* link menu styles */
div.menu ul li.active {
	height:				23px;
	line-height:		23px;
}

div.menu ul li a {
	text-decoration:	none;
	color:				#666666;
}

div.menu ul li.active a {
	color:				#488498;
	font-weight:		bold;
}

/* link submenu styles */
div.menu ul li ul li.active {
	height:				15px;
	line-height:		15px;
}

div.menu ul li ul li a {
	text-decoration:	none;
	font-weight:		normal !important;
	color:				#666666 !important;
}

div.menu ul li ul li.active a {
	color:				#488498 !important;
	font-weight:		bold !important;
}

/* STYLES FOR MENUSPACER */
div.menuSpacer {
	height:				17px;
	border-bottom:		1px solid #999999;
	background-color:	#FFFFFF
}


/* STYLES FOR IMAGE */
div.wideImg {
	background-color:	#FFFFFF;
}

div.wideImg img {
	margin:				1px 0 1px 0;
}


/* STYLES FOR CONTENTAREA */
div.contentArea {
}

/* STYLES FOR FRONTPAGE  */
div.mainFrontpage div.column1 {
	padding:			2px 0 2px 0;
	background-color:	#FFFFFF;
	border-bottom:		1px solid #999999;
}

div.mainFrontpage div.column2 {
	float:				right;
	width:				785px;
	padding:			0 0 0 0px;
	position:			relative;
}

/* STYLES FOR TEXTPAGE  */
div.mainTextPage div.column1 {
	float:				left;
	width:				359px;
	
}

div.mainTextPage div.column2 {
	float:				right;
	width:				388px;
	padding:			0 12px 0 25px;
}

/* STYLES FOR CASEPAGE  */
div.mainCase div.column1 {
	float:				left;
	width:				425px;
	border-bottom:		1px solid #999999;
	padding-bottom:		1px;
	position:			relative;
	text-align:			center;
}

div.mainCase div.column2 {
	float:				right;
	position:			relative;
	width:				358px;
	height:				320px;
	border-bottom:		1px solid #999999;
	border-right:		1px solid #999999;
}

div.mainCase div.column2 div.navigation {
	position:			relative;
	width:				320px;
	height:				185px;
	left:				39px;
	top:				64px;
	overflow: 			hidden;
}

div.mainCase div.column2 div.navigation ul.tabs {
	list-style:			none;
	position:			relative;
	margin:				0;
	padding:			0;
	width:				320px;
	height:				17px;
	border-bottom:		1px solid #999999;
}

div.mainCase div.column2 div.navigation ul.tabs li {
	float:				left;
	position:			relative;
	margin:				0 1px 0 0;
	padding:			0;
	width:				104px;
	height:				16px;
	border:				1px solid #999999;
	border-bottom:		0px;
}

div.mainCase div.column2 div.navigation ul.tabs li.map {
	margin:				0;
	padding:			0;

}

div.mainCase div.column2 div.navigation ul.tabs li a {
	display:			block;
	position:			absolute;
	width:				104px;
	height:				17px;
	line-height:		16px;
	text-align:			center;
	text-decoration:	none;
	border-bottom:		1px solid #999999;
}

div.mainCase div.column2 div.navigation ul.tabs li.active a {
	border-bottom:		1px solid #ffffff;
	background-image:	url(/images/tabBG.gif);
	background-repeat:	repeat-y;
	background-color:	#ffffff;
}

div.mainCase div.column2 div.navigation ul.images {
	position:			relative;
	list-style:			none;
	margin:				0;
	padding:			16px 0 11px 0;
	width:				324px;
	height:				114px;
	background-color:	#FFFFFF;
}

div.mainCase div.column2 div.navigation ul.images li {
	float:				left;
	margin:				0 4px 4px 0;
	padding:			0;
	width:				75px;
	height:				51px;
	border:				1px solid #666666;
	background-color: 	#e1e1e1;
	overflow:			hidden;
	text-align:			center;
}

div.mainCase div.column2 div.navigation ul.images li img {
	height:				51px;
	cursor:				pointer;
	cursor:				hand;
}

div.mainCase div.column2 div.navigation div.numbers {
	border-top:			1px solid #999999;
	border-right:		1px solid #999999;
	height:				29px;
	background-image:	url(/images/numbersBG.gif);
	background-repeat:	repeat-x;
}

div.mainCase div.column2 div.navigation div.numbers ul {
	list-style:			none;
	height:				29px;
	margin:				0;
	padding:			0;
}

div.mainCase div.column2 div.navigation div.numbers ul li {
	float:				left;
	height:				29px;
	line-height:		29px;
	margin:				0 18px 0 0;
	padding:			0;
}

div.mainCase div.column2 div.navigation div.numbers ul li a {
	color:				#666666;
	text-decoration:	none;
}

div.mainCase div.column2 div.navigation div.numbers ul li.active a {
	color:				#4AABCB;
}

div.mainCase div.column3 {
	float:				left;
	width:				390px;
	padding:			0 35px 0 0;
}

div.mainCase div.column4 {
	float:				right;
	width:				308px;
	padding:			34px 12px 0 39px;
}

/* STYLE FOR IMAGES */
div.mainTextPage div.column1 img {
	padding:			1px 1px 1px 0;
	border-bottom:		1px solid #999999;
}

div.mainCase div.column1 img {
	padding:			1px 1px 0 0;
}

/* STYLE FOR SPACER */
div.line {
	height:				1px;
	line-height:		1px;
	font-size:			1px;
	margin:				10px 0 10px 0;
	background-color:	#999999;
	overflow:			hidden;
}

div.dots {
	height:				10px;
	line-height:		1px;
	font-size:			1px;
	margin:				0 0 10px 0;
	border-bottom:		1px dotted #999999;
}

div.blank {
	height:				20px;
}

/* STYLES FOR DOWNLOADLIST  */

ul.downloadList {
	margin:				0;
	padding:			0;
	list-style:			none;
}

ul.downloadList li {
	margin:				0 0 5px 0;
	padding:			0 0 0 26px;
	width:				294px;
	height:				19px;
	line-height:		19px;
}

ul.downloadList li.down {
	background-image:	url(/images/icons/arrowDown.gif);
	background-repeat:	no-repeat;
	background-position:5px 4px;
}

ul.downloadList li a {
	color:				#488498;
	text-decoration:	none;
}

ul.downloadList li.right {
	background-image:	url(/images/icons/arrowRight.gif);
	background-repeat:	no-repeat;
	background-position:6px 4px;
	background-color:	#DEF1F7;
}

ul.downloadList li.left {
	background-image:	url(/images/icons/arrowLeft.gif);
	background-repeat:	no-repeat;
	background-position:6px 4px;
}

/* STYLES FOR ORDERINFO */
div.orderInfo {
	position:			absolute;
	top:				88px;
	left:				164px;
	width:				299px;
	padding:			35px 105px 45px 105px;
	background-color:	#ffffff;
	border:				1px solid #666666;
	display:			none;
	z-index: 			20;
}

/* STYLES FOR FORMS */
input {
	border:				1px solid #999999;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	font-weight:		normal;
	color:				#333333;
	background-color:	#ffffff;
}

textarea {
	border:				1px solid #999999;
	font-family:		verdana, arial, helvetica;
	font-size:			10px;
	font-weight:		normal;
	color:				#333333;
	background-color:	#ffffff;
	display:			block;
	width:				297px;
	height:				57px;
	overflow:			auto;
}

input.check {
	border:				0px;
}

input.button {
	padding:			1px 20px 1px 20px;
	background-image:	url(/images/buttonBG.gif);
	background-repeat:	repeat-x;
	background-position:1px 1px;
}

div.buttons {
	text-align:			right;
}

div.formText {
	font-weight:		bold;
	color:				#333333;
	margin-bottom:		20px;
	width:				100%;
}

div.error {
	color:				red;
	margin-bottom:		5px;
}

label {
	display:			block;
	color:				#333333;
	margin-top:			5px;
}

input.textField {
	display:			block;
	width:				297px;
	margin:				2px 0 2px 0;
}

/* STYLES FOR LIST */
table.list {
	width:				100%;
	border:				0;
	color:				#666666;
	font-size:			10px;
	border-top:			1px solid #666666;
	border-bottom:		1px solid #666666;
	padding-bottom:		3px;
	
}


table.list td {
	height:				138px;
	vertical-align:		top;
	background-repeat:	repeat-x;
	cursor:				pointer;
	cursor:				hand;
}

table.list td.image {
	width:				399px;
}

table.list td.image img {
	width:				394px;
	height:				254px;
	display:			block;
}

table.list td.location {
	width:				192px;
	padding:			5px 16px 5px 16px;
	border-right:		1px solid #999999;
}

table.list td.openHouse {
	width:				193px;
	padding:			5px 16px 5px 16px;
	font-weight:		bold;
}

table.list tr.paddingSpc {
	height:				7px;
}


table.list tr.paddingSpc td {
	height:				7px;
	line-height:		7px;
}

table.list tr.paddingSpcDots {
	height:				7px;
}


table.list tr.paddingSpcDots td {
	height:				7px;
	line-height:		7px;
	background-image:	url(/images/dots.gif);
	background-position:bottom;
	background-repeat:	repeat-x;
}


table.list td h2{
	font-size:			11px;
	font-weight:		bold;
	padding:			0;
	margin:				0;
}

div.soldOver {
	position:			absolute;
	z-index:			10;
	top:				1px;
	display:			block;
	width:				223px;
	height:				223px;
	cursor:				pointer;
	cursor:				hand;
}

div.soldOver {	
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/soldOver.png', sizingMethod='scale');
	
}

html>body div.soldOver {
	background-image:	url(/images/soldOver.png);
	background-repeat:	no-repeat;
}

div.magnifyOver {
	position:			absolute;
	z-index:			10;
	display:			block;
	width:				135px;
	height:				135px;
	cursor:				pointer;
	cursor:				hand;
	bottom:				1px;
	right:				1px;
}

div.magnifyOver {	
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/enlarge.png', sizingMethod='scale');
	
}

html>body div.magnifyOver {
	background-image:	url(/images/enlarge.png);
	background-repeat:	no-repeat;
}

table.list td.image {
	width:				399px;
	
}

div.soldOverList {
	position:			absolute;
	padding:			0;
	margin:				0;
	display:			block;
	z-index:			10;
	width:				135px;
	height:				135px;
	cursor:				pointer;
	cursor:				hand;
}

div.soldOverList {	
	filter:				progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/soldOverList.png', sizingMethod='scale');
	
}

html>body div.soldOverList {
	background-image:	url(/images/soldOverList.png);
	background-repeat:	no-repeat;
}