#showcasediv, div.showcasecontainer {
	margin: 0px;
	border:1px solid #ddd;
	border-radius: 2px 2px;
	margin-bottom:10px;
}

#showcasediv {
	padding:2px; border:0;
}

body.frontpage #showcasediv {padding: 0 ! important;}


/*
#showcasediv, #showcasediv .slidediv, #showcasediv .thumbsdiv,
div.showcasecontainer, div.showcasecontainer .slidediv, div.showcasecontainer .thumbsdiv {
	height: 250px;
}
*/

.showcasecontainer {height: 250px;}
body.frontpage .showcasecontainer {height: auto;}
body.frontpage #showcasediv .thumbsdiv {height: auto;}
#showcasediv .slidediv {height:248px;}

#showcasediv .slidediv,
div.showcasecontainer .slidediv { 
	float:right;
	width:368px;
	overflow:hidden;
}

body.frontpage #showcasediv .slidediv,
body.frontpage div.showcasecontainer .slidediv { 
	width:368px;
}


.frontpage div.showcasecontainer .slidediv,
.frontpage div.showcasecontainer .thumbsdiv {float:none ! important;}

.frontpage div.thumbsdiv a {margin: 5px ! important;}

/*

surest way to guarantee it's going to break 

.frontpage #showcasediv .thumbsdiv a:nth-child(5n+0) img{
    margin-right: 0;
}
*/

#showcasediv .slidediv.loading,
div.showcasecontainer .slidediv.loading {background: url(../images/loadingAnimation.gif) center center no-repeat;}


#showcasediv .slidediv a,
div.showcasecontainer .slidediv a {
	display:block;
	left:-25px;
	top: -45px;
}


#showcasediv .thumbsdiv,
div.showcasecontainer .thumbsdiv { 
	float:left;
	width:196px;
}

#showcasediv .thumbsdiv img,
div.showcasecontainer .thumbsdiv img {
	border:1px solid #ccc;
	border-radius: 2px 2px;
	height: 54px; 
	width: 54px;
	margin: 0px 8px 5px 0px;
	box-shadow: 0px 0px 4px #ddd;
	-webkit-box-shadow: 0px 0px 4px #ddd;
}


#showcasediv .thumbsdiv a:hover img, 
div.showcasecontainer .thumbsdiv a:hover img  {
	border: 1px solid #9CCA3C;
	box-shadow: 0px 0px 5px #aaa;
	-webkit-box-shadow: 0px 0px 5px #aaa;
}


#overlay10div #modaldiv.showcase {width: 835px; height: 540px; top:7.5%; padding:0;}
#overlay10div #modaldiv.showcase #modalCloseLink {position:absolute; top:3px; right:3px; z-index:1000;}

/*FreelanceDirectory and global-homepage showcase styles*/

.frontpage #showcasediv .thumbsdiv{
    width: auto;
    padding: 10px 0;
}


/* not required */
/* div.showcasecontainer.big {width:825px; } */

div.showcasecontainer.big {margin:0 auto; border:0;}

div.showcasecontainer .slidediv a {top:auto; left:auto; margin:auto; text-align:center;}


div.showcasecontainer .slidediv img {max-height: 508px;}
div.showcasecontainer.big {height:534px;}
div.showcasecontainer.big .namebar {height:22px;}
div.showcasecontainer.big .slidediv, div.showcasecontainer.big .thumbsdiv {height: 510px; }

div.showcasecontainer.big.tbig .thumbsdiv img {height: 64px; width:64px;}
div.showcasecontainer.big.tsmall .thumbsdiv img {height: 40px; width:40px; margin: 4px 1px 1px 4px;}
div.showcasecontainer.big.tsmaller .thumbsdiv img {height: 34px; width:34px; margin: 3px 1px 1px 3px;}
div.showcasecontainer.big.tsmallest .thumbsdiv img {height: 32px; width:32px; margin: 3px 1px 1px 3px;}

div.showcasecontainer.big .slidediv {width:690px;}
div.showcasecontainer.big .thumbsdiv {width:135px;}
div.showcasecontainer.big.tbig .thumbsdiv {width:80px;}
div.showcasecontainer.big.tbig .slidediv {width:745px;}
div.showcasecontainer.big.tsmall .thumbsdiv {width:150px;}
div.showcasecontainer.big.tsmall .slidediv {width:675px;}
div.showcasecontainer.big.tsmaller .thumbsdiv {width:120px;}
div.showcasecontainer.big.tsmaller .slidediv {width:685px;}
div.showcasecontainer.big.tsmallest .thumbsdiv {width:160px;}
div.showcasecontainer.big.tsmallest .slidediv {width:665px;}


.showcasecontainer div.namebar {text-color: #666; background:#eee; padding: 1px; border-bottom:4px solid #eee; line-height: 20px; margin-bottom:4px;}
.showcasecontainer div.namebar * {line-height: 20px; }
.showcasecontainer div.namebar span.photo img {width:22px; height:22px;  vertical-align:top;}
.showcasecontainer div.namebar span.photo {padding-right:5px;}
.showcasecontainer div.namebar span.name {font-weight:bold; font-size:14px;}
.showcasecontainer div.namebar span.category {position:relative; top:2px;}