.innerContent a{text-transform:uppercase;}
/*a:link{color:#bebebe;}*/
a:visited.innerContent{color:black;}
a:hover.innerContent, a:active.innerContent{color:black;}

/* Assign this class to each of our outfits */
img.outfits{padding-top:10px; border:none;}

/* Outfits navigation (...) */
img.collectionNavigation{margin-bottom:240px;}

/*
 Since the div innerContent in usercontrol outfit is running at server,
 add a class attribute = to innerContent
 Set background image through code behind.
 this.innerContent.Style.Add("background-image", "url(\"../Images/outfits/seasonal_collection_01_en.jpg\")");
*/ 
.innerContent
{
    padding:0;
	margin-right:0;
	height:680px;
	overflow:hidden; /* prevents from unwanted growth */
	/*margin-left:-1px;*/
	background-repeat:no-repeat;   
	background-color:#fff;
	/* Background image will be set through code since there will be a diffent one for each collection */
	/*background-image: url("../../Images/outfits/seasonal_collection_01_en.jpg");*/
	/*background-image: url('http://sirius:8009/Images/Outfits/seasonal_filter_01_en.jpg');*/
}

/* 
    To obtain the right effect, the width has to be set to 
    the sum of all the elements of that "row" 
*/
div.outfitGroup, .outfitNavigation
{
    /* 
    Very important to center outfits and navigation. 
    If you don't set it wide enough for its content, it will wrap.
    */
    width:755px; 
    /*padding-left:200px;
    padding-right:4px;*/
    /* Fixed width, margin-left and margin-right "auto" enables the content to be centered */
    margin-left:auto;
    margin-right:auto;    
    cursor:default; 
}

.outfitNavigation
{
	width:755px;	
}

.collectionlinkhightlight
{
    color:Black;
    font-weight:bold;
}

.collectionlink
{
    color:#bebebe;
}

/* adds space between collection links and the top navigation */
div.outfitNavigation{padding-top:20px;}