/*
 * GENERIC CLASSES CLASS METHOD
 */
*{margin:0;padding:0;text-decoration:none;}
body{font:normal 12px "Helvetica Neue",Helvetica;color:#000;background:#fff;}

/*text*/
.grey{color:#999;}
.blue{color:#00568b;}
.black{color:#000:}

.bold{font-weight:bold;}
.italic{font-style:italic;}

h1{font-size:12pt;}
h2{font-size:12pt;}
h3{font-size:10pt;}

/*link*/
a img {border:none;}


/*
 * STRUCTURE
 */
/*Container*/
.masterContainer{width:320px;height:480px;overflow:hidden;background:url(../img/backgroundHeader.jpg) left top no-repeat;}
body[class="portrait"] .masterContainer{width:320px;min-height:416px;height:auto;}
body[class="landscape"] .masterContainer{width:480px;min-height:416;height:auto;}

/*Container scrollable*/
.masterContainerScroll{width:320px;min-height:416px;height:auto;background:url(../img/backgroundHeader.jpg) left top no-repeat;}
body[class="portrait"] .masterContainerScroll{width:320px;min-height:416px;height:auto;}
body[class="landscape"] .masterContainerScroll{width:480px;min-height:268px;height:auto;}


/* Header */
.headerSite{width:320px;float:left;clear:both;height:46px;}
.headerSite h2{float:left;margin-left:100px;margin-top:10px; }

.welcome {position:absolute;z-index:1; margin-top:10px;margin-left:100px;font-size:12pt;width:160px;font-weight:bold;}

#fd{position:absolute;margin-left:0px;margin-top:0px;height:66px;z-index:-1;}
body[class="portrait"] #fd{background-image:url(../img/backgroundHeader.jpg);width:320px;margin-top:-0px;}
body[class="landscape"] #fd{background-image:url(../img/backgroundHeader.jpg);width:480px;}

#return{position:absolute; background-image:url(../img/93/bt_home.png);width:56px;height:46px;}
body[class="portrait"] #return{margin-left:259px;}
body[class="landscape"] #return{margin-left:410px;}

.home{margin-left:10px;margin-top:15px;color:#999;position:absolute;}

body[class="portrait"] .headerSite{width:320px;}
body[class="landscape"] .headerSite{width:480px;}

.contentContainer{width:320px;float:left;clear:both;height:351px}
body[class="portrait"] .contentContainer{width:320px;height:351px}
body[class="landscape"] .contentContainer{width:480px;}

/*Footer Site*/
.footer{width:320px;height:14px;position:absolute;top:377px;left:0;font-size:9pt;}
.footer a {color:#999;}
.footer p a {color:#999;}
body[class="portrait"] .contentContainer{top:397px;}
body[class="landscape"]  .contentContainer{top:254px;}
body[class="landscape"] .footer {position:absolute; margin-top:-50px;z-index:1}

.footer p,img{float:left;margin-left:5px;}
.masterContainerScroll .footer { position:relative;top:auto;clear:both;}

/*
 * MISC. STYLES
 */

/* Buttons Share & Shop  */
.moreContainer,
body[class="portrait"] .moreContainer {position:absolute;top:350px;}
body[class="landscape"] .moreContainer {position:absolute;top:0;}

.optionContainer{float:left;margin-top:5px;}
body[class="portrait"] .optionContainer {background:url(../img/containerBottom.png) bottom center no-repeat; }
.optionContainer a {display:block;width:160px;height:55px;text-decoration:none;font-size:12px;}
.optionContainer span {float:left;margin-left:20px;width:65px;}

body[class="landscape"] .optionContainer{background:none;position:absolute;left:330px;}
body[class="landscape"] .optionContainer img {clear:both;margin:20px 0 0 50px;}
body[class="landscape"] .optionContainer.share{top:65px;}
body[class="landscape"] .optionContainer.shop{top:160px;}

#stats{display:none;}