@import url("thickbox.css.jsp") ;

/*
** BODY
*/
body 
{	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px ;
	padding: 0; text-align: center; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal ;
}
.bodyBackgroundPublic
{
	background-image: url('/equipeps/custom/img/cms/website/background.gif'); background-repeat: repeat-x; background-position: top;
}
.bodyBackgroundPrivate
{
	background-image: url('/equipeps/custom/img/cms/website/background.gif'); background-repeat: repeat-x; background-position: top;
}

/*
**
** DESIGN ====================================================================================================
**
*/

/*
** DESIGN
*/
#bgconteneur	{ width: 1000px; margin: 0 auto; text-align: center; }
#conteneur		{ position: relative; width: 1000px; margin: 0 auto; text-align: left; }


#menuContent	{ width: 760px; text-align: center; }
#menuHome		{ width: 576px;  position: absolute; top : 14px ; left: 424px; text-align: right; }

#content 		{ background-color: #FFFFFF; width: 735px; margin: 0 auto; padding: 0px; text-align: left; }
#contentIn 		{ width: 1000px; }

#middle					{ background-color: #FFFFFF; text-align: left; }
#contentLeft 			{ float: left ; width: 237px; }
#contentCenter 			{ margin-left: 237px;  background-color: #FFFFFF; position: relative; padding-top: 40px; text-align: center; }
#contentHome			{ width: 970px; margin: 0 auto; padding: 0px; text-align: left; }

#contentInnerMiddle		{ width: 237px; background-color: #FFFFFF; text-align: left; }
#contentInnerCenter		{ background-color: #FFFFFF; position: relative; text-align: center; }


/*
** DESIGN -> Header
*/

#header			{ height: 205px; } 
#headerContent	{ position: relative; height: 62px; color: #FFFFFF; }
#sentence 		{ width: 1000px; padding: 1px; text-align: center; color: #6E6B6B; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; }

.languageSelected		{ font-size: 12px; color: #FFFFFF; padding: 1px; background: #A12020; border: 1px solid #A12020; font-weight: bold; }
.languageNotSelected	{ font-size: 12px; color: #999999; padding: 1px; background: #FFFFFF; border: 1px solid #999999; font-weight: bold; }

div.headerTitle			{ font-weight: bold; color: #6A6A6A; padding-bottom: 5px; }

#headerContent div		{ color: #FFFFFF; }

#headerContent a:link		{ font-size: 11px; color: #FFFFFF; text-decoration: none }
#headerContent a:visited	{ font-size: 11px; color: #FFFFFF; text-decoration: none }
#headerContent a:active		{ font-size: 11px; color: #FFFFFF; text-decoration: none }
#headerContent a:hover		{ font-size: 11px; color: #FFFFFF; text-decoration: none }

a.menuHeader:link     { font-size: 11px; color: #6A6A6A; text-decoration: underline }
a.menuHeader:visited  { font-size: 11px; color: #6A6A6A; text-decoration: underline }
a.menuHeader:active   { font-size: 11px; color: #6A6A6A; text-decoration: underline }
a.menuHeader:hover    { font-size: 11px; color: #6A6A6A; text-decoration: underline }

/*
** DESIGN -> MENU HORIZONTAL
*/
#menu							{ background-color: #FFFFFF; }
div.menuHorizontalActive		{ text-align: center; background-image: url('/equipeps/custom/img/catalogue/front/_menu_nav_in.gif'); background-repeat: repeat-x;   }
div.menuHorizontal 				{ text-align: center; background-image: url('/equipeps/custom/img/catalogue/front/_menu_nav_out.gif'); background-repeat: repeat-x;  }

a.menuHorizontal:link     	 	{ font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontal:visited 		{ font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontal:active   	 	{ font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontal:hover   		{ font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: underline }

a.menuHorizontalActive:link     { font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontalActive:visited  { font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontalActive:active   { font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: none }
a.menuHorizontalActive:hover    { font-size: 12px; color: #FF0000; font-weight: bold;  text-decoration: underline }

#menuContent { width: 760px; text-align: center; }

/*
** DESIGN -> MENU  LEFT CATEGORY AND PROMOTION
*/
div.blockMenuLeft			{ text-align: center; margin: 0; padding: 0px; }
div.contentMenuLeft			{ width: 210px; text-align: left; margin: 0 auto; padding: 0px; }
div.promotion				{ width: 150px; padding: 0px; margin: 0 auto;}

div.menuCategory 			{ height: 20px; padding-left: 10px; padding-top: 4px; }
div.menuSubCategory 		{ color: #FFFFFF; padding: 5px; }
div.menuRubric 				{ height: 20px; padding-left: 10px; padding-top: 4px; }

div.menuSearch				{ border : 1px solid #F79B24 ; padding: 10px; }
div.menuColis				{ border : 1px solid #F79B24 ; padding: 10px; }
div.menuPromo				{ border : 1px solid #F79B24 ; padding-top: 10px;padding-bottom: 10px; }
div.menuNewsletter 			{ border : 1px solid #F79B24 ; padding: 10px; }
div.menuLabels 				{ border : 1px solid #F79B24 ; padding: 10px; }

a.menuLeftCategory:link     	  { font-size: 11px; color: #FFFFFF; font-weight: bold;  text-decoration: none }
a.menuLeftCategory:visited  	  { font-size: 11px; color: #FFFFFF; font-weight: bold;  text-decoration: none }
a.menuLeftCategory:active   	  { font-size: 11px; color: #FFFFFF; font-weight: bold;  text-decoration: none }
a.menuLeftCategory:hover    	  { font-size: 11px; color: #FFFFFF; font-weight: bold;  text-decoration: underline }

a.menuLeftCategoryActive:link     { font-size: 11px; color: #B00000; font-weight: bold;  text-decoration: none }
a.menuLeftCategoryActive:visited  { font-size: 11px; color: #B00000; font-weight: bold;  text-decoration: none }
a.menuLeftCategoryActive:active   { font-size: 11px; color: #B00000; font-weight: bold;  text-decoration: none }
a.menuLeftCategoryActive:hover    { font-size: 11px; color: #B00000; font-weight: bold;  text-decoration: underline }

a.menuLeft:link     			{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuLeft:visited  			{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuLeft:active   			{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.menuLeft:hover    			{ font-size: 11px; color: #FFFFFF; text-decoration: underline }

a.promotion:link     		{ font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none }
a.promotion:visited  		{ font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none}
a.promotion:active   		{ font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none }
a.promotion:hover    		{ font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none }


/*
** DESIGN -> Footer
*/

#footer				{ height: 32px; text-align: center; background-image: url("/equipeps/custom/img/cms/website/background_footer.gif"); background-repeat: repeat-x; }
.footer				{ bacground-color: #FFFF00; color: #FFFFFF; font-weight: normal; padding-top: 10px; }
.footer div			{ color: #FFFFFF; }

a.footer:link		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.footer:visited	{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.footer:active		{ color: #FFFFFF; font-weight: normal; text-decoration: none; }
a.footer:hover		{ color: #FFFFFF; font-weight: normal; text-decoration: underline; }

a.footerPowered:link	{ color: #DDDDDD; font-weight: normal ; text-decoration: none }
a.footerPowered:visited	{ color: #DDDDDD; font-weight: normal ; text-decoration: none }
a.footerPowered:active	{ color: #DDDDDD; font-weight: normal ; text-decoration: none }
a.footerPowered:hover	{ color: #DDDDDD; font-weight: normal ; text-decoration: underline; }

a.footerIn:link     { font-size: 11px; color: #F79B24; font-weight: normal; text-decoration: none; }
a.footerIn:visited  { font-size: 11px; color: #F79B24; font-weight: normal; text-decoration: none; }
a.footerIn:active   { font-size: 11px; color: #F79B24; font-weight: normal; text-decoration: none; }
a.footerIn:hover    { font-size: 11px; color: #F79B24; font-weight: normal; text-decoration: underline; }

/*
** DESIGN -> Menu nav
*/
#menuNav		{ text-align: center; height: 32px; z-index: 100; }
.menuNavItem	{ cursor:pointer; position: relative; height: 32px; }

div.menuInNav	{ text-align: center; height: 35px; background-image: url("/equipeps/custom/img/cms/website/_menu_nav_in.gif"); }
div.menuOutNav	{ text-align: center; height: 35px; background-image: url("/equipeps/custom/img/cms/website/_menu_nav_out.gif"); }
div.menuIn		{ background-color: #75C72C; }
div.menuOut		{ background-color: #B00000; }

a.menuIn:link     { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuIn:visited  { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuIn:active   { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuIn:hover    { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }

a.menuOut:link     { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuOut:visited  { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuOut:active   { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }
a.menuOut:hover    { font-size: 11px; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 3px; }

a.menuInDeroule:link		{ font-size: 11px; color: #000000;  text-decoration: none }
a.menuInDeroule:visited		{ font-size: 11px; color: #000000;  text-decoration: none }
a.menuInDeroule:active		{ font-size: 11px; color: #000000;  text-decoration: none }
a.menuInDeroule:hover		{ font-size: 11px; color: #000000;  text-decoration: underline }

a.menuOutDeroule:link		{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:visited	{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:active		{ font-size: 11px; color: #FFFFFF;  text-decoration: none }
a.menuOutDeroule:hover		{ font-size: 11px; color: #FFFFFF;  text-decoration: underline }

/*
** DESIGN -> Menu current
*/
#menuCurrent		{ padding: 10px; }
td.menuOnCurrent	{ text-align: left; height: 20px }
td.menuOffCurrent	{ text-align: left; height: 20px }

td.underMenuOnCurrent	{ padding-top: 5px; }
td.underMenuOffCurrent	{ padding-top: 5px; }

a.menuOnCurrent:link			{ font-size: 11px; color: #FFFFFF; font-weight:bold;  text-decoration: none }
a.menuOnCurrent:visited			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menuOnCurrent:active			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: none }
a.menuOnCurrent:hover			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }

a.menuOffCurrent:link			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }
a.menuOffCurrent:visited		{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }
a.menuOffCurrent:active			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }
a.menuOffCurrent:hover			{ font-size: 11px; color: #FFFFFF; font-weight:bold; text-decoration: underline }

a.underMenuOnCurrent:link		{ font-size: 11px; color: #B00000; font-weight:bold; text-decoration: none }
a.underMenuOnCurrent:visited	{ font-size: 11px; color: #B00000; font-weight:bold; text-decoration: none }
a.underMenuOnCurrent:active		{ font-size: 11px; color: #B00000; font-weight:bold; text-decoration: none }
a.underMenuOnCurrent:hover		{ font-size: 11px; color: #B00000; font-weight:bold; text-decoration: underline }

a.underMenuOffCurrent:link		{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.underMenuOffCurrent:visited	{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.underMenuOffCurrent:active	{ font-size: 11px; color: #FFFFFF; text-decoration: none }
a.underMenuOffCurrent:hover		{ font-size: 11px; color: #FFFFFF; text-decoration: underline }

/*
** DESIGN -> Content path
*/
#contentPath		{ padding-left: 10px; padding-right: 10px; }
.contentPathChevron	{ color: #999999; }
.contentPath		{ color: #999999; }

a.contentPath:link     { font-size: 11px; color: #999999; text-decoration: none;  }
a.contentPath:visited  { font-size: 11px; color: #999999; text-decoration: none; }
a.contentPath:active   { font-size: 11px; color: #999999; text-decoration: none;  }
a.contentPath:hover    { font-size: 11px; color: #999999; text-decoration: underline;  }

/*
** DESIGN -> MENU PATH
*/
a.menuPath:link     { font-size: 11px; color: #999999; text-decoration: none; }
a.menuPath:visited  { font-size: 11px; color: #999999; text-decoration: none; }
a.menuPath:active   { font-size: 11px; color: #999999; text-decoration: none; }
a.menuPath:hover    { font-size: 11px; color: #999999; text-decoration: underline; }

span.chevron		{ color: #999999 ; }

a.menuAction:link     { font-size: 11px; color: #F79B24; text-decoration: none; }
a.menuAction:visited  { font-size: 11px; color: #F79B24; text-decoration: none; }
a.menuAction:active   { font-size: 11px; color: #F79B24; text-decoration: none; }
a.menuAction:hover    { font-size: 11px; color: #F79B24; text-decoration: underline; }


/*
** DESIGN -> Template
*/
.infoBox		{ width: 193px; background-image: url('/equipeps/custom/img/cms/website/info_box.gif'); background-repeat: no-repeat; }
.infoBoxContent	{ padding: 10px; padding-top: 10px; }
.infoBoxBottom	{ height: 15px; width: 193px; background-image: url('/equipeps/custom/img/cms/website/info_box_bottom.gif'); background-repeat: no-repeat; }

.menuBox		{ width: 178px; background-image: url('/equipeps/custom/img/cms/website/menu_box.gif'); background-repeat: no-repeat; }
.menuBoxContent	{ padding: 10px; padding-top: 10px; }
.menuBoxBottom	{ height: 18px; width: 178px; background-image: url('/equipeps/custom/img/cms/website/menu_box_bottom.gif'); background-repeat: no-repeat; }

/*
** DESIGN -> Logon
*/
div.logonBox	{ width: 320px; background-color: #FFFFFF; border: 1px solid #333333; }
div.logonHeader	{ padding: 3px; color: #FFFFFF; font-weight: bold; background-color: #333333; }
div.logonFooter	{ height: 15px; background-color: #333333; }

/*
** DESIGN -> Summary
*/
a.summary:link     { font-size: 11px; color: #B00000; text-decoration: none }
a.summary:visited  { font-size: 11px; color: #B00000; text-decoration: none }
a.summary:active   { font-size: 11px; color: #B00000; text-decoration: none }
a.summary:hover    { font-size: 11px; color: #B00000; text-decoration: underline }

a.summaryRoot:link     { font-size: 11px; font-weight: bold; color: #A12020; text-decoration: none }
a.summaryRoot:visited  { font-size: 11px; font-weight: bold; color: #A12020; text-decoration: none }
a.summaryRoot:active   { font-size: 11px; font-weight: bold; color: #A12020; text-decoration: none }
a.summaryRoot:hover    { font-size: 11px; font-weight: bold; color: #A12020; text-decoration: underline }

/*
** DESIGN -> Profil
*/
div.profilBox		{ padding: 10px; }


/* ARTICLE */
span.oldPriceTTC					{  color: #7E807F; font-size: 12px;  text-decoration: line-through ;}
span.priceTTC 						{ color: #6A6A6A; font-weight: bold ; font-size: 13px; }
span.priceHT 						{ color: #6A6A6A; font-weight: normal ; font-size: 13px; font-style: italic; }
span.remisePercent 					{ color: #D4362C; font-weight: bold; font-size: 17px; font-style: italic; top: 0px; left: 0px; }
span.enStock						{ font-weight: bold; color: green; }
span.dispo							{ font-weight: bold; color: black; }

fieldset.displayPrice 				{ width: 152px; text-align: right; padding: 5px; }

a.listArticleTitle:link 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none ; }
a.listArticleTitle:visited 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none;  }
a.listArticleTitle:active 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none ; }
a.listArticleTitle:hover 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: underline;  }

/*
** DESIGN -> ARTICLE IMAGE FRONT VIEW FADE
*/
div.innerArticle { height: 1%; }

.articlePictures 
{  
    width:   232px;  
    padding: 0;  
    margin:  0; 
    padding-right: 20px;
} 
 
.articlePictures img 
{  
    padding: 15px;  
    border:  1px solid #ccc;  
    background-color: #eee;  
    width:  200px;
    top:  0; 
    left: 0 
} 

/*
** DESIGN -> CATEGORY LIST
*/
div.categoryListContainer 			{ text-align: center; padding: 0px; margin: 0px; }
div.categoryListContent 			{ width: 640px; margin: 0 auto; padding: 0px; }
div.categoryList		 			{ float: left; width: 210px; height: 150px; }
div.categoryDescription 			{ color: #6E6B6B; font-weight: normal; } 

a.listCategoryTitle:link 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none ; }
a.listCategoryTitle:visited 		{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none;  }
a.listCategoryTitle:active 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: none ; }
a.listCategoryTitle:hover 			{ font-size: 12px; color: #D4362C; font-weight: bold ; text-decoration: underline;  }


/*
**
** DEFAULT ====================================================================================================
**
*/

/*
** H1
** ATTENTION ! Si on touche le style du P H1 H2 H3 H4 H5 H6 PRE 
** modifier le script de FCKEditor fckeditorcode_ie.js, fckeditorcode_geckos.js et fcktoolbarfontformatcombo.js en concéquence
*/
h1				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A12020; font-weight: bold; }
h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A12020; font-weight: bold; }
h3				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #A12020; font-weight: bold; }
h4				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #000000; font-weight: bold; }

/*
** P
*/
p				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal ; margin: 0 ;}
p.title			{ font-size: 11px; color: #A12020; font-weight: bold }
p.bold			{ font-weight: bold }

/*
** TD
*/

td				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
td.title		{ font-size: 11px; color: #A12020; font-weight: bold }
td.bold			{ font-weight: bold }
td.cellTab		{ border-bottom: 1px solid #DDDDDD }
td.cellTabBold	{ font-weight: bold; border-bottom: 1px solid #DDDDDD }
td.cellTabIn	{ color: #A12020; font-weight: bold; border-bottom: 1px solid #DDDDDD }

/*
** LI
*/
li				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
li.error		{ font-size: 11px; color: #A12020; font-weight: normal }
li.activeTab	{ list-style: none; background-color: #403B37; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px; color: #FFFFFF; font-weight: bold;  }
li.inactiveTab	{ list-style: none; background-color: #403B37; float: left; margin-right: 3px; height: 18px; padding: 2px; padding-left: 5px; padding-right: 5px;  }
ul.error 		{ position: relative; padding-top : 0px; margin-top: 0px; }

/*
** DIV
*/
div					{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
div.title			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #A12020; font-weight: bold  }
div.subtitle		{ font-size: 11px; color: #000000; font-weight: bold }
div.displayInfo		{ padding: 1px; border: 1px dashed #D3DBE8; }
div.timestamp		{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.error			{ padding: 1px; background-color: #FFCCCB; border: 1px dotted #B40326; }
div.errorMessage	{ color: #FF0000; font-weight: bold; }

/*
** HR
*/
hr				{ border: 0px; border-bottom: 1px solid #999999; height: 1px; }

/*
** FORMS
*/
input			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
textarea		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
select			{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }

/*
** A
*/
a:link     		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B00000; text-decoration: none }
a:visited  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B00000; text-decoration: none }
a:active   		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B00000; text-decoration: none }
a:hover    		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #B00000; text-decoration: underline }

/*
 *	LEGEND
 */
legend			{ font-weight: bold; color: #000000; }
fieldset		{ padding: 5px;  background-color: #FFFFCC; }

/*
** START : CSS LIGHTBOX
*/

#lightbox{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #A9A6A6;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	

/*
** END : CSS LIGHTBOX
*/