/**
 * @section: reset attributes
 * @description: reset style rules for all browsers
 **/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, a, em, img, fieldset, strong, ol, ul, li, dl, dt, dd,
form, label, table, tr, th, td { margin: 0 }

/**
 * @section: reset links
 * @description: reset style rules for links
 **/
a { cursor: pointer }
a img { border: 0 }

/**
 * @section: reset misc
 * @description: reset style rules for other stuffs
 **/
ol, ul { padding: 0 }
ul { list-style: none }
ol { list-style-position: inside }
table { font-size: inherit }
button { background-color: transparent; border: 0; cursor: pointer; padding: 0 }

/**
 * @section: containers
 **/
body { background: #FFF url(/img/main/header_footer/ultBodyBgNew.gif) repeat-x }
#ma-container { color: #000; cursor: default; font: normal 11px Arial; margin: 15px auto 0; position: relative; width: 988px }
.ma-error { color: #F00 !important }
.ma-error a { color: #F00 !important }
.ma-error a:hover { color: #F00 !important }
.ma-spacer { padding-bottom: 10px }
.ma-input-radio { margin: 0 0 3px 0; vertical-align: middle }
.ma-input-radio { /margin-bottom: 0 } /* IE compatibility */

/**
 * @section: countries links
 **/
#ma-countries { background: transparent url(/img/chf/header_footer/ultFlagCH.gif) no-repeat 0 center; color: #333; font-size: 12px; line-height: 20px; margin-bottom: 5px; padding-left: 30px }
#ma-countries a { color: #8D0400; text-decoration: underline }
#ma-countries a:hover { color: #8D0400; text-decoration: none }

/**
 * @section: subscription box
 **/

#ma-subscription { background: transparent url(/img/gm/index/ultVisual.jpg) no-repeat 4px 0; height: 508px; position: relative  }
/**
 * @section: login box
 **/
#ma-login { float: right; height: 23px; line-height: 18px; padding: 6px 20px 0 0 }
#ma-login input { border: 1px solid #665C55; color: #333; float: left; font-size: 11px; margin-left: 5px; width: 105px }
#ma-login label { float: left; margin-right: 5px }
#ma-login #ma-separator { background-image: url(/img/main/common/ultDotV1.gif); float: left; height: 24px; margin: -2px 10px 0; width: 1px }
#ma-login .ma-button-ok { background-image: url(/img/main/btn/ultBtnOkSmall.gif); float: left; height: 18px; margin-left: 10px; width: 26px }
#ma-login .ma-button-help { background-image: url(/img/main/btn/ultBtnHelpSmall.gif); float: left; height: 18px; width: 26px }

/**
 * @section: login help box
 **/
#ma-login-help-bg { background-image: url(/img/main/index/ultForgotPassword.png); display: none; height: 88px; position: absolute; right: 10px; top: 25px; width: 388px; z-index: 100 }
#ma-login-help { color: #333; display: none; font-size: 11px; height: 68px; padding: 15px 10px 10px; position: absolute; right: 10px; top: 25px; width: 368px; z-index: 101 }
#ma-login-help p { font-size: 10px; margin-bottom: 5px }
#ma-login-help label { float: left; line-height: 18px }
#ma-login-help input { border: 1px solid #665C55; color: #333; font-size: 11px; float: left; margin: 0 10px; width: 160px }
#ma-login-help .ma-button-ok { background-image: url(/img/main/btn/ultBtnOkSmall.gif); float: left; height: 18px; width: 26px }

/**
 * @section: subscription's form box
 **/
#ma-subscription-form-bg { background-image: url(/img/gm/index/ultForm.png); height: 495px; left: 15px; position: absolute; top: 0; width: 400px }
#ma-subscription-form { height: 482px; margin-left: 15px; padding-top: 8px; position: relative; width: 400px }
#ma-subscription-form h1 { background-image: url(/img/chg/index/ultLogo.png); height: 60px; margin: 0 auto 8px; width: 280px }
#ma-subscription-form form { padding: 10px 20px }
#ma-subscription-form input { color: #000; font-size: 12px; padding: 2px 1px }
#ma-subscription-form select { border: 1px solid #665C55; color: #000; font-size: 12px; padding: 1px; width: 178px }
#ma-subscription-form #ma-mail-confidential { color: #A3A39C; font-size: 9px; margin-left: 10px }
#ma-subscription-form #ma-cgu { padding: 5px 10px 10px }
#ma-subscription-form #ma-cgu input { float: left; margin: 1px 7px -3px 0 }
#ma-subscription-form #ma-cgu input { /margin: -2px 3px -3px -3px; _margin-right: 0 } /* IE compatibility */
#ma-subscription-form #ma-cgu label { color: #6B6B6B; font-size: 12px }
#ma-subscription-form #ma-cgu a { color: #6B6B6B; text-decoration: underline }
#ma-subscription-form #ma-cgu a:hover { color: #6B6B6B; text-decoration: none }
#ma-subscription-form #ma-button-register { background-image: url(/img/main/header_footer/ultRegisterNew.gif); color: #FFF; display: block; font: bold 22px Arial; height: 55px; line-height: 24px; margin: 0 auto; padding-top: 5px; text-align: center; text-decoration: none; width: 220px }
#ma-subscription-form #ma-button-register:hover { background-position: 0 -61px }
#ma-subscription-form #ultIframeGeo { height: 73px; width: 100% }
#ma-subscription-form .ma-line { padding-bottom: 5px }
#ma-subscription-form .ma-spacer-line { border-bottom: 1px solid #C7C3B8; height: 1px; margin: 4px 10px 9px }
#ma-subscription-form .ma-label { float: left; font-size: 13px; height: 22px; line-height: 22px; padding-left: 10px; width: 145px }
#ma-subscription-form .ma-span { display: block; font-size: 12px; height: 22px; line-height: 22px; overflow: hidden }
#ma-subscription-form .ma-input-small { border: 1px solid #665C55; margin-right: 5px; width: 50px }
#ma-subscription-form .ma-input-big { border: 1px solid #665C55; width: 174px }

/**
 * @section: error's bubbles
 **/
.ultBubbleHeaderLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleHeadersLeft.gif) no-repeat 0 0 }
.ultBubbleHeaderRight { /width: 100%; height: 22px; _margin-bottom: -22px; background: transparent url(/img/main/bubble/ultBubbleHeadersRight.gif) no-repeat 100% 0 }
.ultBubbleFooterLeft { height: 22px; padding-left: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersLeft.gif) no-repeat 0 0 }
.ultBubbleFooterRight { /width: 100%; height: 22px; background: transparent url(/img/main/bubble/ultBubbleFootersRight.gif) no-repeat 100% 0 }
.ultBubbleInfoBody { margin: 0 13px; padding: 0 9px; background: #FCFCFC; border-left: 1px solid #B9C0C5; border-right: 1px solid #B9C0C5 }
.ultBubbleInfoT4 .ultBubbleHeaderLeft { background-position: 0 -46px }
.ultBubbleErrorBody { margin: 0 13px; padding: 0 9px; color: #FF0000; border-left: 1px solid #EE9593; border-right: 1px solid #EE9593; background: #FFFFFF }
.ultBubbleErrorB2 .ultBubbleHeaderLeft { background-position: 0 -69px }
.ultBubbleErrorB2 .ultBubbleHeaderRight { background-position: 100% -69px }
.ultBubbleErrorB2 .ultBubbleFooterLeft { background-position: 0 -115px }
.ultBubbleErrorB2 .ultBubbleFooterRight { background-position: 100% -69px }

#ma-subscription-form .ultBubble { display: none; position: absolute; height: 0; left: 360px; width: 300px; z-index: 6 }
#ma-subscription-form #ultBubbleError { position: absolute; bottom: 20px; left: 360px; width: 300px; z-index: 6 }
#ma-subscription-form #ultBubblePostCode { top: 200px }
#ma-subscription-form #ultBubbleBirthday { top: 135px }
#ma-subscription-form #ultBubblePseudo { top: 265px }
#ma-subscription-form #ultBubblePassword { top: 291px }
#ma-subscription-form #ultBubbleEmail { top: 319px }

/**
 * @section: subscription's footer box
 **/
#ma-subscription-footer { width:854px; background: #FFF url(/img/gm/index/ultAward.gif) no-repeat 15px center; height: 150px;  padding: 15px 12px 0 120px }
#ma-subscription-footer #ma-tick { height: 30px; margin-bottom: 20px; padding-bottom: 15px }
#ma-subscription-footer #ma-tick div { background: transparent url(/img/gm/index/ultTick.gif) no-repeat; float: left; font-size: 12px; padding-left: 30px }
#ma-subscription-footer #ma-tick #ma-tick-1 { margin-left: 5px; width: 242px }
#ma-subscription-footer #ma-tick #ma-tick-1 { _display: inline } /* IE6 compatibility */
#ma-subscription-footer #ma-tick #ma-tick-2 { width: 290px }
#ma-subscription-footer #ma-tick #ma-tick-3 { width: 226px }
#ma-subscription-footer #ma-links { margin: 0 0 20px 20px; font-size: 12px; line-height: 20px }
#ma-subscription-footer #ma-links span { color: #B70E1D }
#ma-subscription-footer #ma-links a { color: #000; text-decoration: underline }
#ma-subscription-footer #ma-links a:hover { color: #000; text-decoration: none }
#ma-subscription-footer #ma-footer-links { color: #666 }
#ma-subscription-footer #ma-footer-links a { color: #666; margin: 0 5px; text-decoration: none }
#ma-subscription-footer #ma-footer-links a:hover { color: #666; text-decoration: underline }

/**
 * @section: info box
 **/
.ma-info { width:944px; background-color: #F0F0EA; color: #666; margin-bottom: 10px; padding: 0 25px 10px; position: relative; _zoom: 1 }
.ma-info { _zoom: 1 } /* IE6 compatibility */
.ma-info h2, .ma-info h3 { font-size: 12px; padding-top: 10px; text-align: left }
.ma-info p { font-size: 12px; margin-top: 10px }
.ma-info a { color: #666; text-decoration: underline }
.ma-info a:hover { color: #666; text-decoration: none }
.ma-corner-left { background: transparent url(/img/gm/index/ultCorners.gif) no-repeat 0 0; bottom: 0; height: 16px; left: 0; position: absolute; width: 16px }
.ma-corner-right { background: transparent url(/img/gm/index/ultCorners.gif) no-repeat -16px 0; bottom: 0; height: 16px; position: absolute; right: 0; width: 16px }

/**
 * @section: tips info box
 **/
#ma-info-tips #ma-picture { background-image: url(/img/gm/index/ultPicture.jpg); float: left; height: 84px; margin: 35px 20px 20px 0; width: 86px }
#ma-info-tips #ma-picture { /margin-bottom: 10px } /* IE compatibility */

/**
 * @section: about info box
 **/
#ma-info-about { text-align: center }
#ma-info-about h2 { text-align: center }
#ma-info-about h3 { padding-top: 20px; text-align: center }
#ma-info-about span { margin: 0 5px }
#ma-info-about .ma-no-margin { margin: 0 }

/**
 * @section: sticker
 **/
#ma-sticker { height: 168px; left: 420px; position: absolute; top: 33px; width: 124px }


/*** footer ***/
div#ultFooterNew2 { background:url(/img/main/header_footer/ultFooterNew2.gif) no-repeat scroll 0 -22px; color:#999; height:20px; padding:8px 0 0 0; text-align:center; width:994px; }
div#ultFooterNew2-signup { background:url(/img/main/header_footer/ultFooterNew2.gif) no-repeat scroll 0 -1px; color:#999; height:40px; padding:8px 0 0 0; text-align:center; width:994px; }
div#ultBodyNew2 { background:url(/img/main/index/ultBodyBorderNew.gif) #FFF repeat-y 0 0; border-top:0; padding-left:4px; position:relative; width:989px; }