/*

RESET
-----------------------------------------------------------------------------------------

*/

/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}


/*

GENERAL
-----------------------------------------------------------------------------------------

*/


html {background:#fff}
body {
    min-width:1000px;
    font-family:Trebuchet MS, Arial, Helvetica;
    color:#612217;
}

body, p, li {font-size:12px;}
hr { display:none; }

h1 {
    font:bold italic 40px Tebuchet, Helvetica, sans-serif; 
    color:#612217;
    margin-bottom:30px;
}

h2 {  }

h3 {
    font:bold italic 20px Tebuchet, Helvetica, sans-serif; 
    color:#e26d26; 
    margin-bottom:20px;
    clear:both;
}

h4 {
	font:bold italic 16px Tebuchet, Helvetica, sans-serif; 
    color:#612217; 
    margin-bottom:10px;	
}

h5 {
	font:bold italic 14px Tebuchet, Helvetica, sans-serif; 
    color:#fff; 
    margin-bottom:17px;	
}

h6 {
	font:bold italic 14px Tebuchet, Helvetica, sans-serif; 
    color:#612217; 
    margin-bottom:10px;	
}

p  {
   font-size:14px; 
    margin-bottom:20px; 
}

a { color:#8aaf12; outline:none; }

strong { font-weight:bold; }
em { font-style:italic !important; }
input:focus, textarea:focus {
    outline: 0;
}

sup { vertical-align:super; font-size:8px; }


/* HTML5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
  position:relative;
}

/*

COMMON CLASSES
-----------------------------------------------------------------------------------------

*/

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

*html .clearfix { height:1px; }
*+html .clearfix { display:inline-block; } 

.btn-en-savoir-plus {
    display:block;cursor:pointer;
    text-indent:-9999px;
    width:108px; height:23px;
}
.btn-en-savoir-plus:hover {background-position:0 -23px;}

.btn-green-arrow {color:#88ad12;text-decoration:none;display:inline-block;width:auto !important;padding-right:20px;background:url(/static/images/layout/arrow-open-close.png) top right no-repeat;}
.btn-green-arrow:hover {background-position:right -24px;}

.hide.btn-green-arrow {background-position:right -24px;}

.btn-retour {
	display:block;cursor:pointer;
    text-indent:-9999px;
    width:86px; height:23px;
}
.btn-retour:hover {background-position:0 -23px;}

/* Floats */
.left {float:left;}
.right {float:right;}

/* Extra margins in need */
.mright {margin-right:15px;}
.mleft {margin-left:15px;}
.mtop {margin-top:15px;}
.mbot {margin-bottom:15px;}

/* Lists */
.list-gen {margin:10px 0 20px 10px;}
.list-gen li {padding-left:18px;background:url('/static/images/layout/li-disc.png') 3px 6px no-repeat;font-size:14px;margin-bottom:8px;}

.ol-list-gen {margin:10px 0 20px 10px;}
.ol-list-gen li {padding:0;list-style-type:decimal;margin: 0 0 10px 20px;}

ol { padding-left:20px;  }

ol li  {
    list-style:decimal; 
    margin-bottom:20px;
    margin-left:10px;
    font-size:14px;
}

ul li {font-size:14px;}


/* Visibility */
.hide {display:none;}

/*

LAYOUT
-----------------------------------------------------------------------------------------

*/

body.Home {width:100%;background:url('/static/images/home/bg-header-wood.gif') top left repeat-x !important;}
#main {background:url('/static/images/layout/main-bg.jpg') top center repeat-x;min-height:298px;}
#main-ct {width:1000px;margin:0 auto;}
#content-main {float:left;width:450px;margin-right:30px;}
#content-right {float:left;width:230px;padding-top:35px;background:url('/static/images/layout/content-right-top.png') top right no-repeat;position:relative;}


/*

HEADER
-----------------------------------------------------------------------------------------

*/

header {
    height:179px;
    background:url('/static/images/layout/bg-headerContent.jpg') top center no-repeat;
}

header #hd-ct {
    width:1000px; height:180px;
    margin:0 auto;
    position:relative;
}

/* Wrapper containing the client's logo; used to limit the hyperlink' size because the gfx 
overlap the content */
#clientLogo {
    width:238px; height:425px;
    background:url('/static/images/layout/logo-content.png') no-repeat;
    z-index:5;
    position:relative;
}

/* In the content, this is the actual hyperlink that redirects to the Homepage */
.logo {
    width:238px; height:180px;
    display:block;
    text-indent:-9999px;
}

#fblike {position:absolute;top:18px;left:263px;overflow:hidden;z-index:1000;}

#top-nav {position:absolute;top:16px;right:20px;z-index:20;}
#top-nav li {float:left;padding-right:11px;margin-right:8px;background:url('/static/images/layout/top-nav-sep.png') right 8px no-repeat;}
#top-nav li.last {padding:0;background:none;}
#top-nav li a {color:#9c6b57;text-decoration:none;}
#top-nav li a:hover {text-decoration:underline;}

#menuMain {position:absolute;top:50px;right:18px;width:720px;height:51px;background:url('/static/images/layout/menu-main-bg.png') top left no-repeat;z-index:5;}
#menuMain .menu {padding-left:23px;}
#menuMain .menu li {float:left;}
#menuMain .menu li a {display:block;text-transform:uppercase;background:url('/static/images/layout/menu-main-sep.png') right 0 no-repeat;font-weight:bold;text-decoration:none;color:#fff;font-size:13px;height:14px;padding:13px 14px;text-shadow: 1px 1px 3px #40403f;}
#menuMain .menu li a:hover, #menuMain .menu li .selected {color:#fdcf0a;}
#menuMain .menu li#menuMain_item_4 a {background:none;}

/* SubMenu */
#menuSub {display:none;}


/*

HOME
-----------------------------------------------------------------------------------------

*/

.Home header {
    height:auto !important;
    background:url('/static/images/home/bg-header.jpg') top center no-repeat !important;
}

.Home #clientLogo {
    height:213px !important;
    background:none;margin-left:15px;
}

/* Hide the Igor monkey from every page except the Homepage; needed cause it is inside the master.master
for positionning purpose */
#gfxIgorHome { display:none; }
.Home #gfxIgorHome  {
    display:block;
    position:absolute;
    left:0; top:354px;
    z-index:12;
}

.Home header #hd-ct {
    width:1000px; height:555px;
    margin:0 auto;
    position:relative;
}

.Home .logo {display:block;width:210px;height:210px;background:url('/static/images/home/igor-logo.png') no-repeat !important;text-indent:-9999px;z-index:5;position:relative;}

/* Carousel */
#h-carousel-wrap {width:857px;height:555px;position:absolute;top:0;left:69px;display:block;z-index:1;}
#h-carousel {height:338px;margin-top:190px;position:relative;display:block;}
#h-carousel-feuillage-hooks {z-index: 30;width:796px;height:280px;position:absolute;top:0;right:0;background:url('/static/images/home/carrousel-feuillage-hooks.png') top center no-repeat;}

#h-carousel-slides {display:block;position:relative;margin:108px 0 0 112px;width:672px;height:288px;overflow:hidden;}
#h-carousel-slides li {width:672px;height:288px;}

#h-carousel-prev, #h-carousel-next {outline:none;display:block;text-indent:-9999px;width:62px;height:70px;position:absolute;background:url('/static/images/home/carrousel-arrow.png') 0 0 no-repeat;}
#h-carousel-prev {background-position:0 0;top:75px;left:0;}
#h-carousel-next {background-position:-62px 0;top:115px;right:0;}
#h-carousel-prev:hover {background-position:0 -70px;}
#h-carousel-next:hover {background-position:-62px -70px;}

#h-carousel-nav {position:absolute;bottom:48px;left:49%;z-index:10;}
#h-carousel-nav li {float:left;margin:0 4px;}
#h-carousel-nav li a {display:block;width:10px;height:9px;text-indent:-9999px;background:url('/static/images/home/carrousel-nav.png') 0 0 no-repeat;outline:none;}
#h-carousel-nav li a:hover, #h-carousel-nav li.activeSlide a {background-position:-18px 0;}


/* Call to action */
#home-call-to-action {
    position:relative;
    padding-top:24px;
    margin-bottom:60px;
}

#home-call-to-action li { float:left; }

#home-call-to-action a {
    background:url('/static/images/home/accueil-main.png') 0 0 no-repeat;
    display:block;
    width:286px; min-height:140px;
    padding:20px 0 0 174px;
    text-decoration:none;
    color:#ee8b22; 
}

#home-call-to-action li:first-child {
    padding-right:40px;
    margin-right:40px;
    background: url('/static/images/home/accueil-main-sep.png') top right no-repeat;
}

#home-call-to-action h2 {
    color:#783317;
    font-weight:bold;
    font-size:18px;
}

#home-call-to-action #home-infolettre a { background-position:0 -200px; }
#home-call-to-action .btn-en-savoir-plus { margin-top:24px; }

.Home #main-ct {
	width:1000px; height:100%; 
	padding:0;
	overflow:hidden;
}

.Home footer { margin-top:0; }


/*

CONTENT
-----------------------------------------------------------------------------------------

*/

#main-ct {
    width:740px; height:100%;
    padding:33px 0 0 260px;
}

/* Remove the wooden background in every page except the Home */
body { background:none; }


/*****************************************************************
* Coloriage & bricolage
******************************************************************/
.displayAll {
    float:right;
    background:url(/static/images/bricolage/displayAllBG.gif) no-repeat right;
    color:#88ad12;
    text-decoration:none;
    padding-right:24px;
    margin-bottom:30px;
    margin-right:53px;
    font-size:16px;
}

.back {
    background:url(/static/images/layout/arrow-open-close.png) no-repeat 0 -68px;
    color:#88ad12;
    text-decoration:none;
    padding-left:24px;
    margin-bottom:30px;
    margin-right:53px;
    font-size:16px;
}

#bricolage, #coloriage { clear:both; }

#bricolage li, #coloriage li {
    width:181px; height:214px;
    position:relative;
    float:left;
    background-repeat:no-repeat;
    margin:0 0 28px 71px;
}

/* Remove the spacing to the left of the first list-item of each row */
#bricolage li:nth-child(3n+1),
#coloriage li:nth-child(3n+1) {
    margin-left:0;
}

#bricolage .perroquet { background:url(/static/images/bricolage/bricolage_perroquet.jpg); }
#bricolage .stValentin { background:url(/static/images/bricolage/bricolage_stValentin.jpg); }
#bricolage .grenouille { background:url(/static/images/bricolage/bricolage_grenouille.jpg); }
#bricolage .peintureMaison { background:url(/static/images/bricolage/bricolage_peintureMaison.jpg); }
#bricolage .coccinelle { background:url(/static/images/bricolage/bricolage_coccinelle.jpg); }
#bricolage .papierMache { background:url(/static/images/bricolage/bricolage_papierMache.jpg); }
#bricolage .oeufsDeco { background:url(/static/images/bricolage/bricolage_oeufsDeco.jpg); }
#bricolage .jardin { background:url(/static/images/bricolage/bricolage_jardin.jpg); }
#bricolage .noel { background:url(/static/images/bricolage/bricolage_noel.jpg); }
#bricolage .halloween { background:url(/static/images/bricolage/bricolage_halloween.jpg); }

#coloriage .menagePrintemps { background:url(/static/images/bricolage/coloriage_menagePrintemps.jpg); }
#coloriage .stValentin { background:url(/static/images/bricolage/coloriage_stValentin.jpg); }
#coloriage .noel { background:url(/static/images/bricolage/coloriage_noel.jpg); }
#coloriage .hiver { background:url(/static/images/bricolage/coloriage_hiver.jpg); }
#coloriage .halloween { background:url(/static/images/bricolage/coloriage_halloween.jpg); }
#coloriage .ecole { background:url(/static/images/bricolage/coloriage_ecole.jpg); }
#coloriage .ete { background:url(/static/images/bricolage/coloriage_ete.jpg); }
#coloriage .printemps { background:url(/static/images/bricolage/coloriage_printemps.jpg); }
#coloriage .paques { background:url(/static/images/bricolage/coloriage_paques.jpg); }
#coloriage .chevaliers { background:url(/static/images/bricolage/coloriage_chevaliers.jpg); }
#coloriage .jungle { background:url(/static/images/bricolage/coloriage_jungle.jpg); }
#coloriage .pirates { background:url(/static/images/bricolage/coloriage_pirates.jpg); }

/* Adjust the spacing between the images in the bricolages */
#bricolage_perroquet li img { margin-top:10px; }

#bricolage a, #coloriage a {
    width:156px; height:34px;
    display:block;
    padding:160px 10px 10px 15px;
    font:bold 13px Trebuchet, Helvetica, sans-serif;
    color:#fff;
    text-decoration:none;
    text-transform:uppercase;
    line-height:18px;
}

#bricolage a:hover, #coloriage a:hover {
    border:solid 7px #e26d26;
    padding:153px 3px 14px 8px;
}

.feuillage_top {
    width:51px; height:31px;
    display:block;
    background:url(/static/images/bricolage/feuillage_top.png) no-repeat;
    position:absolute;
    top:-31px; right:5px;
}

.feuillage_right {
    width:25px; height:44px;
    display:block;
    background:url(/static/images/bricolage/feuillage_right.png) no-repeat;
    position:absolute;
    top:20px; right:-25px;
}

.liane {
    width:45px; height:80px;
    display:block;
    background:url(/static/images/bricolage/liane.png) no-repeat;
    position:absolute;
    top:-1px; right:-10px;
}

.bricolage-ct { width:680px !important; }

/* The Print button in the Bricolage fancybox */
.bricolage-ct a.btn-imprimer,
.coloriage-ct a.btn-imprimer {
    float:none;
    position:absolute;
    top:0; right:0;
}

.coloriage-ct a.btn-imprimer:hover {background-position:0 -23px;}

/* The Content of the Fanboxes */
/*.bricolage-ct img { margin:10px 0; }*/


#autresIdees {
    height:140px;
    background:url(/static/images/bricolage/autresIdeesBG.png) no-repeat 20px 30px;
    padding:30px 30px 10px 180px;
    clear:both;
    position:relative;
    top:30px;
    color:#fff;
    background-color:#89ae12;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    behavior: url(/static/styles/PIE.htc);
}

/* Content of the "Autres idées" container */
#autresIdees p { width:175px; float:left; margin-right:20px; }
#autresIdees strong { font-size:14px; display:block; margin-bottom:10px; }

/* Hyperlink list in the "Autres idées" container */
#autresSitesArtistes { float:right; width:330px; }
#autresSitesArtistes em { clear:both; display:block; }
#autresSitesArtistes ul  {
    width:50%;
    float:left;
    margin-top:10px; 
}

#autresSitesArtistes a {
   color:#fff66b;
   text-decoration:none;
   font-size:12px;
}


/*****************************************************************
* Produits
******************************************************************/
#wrapper_content {
    width:1000px;
    margin:0 auto;
    position:relative;
    padding-top:33px;
}

/* Hide the Allergies Warning oin the Product default page */
#products #allergies { display:none; }

#productH1  {
    width:740px;
    padding-left:260px;
    margin-bottom:10px; 
}

#productSubtitle {
    width:230px;
    float:left;
    margin-right:30px;
    margin-bottom:30px;
}

#productSlider {
    width:1000px; height:319px;
    background:url(/static/images/products/productSliderBG.png) no-repeat;
    margin:0 auto;
    position:relative;
    z-index:11;
}

#productArrowsBg {
	position:absolute;
	top:229px;
	left:0;
	width:1000px;
	height:123px;
	background:url(/static/images/products/productSliderArrowsBG.png) no-repeat;
	z-index:10;
	display:none;
}

/* Previous and Next products buttons */
#productPrev, #productNext {
    width:70px; height:78px;
    display:block;
    position:absolute;
    text-indent:-99999px;
    z-index:9;
    outline:none;
    background:url('/static/images/home/carrousel-arrow.png') 0 0 no-repeat;
    display:none;
}
#productPrev  {
    background-position:-56px 5px;
    top:160px; right:16px; 
}
#productNext  {
    background-position:3px 5px;
    top:148px; left:16px; 
}
#productPrev:hover {background-position:-56px -65px;}
#productNext:hover {background-position:3px -65px;}

/* Position the nav in the slider */
#productCategories {
    width:846px;
    position:relative;
    top:46px; left:84px;
}

/* Product Category's Name in the nav */
#productCategories li {
    display:inline-block;
    margin:0 7%;
}
    
#productCategories a {
    width:93px; height:21px;
    display:block;
    text-align:center;
    text-transform:uppercase;
    color:#612217;
    text-shadow:1px 1px 3px #40403f;
    text-decoration:none;
    font-size:14px;
    z-index:9;
    position:relative;
    padding-top:3px;
}
#productCategories a:hover { color:#fff; }


/* Selected Category in the nav */
#productCategories a.active,
#productCategories a:hover {
    color:#fff;
    background:url(/static/images/products/productCatBG.png) no-repeat;
    text-shadow:1px 1px 3px #40403f;
}

/* Style the image and description in the Products Slider */
#productDescription {
    width:824px; height:210px;
    overflow:hidden;
    position:relative;
    top:57px; left:88px;
}

#productDescription ul  {
    width:8000px; 
    display:none;
    position:relative;
}

/* On load, hide all the product in the carousel and fade only the one corresponding to the
selected category */
#productDescription li {
    float:left;
    margin-left:64px;
}

#productDescription a {
    width:194px; 
    display:block;
    text-align:center;
    color:#fff;
    font-weight:bold;
    font-size:12px;
    text-decoration:none;
}
#productDescription a:hover, #productDescription a.active { color:#f7ca0a; }

/* The Product's title inside the span */
#productDescription span {
    position:relative;
    bottom:10px;
    display:block;
    line-height:14px;
}


/* Split the content under the Products Slider in 3 columns */
#column_left {
    width:225px;
    margin-right:36px;
    float:left;
    position:relative;
}

/* Allergies Warning in the left column of the Products page */
#allergies {
    width:225px;
    background:url('/static/images/layout/content-left-top.png') top right no-repeat;
    padding-top:55px;
    line-height:18px;
}

#products #column_center  {
    width:720px; 
    margin-right:0; 
    margin-bottom:0;
}

#column_center {
    width:449px; min-height:200px;
    margin:0 60px 200px 0;
    float:left;
    padding-top:40px;
}

#column_center li {
    background:url(/static/images/bullet.gif) no-repeat left center;
    padding-left:16px;
}
#column_center ul { margin-bottom:20px; }

#column_right {
    width:230px;
    float:left;
    padding-top:90px;
    overflow:hidden;
}

/* The presentation image of the product in the right column */
#column_right img:first-child { margin-bottom:20px; }


/* The magnified glass background on the products in the right column */
#column_right > a  {
    display:block; 
    position:relative;
    margin-bottom:10px;
}
#column_right > a img { position:relative; z-index:1; }

#column_right .zoom {
    width:42px; height:34px;
    display:block;
    background:url(/static/images/products/productZoom.png) no-repeat;
    position:absolute;
    bottom:5px; right:5px;
    z-index:3;
}

#column_right > a:hover .zoom { background-position: 0 -34px; }


#moreNutritionInfo {
    border-top:dotted 2px #aab97c;
    border-bottom:dotted 2px #aab97c;
    padding:24px 0;
}

#moreNutritionInfo a { 
    min-height:16px;
    display:block;
    text-align:right;
    padding-right:22px;
    background:url(/static/images/layout/arrow-open-close.png) no-repeat right 2px;
}
#moreNutritionInfo a:first-child { margin-bottom:18px; }
#moreNutritionInfo a.active {
    background-position: right -22px !important;
}

/* On load, hide the ingredients list and the nutrition facts image */
#ingredientsList, #lnkNutritionFacts + img { margin-top:24px; display:none; }


/* GFX: Igor sur la liane en dessous du slider des produits */
#gfxIgorLiane {
    width:169px; height:234px;
    position:relative;
    top:-33px; left:21px;
    z-index:-1;
}


/*****************************************************************
* Promotions
******************************************************************/ 
body#promotion { overflow-x:hidden; }

#promotion #main { overflow:hidden; }

#promotion #mainFull-ct {
    width:1280px; min-height: 200px;
    margin:0 auto;
}

#promotion footer { margin-top:60px; }

#promotion h1 {
    padding:30px 0 0 400px;
    margin:0 0 10px 0;
}

#promotion h3 {
    color:#612217;
    font-size:24px;
    font-style:normal;
    font-weight:bold;
    margin-bottom:0;
}

#promotion h4 {
    color:#647f0d;
    font:normal normal 36px Tebuchet,Helvetica,sans-serif;
    letter-spacing:-1px;
    text-transform:uppercase;
    text-shadow:1px 1px 2px rgba(1,1,1,0.3);
    -moz-text-shadow:1px 1px 2px rgba(1,1,1,0.3);
    -webkit-text-shadow:1px 1px 2px rgba(1,1,1,0.3);
    margin:0 0 10px -4px;
    line-height:38px;
}

#kungFuPanda2 {
    width:1280px; min-height:620px;
    margin:0 auto;
    position:relative;
}

html[lang=fr] #kungFuPanda2 { background:url('/static/fr-CA/images/promotion/kungfuPanda2.jpg') no-repeat; }
html[lang=en] #kungFuPanda2 { background:url('/static/en-CA/images/promotion/kungfuPanda2.jpg') no-repeat; }

#promoDesc {
    width:425px;
    float:right;
    text-align:left;
    margin:45px 130px 0 0;
}

#promotion p { font-size:13px !important; line-height:16px; }
#promoDesc p { margin:5px 0 10px 0; }
#disclaimer 
{
    position:absolute; 
    bottom:55px; left:130px;
}
#disclaimer p {
    font-size:10px !important;
    font-family:Tebuchet,Helvetica,sans-serif;
}
#disclaimer sup {
    font-size:7px;
}

/*****************************************************************
* Infolettre
******************************************************************/
#newsletterAdvantages {
    margin-bottom:40px;
    list-style-type:inherit;
}

#newsletterAdvantages li {
    background:url(/static/images/bullet_arrow.gif) no-repeat top left;
    padding-left:24px;
    margin-bottom:20px;
    font-size:14px;
    clear:both;
}

label {
    width:84px;
    float:left;
    font-size:14px;
    font-weight:bold;
    line-height:32px;
}

input[type="text"] {
    width:198px; height:25px;
    background-color:#fff;
    float:left;
    padding:4px;
    
    border:none;
    color:#8db313;
	font-size:18px;
	background:#f0f5e1;
	padding:5px 10px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow:inset 3px 3px 10px #aaa;
}

#newsletterForm { width:304px; }
#newsletterForm li { margin-bottom:20px; }

/* The submit button for the Newsletter */
#newsletterForm .submit {
    width:104px; height:29px;
    float:right;
    text-indent:-99999px;
    display:block;
    outline:none;
}

/* Unsubscribe hyperlink under the Newsletter form */
#unsubscribe { font-size:10px; float:right; }

/* Archives  header in the right column */
#archivesHeader {
    width:230px; height:94px;
    background:url(/static/images/newsletter/gfx_igorReading.png) no-repeat;
    color:#7a3519;
    font-size:15px;
    margin-top:15px;
    padding-top:20px;
}

#newsletterArchives li { margin-bottom:12px; }

/* Send your ideas section in the right part of the Newsletter */
#sendIdeas {
    width:110px; height:119px;
    background:url(/static/images/newsletter/sendIdeasBG.jpg) no-repeat;
    margin-top:40px;
    color:#7a3519;
    font-size:15px;
    padding:30px 0 0 120px;
}

/* Write to us button in the Send Ideas section of the Newsletter */
#btnSendIdeas {
    width:108px; height:23px;
    display:block;
    margin-top:12px;
    text-indent:-99999px;
}
#btnSendIdeas:hover {background-position:0 -23px;}


/*****************************************************************
* Error Management
******************************************************************/
label.error {
    width:100%;
    font-weight:normal;
    color:red;
    text-align:right;
}

input.error, textarea.error { border:solid 1px red; }



/*

FOOTER
-----------------------------------------------------------------------------------------

*/

footer { margin-top:145px; clear:both; }
#ft-content {width:1000px;margin:20px auto 0;color:#999;}

#ft-content #copyright {margin-top:5px; float:left;}
#ft-content #logo_saputo {float:right;}
#ft-content .tousDroit {font-size:11px;float:left; margin:5px 0 0 1px; }
#ft-content .footerMenu {float:left; }
#ft-content .footerMenu li {float:left; font-size:11px; margin:5px 0 0 10px;}
#ft-content .footerMenu li a {text-decoration:underline;color:#999; background:url(/static/images/legal-separator.gif) left center no-repeat; padding-left:10px;  }

#ft-content #marqueDep{ float:right;  color:#A9A7A7; font-size:11px; margin-top:5px; padding-right:8px;}
#ft-content #marqueDep sup{ font-size:85%;}

#ft-content .super {font-size: 0.7em; vertical-align: text-top;}





















/*

Phil
-----------------------------------------------------------------------------------------
-----------------------------------------------------------------------------------------

*/


/*

Faq
-----------------------------------------------------------------------------------------

*/

#faq h3 {}

#accordion h4 {cursor:pointer;margin-top:50px; padding:8px 0 0 32px; min-height:29px; background:url('/static/images/qAccordion.png') no-repeat;}
#accordion .btAccordion {display:block;padding-left:23px; height:14px; background:url(/static/images/layout/arrow-open-close.png) no-repeat; line-height:14px; text-decoration:none;}
#accordion .btAccordion.h-opened{background-position:0px -24px;}
#accordion h4:hover {color:#88ad12;}

#accordion h4.h-opened span {background-position:0 -24px;}

#accordion div div {display:none;overflow:hidden;width:450px;color:#612217;}
#accordion div a {color:#88ad12;}
#accordion div a:hover {text-decoration:none;}


/*

Promos (right column)
-----------------------------------------------------------------------------------------

*/

.promo-right {}
.promo-right li {background:url('/static/images/promos/p-sep.png') bottom right no-repeat;}
.promo-right li a {display:block;background-repeat:no-repeat;height:134px;color:#7a3519;font:bold 14px Trebuchet MS, Arial, Helvetica;text-decoration:none;background-position:left 50%;padding-left:95px;}
.promo-right li a span {line-height:17px;display:block;}

#promo-list {background:url('/static/images/layout/content-right-bottom.png') bottom left no-repeat;padding-bottom:24px;}
#promo-list li {display:none;}

/*.p-left {background-position:left 50%;padding-left:95px;}*/
.promo-right li a.p-right {background-position:right 50%;padding-left:0;}

.p-text {padding-top:24px;width:147px;}

.promo-right li a span.btn-en-savoir-plus, 
.promo-right li a span.btn-pdf {margin-top:10px;padding-top:0;}

#p-conga {background-image:url('/static/images/promos/p-conga.png');}
#p-canoo {background-image:url('/static/images/promos/p-canoo.png');}
#p-bagaloo {background-image:url('/static/images/promos/p-bagaloo.png');}
#p-bongo-fudge {background-image:url('/static/images/promos/p-bongo-fudge.png');}
#p-bongo-guimauvre {background-image:url('/static/images/promos/p-bongo-guimauvre.png');}
#p-pdf {background-image:url('/static/images/promos/p-pdf.png');}

.btn-pdf {
	display:block;cursor:pointer;
    text-indent:-9999px;
    width:108px; height:23px;
}
.btn-pdf:hover {background-position:0 -23px;}

/* template */
#p-contest {background-image:url('/static/images/promos/p-contest.png');}
#p-newsletter {background-image:url('/static/images/promos/p-newsletter.png');}


/*

Cuisine
-----------------------------------------------------------------------------------------

*/


/* Cuisine list */
#cuisine h3 {}
.cuisine-list {margin-left:-10px;margin-bottom:50px;}
.cuisine-list li {padding-top:14px; position:relative;}

.cuisine-list li a, .cuisine-list li .cuisine-meta {float:left;}
.cuisine-list li a {margin-right:16px;width:227px;}
.cuisine-list li .cuisine-meta {width:207px;}
.cuisine-list li .cuisine-meta h4 {margin-top:5px;}
.cuisine-list li a img {padding-bottom:13px;}
.cuisine-list .btn-green-arrow {margin:6px 0;}

.leaf-top {background:url('/static/images/layout/leaf-top.png') 174px top no-repeat;}
.leaf-bot {background:url('/static/images/layout/leaf-bot.png') 8px 134px no-repeat;}


/*accordion*/
#accordionCuisine > ul{display:none;}
#accordionCuisine > a{ cursor:pointer; background:url(/static/images/layout/arrow-open-close.png) 0px 6px no-repeat; line-height:23px; margin-bottom:20px; display:block; padding-left:26px; text-decoration:none;}
#accordionCuisine > a:hover,#accordionCuisine > a.h-opened{background-position:0px -18px;}
#accordionCuisine > a h3{display:inline-block; margin-bottom:0px;}

/* Cuisine details */
#cuisine-hd {padding:14px 0 24px;background-position:164px top;}
#cuisine-hd img {margin-left:-10px;margin-right:16px;}

#cuisine-hd-intro {padding-top:20px;}

.conseils-igor {
	background:url('/static/images/layout/conseils-igor.png') right 30px no-repeat;
	padding:10px 90px 20px 0;margin-bottom:10px;	
}

/* Cuisine expands */
.cuisine-fold {
	width:414px;
	padding:4px 14px 4px 22px;
	margin-bottom:11px;

	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;

	background-image: -moz-linear-gradient(top, #8db313, #68830e); 
	background-image: -o-linear-gradient(top, #8db313, #68830e); 
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #8db313),color-stop(1, #68830e)); 
	background-image: -webkit-linear-gradient(#8db313, #68830e); 
	background-image: linear-gradient(top, #8db313, #68830e);
	
}
.cuisine-fold-trigger {display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:12px;background:url('/static/images/layout/arrow-open-close.png') right 2px no-repeat; position:relative;outline:none;}
.cuisine-fold-trigger:hover {color:#fdd40a;background-position:right -22px;}
.cuisine-fold-trigger span {position:absolute;right:18px;top:0;font-size:10px;display:none;}
.cuisine-fold .cuisine-fold-content {display:none;color:#fff;padding:10px 0;}
.cuisine-fold-content h5 {margin:20px 0 20px;}
.cuisine-fold-content a {color:#fdd40a; text-decoration:none;}
.cuisine-fold-content a:hover {text-decoration:underline;}

.cuisine-fold-content, 
.cuisine-fold-content p,
.cuisine-fold-content li {font-size:12px !important;}

.cuisine-fold-opened .cuisine-fold-content,
.cuisine-fold-opened .cuisine-fold-trigger span {display:block;color:#fff;}
.cuisine-fold-opened .cuisine-fold-trigger {background-position:right -46px;color:#fdd40a;}

.cuisine-fold-content ul {margin:10px 0 20px 10px;}
.cuisine-fold-content ul li {padding-left:18px;background:url('/static/images/layout/li-disc-fold.png') 3px 6px no-repeat;margin-bottom:4px;}

.cuisine-fold-content ol {margin:20px 0;padding-left:0;}
.cuisine-fold-content ol li {padding-left:28px;list-style:none;list-style-image:none;position:relative;margin-bottom:6px;}
.cuisine-fold-content ol li .ol-li-num {position:absolute;left:12px;color:#fdd40a;}




/* Liste d'épicerie */
a.btn-liste-depicerie {float:right;text-indent:-9999px;display:block;width:133px;height:27px;margin-top:-4px;}

/* Imprimer */
a.btn-imprimer {float:right;text-indent:-9999px;display:block;width:100px;height:23px;}
a.btn-imprimer:hover {background-position:0 -23px;}

.suggestions {display:block;position:relative;border-top:2px dotted #aab97c;border-bottom:2px dotted #aab97c;padding:18px 0 18px 90px;margin-top:30px;}
.suggestions .suggestions-leaf-bot {position:absolute;bottom:0;right:8px;display:block;width:49px;height:32px;background:url('/static/images/layout/suggestions-leaf-bot.png') no-repeat;}
.idees-gourmandes {background:url('/static/images/cuisine/idees-gourmandes.gif') 10px 17px no-repeat;}
.idees-gourmandes .btn-green-arrow {font-size:12px;margin-top:5px;}
.boite-a-lunch {background:url('/static/images/cuisine/boite-a-lunch.png') left 21px no-repeat;padding-left:110px;}


/* Recettes */
#content-recipe {padding:24px 26px 0 10px;}
#content-recipe h1 {font:bold italic 20px Tebuchet, Helvetica, sans-serif;color:#e26d26;margin-bottom:20px;}
#content-recipe h1 {width:500px;}
#content-recipe h2 {font:bold italic 16px Tebuchet, Helvetica, sans-serif;margin:20px 0;}
#content-recipe h3 {font:bold italic 14px Tebuchet, Helvetica, sans-serif;margin:10px 0;}
#content-recipe ol {padding-left:0;margin-left:12px;margin-bottom:20px;}
#content-recipe ol li {list-style-type:decimal;}
#content-recipe ul {margin-bottom:20px;}
#content-recipe ul.list-recipe li {padding-left:18px;background:url('/static/images/layout/li-disc.png') 3px 5px no-repeat;}


/* Rating */
.recette-info {color:#97c446;margin-bottom:20px;padding-top:15px;border-top:2px dotted #aab97c;border-bottom:2px dotted #aab97c;}
.recette-info li {padding-bottom:5px; float:left;font-weight:bold;margin-right:35px; background-repeat:no-repeat;min-height:46px;}
.recette-info li#preparation, .recette-info li#cuisson {padding-left:46px;}
.recette-info li#niveau {margin-right:0; color:#d37112;padding-right:125px;background-position:top right;}

.recette-info li.temps-0 {background-image:url(/static/images/icons/recettes/i-temps-0min.gif);}
.recette-info li.temps-5 {background-image:url(/static/images/icons/recettes/i-temps-5min.gif);}
.recette-info li.temps-10 {background-image:url(/static/images/icons/recettes/i-temps-10min.gif);}
.recette-info li.temps-15 {background-image:url(/static/images/icons/recettes/i-temps-15min.gif);}
.recette-info li.temps-20 {background-image:url(/static/images/icons/recettes/i-temps-20min.gif);}
.recette-info li.temps-25 {background-image:url(/static/images/icons/recettes/i-temps-25min.gif);}
.recette-info li.temps-30 {background-image:url(/static/images/icons/recettes/i-temps-30min.gif);}
.recette-info li.temps-35 {background-image:url(/static/images/icons/recettes/i-temps-35min.gif);}
.recette-info li.temps-40 {background-image:url(/static/images/icons/recettes/i-temps-40min.gif);}
.recette-info li.temps-45 {background-image:url(/static/images/icons/recettes/i-temps-45min.gif);}
.recette-info li.temps-50 {background-image:url(/static/images/icons/recettes/i-temps-50min.gif);}
.recette-info li.temps-55 {background-image:url(/static/images/icons/recettes/i-temps-55min.gif);}
.recette-info li.temps-60 {background-image:url(/static/images/icons/recettes/i-temps-60min.gif);}
.recette-info li.temps-80 {background-image:url(/static/images/icons/recettes/i-temps-80min.gif);}

.recette-info li.niv-1 {background-image:url(/static/images/icons/recettes/i-niveau-1.gif);}
.recette-info li.niv-2 {background-image:url(/static/images/icons/recettes/i-niveau-2.gif);}
.recette-info li.niv-3 {background-image:url(/static/images/icons/recettes/i-niveau-3.gif);}

.menuCour {margin-bottom:10px;}
.menuCour li.niv-1 {background-image:url(/static/images/icons/recettes/i-niveau-1b.gif);}
.menuCour li.niv-2 {background-image:url(/static/images/icons/recettes/i-niveau-2b.gif);}
.menuCour li.niv-3 {background-image:url(/static/images/icons/recettes/i-niveau-3b.gif);}

/* Pratico Pratique */
#pratico-pratique {position:relative;margin-top:24px;}
#pratico-pratique img {float:left;}
#pratico-pratique span {display:block;padding-top:33px;}

/*

Planificateur de fêtes
-----------------------------------------------------------------------------------------

*/

ul.menu-etape li {
	display:block;
	color:#612217;
	float:left;
	text-align:center;
	height:28px;
	padding:13px 12px 0 12px;
	text-transform:uppercase;
	font:normal bold 12px Tebuchet, Helvetica, sans-serif;
	letter-spacing:-0.2px;
	margin-right:42px;	
	overflow: hidden;
    position: relative;	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.menu-etape li span {color:#fec512;}
.menu-etape li.selected {background:url('/static/images/planificateur/menu-etape-bg.gif') no-repeat;}
.menu-etape li.selected span {color:#fff;}
.menu-etape li.last {margin-right:0;}

#planificateur #content-main {position:relative;padding-left:110px;width:340px;}
#planificateur-igor {position:absolute;left:-85px;top:-10px;}

.planificateur-call-to-action {width:371px;position:relative;margin-left:-15px;}
.planificateur-call-to-action li {float:left;display:block;}
.planificateur-call-to-action li a {
	display:block;width:178px;height:31px;text-align:center;
	padding-top:116px;font-size:12px;font-weight:bold;
	text-decoration:none;color:#fff;position:relative;
	background:url('/static/images/planificateur/btn-planificateur.png') 0 0 no-repeat;
}
.planificateur-call-to-action li a:hover {color:#fdcf0a;}

#btn-planificateur:hover {background-position:0 -147px;}

#btn-carton {width:178px;background-position:-197px 0;}
#btn-carton:hover {background-position:-197px -147px;}

#btn-planificateur span,
#btn-carton span {text-shadow: 1px 1px 3px #40403f;}

#btn-planificateur img,
#btn-carton img {position:relative;bottom:-2px;}


/* Étape 1 / À PROPOS DE LA FÊTE */

/* reset label/input */
#propos-fete label,
#propos-menu label,
#carton-creer label {float:none;width:auto;font-weight:normal;line-height:12px;}
#propos-fete input,
#propos-menu label,
#carton-creer input {float:none;}

#propos-fete #content-main,
#propos-fete #content-main,
#planif-suggestions #content-main,
#carton-creer #content-main,
#carton-verifier #content-main,
#carton-envoyer #content-main {width:480px;margin-right:0;}

#propos-fete h3,
#propos-menu h3,
#planif-suggestions h3 {font-size:16px;margin-top:30px;}


/* list theme */
#propos-fete #form .list-theme li {float:left;display:block;width:200px;height:200px;position:relative;margin-right:30px;margin-bottom:30px;}
#propos-fete #form .list-theme li img {position:absolute;top:0;left:0;}
#propos-fete #form .list-theme li .no-border {position:relative;display:block;width:200px;height:200px;}
#propos-fete #form .list-theme li .no-border input {position:absolute;top:150px;right:20px;}
#propos-fete #form .list-theme li .no-border label {position:absolute;bottom:0;left:0;display:block;margin-left:10px;font:italic bold 16px Tebuchet, Helvetica, sans-serif;}
#propos-fete #form li label {margin-left:12px;font:normal normal 14px Tebuchet, Helvetica, sans-serif;}

#propos-fete #form li {margin-bottom:6px;}

#propos-fete #form .list-theme li .th-jungle label {left:40px;}
#propos-fete #form .list-theme li .th-pirates label {left:-6px;}
#propos-fete #form .list-theme li .th-chevalier label {left:-14px;}
#propos-fete #form .list-theme li .th-detective label {left:37px;}

#propos-fete #form .list-theme li.no-mg-right {margin-right:0;}
#propos-fete #form input.numeric 
{
	width:50px !important;
	height:30px;
	color:#8db313;
	font-size:22px;
	background:#f0f5e1;
	padding:10px;
	text-align:center;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	box-shadow:inset 3px 3px 10px #aaa;
}

.btn-etape-suivante {display:block;text-indent:-9999px;width:114px;height:23px;background:url('/static/fr-CA/images/btn-etape-suivante.png') no-repeat;margin-top:40px;margin-right:20px;}
.btn-etape-suivante:hover {background-position:0 -23px;}




#carton-creer #form .list-theme li {float:left;display:block;width:120px;height:100px;position:relative;margin-right:30px;margin-bottom:30px;}
#carton-creer #form .list-theme li.list-wide {width:170px;}
#carton-creer #form .list-theme li label {margin-left:5px;}

/* Carton / Vérifier l'nformation */
#verifier-info {position:relative; height:358px;margin:30px 0 20px 0;}
#verifier-info #imgBackground{position:absolute; top:0px; left:0px; z-index:1;}
#verifier-info > ul{z-index:2; position:relative;}
	#verifier-info > ul > li {float:left;padding:50px 10px 0 20px;}
	.verifier-info-ct ul{border-bottom:2px dotted #97b300;}
	.verifier-info-ct ul li{border-top:2px dotted #97b300; padding:12px 0px;}
	.verifier-info-ct ul li p{margin-bottom:0px; padding-bottom:0px;}
		#verifier-info ul li#liane {width:67px;padding:10px 10px 0 0px;}
		#verifier-info ul li#texte {width:225px; padding-top:34px;}
		#verifier-info ul li h3 {text-transform:normal;font-size:14px;margin-bottom:5px;}


/* Carton / Envoyer */

#carton-envoyer #form li {margin:5px 0;}
#carton-envoyer #form li label {float:none;width:250px !important;display:inline-block;font-size:12px;}
#carton-envoyer #form li input {float:none;}
#carton-envoyer #form li ul.list {margin:20px 0;}

#carton-envoyer ul#form li ul.destinataires li {float:left;width:210px;margin-right:30px;}
#carton-envoyer ul#form li ul.destinataires li.email {width:210px;margin-right:10px;}
#carton-envoyer ul#form li ul.destinataires li.delete {width:10px;margin-top:14px;}
#carton-envoyer ul#form li ul.destinataires li.delete a {padding:4px;text-decoration:none;}
#carton-envoyer ul#form li ul.destinataires li label,
#carton-envoyer ul#form li ul.destinataires li input {float:left;}

#carton-envoyer ul#form li ul.destinataires li label {width:50px !important;}
#carton-envoyer ul#form li ul.destinataires li input {width:140px !important;}
#carton-envoyer .btn-ajouter {margin:10px 0;}
#carton-envoyer .merci {width:575px;margin:30px 0;}
#carton-envoyer .merci p.first {padding-top:40px;}


/* btns */

.btn-creer-carton-invitation {float:left; display:block;text-indent:-9999px;width:195px;height:23px;margin-top:40px;margin-right:10px;}
*+html .btn-creer-carton-invitation { text-indent:0; line-height:0; font-size:0; overflow:hidden;}
.btn-creer-carton-invitation:hover {background-position:0 -23px;}

.btn-imprimer-suggestions {float:left; display:block;text-indent:-9999px;width:200px;height:23px;margin-top:40px;margin-right:10px;}
.btn-imprimer-suggestions:hover {background-position:0 -23px;}

.btn-modifier-invitation {float:left; display:block;text-indent:-9999px;width:137px;height:23px;margin-top:40px;margin-right:10px;}
.btn-modifier-invitation:hover {background-position:0 -23px;}

.btn-visualiser-invitation {float:left; display:block;text-indent:-9999px;width:137px;height:23px;margin-top:40px;margin-right:10px;}
.btn-visualiser-invitation:hover {background-position:0 -23px;}

.btn-imprimer-invitation {float:left; display:block;text-indent:-9999px;width:137px;height:23px;margin-top:40px;margin-right:10px;}
.btn-imprimer-invitation:hover {background-position:0 -23px;}

.btn-envoyer-invitation {float:left; display:block;text-indent:-9999px;width:137px;height:23px;margin-top:40px;}
.btn-envoyer-invitation:hover {background-position:0 -23px;}



/* Planificateur / carton error management */
ul#form li.error label, ul#form li.error h2 {color:red;}
ul#form li.error input, ul#form li.error textarea, ul#form li.error select {border:1px solid red;background:#f7e7e7 !important;}


/* /Phil */




/*

Fancybox (jQuery Plugin)
-----------------------------------------------------------------------------------------

*/
#fancybox-loading {
	position: fixed;
	top: 50%; left: 50%;
	width: 40px; height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0; left: 0;
	width: 40px; height: 480px;
	background-image: url('/static/images/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: fixed; /* Fix for Overlay height bug */
	top: 0; left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
	background-color:#000 !important;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0; left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
	border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    behavior: url(/static/styles/PIE.htc);
    background: rgba(0, 0, 0, 0.5);
}

#fancybox-outer {
	position: relative;
	width:100%; height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0; height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top:-25px; right:-25px;
	width: 42px; height: 43px;
	background: transparent url('/static/images/fancybox/fancy_close.png') 0 0;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-close:hover {
	background-position:0 -46px;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%; height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%; height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/static/images/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left { left: 0px; }
#fancybox-right { right: 0px; }

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%; left: -9999px;
	width: 30px; height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover span { left: 20px; }
#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px; height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px; left: 0;
	width: 100%;
	background-image: url('/static/images/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px; right: -20px;
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0; right: -20px;
	height: 100%;
	background-image: url('/static/images/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px; right: -20px;
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px; left: 0;
	width: 100%;
	background-image: url('/static/images/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px; left: -20px;
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0; left: -20px;
	height: 100%;
	background-image: url('/static/images/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px; left: -20px;
	background-image: url('/static/images/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0; left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/static/images/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0; bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/static/images/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/static/images/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/static/images/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6, IE7, IE8 */
.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/static/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }