* 
	{
	margin:0;
	padding:0;
	}
img 
	{ 
	border:none; 
	}
/* WYMeditor */
body 
	{
	margin: 0;
	background-color: #f8f3ed;
	color: #8d8d8d;
	font-family: arial, georgia, verdana, helvetica, sans-serif;
	font: normal 8.5pt arial;
	}

.special  {font-family: georgia, arial, verdana, helvetica, sans-serif;}

a 
	{ 
	color: #808080;
	text-decoration: none;
	}
    a:hover  { color: #8c755a; }
    a:visited { color: #808080; }
    a.moreinfo
    {
    padding-left: 10px;
    color: #849200;
    font-weight: bold;
    background: transparent url(/img/menu/submenu_arrow.png) no-repeat scroll left 50%;
    }
    a.moreinfo:hover
    {
    text-decoration: underline;
    }
h1, h2, h3, h4 ,
h1 a, h2 a, h3 a, h4 a
	{
	color: #6e5642;
	}
h1, h1 a { font-size: 16pt; margin: .2em 0 .5em 0; }
h2, h2 a { font-size: 13pt; margin: .2em 0 .5em 0;   }
h3, h3 a { font-size: 12pt; margin: .1em 0 .2em 0;   }
h4, h4 a { font-size: 10pt; margin: .2em 0 .2em 0;   }
h1.logo 
	{
    float: left;
	margin: 0 0 20px 0;
	cursor: pointer;
	}
p
	{
	margin:0 0 20px 0;
	}
ul, li, ol
	{
	margin: 0;
	padding: 0;
    list-style: none;
	}
li 
    {
    padding-left: 10px;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
    background-position: 0 .5em;    
	}
/* /WYMeditor */
.clear  {clear:both;}
.cleft  {clear:left;}
.cright  {clear:right;}

span.reverse 
    {
    direction:rtl;
    unicode-bidi:bidi-override;
    }

.button-play 
    {
    position:absolute;
    width: 30px;
    height: 30px;
    left: 80%;
    top:5px;
    margin-left: -25px;
    z-index:1;
    }
    .button-play a 
        {
        position:relative;
        display:block;
        width: 30px;
        height: 30px;
        margin-left:auto;
        background:transparent url(/img/button/btn_player.png) no-repeat scroll center top;
        cursor:pointer;
        -moz-background-clip:border;
        -moz-background-inline-policy:continuous;
        -moz-background-origin:padding;
        }
table 
	{
	max-width: 940px;
	margin: 0 20px 0 0;
	padding: 0;
	}
td
	{
	padding: 5px 5px 20px 5px;
	}
th
	{
	padding: 30px 5px 10px 5px;
	color: #8c755a;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	}
td span
	{
	color: #8c755a;
	}
    
/**************************
		LAYOUT
**************************/
#zn-container
	{
	width: 970px;
	margin: 15px auto;
	}
#zn-central 
	{
	margin: 5px 0 0 0;
	padding: 0;
	}
    /* start : sidebar for internal pages */
        .page
        {
        overflow: hidden;
        float: left;
        width: 674px;
        margin: 0;
        background-color: #f5e9c1;
        } 
        .page-inner
        {
        margin: 20px 20px 20px 30px;
        } 
        #zn-sidebar 
            {
            overflow: hidden;
            float: left;
            width: 290px;
            margin-left: 6px;
            }
    /* end : sidebar */
#zn-footer-outer
	{
    width: 970px;
    height: 69px;
    margin: 0 auto;
    background:transparent url(/img/bg/bg_footer_illustration.png) top left repeat-x;
    }
#zn-footer-inner
	{
    margin: 0;
    background:transparent url(/img/bg/bg_footer.png) top left repeat-x;
    }
#zn-footer
	{
    width: 970px;
    margin: 0 auto;
    padding: 35px 0 0 0;
    color: #b5aead;
	font-size: 9pt;
	}
/* ************************* CONTENT ************************* */
.page
    {
    }
.page p
    {
    line-height: 1.4em;
    margin: 10px 0;
    text-align: justify;
    }
    
.page a, .page h3 a:hover { text-decoration: underline; }
    span.breadcrumb a { text-decoration: none; }
    span.breadcrumb a:hover { text-decoration: underline; }
    
.page h1, .page h1 a
    {
    /* 
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35); 
    letter-spacing: 1px;
    */
    }
.page h2
    , .page h1 a, .page h2 a, .page h3 a
    , .page h1 a:hover, .page h2 a:hover, .page h3 a:hover
    , .page h1 a:active, .page h2 a:active, .page h3 a:active
    , .page h1 a:visited, .page h2 a:visited, .page h3 a:visited
    {
    color: #6e5642;
    text-decoration: none;
    }
.page h2.subtitle
    {
    padding: 20px;
    color: #818f00;
    font-style: italic;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    }
.page h3, .page h3 a
    {
    margin: 10px 0;
    color: #6e5642;
    font-size: 105%;
    font-weight: bold;
    text-decoration: none;
    }
.page span.date
    {
    margin: 0;
    color: #e9b634;
    }
.page div.pageblock
    { 
    padding: 15px 0 15px 0;
    border-bottom: 1px solid #fff;
    }
    .page div.pageblock p
        { 
        margin: 0 0 10px 0;
        }
    .page div.blockHasLink
        { 
        cursor: pointer;
        }
    .page div.pageblock div.image
        { 
        float: left;
        border: 2px solid #fff;
        margin-right: 15px;
        margin-bottom: 5px;
        }
    .page div.multiple div.image
        { 
        float: right;
        border: 2px solid #fff;
        margin-left: 10px;
        margin-bottom: 10px;
        }
    .page div.catalog
        { 
        overflow: hidden;
        float: left;
        width: 150px;
        height: 240px;
        margin: 0 0 15px 5px;
        padding: 0;
        cursor: pointer;
        border: none;
        }
    .page div.catalog div.image
        { 
        width: 148px;
        height: 190px;
        line-height: 190px;
        margin: 0;
        text-align: center;
        border: 1px solid #DECFAD;
        background-color: #fff;
        display:table;
        }
    .page div.catalog div.image img
        { 
        vertical-align:middle;
        margin: 0 auto;
        border: none;
        }
    .page div.catalog h2
        { 
        overflow: hidden;
        height: 45px;
        margin: 5px;
        padding: 0;
        font-size: 90%;
        }
        .page div.hover div.image
            { 
            border: 1px solid #E79608; 
            }
        .page div.hover
            { 
            background-color: #E79608; 
            }
    .page div#catalog-text
        { 
        float: left;
        width: 340px;
        margin: 0 0 0 20px;
        padding: 0;
        }
        .page div#catalog-text h4
            { 
            font: bold 16px Georgia, "Lucida Grande";
            color: #818f00;
            border-top: 2px solid #fff;
            padding: 5px 0;
            }
        .page div#catalog-text ul.color
            { 
            list-style: none;
            margin: 0;
            }
        .page div#catalog-text ul.color li
            { 
            float: left;
            width: 20px;
            height: 20px;
            margin: 4px 5px;
            border: 1px solid #fff;
            text-indent: -10000em;
            list-style: none;
            }
            ul.color li.black       { background-color: #000 }
            ul.color li.white       { background-color: #fff }
            ul.color li.greenforest { background-color: #7E8349 }
            ul.color li.yellow      { background-color: #FFBA4B }
            ul.color li.natural     { background-color: #E6CDA6 }
            ul.color li.orange      { background-color: #F8894F }
            ul.color li.pink        { background-color: #F2728E }
            ul.color li.red         { background-color: #E04C46 }
            ul.color li.green       { background-color: #1D794B }
            ul.color li.purple      { background-color: #8E4EA5 }
            ul.color li.blue        { background-color: #0066A7 }
            ul.color li.marine      { background-color: #4C4690 }
            ul.color li.gray        { background-color: #85928E }
        .page div#catalog-text div.button
            { 
            font-size: 120%;
            padding: 2px 0 0;
            }
    .page div#catalog-diaporama
        { 
        float: left;
        width: 260px;
        margin: 0;
        padding: 0;
        }
        .page div#catalog-diaporama img
            { 
            float: left;
            border: 1px solid #DECFAD;
            margin: 10px 0 0 10px;
            }
.page hr 
    { 
    margin: 20px 0;
    border: 1px solid #fff;
    }
     .page div.hr hr { display: none; }
.page ol li { list-style-type: square; }
.page ul li { list-style-type: square; }
.page ul
    {
	margin: 1em 0 0 4em;
    }
.page li
    {
    padding: 0;
    }
.paging
    {
    margin: 10px 0;
    }
.paging span
    {
    margin:0 2px;
    padding:3px 5px;
    text-align:center;
    color: #6e5642;
    font-size:120%;
    }
.paging span a
    {
    text-decoration:none;
    color: #6e5642;
    }
.paging span a:hover
    {
    color: #EFB631;
    }
.paging span.current
    {
    background-color: #EFB631;
    color: #6e5642;
    }
/**************************
SIDEBAR + WIDGETS
**************************/
#sidebar-menu 
    {
    padding: 10px 10px 20px 10px;
    border: 1px solid #F7EBC6;
    background-color: #fff;
    }
    #sidebar-menu li
        {
        padding: 5px 9px;
        border-bottom: 1px solid #F7EBC6;
        background: url(/img/menu/submenu_arrow.png) no-repeat left 50%;
        }
    #sidebar-menu li a
        {
        color: #848E00;
        font-weight: normal;
        }
    #sidebar-menu li a.current
        {
        font-weight: bold;
        }
#zn-sidebar div.widget
    {
    overflow: hidden;
    width: 290px;
    border: 1px solid #F7EBC6;
    }


/* Top Toolbar */
#toolbar
    {
    float: right;
    margin: 1.5em 0.2em 0 0;
    }
    #toolbar div
        {
        float: left;
        }
        ul#navtoolbar
            {
            height: 28px;
            background: url(/img/bg/bg_toolbar.png) top left repeat-x;
            border: 1px solid #fbf2d5;
            text-align: center;
            }
        #toolbar li
            {
            float: left;
            }
        ul#navtoolbar li
            {
            margin: 0 5px 0 0;
            color: #989898;
            font-size: 1em;
            font-weight: bold;
            }
        ul#navtoolbar li.disabled 
            {
            padding: 5px;
            opacity: .70;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
            }
        ul#navtoolbar li a
            {
            float: left;
            padding: 5px;
            color: #989898;
            font-size: 1em;
            font-weight: bold;
            }
        ul#navtoolbar li a span
            {
            color: #8c755a;
            }
    


/* Top Menu */
#ctr-menutop
    {
    z-index:10000;
    height: 45px;
    background: transparent url(/img/menu/bg_navtop.png) repeat-y top left;
    }
#ctr-menutop .tree, #ctr-menutop .tree ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

#ctr-menutop .tree {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  z-index: 100;
  position: relative;
}
#ctr-menutop .tree li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}


#ctr-menutop .tree ul 
    {
    /* border-bottom: 1px solid #000;*/
    list-style: none;
    margin: 0;
    position: absolute;
    top: -999em;
    left: 0;
    width: 200px;
    }

/*Hover sur les bouton du menu*/
#ctr-menutop  a 
    {
    display: block;
    height:45px;
    margin: 0;
    padding: 0;
    background-position: 0px top; 
    background-repeat: no-repeat;
    text-decoration: none;
    }
#ctr-menutop ul a:hover, #ctr-menutop ul a:active 
    {
    background-position: 0px bottom;
    }
#ctr-menutop a span 
    {
    display:none;
    }

/* On fixe chaque categorie du menu en fonction de la taille de l'image */
#body-fr #ctr-menutop li#menu-about a     { width: 138px; background-image: url(/img/menu/fr/bg_about.png);}
#body-fr #ctr-menutop li#menu-news a      { width: 135px; background-image: url(/img/menu/fr/bg_news.png);}
#body-fr #ctr-menutop li#menu-programs a  { width: 157px; background-image: url(/img/menu/fr/bg_programs.png);}
#body-fr #ctr-menutop li#menu-fabric a    { width: 142px; background-image: url(/img/menu/fr/bg_fabric.png);}
#body-fr #ctr-menutop li#menu-shop a      { width: 119px; background-image: url(/img/menu/fr/bg_shop.png);}
#body-fr #ctr-menutop li#menu-services a { width: 144px; background-image: url(/img/menu/fr/bg_services.png);}
#body-fr #ctr-menutop li#menu-contact a   { width: 135px; background-image: url(/img/menu/fr/bg_contact.png);}

#body-en #ctr-menutop li#menu-about a     { width: 138px; background-image: url(/img/menu/en/bg_about.png);}
#body-en #ctr-menutop li#menu-news a      { width: 127px; background-image: url(/img/menu/en/bg_news.png);}
#body-en #ctr-menutop li#menu-programs a  { width: 151px; background-image: url(/img/menu/en/bg_programs.png);}
#body-en #ctr-menutop li#menu-fabric a    { width: 130px; background-image: url(/img/menu/en/bg_fabric.png);}
#body-en #ctr-menutop li#menu-shop a      { width: 121px; background-image: url(/img/menu/en/bg_shop.png);}
#body-en #ctr-menutop li#menu-services a { width: 148px; background-image: url(/img/menu/en/bg_services.png);}
#body-en #ctr-menutop li#menu-contact a   { width: 155px; background-image: url(/img/menu/en/bg_contact.png);}

#ctr-menutop li:hover a, 
#ctr-menutop li.sfHover a {  
    background-position: 0px -45px; 
}
#ctr-menutop li.current a { background-position: 0px -45px;  }

#ctr-menutop li:hover ul a, 
#ctr-menutop li.sfHover ul a {
    background-image: none; 
    background-position: 0px -1000em; 
}
#ctr-menutop li:hover ul a:hover, 
#ctr-menutop li.sfHover ul a:hover {
    background-image: none; 
}

#ctr-menutop .tree li:hover ul, .tree li.sfHover ul { background-image: none; top: 45px; }
#ctr-menutop .tree ul li { background-image: none; border: 0; float: none;}
#ctr-menutop .tree ul a { background-image: none; white-space: nowrap;}



/* Couleur de fond des sous menu et effet hover */
#ctr-menutop li ul li a, #ctr-menutop li ul li a:hover
    {
    padding:5px 15px;
    height:auto;
    background-image: none;
    background-color: #e6a016;
	background-repeat: no-repeat;
	background-position: -500px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #096;
	border-right-color: #e9b634;
	border-bottom-color: #dd9c19;
	border-left-color: #e9b634;
	font-size: 11px;
	line-height: 14px;
	color:#fff;
    }
    
#ctr-menutop li ul li.current a { color:#52381e; }
#ctr-menutop li ul li a:hover { background-color:#efc765; }

/*Pour fixer la largeur des sous menu si nécéssaire ici j'ai juste caler la dernière cellule pour l'alignement...
#ctr-menutop #menu1 ul li a{}
#ctr-menutop #menu2 ul li a{}
#ctr-menutop #menu3 ul li a{}
#ctr-menutop #menu4 ul li a{}
#ctr-menutop #menu5 ul li a{}
#ctr-menutop #menu6 ul li a{}
#ctr-menutop #menu7 ul li a{}
*/

/**************************
FOOTER
**************************/

        
/* Footer tweet + top news */
#footer-colright
    {
    float: left;
    }
    #tweet
        {
        width: 523px;
        height: 70px;
        background: url(/img/bg/bg_tweet.png) top left;
        }
    #tweet p
        {
        overflow: hidden;
        width: 440px;
        height: 42px;
        margin: 10px 60px 10px 15px;
        padding: 1px;
        font: bold italic 12px Georgia;
        line-height: 20px;
        color: #eabb41;
        }
    #tweet a
        {
        color: #eabb41;
        }
    #tweet a:hover
        {
        text-decoration: underline;
        }
    #topnews h3
        {
        margin: 0;
        font: bold 1.5em Georgia, arial;
        color: #889700;
        }
    #topnews ul
        {
        }
    #topnews ul li
        {
        margin: 2px 0;
        }
    #topnews ul li a
        {
        font: 8pt arial;
        padding-left: 12px;
        background:transparent url(/img/bg/bg_list_footer.png) 0 50% no-repeat; 
        }
    #topnews ul li a:hover
        {
        color: #6E5642;
        }
#footer-partners
    {
    margin: 0 0 13px 0;
    background:transparent url(/img/bg/bg_footer_partner.png) top left repeat-x;
    border-top: 2px solid #fff;
    font-family: georgia, verdana, arial;
    }
    #footer-partners fieldset
        {
        margin: -10px 0 0 0;
        padding: 0;
        border-top: none;
        border-right: 2px solid #fff;
        border-bottom: 2px solid #fff;
        border-left: 2px solid #fff;
        }
    #footer-partners fieldset legend
        {
        margin: 0 0 0 45%;
        padding: 0 10px;
        font-size: 120%;
        font-weight: bold;
        background-color: #f7ebe7;
        color: #b5b2b5;
        }
    .carousel
        {
        float: left;
        overflow: hidden;
        height: 120px;
        margin: 0 32px;
        /* Needed for rendering without flicker */
        position: relative;
        /* 
        visibility: hidden;
        left: -5000px;
        */ 
        }
    .carousel li img
        {
        margin: 0 auto;
        }
    .carousel li
        {
        float: left;
        width: 200px;
        height: 110px;
        margin: 5px 4px;
        text-align: center;
        }
    .carousel a.prev, .carousel a.next 
        {
        display:block;
        float:left;
        width: 30px;
        height: 100px;
        background:transparent url(/img/button/imageNavLeft.gif) no-repeat scroll left 45px;
        text-decoration:none;
        }
    .carousel a.next 
        {
        background:transparent url(/img/button/imageNavRight.gif) no-repeat scroll right 45px;
        }

    
/* Footer Menu : SITEMAP */
#footer-sitemap
    {
    float: left;
    width: 45%;
    }
#navsitemap li {
  float: left;
  width: 130px;
  height: 120px;
}
#navsitemap li a 
    {
    font: normal 1.5em georgia, arial;
    color: #889700;
    }
#navsitemap ul li 
    {
    float: none;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 10px;
    }
#navsitemap ul a
    {
    font: 8pt arial;
    color: #9c9694;
    }
#navsitemap a:hover 
    {
    color: #6E5642;
    }

div#footer-legal
    {
    margin: 20px 0 10px 0;
    }
div#footer-legal, div#footer-legal a, div#footer-legal a:visited
    {
    color: #9c9694;
    text-align: center;
    font-size: 7pt;
    }
#footer-logo, #footer-contact, #footer-legal
    {
    text-align: center;
    margin: 3em 0 0;
    }
#footer-contact
    {
    overflow: hidden;
    width: 600px;
    margin: 10px auto 0;
    padding: 3px;
    font: bold 0.9em Georgia;
    line-height: 200%;
    background: #f6ebc3 url(/img/bg/bg_footer_contact.png) repeat-x top left;
    border: 1px solid #f5e9c1;
    }    
#footer-contact a:hover, #footer-legal a:hover
    {
    color: #6E5642;
    text-decoration: underline;
    }
    
    
/**************************
CONTACT
**************************/
#contact-info
    {
    float: left;
    margin: 0 0 60px 0;
    width: 240px;
    font: normal 11px arial;
    }
#contact-info h4
    {
    margin: 2px 0;
    }
#contact-info hr
    {
    margin: 20px 0;
    width: 90%;
    border-top: 2px solid #fff;
    }
#contact-info div.socnet
    {
    float: left;
    width: 110px;
    margin: 3px;
    border: none;
    }
#contact-info a
    {
    color: #8C9A00;
    font-weight: bold;
    text-decoration: none;
    padding-left: 2px;
    }
#contact-info a:hover
    {
    text-decoration: underline;
    }
#contact-map
    {
    overflow: hidden;
    float: left;
    width: 370px;
    margin: -40px 0 40px 0;
    border: 4px solid #52381e;
    }
    #contact-map #map
        {
        width: 370px;
        height: 280px;
        }
    .mapcaption    
        {
        overflow: hidden;
        float: left;
        width: 370px;
        height: 100px;
        margin: -100px 0 0;
        position: relative;
        color: #fff;
        background: transparent url(/img/bg/bg_caption.png) top left repeat;
        /*
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        opacity:.80;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        */
        }
    .mapcaption img
        {
        float: left;
        width: 100px;
        height: 100px;
        z-index: 100;
        margin: 5px;
        margin-right: 10px;
        border: 1px solid #000;
        }
    .mapcaption h4
        {
        color: #F7EBC6;
        }
    .mapcaption p
        {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px;
        }        

/**************************
Media download
**************************/
#mediadownload fieldset
    {
    margin: 0 6em 0 0;
    padding: 0 20px;
    border: 1px solid #fff;
    }
#mediadownload legend
    {
    margin: 0;
    padding: 0 10px;
    font: bold 12.5pt georgia, arial;
    }
#mediadownload ul
    {
    margin: 0;
    padding: 0;
    }
#mediadownload ul li
    {
    margin: 5px 0;
    color: #818f00;
    }
#mediadownload ul li a
    {
    color: #818f00;
    text-decoration: none;
    }
#mediadownload ul li a:hover
    {
    text-decoration: underline;
    }

/**************************
HOMEPAGE
**************************/
#homepage
    {
    margin: 0;
    padding: 20px 20px 20px 10px;
    background: #f7ebc6 url('/img/bg/bg_home_central.png') top left repeat-x;
    }
#about
    {
    float:left;
    width: 265px;
    cursor: pointer;
    }
    #about div
    {
    margin-left: 10px;
    }
    #about h1
    {
    margin: 10px 0 0 0;
    padding: 0;
    color: #EFB631;
    font: 2.5em Georgia, arial;
    }
    #about h2
    {
    margin: 0 0 0 5px;
    padding: 0 0 10px 0;
    color: #849200;
    font: bold 1.3em Georgia, arial;
    border-bottom: 1px solid #fff;
    }
    #about p
    {
    margin: 10px 0 10px 5px;
    text-align: justify; 
    }

#featured
    { 
    overflow: visible;
    float:left;
	width: 670px; 
	height: 280px; 
    }
    #featured ul.ui-tabs-nav
        { 
        float:left;
        width: 300px; 
        height: 278px; 
        padding:0; 
        margin:0; 
        overflow: hidden;
        overflow-x:hidden;
        list-style:none; 
        }
    #featured ul.ui-tabs-nav li
        { 
        overflow: hidden;
        height: 93px;
        padding:0; 
        padding-left:13px;  
        color:#efb631; 
        }
    #featured ul.ui-tabs-nav li img
        { 
        margin:2px 5px; 
        padding:2px; 
        border: 1px solid #eee;
        }
    #featured ul.ui-tabs-nav li span
        { 
        line-height:18px; 
        }
    #featured li.ui-tabs-nav-item a
        { 
        display:block; 
        padding:0; 
        padding: 18px 12px 18px 20px;
        line-height:20px; 
        text-decoration:none;
        color:#8c755a;  
        border-bottom: 1px solid #fff;  
        border-top: 1px solid #f5e9c1;  
        outline:none;
        font-size: 16px;
        font-weight: bold;
        }
    #featured li.ui-tabs-nav-item a.noborder
        { 
        border: none;
        }
    #featured li.ui-tabs-nav-item a span
        { 
        display: block;
        color: #e9b634;  
        font-size: 11px;
        font-weight: normal;
        }
    #featured li.ui-tabs-nav-item a:hover
        { 
        }
    #featured li.ui-tabs-selected
        { 
        background:url('images/selected-item.gif') top left no-repeat;  
        }
    #featured ul.ui-tabs-nav li.ui-tabs-selected a
        { 
        background-color: #52381e;
        }
    #featured .ui-tabs-panel
        { 
        float: left;
        width: 360px;
        height: 278px;
        background-color: #52381e;
        z-index: -1;
        /* border: 1px solid #f7ebc6; */
        }
    #featured .ui-tabs-hide
        {
        background-color: transparent;
        display:none; 
        }

    
    .caption    
        {
        margin: 4px 5px;
        overflow: hidden;
        float: left;
        width: 350px;
        position: relative;
        }
    .caption img
        {
        float: left;
        /*
        width: 350px;
        height: 270px;
        */
        z-index:1;
        }
    .caption h3
        {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        margin: 0;
        padding: 10px;
        font-size: 1.2em;
        color: #fff;
        background: #111;
        border-top: 1px solid #999;
        opacity:.80;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
        }        
        
/* Central */
div#ctr-box
    {
    margin-top: 30px;
    }
div.outerbox
	{
	float:left;
    overflow: hidden;
	width: 226px;
    height: 225px;
	margin:0 20px 0 0;
	padding:0;
    text-align:center;
	}
div.outerbox-last
	{
	margin:0;
	}
    div.innerbox
        {
        overflow:hidden;
        height: 190px;
        cursor: pointer;
        border: 1px solid #f7ebc6;
        background: #fff7ef url(/img/bg/bg_box.png) top left repeat-x;
        }
    div.innerbox-hover
        {
        border: 1px solid #849200;
        }
    div.innerbox img
        {
        margin: 3px 0 0 0;
        border: 1px solid #f7ebc6;
        }
    div.innerbox h2
        {
        overflow: hidden;
        margin: 5px 0 3px;
        text-align: center;
        color: #EFB631;
        font: bold 1.4em georgia, arial;
        }
    div.innerbox h3
        {
        overflow: hidden;
        margin: 0 0 20px;
        text-align: center;
        font: normal 0.8em arial;
        }
    div.button
        {
        cursor: pointer;
        margin: -10px auto 0 auto;
        width: 154px;
        height: 24px;
        background: url(/img/bg/bg_button.png) top left no-repeat;
        color: #fff;
        text-align: center;
        }
    div.button a
        {
        line-height: 24px;
        color: #fff;
        font: 1.2em georgia, arial;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
        text-decoration: none;
        }