/* CSS Document */

body {height:100%;}
	
	
/* TEXT & LINKS */

a {text-decoration: none;}
a.homer {text-decoration: underline; font-size: 10px; margin:0;}
a.homer:hover {color:#25a7d3;}

h5 {margin: 0; padding:0; font-size: 9px; line-height: 16px;}
h5.name {margin: 0 8px 0 0; font-size: 11px; color:#BD192B; text-align: center; line-height: 17px;}
h5.chats {margin: 7px 0 0 15px; font-size: 16px;}
h5.stars {margin: 0px 0 0 19px;}
h5.media {margin: 0 0 0 10px; font-size: 9px; line-height: 16px; height: 18px; color:#111111;}
h5.you {margin: 5px 10px 0 15px; font-size: 11px;  line-height: 14px; }
div.featured-box-online h5.media, div.featured-box-offline h5.media {color:#666666;}

h5 a {text-decoration:underline;}
h5 a:hover {color: #FF6600;}


/* CONTAINERS */

div#shoppers {float:left; width: 506px; position: relative; left: 39px; padding:0;}


div.name-box {width: 117px; height: 17px; background-color:#FFFFFF; border: 1px solid #CCC; border-bottom:0px; text-align:left; clear:both; margin: 3px 3px 0 6px; letter-spacing:1px; font-size: 9px; text-transform: uppercase; position:relative; left: -3px;}

div.shopper-box-online, div.featured-box-offline, div.featured-box-online, div.shopper-box-offline {
	width: 238px; height: 172px; margin: 0 15px 0 0; padding: 0; border: 0; float:left; display:inline; background-repeat:no-repeat;}
div.shopper-box-online {background-image:url(/images/shoppers/bg-online-tall.gif);}
div.shopper-box-offline {background-image:url(/images/shoppers/bg-offline-tall.gif);}
div.featured-box-online {background-image:url(/images/shoppers/bg-featured-on.gif);}
div.featured-box-offline {background-image:url(/images/shoppers/bg-featured-off.gif);}

div.shopper-text-box {float: left; margin: 0; padding: 0; border: 1px solid #CCC; border-left:0; background-color:#FFFFFF; text-align:left; position: relative; left:3px; 
	width: 156px; 
	height: 107px;}

div.featured-text-box {float: left; margin: 21px 0 0 0; padding: 0; border: 1px solid #CCC; border-right:0; background-color:#FFFFFF; text-align:center; position: relative; left:3px;
	width: 156px; 
	height: 107px;}

div.media-box {width: 229px; height:18px; background-color:#F3F3F3; border:1px solid #CCC; border-top:0; border-bottom-color:#999; clear:both; margin: 0 3px 0 3px;}
div.media-box div.twofer {margin: 1px; float:left;}

div.shopper-image {float: left; position: relative; left: 3px; padding: 0; border: 0; width: 74px; 
	background-position: 2px 2px;}
div.shopper-box-offline div.shopper-image {
	background-position: -70px 2px;}	

div.featured-image {float: right; margin: 21px 0 0 0; position: relative; left: -4px; padding: 0; border: 0; width: 74px; 
	background-position: 2px 2px;}
div.featured-box-offline div.featured-image {
	background-position: -70px 2px;}	


/* IMAGES */

img.hed {margin-bottom: 25px; margin-left: 40px; margin-right: 50px;}

img.headshot {border: 2px solid #999999; margin: 0; width:70px; height:105px;}
img.applicant-image {border: 2px solid #CCCCCC; margin: 0;}
img.chat-button {border: 0; padding:0; margin: 10px 7px 5px 7px;}
div.featured-box-online img.chat-button, div.featured-box-offline img.chat-button {margin: 10px 10px 5px 5px;}

div.shopper-image a:hover img.headshot {border-color: #00BCEB;}
div.featured-image a:hover img.headshot {border-color:#496c3c;}
div.shopper-box-offline div.shopper-image a:hover img.headshot {border-color: #333333;}


/* HOVERS */

.tagline {position: absolute; z-index:10; margin: 3px 0 0 3px; padding: 4px; background-color: #f9f9f9; border: 1px solid #00b2de; font: normal 10px/13px arial; text-align: left; color:#333333; width: 140px; display: none;}

div.featured-box-online .tagline {border-color: #496c3c;}
div.shopper-box-offline .tagline, div.featured-box-offline .tagline {border-color:#333333;}


/* RIGHT COLUMN */

div#right-column {float:right; width: 328px; margin: 0; background-color:#F3F3F3; border:1px solid #CCC; text-align:left;}
div#right-column h1 {color:#25a7d3; font-size: 14px; margin-bottom: -20px; padding: 10px 15px 10px 15px;}
div#right-column h2 {color:#25a7d3; font-size: 11px; padding: 10px 15px 10px 15px;}
div.promo-box {border-top: 1px solid #CCC; padding: 10px 15px 10px 15px;}
img#demo {margin-top: 10px;}
div#right-column p {font-size: 11px; line-height: 1.5em;}
div#right-column p.testimonial {font-size: 10px;}