﻿/* CSS Document */
body{
	padding:0px;
	margin:0px;
	color:#990000;
	background: #fff url(../images/bg1.gif) 0 0 ;
	font-family:Arial, Tahoma, sans-serif;
	font-size: 10px;
	line-height: 14px;
	text-align:left;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
li{list-style-type: disc;}
img{border:0;}

.clear {clear: both; margin: 0px}
.spacer{font-size:0; line-height:10px; clear:both;}

.PagerStyle
{
	color:#000;
	font-size:11px;
	font-weight:bold;
	background-color:#999999;
	padding:15px;
}


/* TOP */

#top{width:747px; height:112px; position:relative;margin: 0 auto;background:#fff url(../images/bg_top.gif) 0 0 no-repeat;}

#logo{width:190px;height:115px;position:absolute;vertical-align:top;top:10px;left:10px;background:#990000 url(../images/logo.gif) 0 0 no-repeat}

#currency{height:15px;padding:5px;float:right;position:relative}
#currency .dropdown{width:100px;font-size:10px;border:1px dash #000;}
#logon{height:15px;padding:5px;float:left;position:absolute;left:200px;text-align:right;}




#menu{height:80px;text-align:right;position:relative;}
#menu p{padding:2px;position:relative; margin: 0px 0 0 0px;display:block;}
#menu a{font-size:13px;font-family:Tahoma; font-weight:normal; text-decoration:none; padding: 0 5px;color:#990000;}
#menu a:hover{text-decoration:underline; }

/* HEADER */

#header{width:747px; height:230px; position:relative; margin: 0 auto; clear:both;}

#formPan{width:212px;height:200px; float:left; background:url(../images/b_form1.jpg) 0 0 no-repeat; }
#formPan h2{height:32px; background:url(../images/h_form.gif) 7px 9px no-repeat; position:relative;}

form.search{color:#353739; margin: 10px 0 0 0; padding:0 0 0 9px;}
form.search select{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:80px}
form.search select.location{height:18px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:190px}
form.search input{height:16px; border: #abadb3 1px solid; font:10px/14px Tahoma, sans-serif; width:85px}
form.search input.submitBtn{margin:10px 0 0 120px;  width:66px; height:17px; line-height:0; font-size:0;}

#mainimgPan{width:535px; float:left;background:#fff;margin-top:4px}

#mainimgPan ul{position:relative; margin:1px 0 0 5px; clear:both; height:3px;}
#mainimgPan ul li {float:left; margin-right:40px}
#mainimgPan ul li.btn1 a{width:133px; height:15px; display:block; background:url(../images/btn3_compare.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.btn2 a{width:196px; height:15px; display:block; background:url(../images/btn3_presentation.jpg) 0 0 no-repeat; text-indent:-20000px; }
#mainimgPan ul li.line {width:2px; height:18px;}

#mainimg{position:relative; height:225px; clear:both; background:url(../images/b_slogan1.jpg) 0 0 no-repeat;}
#mainimg img {position: absolute; top:126px; left:424px}


/* CONTENT */

#content{width:747px; position:relative; margin: 0 auto; clear:both; background:#fff; border-bottom: #FFFFFF 1px dashed; border-top: #FFFFFF 1px dashed;}
#content a{font:10px/14px Tahoma, sans-serif; color:#00e0f9; text-decoration:none }
#content a:hover{color:#FFF;}

#leftPan{width:212px; position:relative; float:left;background:#fff; }

#services{position:relative; margin:10px 10px 25px 5px}
#services h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#services .p{width:170px; position:relative; padding: 3px 0 0 12px;float:left;color:#000; }
#services p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}


#memberlogon{position:relative; margin:10px 10px 25px 5px}
#memberlogon h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#memberlogon .p{width:170px; position:relative; padding: 3px 0 0 12px;float:left;color:#000; }
#memberlogon p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

#exRate{position:relative; margin:5px 10px 25px 5px}
#exRate h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#exRate .p{width:170px; position:relative; padding: 3px 0 0 5px;float:left }
#exRate .label{width:80px;text-align:center;padding:3px;font-size:8pt;font-family:arial;font-weight:bold;}
#exRate .formw{padding:5px;}
#exRate p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}

#lastViewed{position:relative; margin:10px 10px 25px 5px;}
#lastViewed h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#lastViewed p{width:170px; position:relative; padding: 8px 0 8px 12px;float:left;color:#000; }
#lastViewed p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}
#lastViewed a:link{color:#000;font-size:12px;}
#lastViewed a:hover{color:#ccc;font-size:12px;}
#lastViewed a:visited{color:#999;font-size:12px;}


#favorit{position:relative; margin:10px 10px 25px 5px;}
#favorit h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#favorit p{width:170px; position:relative; padding: 8px 0 8px 12px;float:left;color:#000; }
#favorit p span{width:170px; font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;}
#favorit a:link{color:#000;font-size:12px;}
#favorit a:hover{color:#ccc;font-size:12px;}
#favorit a:visited{color:#999;font-size:12px;}







.spacerline{position:relative; clear:both; height:2px; margin:0 }

#mortgage {position:relative; margin:10px 10px 15px 2px;}
#mortgage h2{width:182px;position:relative; padding-bottom:5px;border-bottom:2px solid #999999;font-size:14px;font-weight:bold;}
#mortgage p{width:80px; position:relative;font:10px/14px Tahoma, sans-serif; color:#000000; font-weight:bold;padding:0 0 5px 10px}
#mortgage ul {position:relative; clear:both; margin: 5px 20px 0 16px}
#mortgage ul li{height:18px;}
#mortgage ul li a{font:10px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#mortgage ul li a:hover{text-decoration:none; background:#3c474f;}

#rightPan{width:535px; position:relative; float:left;}

#mainPan{width:747px; position:relative; float:left;}


#welcome{width:515px; position:relative; margin:15px 0 0 0px;border:1px solid #999999;padding:40px 10px 10px 10px;color:#000;}
#welcome h2{color:#990000;text-align:left; width:495px; height:15px;padding:5px; background:url(../images/h_welcome1.jpg) 0 0 no-repeat; position:absolute; top:7px; left:5px;border-bottom:1px solid #999999;font-size:14px;font-weight:bold;}
#welcome h3{width:113px; height:142px; background:url(../images/welcome.gif) 0 0 no-repeat; position:absolute; top:40px; left:10px;}
#welcome .p{width:350px; position:relative; margin:0 0 10px 0px; clear:both; padding-top:40px;color:#000}
#welcome p span{font:12px/18px Tahoma, sans-serif; color:#000; font-weight:normal;}

#welcome ul{width:155px; position:relative; float:left; padding-bottom:20px;}
#welcome ul li{height:18px;}
#welcome ul li a{font:10px/18px Tahoma, sans-serif; color:#000; font-weight:normal; text-decoration:underline; background:url(../images/arrow1.gif) 0 7px no-repeat; padding: 0 0 0 7px; display:block;}
#welcome ul li a:hover{text-decoration:none; background:#3c474f;}
#welcome .left {margin: 0 0 0 0px;}
#welcome .right {margin: 0 0 0 150px;}

#fcontainer{
	width:535px;
	position:relative;
	margin:12px 0 0 0;
	border:1px solid #999999
}


#featured{width:535px; position:relative; margin:10px 0 0 0px;border:1px solid #999999;text-align:left;}
#featured h2{text-align:left; width:500px; height:15px;padding:5px; background:url(../images/h_welcome1.jpg) 0 0 no-repeat; position:absolute; top:7px; left:5px;border-bottom:1px solid #999999;font-size:14px;font-weight:bold;}
#featured h3{width:113px; height:113px; background:url(../images/img_welcome.jpg) 0 0 no-repeat; position:absolute; top:40px; left:10px;}
#featured .p{width:535px; position:relative; margin:0 0 5px 5px; clear:both; padding-top:40px;color:#000}
#featured p span{font:12px/18px Tahoma, sans-serif; color:#00e0f9; font-weight:normal;}
#featured .curlycontainer{border: 1px solid #b8b8b8;margin-bottom: 1em;width: 165px;margin-right:3px;height:250px;}
#featured .curlycontainer .innerdiv{background: transparent url(../images/brcorner.gif) bottom right no-repeat;position: relative;left: 2px;top: 2px;padding:5px 4px 15px 0;text-align:center;height:230px;}
#featured .price{color:Red;}


#vspacerline{width:2px; height:164px; position:relative; float:left; padding-right:7px; margin-top:5px; background:url(../images/line1.jpg) 0 0 no-repeat;  }

#links{width:157px; position:relative; float:left; padding-top:3px}
#links h2{width:107px; height:22px; background:url(../images/h_links.jpg) 0 0 no-repeat; position:relative; padding-bottom:10px}
#links ul{width:157px; position:relative; clear:both; padding-bottom:20px;}
#links ul li{height:18px;}
#links ul li.back{background:#5a6a72;}
#links ul li a{font:11px/18px Tahoma, sans-serif; color:#fff; font-weight:normal; text-decoration:none; background:url(../images/arrow2.gif) 8px 7px no-repeat; padding: 0 0 0 26px; display:block;}
#links ul li a:hover{text-decoration:underline;}

/* FOOTER */

#footer{width:747px; height:30px; position:relative; margin: 8px auto;padding-top:0;clear:both; background:#fff url(../images/footer.gif) 0 0 no-repeat;}
#footer img{width:156px; height:37px; position:absolute; left:15px; top:9px;}
#footer p{width:747px;padding:5px;position:relative; margin: 0px 0 0 0px; font:10px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#000; display:block;}
#footer a{font:10px Arial, Helvetica, sans-serif; font-weight:normal;  color:#000; text-decoration:underline; padding: 0 5px;font-weight:bold}
#footer a:hover{color:#000; text-decoration:none; background:#fff;}

/* BOTTOM */

#bottom{width:747px; height:56px; position:relative; margin: 0 auto; clear:both;}
#bottom a {color: #FFFFFF;}
#bottom p{width:535px; position:relative; margin: 10px 0 0 212px; font:10px/14px Tahoma, Arial, Helvetica, sans-serif; font-weight:normal; text-align:center; color:#fff; display:block;}


/* Login Section */

#Login {font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#cc0000;text-decoration : none;font-weight : bold;padding: 0;width:100%;}
#Login .LoginBtn {font-family:Arial,Helvetica,sans-serif;font-size:8px;color:#fff;text-decoration : none;font-weight : bold;background-position:left;padding:0;width:50px;height:20px;background-color:#999999;}
#Login a:link{font-family:Arial,Helvetica,sans-serif;font-size:10px;color:#cc0000;text-decoration : undeline;font-weight : bold;background-position:left;padding: 8px 15px 5px 10px;}
#Login a:visited {color:#cc0000;text-decoration : none;background:url(../images/menu_Nav.gif) no-repeat;}
#Login a:hover {color:#cc0000;text-decoration : none}
#Login a:active {color:#cc0000;text-decoration : none;}
#Login .LoginUserBox{font-family: Arial,sans-serif;font-size:8.5pt;color:#000000;border:solid 1px #000000;}
#Login .LoginWaterMark{font-family: Arial,sans-serif;font-size:9pt;color:#000000;border:dotted 1px #E0E0E0;}
#Login .division {width:100%;}
#Login .division .content{line-height: 1.5em;position:relative;text-align:right}

/* Quick Search */

#QuickSearch{width:100%;}
#QuickSearch #Buy{margin-top:5px;}
#QuickSearch #Rent{margin-top:5px;}
#QuickSearch #MLS{margin-top:5px;}
#QuickSearch .QuickSearchDropdownShort{width:100px;font-size:10px;border:1px solid #000;}
#QuickSearch .QuickSearchDropdownLong{width:200px;font-size:10px;border:1px solid #000;}
#QuickSearch .QuickSearchBtn{width:50px;height:20px;background-color:#999999;color:#fff;font-size:9px;clear:both;}
#QuickSearch .textbox{width:200px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:solid 1px #000000;margin-bottom:5px;}

/* End */

/*  div row */


div.row {clear:both;vertical-align:middle;padding-bottom:5px;}
div.row.header {font-weight:bold;background-color:#666;color:#FFF;vertical-align:middle;height:1em;}
div.row.first {margin-top:0;}
div.row.last {margin-bottom:5px;text-align:right;vertical-align:middle;margin-right:10px;}
div.row div.label {float: left;margin-right:10px;text-align: left;color:Black;font-weight:bold;width:100px;}
div.row div.formw {float: left;text-align: left;vertical-align:middle;} 

/* End */


/* Quick Search Tab Control */


.ajax__QuickSearchTab .ajax__tab_header {border-bottom:solid 1px #999999;width:99%;} 
.ajax__QuickSearchTab .ajax__tab_outer {height:20px;border:solid 1px #999999;border-bottom:none 0px #999999;margin-left:2px;width:65px;margin-top:3px;text-align:center;vertical-align:middle;font-weight:bold;font-size:11px;color:#fff;background:#cccccc url(../images/quicksearchheader21.gif)} 
.ajax__QuickSearchTab .ajax__tab_inner {padding-bottom:3px;} 
.ajax__QuickSearchTab .ajax__tab_tab {padding:4px;margin:0;} 
.ajax__QuickSearchTab .ajax__tab_hover .ajax__tab_outer {color:#353739;} 
.ajax__QuickSearchTab .ajax__tab_hover .ajax__tab_inner {color:#353739} 
.ajax__QuickSearchTab .ajax__tab_hover .ajax__tab_tab {} 
.ajax__QuickSearchTab .ajax__tab_active .ajax__tab_outer {color:#fff;height:21px;} 
.ajax__QuickSearchTab .ajax__tab_active .ajax__tab_inner {color:#000} 
.ajax__QuickSearchTab .ajax__tab_active .ajax__tab_tab {} 
.ajax__QuickSearchTab .ajax__tab_body {border:none 1px #999999;padding:0;} 


/* Search Result */

#searchresult{width:100%;}
#searchresult img{border:0}
#searchresult_header{border-bottom:2px solid #999999;padding:3px 0 3px 5px;background: url(../images/quicksearchheader13.gif) repeat left top;color: #000;font-family: Arial, Sans-Serif;font-size: 13px;font-weight: bold;text-transform: none;clear: none;}
#searchresult_header a:link{color: #000;font-weight:bold;}
#searchresult_header a:hover{color: #ccc;}
#searchresult_header .row{margin-left:3px;}
#searchresult_content{border-right: 1px solid #999999;border-left: 1px solid #999999;border-bottom: 2px solid #999999;padding:10px 10px 40px 10px;font-weight: normal;font-size:12px;height:130px;}
#searchresult_content a:link{color:#353739;font-weight:bold;text-decoration:underline;}
#searchresult_header a:hover{color: #ccc;}
#searchresult_content .p{vertical-align:bottom;padding-top:100px;}
#searchresult_content .row{padding-bottom:4px;border-right:1px none #D0D1D5;width:250px;color:#000;}
#searchresult_content .row.last{border:0;}
#searchresult_content .price{color:Red;font-weight:bold;}
#searchresult_content .LeftPan{float:left;width:180px;padding-bottom:20px}
#searchresult_content .CentrePan{float:left;width:200px;}
#searchresult_content .RightPan{float:left;}
#searchresult_content .spacebar{padding-bottom:0px;}



/* End */


/* Search Details */

#searchDatails{width:100%;border: 1px solid #D0D1D5;font-size:11px;font-family:Arial;}
#searchDatails h1{padding: 3px 0 1px 5px;color: Red;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;text-transform: none;clear: none;text-align:left;border-bottom:1px solid #D0D1D5;}
#searchDatails h2{padding:  3px 0 3px 5px;background: url(../images/quicksearchheader.gif) repeat left top;color:#fff;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;text-transform: none;clear: none;text-align:left;}
#searchDatails img{border:0}
#searchDatails .body{width:100%;position:relative;padding:10px 5px;}
#searchDatails .header{width:95%;border-bottom:1px solid #D0D1D5;position:relative;padding:3px 5px 5px 5px;color: Red;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;text-transform: none;}
#searchDatails .header .row{margin-left:3px;}
#searchDatails  .rightcol{width:65%;left:200px;position:relative;text-align:center;top:20px}
#searchDatails  .leftcol{width:35%;margin: 0 0 0 0;position:absolute}
#searchDatails .content{border: 1px none #D0D1D5;padding: 20px 10px 20px 10px;font-weight: normal;text-align:justify}
#searchDatails .content a:link{color:#353739;font-weight:bold;text-decoration:underline;}
#searchDatails .content .row{padding:0px;float:left;border-right:1px none #D0D1D5;width:150px;}
#searchDatails .content .row.last{border:0;}
.price{color:Red;font-size:14px;}
#searchDatails .spacebar{padding-bottom:40px;}

/*
#searchDatails {width:100%;margin-bottom: 5px;border: 1px solid #D0D1D5;}
#searchDatails h2{padding:  3px 0 3px 5px;background: url(../images/quicksearchheader.gif) repeat left top;color: #fff;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;text-transform: none;clear: none;text-align:left;}
#searchDatails .body{width:100%;position:relative;padding: 5px;}
#searchDatails .header{width:95%;border-bottom:1px solid #D0D1D5;position:relative;padding:3px 5px 5px 5px;color: Red;font-family: Arial, Sans-Serif;font-size: 12px;font-weight: bold;text-transform: none;}
#searchDatails .header .row{margin-left:3px;color:#000;}
#searchDatails .content{border: 1px none #D0D1D5;padding: 20px 20px 20px 30px;line-height: 1.5em;position:relative}
#searchDatails .content a:link{color:#353739;font-weight:bold;text-decoration:underline;}
#searchDatails .content .row{padding:2px;float:left;border-right:1px none #D0D1D5;width:150px;}
#searchDatails .content .row.last{border:0;}
#searchDatails  .rightcol{width:65%;left:200px;position:relative;text-align:center;top:20px}
#searchDatails  .leftcol{width:35%;margin: 0 0 0 0;position:absolute}
#searchDatails .price{color:Red;}
#searchDatails .spacebar{padding-bottom:40px;}*/



/* Search Details Tab Control */

.ajax__SearchDetailsTab .ajax__tab_header {border-bottom:solid 1px #999999;width:100%;margin-top:10px;margin-left:0px;margin-bottom:5px;} 
.ajax__SearchDetailsTab .ajax__tab_outer {height:28px;border:solid 1px #999999;border-bottom:none 0px #999999;margin-left:2px;width:120px;margin-top:10px;text-align:center;vertical-align:middle;font-weight:bold;font-size:11px;color:#fff;background:#cccccc url(../images/quicksearchheader12.gif) no-repeat;} 
.ajax__SearchDetailsTab .ajax__tab_inner {padding:3px;} 
.ajax__SearchDetailsTab .ajax__tab_tab {padding:4px;margin:0;} 
.ajax__SearchDetailsTab .ajax__tab_hover .ajax__tab_outer {color:#353739;} 
.ajax__SearchDetailsTab .ajax__tab_hover .ajax__tab_inner {color:#353739} 
.ajax__SearchDetailsTab .ajax__tab_hover .ajax__tab_tab {} 
.ajax__SearchDetailsTab .ajax__tab_active .ajax__tab_outer {color:#fff;height:29px;} 
.ajax__SearchDetailsTab .ajax__tab_active .ajax__tab_inner {} 
.ajax__SearchDetailsTab .ajax__tab_active .ajax__tab_tab {} 
.ajax__SearchDetailsTab .ajax__tab_body {border-top:0;padding:0;margin-left:2px;} 


/* End */


/* Contact */

#contact{padding:15px;}
#contact .textbox{width:300px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;margin-bottom:5px;}
#contact .dropdown{width:305px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;margin-bottom:5px;}
#contact .description{width:300px;height:50px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;}
#contact .last{width:415px;margin-bottom:5px;text-align:right;margin-top:50px;}
#contact .btn{width:50px;height:20px;background-color:#fff;color:#000;font-size:9px;clear:both;}
/* End */

/* Mortgage Calculator */

#MortCalc{padding:15px;}
#MortCalc .textbox{width:300px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;margin-bottom:5px;}
#MortCalc .dropdown{width:305px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;margin-bottom:5px;}
#MortCalc .description{width:300px;height:50px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:dotted 1px #000000;}
#MortCalc .last{width:415px;margin-bottom:5px;text-align:right;margin-top:50px;}
#MortCalc .btn{width:50px;height:20px;background-color:#fff;color:#000;font-size:9px;clear:both;}
/* End */


/* */

.division {width:100%;margin-bottom: 5px;}
.division .divisionheader{position:relative;padding: 7px 0 0 10px0;color: #FF9900;font-family: Arial, Sans-Serif;font-size: 11px;font-weight: bold;text-transform: none;clear: none;}
.division .divisioncontent{width:90%;border: 1px solid #D0D1D5;padding: 20px 20px 20px 30px;line-height: 1.5em;position:relative}
.division .divisioncontent .rightcol{width:50%;float:left;position:relative;}
.division .divisioncontent .leftcol{width:50%;float:left;position:relative}
.division  .divisioncontent .submitBtn{width:80px;height:20px;background-color:#999999;color:#000;font-size:9px;clear:both;}
.division .dropdown{width:200px;font-size:10px;border-bottom-style:dotted;margin-bottom:5px;}
.division .textbox{width:200px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:solid 1px #000000;margin-bottom:5px;}
.division .description{width:300px;height:50px;font-family: Arial,sans-serif;font-size:1em;color:#000000;border:solid 1px #000000;}
.division .red{color:Red;}
.division .spacebar{padding-bottom:0px;}
/* End */

.imageContainer {
  text-align: center;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 96px;
  width: 96px;
  border: 1px solid #CCC;
}

.imageContainer:hover {
  border: 1px solid #024A76;
  cursor: pointer;
}

.largeimageContainer {
  text-align: center;
  vertical-align:middle;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: 155px;
  width: 150px;
  border: 1px solid #CCC;
  left:20px;
}

.largeimageContainer:hover {
  border: 1px solid #024A76;
  cursor: pointer;
  text-align: center;
  vertical-align:middle;
 
}

.frameimageContainer {
  text-align: center;
  vertical-align:middle;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: auto;
  width: 230px;
  border: 1px solid #CCC;
}

.frameimageContainer:hover {
  border: 1px solid #024A76;
  cursor: pointer;
}

.bigimageContainer {
  text-align: center;
  vertical-align:middle;
  padding: 3px;
  margin-right: 5px;
  margin-bottom: 5px;
  height: auto;
  width: 520px;
  border: 1px solid #CCC;
}

.bigimageContainer:hover {
  border: 1px solid #024A76;
  cursor: pointer;
}
