/* Default Police */

/*
** 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 ;
}
				
#header { position: relative; height: 84px; background-color : #423F3E; color: #AAA86F ; } 
#headerContent { position: relative; height: 185px;  }
#conteneur2 { background-color: #FFFFFF; border: solid 1px #969466; position: relative; width: 1000px; margin: 0 auto;  text-align: left;}
#footer { height: 27px; text-align: center; width: 1000px;   background-image: url('/perspective123/img/cms/website/footer_back.gif'); background-repeat: no-repeat; background-position: top left;}
#footerMySolutionManager { margin:auto ; text-align: center; width: 1000px;  }
#news { margin: 0; padding: 0; text-align: center;  }
#subnews { width: 763px; text-align: left; margin: auto; background-image: url('/perspective123/img/ebiz/front/promotion_back.gif'); background-repeat: repeat;  }
#right { background-color: #C4C136;}
#sentence { padding-left: 7px; width: 1000px; margin: 0 auto; text-align: left; color:#AAA86F; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;font-weight: normal; position: relative;}
#bgconteneur { 	background-color: #FFFFFF; width: 1000px; margin: 0 auto; text-align: center; }

#menuContent { width: 760px; text-align: center; }
#menuHome { width: 576px;  position: absolute; top : 14px ; left: 424px; text-align: right; }
#menuTop { width: 1000px ; background-color: #000000; height: 39px; border-bottom: 1px solid #FFFFFF;}

#headerCar { position: absolute; right: 0 ; background-color: #F2F2F2 ; width: 191px; top: 0 ;  height: 150px}
#headerContentCar { position: absolute; right: 0 ; background-color: #F2F2F2 ; width: 191px; top: 0 ;  height: 156px}
#headerCenter { position: absolute; left: 237px ; width: 763px; top: 0 ; height: 150px}
#headerContentCenter { position: absolute; left: 237px ; width: 632px; top: 0 ; height: 156px}
#logonHeader { padding: 10px; color: #565658; margin: 0px; padding-top: 0px;}

#contentBorderTop { width: 100%; background-color: #FFFFFF; }
#content 	{ padding-bottom: 10px;}
#contentIn 	{ width: 1000px;}
#contentPadding { padding-left: 10px; padding-right: 10px;  }
#contentHome { position: relative ; width: 1000px;  background-image: url('/perspective123/img/cms/website/home_back.gif'); background-repeat: no-repeat; background-position: top left; }
#centerDiv { padding: 10px; }


/*
** 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: #B9B586; font-weight: bold }
h2				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #B9B586; font-weight: bold }
h3				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #B9B586; font-weight: bold }
h4				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: black; font-weight: bold;  background-image: url("/perspective123/img/cms/website/degrade_title_h4.gif"); background-repeat: repeat-x; width: 100% ; padding-top: 2px;padding-bottom: 2px; }

/*
** 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: #B9B586; 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: #B9B586; font-weight: bold }
td.titleClient		{ font-size: 12px; color: #6D6464; font-weight: bold ; background-color: #E1E2E3; padding: 3px;}
td.bold			{ font-weight: bold }
td.menuPath     { font-size: 11px; color: #FFFFFF; text-decoration: none; }
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 }


td.menuOn 	{ text-align: center ;  height: 20px   }
td.menuOff 	{  text-align: center ; height: 20px }

td.underMenuOn 		{  padding-top: 5px;   }
td.underMenuOff 	{    padding-top: 5px;    }

/*
** LI
*/
li				{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight: normal }
li.error		{ font-size: 11px; color: #FF0000; 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;  }



/*
** 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: #B9B586; font-weight: bold  }
div.subtitle	{ font-size: 11px; color: #000000; font-weight: bold }
/* div.menu		{ font-size: 11px; color: #000000; font-weight: bold; background-color: #E6E4E4; } */
div.menu		{ font-size: 11px; color: #000000; font-weight: bold; border-top: 1px dashed #D3DBE8; }
div.displayInfo	{ padding: 1px; border: 1px dashed #D3DBE8; }
div.timestamp	{ padding: 1px; border: 1px dashed #D3DBE8; width: 290px; }
div.error		{ padding: 1px; background-color: #FFEFC8; border: 1px dashed #FF0000; }
ul.error 		{position: relative; padding-top : 0px; margin-top: 0px}
div.errorMessage	{ color: #FF0000; font-weight: bold; }
div.menuInWithBorder		{ background-color: #F79B24; text-align: center;  border-right: 1px solid #FFFFFF; }
div.menuOutWithBorder		{ background-color: #E81C1C; text-align: center;  border-right: 1px solid #FFFFFF; }
div.menuInNav		{ text-align: center; background-image: url("/perspective123/img/cms/website/_menu_nav_in.gif"); }
div.menuOutNav		{ text-align: center; background-image: url("/perspective123/img/cms/website/_menu_nav_out.gif"); }
div.menuOut2Nav		{ text-align: center; background-image: url("/perspective123/img/cms/website/_menu_nav_out2.gif"); }
div.menuIn		{ background-color: #8A8861; }
div.menuOut		{ background-color: #5F5D5D; }
div.menuOut2	{ background-color: #8A8861; }
div.menuOutHome	{ background-color: #1768AF; text-align: center;  border-right: 1px solid #FFFFFF;}

div.menuOutPrivate		{ background-color: #DDAB48; text-align: center; border-right: 1px solid #FFFFFF; }
div.menuOutPrivateHome	{ background-color: #A12020; text-align: center; border-right: 1px solid #FFFFFF; }

div.authentification { text-align: left; width: 320px; background-color: #FFFFFF; border: 1px solid #403B37; }
div.authentificationTitle { background-color: #403B37; color: #FFFFFF; font-weight: bold; padding: 4px; padding-left:5px;}
div.authentification > div.alignAuth { padding-bottom: 20px; } 
div.shoppingcart { text-align: left; padding: 0px; padding-bottom: 5px }
div.memberTitle { background-color: #403B37; color: #FFFFFF; font-weight: bold; padding: 4px; padding-left:5px;}
div.contentHomeContainer 	{position: relative; width: 100%; }


/*
** SPAN
*/
span.item		{ padding: 3px; }
span.item_over	{ padding: 2px;	background : #E9F2F8; border: solid #D3DBE8 1px; }

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

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

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

a.white:link     		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
a.white:visited  		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
a.white:active   		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: none }
a.white:hover    		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; text-decoration: underline }

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

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

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

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

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

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

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

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

/*a.bouton:link 		{ padding: 5px;text-align:center;font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none; background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x;   border-bottom: solid 2px #F5CC5D; border-right: solid 2px #F5CC5D; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF;  } 
a.bouton:visited 	{ padding: 5px;text-align:center;font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x ;   border-bottom: solid 2px #F5CC5D; border-right: solid 2px #F5CC5D; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; } 
a.bouton:active 	{ padding: 5px;text-align:center;font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;  background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x ;   border-bottom: solid 2px #F5CC5D; border-right: solid 2px #F5CC5D; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF; } 
a.bouton:hover 		{ padding: 5px;text-align:center;font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none; background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x ;   border-bottom: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-top: solid 2px #F5CC5D; border-left: solid 2px #F5CC5D; } 
*/

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

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

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

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

.titleContent { font-size: 14px; color: #B9B586; font-weight: bold ; }

.leftContent { background-color: #D8DADC;}

.menuActive { background-color: #F2F2F2 ; padding-left: 5px;}
.menuInactive { background-color: #D8DADC ; padding-left: 5px;}
.menuTitle { background-color: #E81C1C ; font-size: 11px; font-weight: bold; color: #FFFFFF; font-weight: bold; padding-top: 4px; padding-bottom: 4px; padding-left: 3px;}

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

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

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

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

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

.searchDescription { color : #6D6464 ;}

.chevron { color: #FFFFFF; }
.menuPath { color: #FFFFFF; }
.footer { color: #FFFFFF; font-weight: normal;  padding-top: 6px;}
.header { background-color: #D1D0D0;}

.bgTitle { background-color: #403B37; }

/*input.bouton 		{ padding: 5px;text-align:center; font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;  background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x;   border-bottom: solid 2px #F5CC5D; border-right: solid 2px #F5CC5D; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF;  } 
input.bouton:active	{ padding: 5px;text-align:center; font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;  background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x;   border-bottom: solid 2px #F5CC5D; border-right: solid 2px #F5CC5D; border-top: solid 2px #FFFFFF; border-left: solid 2px #FFFFFF;    } 
input.bouton:hover	{ padding: 5px;text-align:center; font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;  background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x;   border-bottom: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-top: solid 2px #F5CC5D; border-left: solid 2px #F5CC5D;    } 
input.bouton_hover	{ padding: 5px;text-align:center; font-size: 11px; color: #000000;  font-weight: bold; text-decoration: none;  background-image: url('/perspective123/img/ebiz/front/degradeback.gif'); background-repeat: repeat-x;   border-bottom: solid 2px #FFFFFF; border-right: solid 2px #FFFFFF; border-top: solid 2px #F5CC5D; border-left: solid 2px #F5CC5D;  } 
*/

/*
* EBIZ
*/
.star	{ color: red; }
.addresseLibelle { text-decoration: underline; }
.warning { color: red ; font-weight: bold; }
.netapayerLibelle { font-size: 14px; font-weight: bold; color: #6A6A6A ; font-style: italic; }
.netapayerPrix  { font-size: 14px; font-weight: bold; color: #6A6A6A ; font-style: italic; } 
.colorUpdate {  background-color: #FFFFFF;  }
.colorAdd {  background-color: #FFFFFF;  }
.newsletterSubscribe { color: green; font-weight: bold ; text-align: center; }
.newsletterUnsubscribe { color: black; font-weight: bold ; text-align: center; }
.priceTTC { color: #6A6A6A; font-weight: bold ; font-size: 13px; }
.oldPriceTTC {  color: #7E807F; font-size: 12px;  text-decoration: line-through ;}
.oldPriceTTCPromo {  color: #7E807F; font-size: 11px;  text-decoration: line-through ;}
.remisePercent { color: #D4362C; font-weight: bold; font-size: 17px; font-style: italic; }
fieldset > span.remisePercent { top: 0px; left: 0px; }
.remisePercentPromo { color: #D4362C; font-weight: bold; font-size: 14px; font-style: italic; }
.searchArticleResult  { color: #000000; }
.pricePromo { color: #6A6A6A; font-weight: bold; }
.pricePromoHome { color: #FFFFFF; font-weight: bold; }

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;  }

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;  }

fieldset { border : 1px solid #969466 ;  padding: 5px; background-color: #FFFFFF; } 
fieldset.displayPrice { width: 150px; text-align: right; padding: 5px; }

img.menuEnd { position:absolute; top: 9px; right: -46px; z-index:3 }



/* 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 */