@import url(font.css);

/* RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0;}

/* ------- PNG fixed ---*/
* html img,* html .png{
behavior: expression((this.runtimeStyle.behavior="none")
(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",this.src = "img/include/pixel.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().
replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)); border:0;} 


/* GENERAL */
h3{ border-bottom: 1px solid #89ad38; padding: 5px 10px; margin-bottom: 15px;}
h3 span{ color: #89ad38; font-weight: bold;}
ul{ list-style: none;}
a { color:#71a206;}
a img { border:none}

.clear{ clear: both;}
#display { display:none;}

/* BASIC */
body{ background: url(../images/christmas_2010/repeat.jpg) repeat; text-align:center;}
#christmas{ width: 100%; background:url(../images/christmas_2010/gradient.jpg) no-repeat center top; height: 759px; padding-top: 61px;}

#header, #content, #footer{width: 1000px; margin: 0 auto; text-align:left;}
#header{ background: url(../images/christmas_2010/header.png) no-repeat; height: 129px;}
#content{ background:url(../images/christmas_2010/content.png) repeat-y;}
*HTML #content{ background:url(../images/christmas_2010/content_ie.jpg) repeat-y;}
#leftcontent{ background:url(../images/christmas_2010/leftcontent.jpg) no-repeat; width: 165px; height: 248px; margin-top: 129px; float: left; text-align: right;}
#leftcontent a.site{ width: 165px; height: 149px; display:block; text-indent: -9999px;}
#leftcontent ul{ float: right;}
#leftcontent li a{ display: block; width: 35px; height: 32px; text-indent: -9999px;}
#leftcontent li a.twitter{ background:url(../images/christmas_2010/twitter.jpg) no-repeat;}
#leftcontent li a.facebook{ background:url(../images/christmas_2010/facebook.jpg) no-repeat;}
#centercontent{ float: left; width: 621px; margin: 15px; border: 1px solid #dfdfdf;}
#rightcontent{ float: left; background:url(../images/christmas_2010/rightcontent.jpg) no-repeat; width: 182px; height: 369px; margin-top: 4px;}
*HTML #rightcontent{width: 175px;}

.treenation{ background:url(../images/christmas_2010/treenation.jpg) no-repeat; height: 90px; padding: 15px 0 0 240px;}
.treenation ul{ display: inline; padding-top: 5px; float: left;}
.treenation ul li{ float:left}
.treenation ul li a{ float:left; display:block; text-indent: -9999px; height: 29px;}
.treenation ul li a.detail{ background:url(../images/christmas_2010/btn_detail.jpg) no-repeat; width: 80px;}
.treenation ul li a.tree{ background:url(../images/christmas_2010/btn_treenation.jpg) no-repeat; width: 120px;}
.space{ padding: 20px 0 30px 20px; background:url(../images/christmas_2010/detailsv2.gif) no-repeat 472px 60px;}
.secondStep .space{ padding: 20px 0; background:none;}

.leftbox, .rightbox{ float: left;}
.leftbox{ padding-top: 30px; margin-top: 40px;}
.leftbox table td{padding: 2px 5px;}
.leftbox table td.righttd{padding-top: 7px;}
.secondStep .leftbox { padding:0 0 0 10px ; margin:0; width:320px;}
.secondStep .leftbox h1 {margin: 0 0 30px 5px;}

.leftcarousel .leftbox{ width: 150px; padding: 0;}
.leftcarousel .rightbox{ width: 120px;}
.leftcarousel .rightbox .more{ font-weight: bold; color: #5c8317; margin-top: 10px;}
.leftcarousel .rightbox .more a{ color: #5c8317;}


.secondStep .rightbox { width:260px; margin:0 10px 0 20px;}
* html .secondStep .rightbox { margin:0 0 0 10px;}
.secondStep .rightbox p { margin:0 0 10px 0; color:#666666}
.secondStep .rightbox #img_result { border:1px solid #CCCCCC;}
.percent {width:100px; border:1px solid #ccc; padding:2px; height:15px;}
.colorred {background:url(../images/christmas_2010/back_red.gif) repeat-x; height:15px;}
.color {background:url(../images/christmas_2010/back_green.gif) repeat-x; height:15px;}
.result.first { color:#020f00;}
.result {color:#606060;}

.download span { display:none;}
a.download { height:30px; width:299px;background:url(../images/christmas_2010/download_bonnereso.gif) no-repeat; }

#mp3 { text-align:center; background:#000; clear:both}

#footer{ background:url(../images/christmas_2010/footer.png) no-repeat; height: 150px;}