#super-widget 		  { width: 298px; display:block; overflow:hidden; font-family:Verdana, Geneva, sans-serif;

						border				 : #aaa solid 1px; 
						margin-bottom		 : 15px;
   						/*-webkit-box-shadow	 : 0 0 8px rgba(0,0,0,0.4);
  						-moz-box-shadow		 : 0 0 8px rgba(0,0,0,0.4);
  						-ms-box-shadow		 : 0 0 8px rgba(0,0,0,0.4);
   						-o-box-shadow		 : 0 0 8px rgba(0,0,0,0.4);
   						box-shadow			 : 0 0 8px rgba(0,0,0,0.4);
						*/
						
						-webkit-border-radius: 10px;
   						-moz-border-radius	 : 10px;
   						-ms-border-radius	 : 10px;
   						-o-border-radius	 : 10px;
   						border-radius		 : 10px;
}
#super-widget #header { font-size:12px; color: #006; width:100%; height:35px; display:block; padding:10px 0 0 10px; 
						 background: #97bed2;
					  	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";	/* IE7+		*/
					  	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#97bed2', endColorStr='#FFFFFF', GradientType=0);			/* IE8-9	*/ 
 					  	background: -webkit-gradient(linear, left top, left bottom, from(#97bed2), to(#fff)); 	/* Chrome Old implementation / KDE, Safari 4+ and other Webkit based Browsers */
					    background: -webkit-linear-gradient(top, #97bed2, #fff);								/* Chrome 10+, Safari5.1+ implementation	*/
 					    background: -moz-linear-gradient(top, #97bed2, #fff);									/* Mozila Firefox 3.6+ implementation 		*/
 					    background: -ms-linear-gradient(top, #97bed2, #fff);									/* IE10-/+ implementation 					*/
 					    background: -o-linear-gradient(top, #97bed2, #fff); 									/* Opera 11.10+ implementation 				*/
 					    background: linear-gradient(top, #97bed2, #fff);										/* CSS W3C Standard implementation 			*/
	
}
#super-widget #header .logo	a{ background: url(http://www.michigan.com/assets/images/sprite-logo-mdotcom.png) no-repeat 0 -165px; background-size: cover; width:150px; height: 40px; float:left; }
#super-widget #header .showcase { background: url(http://www.michigan.com/realestate/images/homesShowcase.png) no-repeat 0 0; background-size: contain; width:100px; height: 25px; float:right; margin:2px 20px 0 0; }
#super-widget #footer { font-size:12px; color: #006; width:100%; height:auto; display:block; margin-top:10px; padding:0px 8px 0 8px; overflow: auto;
						background: #fff; /* for non-css3 browsers */
					  	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#d7d7d7', GradientType=0)";	/* IE7+		*/
					  	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#ffffff', endColorStr='#d7d7d7', GradientType=0);		/* IE8-9	*/ 
 					  	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d7d7d7)); 	/* Chrome Old implementation / KDE, Safari 4+ and other Webkit based Browsers */
					    background: -webkit-linear-gradient(top, #fff, #d7d7d7);								/* Chrome 10+, Safari5.1+ implementation	*/
 					    background: -moz-linear-gradient(top, #fff, #d7d7d7);									/* Mozila Firefox 3.6+ implementation 		*/
 					    background: -ms-linear-gradient(top, #fff, #d7d7d7);									/* IE10-/+ implementation 					*/
 					    background: -o-linear-gradient(top, #fff, #d7d7d7); 									/* Opera 11.10+ implementation 				*/
 					    background: linear-gradient(top, #fff, #d7d7d7);										/* CSS W3C Standard implementation 			*/
}
#super-widget #contents 					{ width: 280px; font-size: 10px; margin:5px; }
#super-widget #contents .title				{ color: #360; font-size:15px; font-weight:bold; width:280px; margin:-2px 0 2px 0; text-align: left; }
#super-widget #contents .title a			{ color: #360; text-decoration:none; }
#super-widget #contents .title a:Hover		{ color: #09C; text-decoration:underline; }
#super-widget #contents .title a:Visited	{ color: #360; text-decoration:none; }
#super-widget #contents .image				{ float: left; overflow:hidden; width:160px; height:100px; margin:5px 10px 0 0; border: #fff solid 1px; display: block;
											  background-position:center center; background-repeat:no-repeat; background-size: 120%; }
#super-widget #contents .information		{ display: block; max-width: 100px; float:left; }
#super-widget #contents .price				{ color: #900; font-size:14px; font-weight:bold; width:110px; display: block; word-wrap:break-word;  margin:5px 5px 0 0; }
#super-widget #contents .description		{ font-family: "Lucida Console", Monaco, monospace; color: #000; font-size:11px; width:278px; height:63px; margin:4px 0 5px 0; overflow:hidden; 
											  clear: both; text-align: start; padding-top:5px; }
#super-widget #contents .specifications		{ color: #666; font-size:11px; width:108px; height:28px; overflow:hidden; margin-bottom: 7px; }
#super-widget #contents .realtor-company	{ color: #006; font-size:12px; font-weight:bold; height:15px; overflow:hidden; height:20px; text-overflow:ellipsis; white-space: nowrap;  }
#super-widget #contents .realtor-name		{ color: #06C; font-size:11px; font-weight:bold; }
#super-widget #contents .realtor-phone		{ color: #222; font-size:10px; font-weight:bold; }

/* Slides */
#slider ul, #slider li,	
#slider2 ul, #slider2 li		{ margin:0; padding:0; list-style:none; }

#slider2						{ margin-top:1em; }

#slider li, #slider2 li			{ width:290px; height:230px; overflow:hidden; padding: 10px 1px; }	

/* Labeled Controllers */
#slider-controllers						{ text-align:center; display:block; width:210px; height:20px; margin: 3px auto; }

#firstBtn, #prevBtn, #nextBtn, #lastBtn { width:105px; height:15px; font-family:Verdana, Geneva, sans-serif; font-size:11px; font-weight:bold; float:left; }

#firstBtn a, #prevBtn a,
#nextBtn a, #lastBtn a					{ display:block; background:#444; color:#fff; text-decoration:none; text-align:center; border-radius: 10px; padding:3px 10px; margin:3px; }

#firstBtn a:hover, #prevBtn a:hover, 
#nextBtn a:hover, #lastBtn a:hover		{ background:#888; color:#fff; }

/* Numbered Controllers */	
ol#controls 								{ padding:0; height:25px; font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:bold; }
ol#controls li								{ margin:0 5px 0 0; padding:0; float:left; list-style:none; }
ol#controls li a 							{ float:left; width:25px; line-height:25px; background:#444; color:#fff; text-decoration:none; text-align:center; border-radius: 15px; }
ol#controls li.current a 					{ background:#888;	color:#fff; }
ol#controls li a:focus, #prevBtn a:focus, 
						#nextBtn a:focus 	{ outline:none; }

/* Footer Styles by Pixel Pusher */
#super-widget .button {
    margin: 10px;
    text-decoration: none;
    font: bold 1.1em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
    display: inline-block;
    text-align: center;
    
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    
    text-shadow: 0 1px 0 rgba(0,0,0,0.4);
    
    -webkit-box-shadow	: 0 0 .05em rgba(0,0,0,0.4);
    -moz-box-shadow		: 0 0 .05em rgba(0,0,0,0.4);
    -ms-box-shadow		: 0 0 .05em rgba(0,0,0,0.4);
    -o-box-shadow		: 0 0 .05em rgba(0,0,0,0.4);
    box-shadow			: 0 0 .05em rgba(0,0,0,0.4);
}

#super-widget .button, #super-widget .button a {
    color: #fff;
	text-decoration: none;
    -webkit-border-radius: .2em;
    -moz-border-radius	 : .2em;
    -ms-border-radius	 : .2em;
    -o-border-radius	 : .2em;
    border-radius		 : .2em;
	cursor				 : pointer;
}

#super-widget .button a {
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding-top: 2px;
    
    /* The background pattern */
	/* IE7-9 does not support such implementation */ 

	/* Chrome Old implementation / KDE, Safari 4+ and other Webkit based Browsers */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)), 
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    /* Chrome 10+, Safari5.1+ implementation	*/
	background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -webkit-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -webkit-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -webkit-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* Mozila Firefox 3.6+ implementation 		*/
	background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),	
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
    /* IE10-/+ implementation 					*/
	background-image: -ms-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),	
					  -ms-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
					  -ms-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 
					  -ms-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
    /* Opera 11.10+ implementation 				*/
	background-image: -o-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),		
					  -o-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
					  -o-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 	
					  -o-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
	/* CSS W3C Standard implementation 			*/
	background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),		
					  linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent), 
					  linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%), 
					  linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%); 
					  
    /* Pattern settings */
    
    -webkit-background-size	: 3px 3px;
    -moz-background-size	: 3px 3px;
    -ms-background-size		: 3px 3px;
    -o-background-size		: 3px 3px;
    background-size			: 3px 3px;            
}

#super-widget .button:hover {
    -webkit-box-shadow	: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow		: 0 0 .1em rgba(0,0,0,0.4);
    -ms-box-shadow		: 0 0 .1em rgba(0,0,0,0.4);
    -o-box-shadow		: 0 0 .1em rgba(0,0,0,0.4);
    box-shadow			: 0 0 .1em rgba(0,0,0,0.4);
}

#super-widget .button:active {
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}

#super-widget .button-blue {
	background: #4477a1; /* for non-css3 browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#81a8cb', endColorStr='#4477a1', GradientType=0)";	/* IE7+		*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#81a8cb', endColorStr='#4477a1', GradientType=0);			/* IE8-9	*/ 
 	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1)); 	/* Chrome Old implementation / KDE, Safari 4+ and other Webkit based Browsers */
	background: -webkit-linear-gradient(top, #81a8cb, #4477a1);									/* Chrome 10+, Safari5.1+ implementation	*/
 	background: -moz-linear-gradient(top, #81a8cb, #4477a1);									/* Mozila Firefox 3.6+ implementation 		*/
 	background: -ms-linear-gradient(top, #81a8cb, #4477a1);										/* IE10-/+ implementation 					*/
 	background: -o-linear-gradient(top, #81a8cb, #4477a1); 										/* Opera 11.10+ implementation 				*/
 	background: linear-gradient(top, #81a8cb, #4477a1);											/* CSS W3C Standard implementation 			*/
}

#super-widget .button-blue:hover { 
	background: #81a8cb; /* for non-css3 browsers */
	-ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4477a1', endColorStr='#81a8cb', GradientType=0)";	/* IE7+		*/
	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4477a1', endColorStr='#81a8cb', GradientType=0);			/* IE8-9	*/ 
 	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb)); 	/* Chrome Old implementation / KDE, Safari 4+ and other Webkit based Browsers */
	background: -webkit-linear-gradient(top, #4477a1, #81a8cb);									/* Chrome 10+, Safari5.1+ implementation	*/
 	background: -moz-linear-gradient(top, #4477a1, #81a8cb);									/* Mozila Firefox 3.6+ implementation 		*/
 	background: -ms-linear-gradient(top, #4477a1, #81a8cb);										/* IE10-/+ implementation 					*/
 	background: -o-linear-gradient(top, #4477a1, #81a8cb); 										/* Opera 11.10+ implementation 				*/
 	background: linear-gradient(top, #4477a1, #81a8cb);											/* CSS W3C Standard implementation 			*/
}

#super-widget .button-blue:active { background: #4477a1; }
#super-widget .logoResize img		{ width: 80%; height: auto; padding-top:0px; margin-bottom: 10px;  }
div.logoResize		{ float:right; width:40%; height:30px; }
div.logoResize span { padding-right: 8px; font-size: 8px; }