@charset "utf-8"; /*=== RESET ===*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,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{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:bold;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;} /*=== GLOBAL ===*/ body { font-family: Arial, Helvetica, sans-serif;} strong { font-weight: bold;} em { font-style: italic;} .clear { clear: both;} .forPrint { display: none;} object, embed { outline: none;} .siteWrap { background:url(../images/fwc/bg_siteTop.jpg) no-repeat top left; margin: 0 auto; width: 920px;} /*=== SA BAR ===*/ #saBar { left: 0; position: absolute; top: 0; width: 100%; z-index: 25;} #saBar table { width: 100%;} #saBar td { vertical-align: top;} #saBar .sanofiLeft { background: url(../images/fwc/bg_sanofiLeft.gif) repeat-x top; height: 29px;} #saBar .sanofiRight { background: url(../images/fwc/bg_sanofiRight.gif) repeat-x top; height: 29px;} #saBar .sanofiCenter { width: 920px;} /*=== SITE HEAD ===*/ .siteHead { height: 214px; position: relative; z-index: 50;} .siteHead .siteLogo { height: 55px; left: 18px; overflow: hidden; position: absolute; top: 159px; width: 523px;} .siteHead .siteLogo h1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .siteHead .siteLogo a { color: #7a246c; display: block; font-family: "Gotham Light", Arial; font-size: 45px; height: 100%; left: 0; line-height: 55px; position: absolute; text-decoration: none; top: 0; width: 100%;} .siteHead .siteLogo .over { background: url(../images/fwc/bg_siteTop.jpg) no-repeat -18px -159px; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .siteHead .saLogo { height: 55px; left: 570px; position: absolute; top: 0; width: 240px;} .siteHead .saLogo a { color: #0066cc; display: block; font-size: 16px; height: 100%; left: 0; overflow: hidden; position: absolute; text-indent: -2000px; top: 0; width: 100%;} .siteHead .ctaBox { color: #142b4c; font-size: 12px; line-height: 16px; position: absolute; right: 19px; text-align: right; top: 125px; width: 220px;} .siteHead .ctaBox a, .siteHead .ctaBox a:visited { color: #142b4c; font-weight: bold; text-decoration: underline;} .siteHead .forUS { color: #333; font-size: 16px; left: 570px; line-height: 16px; position: absolute; text-align: center; top: 62px; width: 240px;} /*=== SITE NAV ===*/ .siteNav { left: 19px; position: absolute; top: 53px;} .siteNav ul { list-style-type: none; margin: 0; padding: 0;} .siteNav ul li { float: left; height: 33px; position: relative;} .siteNav li a { display: block; float: left; font-size: 12px; height: 33px; line-height: 33px; position: relative; text-align: center; text-decoration: none;} .siteNav .nav1 { width: 176px;} .siteNav .nav2 { width: 173px;} .siteNav .nav3 { width: 167px;} .siteNav li a:hover, .siteNav li:hover a, .siteNav .active a { height: 45px; top: -5px;} .siteNav .over { background-image: url(../images/fwc/bg_siteNav.gif); background-repeat: no-repeat; cursor: pointer; display: block; height: 33px; left: 0; position: absolute; top: 0;} .siteNav a>.over { background-image: url(../images/fwc/bg_siteNav.png);} .siteNav a:hover .over, .siteNav li:hover a .over, .siteNav .active a .over { height: 45px;} .siteNav .nav1 .over { background-position: 0 0; width: 176px;} .siteNav .nav1:hover .over, .siteNav li:hover .nav1 .over, .siteNav .active .nav1 .over { background-position: 0 -33px;} .siteNav .nav2 .over { background-position: -176px 0; width: 173px;} .siteNav .nav2:hover .over, .siteNav li:hover .nav2 .over, .siteNav .active .nav2 .over { background-position: -176px -33px; left: -1px; width: 174px;} .siteNav .nav3 .over { background-position: -349px 0; width: 167px;} .siteNav .nav3:hover .over, .siteNav li:hover .nav3 .over, .siteNav .active .nav3 .over { background-position: -350px -33px; left: -1px; width: 168px;} /*-- sub nav --*/ .siteNav table { left: 0; position: absolute; top: 5px;} .siteNav ul ul { background: url(../images/fwc/bg_siteSubNav.gif); left:-95px; position:absolute; top:33px; visibility: hidden; width: 377px;} .siteNav li>ul { background: url(../images/fwc/bg_siteSubNav.png);} .siteNav li li { height: 28px; overflow: hidden;} .siteNav li li:hover a, .siteNav li li:hover a .over { height: 28px; top: 0;} .siteNav li li a { height: 28px; line-height: 28px; top: 0 !important;} .siteNav .sub1 { width: 88px;} .siteNav .sub2 { width: 69px;} .siteNav .sub3 { width: 86px;} .siteNav .sub4 { width: 61px;} .siteNav .sub5 { width: 73px;} .siteNav li li a:hover { height: 28px !important; top: 0 !important;} .siteNav li li a:hover .over { height: 28px;} .siteNav ul ul a .over {background-image: url(../images/fwc/bg_siteSubNav.gif); background-repeat: no-repeat; cursor: pointer; display: block; height: 28px; left: 0; position: absolute; top: 0;} .siteNav ul ul a>.over { background-image: url(../images/fwc/bg_siteSubNav.png);} .siteNav .sub1 .over { background-position: 0 0 !important; width: 88px !important;} .siteNav .sub1:hover .over, .siteNav li .active .sub1 .over { background-position: 0 -28px !important; width: 88px !important;} .siteNav .sub2 .over { background-position: -88px 0 !important; width: 69px !important;} .siteNav .sub2:hover .over, .siteNav li .active .sub2 .over { background-position: -88px -28px !important; width: 69px !important;} .siteNav .sub3 .over { background-position: -157px 0 !important; width: 86px !important;} .siteNav .sub3:hover .over, .siteNav li .active .sub3 .over { background-position: -157px -28px !important; width: 86px !important;} .siteNav .sub4 .over { background-position: -243px 0 !important; width: 61px !important;} .siteNav .sub4:hover .over, .siteNav li .active .sub4 .over { background-position: -243px -28px !important; width: 61px !important;} .siteNav .sub5 .over { background-position: -304px 0 !important; width: 73px !important;} .siteNav .sub5:hover .over, .siteNav li .active .sub5 .over { background-position: -304px -28px !important; width: 73px !important;} .siteNav ul li:hover ul, .siteNav ul a:hover ul, .siteNav .active ul {visibility:visible;} /*=== SITE BODY ===*/ .siteBody { padding: 0 20px;} .contentHead { width: 515px; /*600 max*/} #siteUtil { margin: 0; padding: 5px 0 0;} #siteUtil ul { height: 15px; margin: 12px 0; width: 515px;} #siteUtil li { background-image: url(../images/fwc/bg_utilIcons.gif); background-repeat: no-repeat; color: #de6e00; display: inline; float: left; font-size: 11px; font-weight: bold; height: 15px; line-height: 15px; margin: 0 20px 0 0;} #siteUtil li a { color: #de6e00; display: block; float: left; height: 15px; text-decoration: none;} #siteUtil li a:hover { text-decoration: underline;} #siteUtil #sendFriend { background-position: 0 0;} #siteUtil #sendFriend a { padding: 0 0 0 22px;} #siteUtil #printPage { background-position: 0 -15px;} #siteUtil #printPage a { padding: 0 0 0 17px;} #siteUtil #textSize { background: none; padding: 0 0 0 35px; position: relative;} #siteUtil #textSize a { position: absolute; top: 0; width: 15px;} #siteUtil #textSize a img { background-image: url(../images/fwc/bg_utilIcons.gif); background-repeat: no-repeat; height: 15px; width: 15px;} #textSize .textPlus { left: 0;} #textSize .textPlus img { background-position: 0 -30px;} #textSize .textMinus { left: 18px;} #textSize .textMinus img { background-position: 0 -45px;} #siteUtil #sharePage { float: right; margin: 0; position: relative; width: 64px;} #sharePage a { position: absolute;} .contentHead .contentHeadline { width: 570px;} .contentHead h1 { color: #70c8c1; font-size: 36px; margin: 0;} .contentHead h1.videoHeadline { font-size: 27px;} .siteContent .contentHead h2 { color: #70c8c1; font-size: 36px; margin: 0;} .siteContent .contentHead h2.videoSubHeadline { font-size: 27px;} /*=== SITE CONTENT ===*/ .siteContent { color: #142b4c; float: left; width: 515px;} .siteContent h2, .siteContent h3 { font-size: 0.875em; font-weight: bold; line-height: 1.2em; margin: 0 0 -1.0em;} #commitWrap h2 {color: #70c8c1; font-size: 36px; margin: 0;} .siteContent .contentPhoto { display: inline; float: right;} .celebPhoto { height: 275px; position: relative; width: 198px;} .celebPhoto img { left: 0; position: absolute; top: 0;} .siteContent a { color: #de6e00; text-decoration: none;} .siteContent a:hover { text-decoration: underline;} .siteContent p { font-size: 0.875em; line-height: 1.2em; margin: 1.0em 0;} .siteContent sup { bottom: 0.25em; font-size: 0.75em; position: relative;} .siteContent ul { margin: 0.75em 0;} .siteContent ul li { font-size: 0.875em; line-height: 1.2em; list-style-type: disc; margin: 0 0 0 15px;} .siteContent .breakdown { margin: 1.0em 0 1.0em 5px;} .siteContent .breakdown td { vertical-align: top;} .siteContent .breakdown p { color: #7a246c; font-size: 0.75em; line-height: 1.17em; margin: 0; padding: 0 0 15px 15px;} /*-- yellow box --*/ .yellowBox { margin: 1.0em 0; width: 272px;} .yellowBox .boxTop { background: url(../images/fwc/bg_yellowBox_top.gif) no-repeat; height: 11px; overflow: hidden;} .yellowBox .boxBottom { background: url(../images/fwc/bg_yellowBox_bottom.gif) no-repeat; height: 11px; overflow: hidden;} .yellowBox .boxBody { background: #fffcd1; border-left: 1px solid #df6e00; border-right: 1px solid #df6e00; height: 100%; overflow: hidden; padding: 0 10px;} .yellowBox .boxBody p { margin-top: 0;} .yellowBox .cta { width: 100%;} .yellowBox .cta p { margin: 0;} .yellowBox .cta img { float: right;} /*-- fwc home carousel --*/ #carousel { color: #142b4c; height: 314px; margin: 0 -20px; overflow: hidden; position: relative; width: 920px;} #carousel .wrapper { overflow: visible; width: 920px;} #carousel .slide { clear: left; float: left; height: 314px; position: relative; width: 920px;} #carousel .slidePad { float: left; padding: 20px 0 0 20px; width: 515px;} #carousel .navDots { bottom: 4px; left: 417px; position: absolute; z-index: 100;} #carousel .navDots li { float: left; margin: 0 25px 0 0;} #carousel .navDots a { background-image: url(../images/fwc/bg_navDots.gif); background-repeat: no-repeat; display: block; float: left; height: 13px; overflow: hidden; text-indent: -2000px; width: 13px;} #carousel .navDots a.active { background-position: 0 -13px;} #carousel h1, #carousel h2 { color: #70c8c1; font-size: 36px; margin: 0;} #carousel p { font-size: 14px; line-height: 18px; margin: 0 0 12px;} #carousel .slide_vicky { background: #FFF url(../images/fwc/bg_slideVicky.jpg) no-repeat left top;} #carousel .slide_1 { background: #FFF url(../images/fwc/bg_slide1.jpg) no-repeat left top;} #carousel .slide_2 { background: #FFF url(../images/fwc/bg_slide2.jpg) no-repeat left top;} .slide_2 .cta1 { left: 20px; position: absolute; top: 244px;} .slide_2 .hero { bottom: 0; position: absolute; right: 0;} #carousel .slide_3 { background: #FFF url(../images/fwc/bg_slide3.jpg) no-repeat left top;} /*-- crossword --*/ .crossword {} /*.crossword #aspnetForm { height: 900px; overflow: hidden;}*/ .crossword .siteWrap { background: url(../images/fwc/bg_siteTop_crossword.jpg) no-repeat left top;} .crossword .siteHead { height: 112px;} .crossword .siteHead .siteLogo { height: 65px; left: 20px; overflow: hidden; position: absolute; top: 40px; width: 518px;} .crossword .siteHead .siteLogo h1 { height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .crossword .siteHead .siteLogo a { color: #7a246c; display: block; font-family: "Gotham Light", Arial; font-size: 45px; height: 100%; left: 0; line-height: 65px; position: absolute; text-decoration: none; top: 0; width: 100%;} .crossword .siteHead .siteLogo .over { background: url(../images/fwc/bg_siteTop_crossword.jpg) no-repeat -20px -40px; cursor: pointer; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%;} .crossword .siteBody { position: relative; z-index: 1000;} #crossContent { margin: 0 -11px; position: relative; width: 892px; z-index: 1000;} #crossContent .crossShare { left: 0; position: absolute; top: 8px; z-index: 1010;} #crossContent .crosswordWrap { height: 620px; margin: 0 0 0 -11px; position: relative; width: 892px; z-index: 1000;} #crossContent #crossword { height: 620px; left: 0; position: absolute; top: 0; width: 892px; z-index: 1000;} #crossFull { left: 0; position: absolute; top: 0; width: 100%;} #flashGameWrap { height: 100%; width: 100%;} /*-- celebrate --*/ .celebrate .contentHead .contentHeadline { float: left; margin: 0 -160px 0 0; position: relative; width: 730px;} .games .contentHead { margin: 0 -155px 0 0; width: 515px;} .games .contentHead .contentHeadline { float: left; height: 50px; margin: 0 -230px 0 0; position: relative; width: 750px;} .games .contentHead .contentHeadline h1 { position: absolute;} .games #contentBody {} #puzzleWrap { margin: 30px 0 0;} .siteContent #puzzleWrap h2 { color: #7a246c; font-size: 30px; margin: 0;} #puzzleWrap p { overflow: auto; margin: 0.5em 0;} #puzzleWrap p img { float: left; margin: 0 15px 15px 0;} .games .sidebar { padding: 125px 0 0;} /*-- ecards --*/ .ecard_home {} .ecard_home .contentHead { margin: 0 -155px 0 0; width: 515px;} .ecard_home .contentHead .contentHeadline { float: left; height: 93px; margin: 0 -230px 0 0; position: relative; width: 750px;} .ecard_home .contentHead .contentHeadline h1 { position: absolute;} .ecard_home .siteContent { color: #00395b; width: 360px;} .ecard_home #contentBody {padding: 15px 0 0; width: 360px;} .ecard_home .sidebar {padding-top: 140px; width: 500px;} .ecard_home .sidebar .ecardFlash { float: right;} .ecard_home .getStarted { float: left; margin: 3.0em -44px 0 0; position: relative; width: 404px; z-index: 10;} .ecard_design {} .ecard_design .siteContent { width: 325px;} .ecard_design .contentHead { display: none;} .ecard_design .sidebar { padding: 15px 0 0; width: 550px;} #ecardPanel { height: 355px; overflow: hidden;} #ecardPanel .steppanel {} #ecardPanel h2 { color: #70c8c1; font-size: 26px; margin: 0 0 24px;} #ecardPanel .eThumbs { left: -5px; margin: 0 auto; overflow: hidden; position: relative; width: 214px;} #ecardPanel .eThumbs img { border: 1px solid #8f9eae; cursor: pointer; float: left; margin: 0 0 5px 5px;} #ecardPanel #chooseMsg {background: #FFF; color: #333; display: block; font-weight: bold; font-size: 14px; padding: 15px 20px; position: relative; text-decoration: none;} #ecardPanel #chooseMsg:hover, #ecardPanel .selected #chooseMsg { background-color: transparent; background-position: 0 0 !important;} #ecardPanel #msgColor {background: transparent url(../images/bg_sharePanel_btns.gif) repeat-x left -500px; color: #333; display: block; font-weight: bold; font-size: 14px; padding: 15px 20px; position: relative; text-decoration: none;} #ecardPanel #msgColor:hover { background-position: 0 0;} #ecardPanel #msgColor .colorBox { border: 1px solid #333; height: 20px; position: absolute; right: 20px; top: 11px; width: 20px;} #ecardPanel .msgsWrap { background: #b5c5cd url(../images/bg_msgSelect.gif) repeat-x top; border-bottom: 1px solid #7c7c7c; margin: 0 0 1px; color: #333; font-size: 14px;} #ecardPanel .msgSelect a { background: transparent url(../images/bg_msgSelect_hover.gif) repeat-x 0 -500px; border: 1px solid transparent; color: #333; display: block; margin: 0 5px; padding: 10px 15px; text-decoration: none;} #ecardPanel .msgSelect a:hover { background-color: #414141; background-repeat: repeat-x; background-position: 0 0 !important; color: #FFF; text-decoration: none;} #ecardPanel .msgSelect a.selected { border: 1px solid #333 !important;} #ecardPanel .msgSelect a.selected:hover { background: transparent; background-position: 0 -500px; color: #333;} .ecardNav { padding: 20px 0 0;} .ecardNav img { cursor: pointer;} .ecardNav .ecardPrev { float: left;} .ecardNav .ecardNext { float: right;} #ecardPanel .ecardForm { color: #333;} #ecardPanel .ecardForm p { margin: 0 0 7px;} .ecardForm .small { font-size: 11px;} .ecardForm .formItem { margin: 0 0 7px;} .ecardForm .formItem { height: 24px; margin: 0 0 10px;} .ecardForm .formItem label { float: left; font-size: 13px; font-weight: bold; line-height: 24px; padding: 0 5px 0 0; text-align: right; width: 110px;} .ecardForm .formItem input { background: #FFF; border: 1px solid #333; color: #333; float: left; font-size: 13px; height: 19px; padding: 3px 0 0; width: 155px;} .ecardForm input.badField { background: #eed4d4 !important; border: 1px solid #FF0000 !important;} .ecardForm .formActions { padding: 0 53px 0 0;} .ecardForm .formActions img, .ecardForm .formActions input { float: right;} .ecardForm .sendCopy { padding: 10px 0 0;} .ecardForm .sendCopy p { font-size: 12px;} #viewEcard h1 { color: #70c8c1; font-size: 32px; margin: 0;} #viewEcard .actions { margin: 55px 0 0;} /*-- downloads --*/ .musicCta { margin: 1.0em 0 2.0em;} .musicCta img { margin: 0 12px 0 0;} .musicCta p { margin: 0;} .mediaWrap { margin: 1.0em 0 0;} .mediaWrap .lcol { color: #7a246c; float: left; width: 165px;} .mediaWrap .rcol { float: right; margin: 0 -22px 0 0; padding: 10px 0 0; /*position: relative; right: -22px;*/ width: 359px;} .siteContent .mediaWrap h3 { color: #7a246c; font-size: 30px; margin: 0;} .mediaWrap p { font-size: 0.75em;} .mediaWrap .lcol .linkBlock { line-height: 1.5em;} .mediaWrap .lcol .linkBlock a { font-weight: bold;} .ecard_downloads .sidebar {/*padding-top: 12.0em;*/} .mediaBlock { margin: 0 0 55px;} .mediaBlock h3 { margin: 0 0 0.5em;} .mediaBlock table .linkBlock { margin: 0;} .mediaBlock table img { margin: 0 0 0 10px;} .sidebar .donateLinks { line-height: 1.5em;} .ecard_downloads .sidebar .donateLinks { margin: 1em 0 3em;} /*-- toggles --*/ .toggleWrap {} .toggle { cursor: pointer; margin: 0; margin: 1px 0 0; position: relative; width: 515px; z-index: 5;} .toggle .toggleTop { background-image: url(../images/fwc/bg_togTop.gif); background-repeat: no-repeat; height: 7px; overflow: hidden; width: 515px;} .toggle .toggleBottom { background-image: url(../images/fwc/bg_togBottom.gif); background-repeat: no-repeat; height: 7px; overflow: hidden; width: 515px;} .active .toggleTop, .active .toggleBottom { background-position: 0 -7px !important;} .toggle .toggleBody { background: #FFF; border-left: 1px solid #7a246c; border-right: 1px solid #7a246c; padding: 2px 12px; position: relative;} .active .toggleBody { background: #7a246c !important;} .toggle .toggleBody h3 { color: #df6e00; font-size: 13px; line-height: 13px; margin: 0; padding: 0; position: relative; } .active .toggleBody h3 { color: #FFF !important;} .toggle .expandBtn { background-image: url(../images/fwc/bg_expandBtn.gif); background-repeat: no-repeat; background-position: right 0; color: #df6e00; font-size: 12px; height: 12px; line-height: 12px; overflow: hidden; padding: 0 20px 0 0; position: absolute; right: 12px; top: 2px;} .active .expandBtn { background-position: right -12px !important; color: #FFF !important;} .toggled { background: url(../images/fwc/bg_toggleBottom.gif) no-repeat bottom; margin: -15px 0 0; overflow: hidden; padding: 0 0 11px; width: 515px;} .toggledIn { border-left: 1px solid #7a246c; border-right: 1px solid #7a246c; overflow: hidden; padding: 20px 10px 9px; position: relative;} .toggled .printBtn {background: url(../images/fwc/bg_utilIcons.gif) no-repeat right -15px; font-size: 11px; font-weight: bold; height: 15px; line-height: 15px; margin: 0; position: absolute; right: 10px; top: 25px;} .toggled .printBtn a { color: #de6e00; display: block; float: right; height: 15px; padding: 0 22px 0 0; text-decoration: none;} .toggled .printBtn a:hover { text-decoration: underline !important;} .recipeHead { margin: 0;} .recipeHead p { margin: 0; padding: 0 50px 0 0;} /*-- videos --*/ .videos .sidebar { padding-top: 47px;} .videos .sidebar h3 { font-size: 25px;} .videosFlashWrap { height: 360px;} /*=== SIDEBAR ===*/ .sidebar { clear: none; color: #7a246c; float: right; padding: 30px 0 0; width: 270px;} .celebrate .sidebar { /*padding-top: 125px;*/} .sidebar .headline { margin: 0 0 -0.45em;} .sidebar .bordered { border-left: 1px solid #7a246c; left: -10px; padding: 0 0 0 10px; position: relative; width: 280px;} .sidebar .bordered .headline { margin-top: -22px; position: relative;} .sidebar h3 { color: #7a246c; font-size: 30px; margin:0; padding-bottom:12px;} .sidebar h4 { font-size: 0.75em; font-weight: bold; line-height: 1.2em; margin: 0.75em 0 -1.0em;} .sidebar p { font-size: 0.75em; line-height: 1.333em; margin: 1.0em 0;} .linkBlock {} .linkBlock .partner_toggle { background-image: url(../images/fwc/arrow_orange.gif); background-repeat: no-repeat; background-position: 0 -1px; display: block; padding: 0 0 0 12px;} .linkBlock .selected { background-position: 0 -40px !important;} .linkBlock .partner_toggled { display: block;} .partner_toggled { margin: -0.65em 0 1.0em;} .partner_toggled p {} .partner_toggled p sup { line-height: 1.70em; margin: 0; position: relative; top: -0.24em;} .sidebar a { color: #de6e00; text-decoration: none;} .sidebar a:hover { text-decoration: underline;} .sidebar .borderTop { border-top: 1px solid #7a246c; margin: 1.4em 0 0; padding: 0.5em 0 0;} .sidebar ul { margin: 12px 0;} .sidebar ul li { font-size: 0.75em; line-height: 1.2em; margin: 1.0em 0; list-style-type: disc; margin: 0 0 0 15px;} .sidebar .flashVideoWrap { } /*=== SITE FOOT ===*/ .siteFoot { color: #000; margin: 0 0 25px; padding: 35px 0 0; text-align: center;} .siteFoot a { color: #0066cc; text-decoration: none;} .siteFoot a:hover { text-decoration: underline;} .siteFoot .siteMap { font-size: 0.8125em; line-height: 1.45em; margin: 0 0 20px;} .siteFoot .disclaimer { font-size: 0.6875em; line-height: 1.45em; margin: 10px 0 0;} /*=== POPUP ===*/ .popup { background: #FFF; width: 550px;} .popup .popupHeader { background: #7a246c; padding: 12px 20px;} .popup .popupHeader h1 { color: #FFF; font-size: 20px; line-height: 22px; margin: 0;} .popup .popupContentWrap {border: 1px solid #7a246c; padding: 15px 20px 20px;} .popup .popupBody { color: #000} .popup .popupBody p { color: #000; font-size: 16px; line-height: 24px; margin: 0 0 4px;} .popup .popupBody .small { font-size: 13px;} .popup .popupBody .sendForm {} .popupBody .sendForm .lcol { float: left; width: 295px;} .popupBody .sendForm .rcol { float: right; width: 175px;} .popupBody .sendForm .formItem { height: 24px; margin: 0 0 7px;} .sendForm .formItem label { color: #000; float: left; font-size: 13px; line-height: 24px; text-align: right; width: 122px;} .sendForm .formItem input { background: #ececec; border: 1px solid #949494; color: #000; float: right; font-size: 13px; height: 19px; padding: 3px 0 0; width: 164px;} .formItem input.badField { background: #eed4d4 !important; border: 1px solid #FF0000 !important;} .popup .popupBody .preview { padding: 0 0 0 0;} .popup .popupBody .preview p { color: #000; font-size: 13px; line-height: 18px; margin: 0;} .popup .popupBody .preview .break { line-height: 7px;} .popup .popupFoot {} .popup .popupFoot .lcol { float: left; text-align: right; width: 320px;} .popup .popupFoot .rcol { float: right; height: 24px; padding: 0 20px 0 0; width: 150px;} .popup .popupFoot p { color: #000; font-size: 13px; line-height: 18px; margin: 0;} .popup .popupFoot .clearBtn { float: left;} .popup .popupFoot .submitBtn { float: right;} .thankPopup .popupContentWrap { height: auto !important;} .thankPopup .popupBody {} .thankPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 4px;} .thankPopup .popupBody .large { font-size: 16px; line-height: 24px;} .thankPopup .centeredBtns { height: 24px; margin: 0 auto; padding: 7px 0 0; width: 340px;} .centeredBtns .leftBtn { float: left;} .centeredBtns .rightBtn { float: right;} .crossExit .popupContentWrap { height: auto !important;} .crossExit .popupBody {} .crossExit .popupBody p { font-size: 13px; line-height: 18px; margin: 0;} .crossExit .popupBody .large { font-size: 16px; line-height: 24px;} .crossExit .popupFoot { margin-top: 15px;} .crossExit .popupFoot .rightBtns { float: right; height: 24px; width: 170px;} .crossExit .popupFoot .rightBtns .rightBtn { float: right;} .crossExit .popupFoot .rightBtns .leftBtn { float: left;} .exitPopup {} .exitPopup .popupContentWrap { height: auto !important;} .exitPopup .popupBody p { font-size: 13px; line-height: 18px; margin: 0 0 10px;} .exitPopup .popupBody .large { font-size: 16px; line-height: 24px; margin: 0 0 4px;} .exitPopup .popupFoot { padding: 10px 0 0;} .exitPopup .popupFoot .rightBtns { float: right; height: 24px; width: 170px;} .exitPopup .popupFoot .rightBtns .rightBtn { float: right;} .exitPopup .popupFoot .rightBtns .leftBtn { float: left;} /*-- static versions of popups --*/ .sendStatic {} .mainContent .sendStatic .sendHeader { background: none;} .mainContent .sendStatic .sendHeader h1 { color: #009999;} .mainContent .sendStatic .sendContentWrap { border: none; height: auto;} /*== IWINDOW ==*/ #myOverlay { cursor: pointer; position: absolute; background-color: #000; left: 0; width: 100%; z-index: 9999;} #frameWrap { background-color: #FFF;position: absolute;overflow: hidden;padding: 0; width: 550px; z-index: 9999;} #frameWrap .frameCloseWrap { cursor: pointer; height: 19px; overflow: hidden; position: absolute; right: 14px; top: 11px; width: 18px;} #frameWrap .frameCloseWrap .closeFrame { height: 19px; left: 0; position: absolute; top: 0; width: 18px;} #frameWrap .frameCloseWrap .frameBtn { cursor: pointer; background: url(../images/fwc/bg_frameCloseBtn.gif) no-repeat; height: 19px; left: 0; position: absolute; top: 0; width: 18px;} .myFrameClass { border: 0; width: 550px;} #frameLoader { position: absolute; z-index:9999; left: 50%; top: 100px; margin-left: -50px; width: 100px; height: 42px; border: 1px solid #009999; background: #FFF url(../images/ajax-loader.gif) no-repeat 3px center;} #frameLoader p { color: #000; font-size: 12px; font-weight: bold; padding-left: 35px; margin: 0; text-align: center; line-height: 42px;} /*** * - mooRainbow: defaultCSS */ #mooRainbow { font-size: 11px; color: #000; } .moor-box { width: 390px; height: 310px; border: 1px solid #636163; background-color: #f9f9f9; } .moor-overlayBox { width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */ height: 256px; margin-top: 9px; margin-left: 9px; border: 1px solid #000; } .moor-slider { border: 1px solid #000; margin-top: 9px; margin-left: 280px; width: 19px; /* if you want a bigger or smaller slider... */ height: 256px; } .moor-colorBox { border: 1px solid #000; width: 59px; height: 68px; margin-top: 20px; margin-left: 315px; } .moor-currentColor { /* Bottom Box Color, the backup one */ margin-top: 55px; margin-left: 316px; width: 59px; height: 34px; } .moor-okButton { font-family: Tahoma; font-weight: bold; font-size: 11px; margin-top: 278px; margin-left: 8px; background: #e6e6e6; height: 23px; border: 1px solid #d6d6d6; border-left-color: #f5f5f5; border-top-color: #f5f5f5; } #mooRainbow label { font-family: mono; } /* Following are just