@import url(../includes/sifr.css);

body {
	padding:0px;
	margin:0px;
	text-align: center;
	font-family:verdana;
	color:#333333;
	font-size:12px;
	cursor:default;
}


#framework {
	position:relative;
	/*background: url(commercialViewer.gif) no-repeat;*/
	width:527px;
	height:600px;
	margin:0px auto;
	text-align: left;
	margin-top:0px;
	padding:0px;
}
#framework #backgroundPanels {z-index:-2;}


a:hover { cursor:pointer; }

#framework #propertyHolder { position:absolute; top:21px; left:250px; height:110px; width:175px; overflow:hidden; font-size:11px; }
#framework #logo {position:absolute; top:25px; left:30px; height:100px; width:220px;}
#framework #audiologo {position:absolute; top:18px; left:218px; height:18px; width:140px;display:none;}
#framework #agent_photo {position:absolute; top:25px; right:35px; height:60px; width:90px; }
#framework .tabs { position:absolute; margin:0px; padding:0px; top:449px; width:354px; height:28px; overflow:hidden;}
#framework .popup { position:absolute; VISIBILITY: hidden;top:159px; left:38px; BACKGROUND-COLOR: #f1f1f1; LAYER-BACKGROUND-COLOR: #ffffff; width: 445px;height:380px;text-align:center; PADDING: 3px; z-index: 10 }
#framework #customeName {position:absolute;top:98px;left:105px;width:250px;text-align:center;color:#333399;font-size:15pt;}
.tabLink { position:absolute; display:block; top:432px; margin:0px; text-indent:-9999px; text-decoration:none; }

#framework #ViewerType-Java { position:absolute; display:block; width:53px; height:26px; top:410px; left:385px; text-indent:-9999px; text-decoration:none; }
#framework #ViewerType-Flash { position:absolute; display:block; width:58px; height:26px; top:410px; left:438px; text-indent:-9999px; text-decoration:none; }
#framework .ViewerType-Java-Off { background: url(commercialImages/ViewerType-Java.gif) no-repeat; }
#framework .ViewerType-Java-On { background: url(commercialImages/ViewerType-Java-On.gif) no-repeat; }
#framework .ViewerType-Flash-Off { background: url(commercialImages/ViewerType-Flash.gif) no-repeat; }
#framework .ViewerType-Flash-On { background: url(commercialImages/ViewerType-Flash-On.gif) no-repeat; }

#framework #Viewer { position:absolute; top:163px; left:43px; width:474px; height: 244px; }
#framework #BackBtn { position:absolute; top:146px; left:53px; width:70px; height:25px; }

#framework #Thumbs-VTs, #framework #Thumbs-Stills, #framework #b_menu { position:absolute; top:466px; left:0px; width:480px; height:73px; overflow:hidden; margin-left:20px; margin-right:20px; }

#framework #helplink { position:absolute; top:561px; width:527px; text-align:center; color:#d6d9df; }
#framework #helplink a { color:#d6d9df; text-decoration:none; }
#framework #helplink a:hover { text-decoration:underline; }


.thumb, .thumb_selected { border:0px; margin-left:4px; float:left; width:100px; overflow:hidden; text-align:center;}
.thumb a img, .thumb_selected a img { border:0px; }
.thumb a, .thumb_selected a { color: #333333; text-decoration:none;}
.thumb_selected a img { border:1px solid #333333;}

#framework #more { position:absolute; display:block; top:10px; left:460px; height:49px; width:9px;background: url(commercialImages/more.gif) no-repeat; text-indent:-9999px; overflow:hidden;}
#framework #prev { position:absolute; display:block; top:10px; left:10px; height:49px; width:9px; background: url(commercialImages/less.gif) no-repeat; text-indent:-9999px; overflow:hidden;}


#framework #b_menu, #framework #Thumbs-VTs, #framework #Thumbs-Stills { padding-left: 30px; }

#framework #b_menu {padding-left:18px;}
#framework #b_menu ul { list-style-type:none; margin:0px;padding:0px; }
#framework #b_menu ul li { float:left; height:22px; width:146px; overflow:hidden; }
#framework #b_menu ul li { text-decoration:none; margin-right:2px; margin-bottom:2px;}
#framework #b_menu ul li a { text-indent:-9999px; display:block; width:146px; height:22px; cursor:pointer;}

#EmailAgent { background: url(commercialImages/features-EmailAgent.gif) no-repeat; width:146px; height:22px; }
#Finance { background: url(commercialImages/features-Finance.gif) no-repeat; width:146px; height:22px; }
#ViewMap { background: url(commercialImages/features-Map.gif) no-repeat; width:146px; height:22px;}
#Flyer { background: url(commercialImages/features-Flyer.gif) no-repeat;  width:146px; height:22px; }
#EmailFriend { background: url(commercialImages/features-EmailFriend.gif) no-repeat;  width:146px; height:22px; }
#Listings { background: url(commercialImages/features-Listings.gif) no-repeat;  width:146px; height:22px; }
#LargerView { background: url(commercialImages/features-4X.gif) no-repeat;  width:146px; height:22px; }
#Floorplan { background: url(commercialImages/features-Floorplan.gif) no-repeat; width:146px; height:22px; }
#SaveTour { background: url(commercialImages/features-SaveTour.gif) no-repeat;  width:146px; height:22px; }
#OpenHouse { background: url(commercialImages/features-OpenHouse.gif) no-repeat; width:146px; height:22px; }
#ViewSchools { background: url(commercialImages/features-schools.gif) no-repeat; width:146px; height:22px; }

#EmailAgent a:hover { background: url(commercialImages/features-EmailAgent-o.gif) no-repeat; width:146px; height:22px; }
#Finance a:hover { background: url(commercialImages/features-Finance-o.gif) no-repeat; width:146px; height:22px; }
#ViewMap a:hover { background: url(commercialImages/features-Map-o.gif) no-repeat; width:146px; height:22px;}
#Flyer a:hover { background: url(commercialImages/features-Flyer-o.gif) no-repeat;  width:146px; height:22px; }
#EmailFriend a:hover { background: url(commercialImages/features-EmailFriend-o.gif) no-repeat;  width:146px; height:22px; }
#Listings a:hover { background: url(commercialImages/features-Listings-o.gif) no-repeat;  width:146px; height:22px; }
#LargerView a:hover { background: url(commercialImages/features-4X-o.gif) no-repeat;  width:146px; height:22px; }
#Floorplan a:hover { background: url(commercialImages/features-Floorplan-o.gif) no-repeat; width:146px; height:22px; }
#SaveTour a:hover { background: url(commercialImages/features-SaveTour-o.gif) no-repeat;  width:146px; height:22px; }
#OpenHouse a:hover { background: url(commercialImages/features-OpenHouse-o.gif) no-repeat; width:146px; height:22px; }
#ViewSchools a:hover { background: url(commercialImages/features-schools-o.gif) no-repeat; width:146px; height:22px; }


.replaceConsumerInfo {font-size:11px;}
.replaceProperty_address {font-size:11px;}
.replaceConsumerInfoLink {font-size:11px;  text-decoration:underline; }