html, body { background: #fff url(/_es/_es/minisites/men-expert2010/img/bg-body.jpg) repeat-x center bottom; font: 12px/1.4 Arial,Helvetica,Verdana,sans-serif; margin: 0; padding: 0; 	height: 100%; width: 100%; overflow: auto; }
html {overflow-y:scroll;} /* Firefox debug */

h1, h2, h3, h4, h5, h6, dt, dd, blockquote {margin:0; padding:0;}
p, ul, ol, dl {margin:1.33em 0; padding:0;}
ul, ol {list-style:none;}

form, fieldset, legend, .actions input { border:0 none; margin:0; padding:0; }

.asterisk {font-size:9px;}

a {
    color:#000;
    text-decoration:none;
}
a:hover {text-decoration:underline;}

img {border:0;}

.text input, .text textarea {
    margin:0; padding:1px 2px; border:1px solid #CCC;
    background:#FFF url(/img/common/bg/textField.gif) no-repeat; color:#333;
    font:12px Arial, Helvetica, Verdana, sans-serif;
}
textarea {overflow:auto;}
.text em.required {font-style:normal;}

hr {
    margin:0 0 1.4em; border:0;
    height:1px;
    background:#D9D9D9; color:#D9D9D9;
}

#js .altToSWF {visibility:hidden;}

/*Estilos Flash*/

#flashcontener {
	position:absolute; 
	width: 100%;
	height: 100%;;
}

#flashcontent {
	height: 100%;
}
#noflash {
   position:absolute;
   left: 50%; 
   top: 50%;
   width: 600px;
   height: 280px;
   margin-top: -140px; /* moitié de la hauteur */
   margin-left: -300px; /* moitié de la largeur */
}

.normal {  
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	color: #000000;
	text-align: center; 
}

a:link {  

}

/*Estilos páginas HTML*/

.wrapper { width: 983px; margin: auto; }

#core {
    min-height:455px;
    padding: 0 20px 0 48px;
    color:#000;
	position: relative;
}
#core a { color: #000; text-decoration: underline; }

/**
 * Header
 * @section        header
 * @tree           #header < #wrapper < form < body
 */

#header { background: url(/_es/_es/minisites/men-expert2010/img/bg-header.jpg) no-repeat center top; height: 103px; width: 983px; position: relative; margin: auto; }

#header #menu { position: absolute; right: 41px; bottom: 17px; }
#header #menu ul { margin: 0; }
#header #menu li { float: left; display: block; margin: 0; height: 29px; }

#identity {
	width:157px; height:72px;
	position: absolute; left: 48px; top: 0;
    background: url(../img/logoMenExpert.gif) no-repeat 50% 0;
}

#identity a {
    display:block;
    width:157px; height:72px;
}
#identity img {position:absolute; left:-10000px;}

/**
 * Footer
 * @section         footer
 * @tree            #footer < #wrapper < form < body
 */
 
#footer { margin: auto; }

#footer #footerMenu { text-align: center; }
#footer #footerMenu li { display: inline; text-transform: uppercase; color: #787878; font-size: 11px; }
#footer #footerMenu li a:hover { text-decoration: none; border-bottom: 1px dotted #787878; }

/**
 * fauxSelect
 * @section        fauxSelect
 */
#fauxSelectMask {position:absolute; top:0; left:0; z-index:100;}

#fauxSelect {
    position:absolute; left:-10000px; z-index:101;
    overflow:hidden;
    border:1px solid #CCC; border-width:1px 0;
    width:190px;
    font-size:11px;
}
#fauxSelect .scrollContent, #fauxSelect .scrollNone {width:100%;}
#fauxSelect ul {
    margin:0; border:1px solid #CCC; border-width:0 1px;
    background:#FFF; color:#666;
}
#fauxSelect .scrollContent ul {padding-right:11px;}
#fauxSelect li {padding:1px 4px;}
#fauxSelect li.selected, #fauxSelect li:hover, #fauxSelect li.hover {background:#E4E4E4; color:#333;}

#fauxSelect .scroll {height:150px;}
#fauxSelect .scrollBar {
    right:1px;
    height:150px;
    background:url(/img/common/bg/scrollBarGutter.gif) repeat-y;
}

#core select {float:left;}
#js #core select {position:absolute; left:-10000px;}

.fauxSelect {
    float:left;
    padding-right:20px; border:1px solid #CCC;
    width:170px;
    background:url(/img/common/bg/fauxSelect.gif) no-repeat 100% 50%;
    cursor:pointer;
}
.fauxSelect div {
    overflow:hidden;
    padding:1px 4px;
    width:162px; height:15px;
    background:#FFF url(/img/common/bg/textField.gif);
}
.fauxSelect.focus div {background:#E4E4E4;}
.fauxSelect span {
    display:block;
    width:1000px;
}


/**
 * Group of checkbox or radio, styled as inline
 * @section        boxGroup
 */
.radioGroup {padding:5px 0;}
.radioGroup li {
    float:left;
    margin-right:.5em;
}
.radioGroup input {
    float:left;
    margin:1px 0 0;
}
#js .radioGroup input {position:absolute; left:-10000px;}
.radioGroup label {
    float:left;
    margin-right:10px; padding-left:3px;
}
.radioGroup span label {margin-right:15px;}
#js .radioGroup label {
    padding-left:18px;
    background:url(/img/common/bg/fauxRadio.gif) no-repeat;
    cursor:pointer;
}
.radioGroup ul {
    float:left;
    margin:0;
}


/**
 * One checkbox only
 * @section        box
 */
.checkbox {padding:5px 0;}
.checkbox input {
    float:left;
    margin:1px 0 0;
}
#js .checkbox input {position:absolute; left:-10000px;}
.checkbox label {
    float:left;
    padding-left:3px;
}
#js .checkbox label {
    padding-left:18px;
    background:url(/img/common/bg/fauxCheckbox.gif) no-repeat;
    cursor:pointer;
}

#js label.focus {background-position:-500px 0;}
#js label.checked {background-position:-1000px 0;}
#js label.checkedFocus {background-position:-1500px 0;}

/**
 * Tooltips container, inserted with JavaScript
 * @section        tooltips
 * @tree           .toolTip < form < body
 */
.toolTip {
    position:absolute; z-index:12;
    padding-bottom:6px;
    width:120px;
    background:url(/img/common/bg/toolTip.gif) no-repeat 50% 100%; color:#333;
    font-size:10px; font-weight:bold;
    text-align:center; text-transform:uppercase;
}
#toolTipAuto {width:auto;}
#toolTipError {
    background-image:url(/img/common/bg/toolTipError.gif);
    text-transform:none;
}

#toolTipInner {padding:.2em 5px; border:1px solid #CCC; border-width:1px 1px 0;}
#toolTipError #toolTipInner {
    border-color:#F00;
    color:#F00;
}

/**
 * Scrollbars
 * @section        scrollbars
 */
/*.scroll {overflow:auto;}*/
#js .scroll {
    position:relative;
    overflow:hidden;
}

.scrollContent {position:absolute; top:0; left:0;}

.scrollBar {
    position:absolute; top:0;
    width:11px;
    background:url(/img/common/bg/scrollBarGutter.gif) repeat-y;
}

.scrollBar .face {
    position:absolute; left:0;
    border:1px solid #B48F49;
    background:#A97D35 url(/img/common/bg/scrollBarFace.gif) no-repeat 0 50%;
    width:9px;
}

#articleDetails object{
	position:relative;
}


/**
 * Easy clearing method (do not work in IE)
 * @section        clearing
 */
#header .content:after, #myVIP:after, #menu ul:after, #core:after, #footer ul:after, #footer dt:after, #footer dt a:after, ul.listing li:after,
.popinContent .text:after, #popinSignIn .actions .btn:after, #popinCorrectPwd .actions .btn:after, #popinSignOut .actions .btn:after, #popinRegister .actions .btn:after, #popinSignOutTOC:after,
.select:after, .checkbox:after, .radioGroup:after, .popinContent .actions:after {
    display:block; clear:both;
    visibility:hidden;
    height:0;
    content:".";
}

/**
 * Popins container, inserted with JavaScript
 * @section        popins
 * @tree           #popin < #core < #wrapper < form < body
 */
#popin {
    position:absolute; top:0; left:-10000px; z-index:11;
    width:950px; height:570px;
}

.popinWrapper {padding-top:2px;}

.popinInner {padding:0 2px 2px;}
.popinInner a.close {
    position:absolute; top:12px; right:12px;
    overflow:hidden;
    width:15px; height:15px;
    background:url(/img/common/btn/closeOn.gif) no-repeat;
}
.popinInner a.close img {display:block;}
.popinInner a.close:hover {
    padding-top:15px;
    height:0;
}

.popinContent {
    margin:0; padding:.5em 15px;
    background:url(/img/common/bg/popinsGradient.gif) repeat-x;
}
.popinContent dt, .popinContent legend span {
    display:block;
    padding:.2em 0; border-bottom:1px solid #D2D2D2;
    font-size:21px;
}
.popinContent p {margin:.8em 0;}
.popinContent .text {
    position:relative;
    padding-bottom:5px;
}
.popinContent .text label {
    float:left;
    margin-right:5px; padding-top:2px;
    width:169px;
    text-align:right;
}
.popinContent .text input {
    float:left;
    width:200px;
}
.popinContent .actions {margin-top:10px; padding-top:10px; border-top:1px solid #D2D2D2;}
.popinContent .actions .btn {margin:0;}
#core .popinContent .actions .btn a {float:right;}
.popinContent .actions ul {
    margin:.8em 0;
    font-size:11px;
    text-align:left;
}
.popinContent .actions li {margin-top:.3em;}
#core .popinContent .actions li a {
    padding-left:10px;
    background:url(/img/common/picto/arrow_r_4x7_B48F49.gif) no-repeat 0 .3em; color:#B48F49;
}
/* #popinPassword */
#popinPassword {
    position:absolute; top:1px; right:1px;
    width:450px;
    background:url(/img/common/bg/popins450Top.png) no-repeat; color:#333;
}

#popinPassword .popinInner {background:url(/img/common/bg/popins450.png) no-repeat 0 100%;}
#popinPassword .popinContent {padding-bottom:1em;}

#popinPassword legend span {width:416px;}

#popinPassword .text label {width:221px;}
#popinPassword .text input {width:184px;}