@import url(http://images.apple.com/global/styles/blackout.css);

html { min-height: 100%; background-color:transparent; }
body { background: #f8f8f8; background: #f8f8f8 -webkit-gradient(linear, left bottom, left top, from(rgb(228,229,230)), to(rgb(247,247,249)), color-stop(0.3,rgb(237,236,238))); margin: 0 auto; min-height: 100%; width: 984px; }
.new_badge { background: url(/safari/images/flag-new-20090217.png) no-repeat 0 0; height: 73px; position: absolute; top: 0; left: -1px; width: 74px; behavior: url(/global/scripts/lib/iepngfix.htc); }
.clear { clear: both; }
.clear_left { clear: left; }
.clear_right { clear: right; }

header { display: block; width: 100%; }
footer { clear: both; display: block; margin: 0 auto; width: 980px; }
section,
article { display: block; padding: 0; width: 100%; }

#productheader { border: none; display: block; float: left; margin: 0 0 0 3px; width: 300px; }
#productheader h1 a { background: url(/safari/images/productheader_title_20100607.png) no-repeat 0 0; width: 101px; }
#productnav { display: inline; float: right; margin: 12px 0 0; }
#productnav a { color: #252525; float: left; margin-top: 1em; margin-left: 30px; margin-right: 8px; padding: 0; text-decoration: none; }
#productnav a:hover { color: #08c; }

#productnav a.downloadnow { height: 25px; margin: 0.7em 0 0 20px; background-position: 0 0; background-repeat: no-repeat; display: block; float: right; position: relative; text-decoration: none; text-indent: -9999px; outline: none; overflow: hidden; behavior: url(/global/scripts/lib/iepngfix.htc); }
#productnav a.downloadnow { width: 108px; height: 26px; background-image: url(/global/elements/buttons/downloadnow.png); }

#whatsnew #productnav a#pn-whats-new,
#whatis #productnav a#pn-what-is,
#features #productnav a#pn-features,
#developer #productnav a#pn-developer,
#download #productnav a#pn-download { color: #999; cursor: default; }

#main { background: #fff; clear: both; margin-bottom: 18px; padding: 0; position: relative; width: 980px; }
/*#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }*/

#main header p { margin-top: 11px; margin-bottom:19px; }

/*--- callout ---*/
#main .callout { background: #f0f3f5 url(/safari/images/callout-bg-20090106.gif) repeat-x left top; border: 1px solid #dcdcdc; border-width: 2px 1px 1px; border-radius: 4px; float: left; margin-bottom: 18px; position: relative; width: 365px; padding: 14px 15px 18px 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; zoom: 1; }
#main .callout:after { content: "."; display: block; height: 0; clear: both; width: 0; visibility: hidden; }
#main .callout + p { clear: left; }
#main .callout.gallery a.thumb { width: 87px; }
#main .callout a.thumb { background: #fff; border: 1px solid #e5e5e5; display: block; float: left; margin: 8px 10px 0 8px; padding: 4px; position: relative; }
#main .callout a.thumb img { float: left; margin: 0; position: relative; z-index: 2; }
#main .callout h3 { margin-left: 137px; margin-top: 0.3em; font: 16px "Myriad Pro", "MyriadPro", "Lucida Grande", "Lucida Sans Unicode", arial, verdana, sans-serif; font-weight: normal; }
#main .callout p { line-height: 1.3; margin-bottom: 0; margin-left: 137px !important; width: auto !important; }
#main .callout h3 + p { margin-bottom: 8px; }
#main .callout img.left { margin-bottom: 0; }
#main .callout .enlarge { display: block; position: absolute; top: -12px; left: -12px; width: 22px; height: 21px; z-index: 4; background: url(/global/elements/buttons/icon-enlarge.png) no-repeat left top; behavior: url(/global/scripts/lib/iepngfix.htc); }

#main .callout a.OverlayPanel + h3,
#main .callout a.OverlayPanel + h3 + p { position: static !important; }

/*--- image galleries ---*/
#main .swap_content { position: absolute; top: 0; left: 0; }
#main .image_gallery { position:relative; padding-bottom: 50px; }
#main .image_gallery .title { font-weight:normal; padding-top: 12px; position: absolute; left: 75px; color: #888; font-size: 11px; text-align: right; width: 50px; }
#main .image_gallery ul { margin-left: 132px; }
#main .image_gallery ul li { float:left; margin-right:12px; position:relative; text-align: center; }
#main .image_gallery ul li a { width:79px; height:55px; display:block; text-decoration:none; cursor:pointer; }
#main .image_gallery ul li a:hover { text-decoration:none; background:url(/ipad/images/gallery_thumb_hover_20100225.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/gallery_thumb_hover_20100225.gif) no-repeat 0 0; z-index:0; }
#main .image_gallery ul li a:hover span { color:#08c; }
#main .image_gallery ul li a span { position:absolute; top: 60px; left:0; font-size:11px; line-height:13px; color:#000; text-decoration:none; width:81px; }
#main .image_gallery ul li a img { position:absolute; top: 10px; left: 2px; z-index:1; }
#main .image_gallery ul li a div { width:79px; height:55px; position:absolute; top:0; left:0; z-index:1; }
#main .image_gallery ul li a.active div { background: url(/safari/images/bg_gallerythumb_active_20100607.png) no-repeat 0 0; _background:url(http://images.apple.com/ipad/images/gallery_thumb_active_20100225.gif) no-repeat 0 0; }
#main .image_gallery ul li a.active:hover { background:none; }
#main .image_gallery ul li a.active:hover span { color:#888; }
#main .image_gallery ul li a.active { cursor:default; width:79px; }
#main .image_gallery ul li a.active span { color:#888; }
#main .image_gallery .feature_description { margin-top: 100px; }


/*--- buckets ---*/
.buckets { border-top: 1px solid #e5e5e5; clear: both; float: left; padding-top: 18px; }
.buckets a { color: #333; display: block; float: left; margin-bottom: 32px; text-decoration: none; }
.buckets a:first-child { border: none; clear: both; }
.buckets a .title { display: block; font-size: 12px; font-weight: bold; }
.buckets a:hover .title { color: #08c; }
.buckets a .description { display: block; font-size: 11px; }
.buckets a img { border: 1px solid #e5e5e5; }

/*--- article base ---*/
body.safari article { background: url(/safari/images/article-bg-20090217.png) repeat-x 0 0; border-top: 1px solid #e5e5e5; clear: both; float: left; padding: 46px 50px 18px; width: 880px; }
body.safari article article { background: none; border: none; padding: 0; width: 100%; }
body.safari article article h2 { padding-top: 9px; }

/*--- type base ---*/
.safari h2 { font-size: 22px; }

/*--- image positioning ---*/
section.img_right .right { float: right; margin-left: 35px; }
section.img_left .left { float: left; margin-right: 35px; }
section.img_flushright .flush { float: right; margin-left: 35px; margin-right: -50px; position: relative; z-index: 1; }
section.img_flushright h2, section.img_flushright h3, section.img_flushright p { position: relative; z-index: 2; }
section.img_flushleft .flush { float: left; margin-right: 35px; margin-left: -50px; position: relative; z-index: 1; }
section.img_flushleft h2, section.img_flushleft h3, section.img_flushleft p { position: relative; z-index: 2; }

/*---- overview ----*/
#overview #main header { float: left; min-height: 469px; background: #fff url(/safari/images/overview-hero-bg-20090217.png) repeat-x 0 100%; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; }
#overview #main h1 { width: 311px; font-size: 0; margin-left: 50px; padding-top: 63px; }
#overview #main header .intro { margin-left: 50px; margin-top: 5px; width: 320px; }

#overview #main header #slideshow { position: absolute; width: 570px; height: 469px; top: 26px; right: 0; }
#overview #main header #slideshow img { display: none; position: absolute; top: 0; left: 0; }
#overview #main header #slideshow #slideshow-swap { position: relative; z-index: 1; }
#overview #main header #slideshow #slideshow-swap img { display: block; }
#overview #main header #slideshow .slideshow-nav { position: absolute; width: 60px; bottom: 40px; right: 264px; text-align: center; z-index: 1; }
#overview #main header #slideshow .slideshow-nav li { display: inline; position: relative; }
#overview #main header #slideshow .slideshow-nav a { float: left; margin-right: 4px; width: 8px; height: 8px; background: url(/global/elements/slider/dot20070414.png) no-repeat; text-indent: -9999px; overflow: hidden; *display: block; }
#overview #main header #slideshow .slideshow-nav a:hover { background-position: 0 -8px; }
#overview #main header #slideshow .slideshow-nav a.active { background-position: 0 -16px; }

#overview #main #download-safari { margin-left: 47px; position: relative; }

#overview #buckets { background: #dedede url(/safari/images/overview-buckets-bg-20090217.png) repeat-x 0 0; border-top: 1px solid #e3e3e4; float: left; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; }
#overview #what_is { background: url(/safari/images/overview_buckets_divider_20100607.gif) repeat-y 100% 0; float: left; padding: 30px 0 0 32px; width: 484px; }
#overview #what_is img.right { margin: -38px 2px 0 0; position: relative; }
#overview #what_is h2,
#overview #whats_new h2 { margin: 0; }
#overview #whats_new { background: -webkit-gradient(linear, right top, 0 90%, from(rgba(0,0,0,0.08)), to(rgba(0,0,0,0)), color-stop(0.5, rgba(0,0,0,0.01))); float: right; padding: 30px 0 0 30px; width: 434px; }
#overview #whats_new .right { margin: -8px 0 0 5px; }

/*----- what’s new -----*/
#whatsnew #main { background: #fff url(/safari/images/whatsnew_hero_bg_20100607.png) repeat-x 0 0; }
#whatsnew #main header { padding-top: 46px; text-align: center; }
#whatsnew #main header h1 { font-size: 0; margin: 0 auto; text-align: center; }
#whatsnew #main header .intro { margin-top: 8px; margin-bottom: 8px; }
#whatsnew #main .buckets { border: none; margin: 0 24px; width: 932px; }
#whatsnew .buckets a { padding: 0 9px 0 29px; width: 139px; }
#whatsnew #main h2 { margin-bottom:0; }
#whatsnew #main h3 { font-size:14px; }
#whatsnew .flushleft { margin-left:-50px; position: relative; z-index: 0; }
#whatsnew .flushright { margin-right:-50px; position: relative; z-index: 0; }

#whatsnew article section { float: left; margin-bottom: 3em; }

#whatsnew #reader { padding: 2px 93px 0; width: 694px; }
#whatsnew #reader #reader_hero { margin-top: 1em; margin-left: -180px; margin-right: -180px; position: relative; }

#whatsnew #bing_search { padding: 0 93px; width: 694px; }
#whatsnew #html5 .grid2colc .column.first { width: 337px; }
#whatsnew #html5 .grid2colc .column.last { width: 492px; }
#whatsnew #html5 #html5_support { background: #efefef; border-top: 1px solid #d5d5d5; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #efefef; color: #666; float: right; margin-bottom: 1em; padding: 13px 9px; }
#whatsnew #html5 #html5_support h4 { color: #666; font-size: 14px; font-weight: bold; padding: 0 0 1em 10px; }
#whatsnew #html5 #html5_support p { margin-bottom: 0; padding: 0 10px 1.5em; }
#whatsnew #html5 #html5_support ul { background: url(/safari/images/whatsnew_html5_featuredivider_20100607.gif) repeat-y 50% 0; float: left; }
#whatsnew #html5 #html5_support li { border-top: 1px solid #dcdcdc; clear: left; float: left; font-size: 11px; margin: 0 17px 0 0; width: 217px; }
#whatsnew #html5 #html5_support li.alt { clear: right; float: right; margin: 0 0 0 17px; }
#whatsnew #html5 #html5_support li.new { background: url(/safari/images/whatsnew_html5_newbadge_20100607.gif) no-repeat 4% 50%; }
#whatsnew #html5 #html5_support li:last-child { border-bottom: none; }
#whatsnew #html5 #html5_support li b { border-top: 1px solid #fafafa; display: block; font-weight: normal; line-height: 2.8; padding: 0 0 0 40px; }
#whatsnew #html5 #learn_more_html5 { margin-left: 3px; text-align: left; }

#whatsnew .performance_callout { background:url(/safari/images/whatsnew-performance-gradient20100712.jpg) repeat-x; border-top: 2px solid #ecebeb; border-bottom:2px solid #d9d8d8; border-right:2px solid #d9d8d8; border-left:2px solid #e6e6e6; float: left; margin: 0; padding: 12px 28px 0.8em 19px; width: 380px; }
#whatsnew .performance_callout img.left { margin:2px 20px 6px 0px; }
#whatsnew .performance_callout a { color: #000; font-size: 11px; position: relative; text-decoration: none; }
#whatsnew .performance_callout a h3 { font-size: 12px; margin-top:5px; }
#whatsnew .performance_callout a .more { background: url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; color: #08c; padding-right: 10px; white-space: nowrap; }
#whatsnew .performance_callout a:hover .more { text-decoration: underline; }
#whatsnew .performance_callout a .thumb { float: left; margin-right: 19px; }

#whatsnew #performance { padding-top: 3em; margin-bottom:1em; }
#whatsnew #performance .shift { margin-left: 380px; }
#whatsnew #bing_search h2 { margin-top: 70px; }
#whatsnew #bing_search #bing_screen { display: block; margin: 1.5em auto 20px; }
#whatsnew #bing_search { margin-bottom:5em; }

#whatsnew #developer_program { background: #ededed url(/safari/images/whatsnew_developer_bg_20100607.png) repeat-x 0 0; border: 1px solid #efefef; margin-bottom: 70px; padding: 7px 45px 1.5em; width: 790px; }
#whatsnew #developer_program { border: 10px solid #fff; border-width: 10px 10px 10px 10px; -webkit-border-image: url(/safari/images/whatsnew_developer_borderimage_20100607.png) 10 10 10 10 stretch stretch; }
#whatsnew #developer_program h2, #whatsnew #developer_program #developer_icon { float: left; }
#whatsnew #developer_program h2 { line-height: 50px; }
#whatsnew #developer_program #developer_icon { margin-left: 20px; margin-bottom: 12px; }
#whatsnew #developer_program .grid2col { border-top: 1px solid #e4e4e4; padding-top: 1.8em; }
#whatsnew #developer_program .column { width: 46%; }
#whatsnew #developer_program .column h3 { font-size: 14px; }
#whatsnew #developer_program #join_developer { text-align: right; }
#whatsnew #developer_program #join_developer .more { background: #509ae6 url(/safari/images/whatsnew_arrow_joindeveloper_20100607.gif) no-repeat 98% 57%; color: #fff; padding: 0.2em 21px 0.2em 10px; text-decoration: none; -webkit-border-radius: 16px; -moz-border-radius: 16px; -o-border-radius: 16px; -ms-border-radius: 16px; }

#whatsnew #more-features { clear: both; margin-bottom:80px; margin-top:35px; }
#whatsnew #more-features h2 { margin-bottom: 16px; }
#whatsnew #more-features .column img { border: 1px solid #ccc; margin-bottom: 12px; }
#whatsnew #more-features #see-all { clear: both; float: right; }

#whatsnew #safari-ext .callout { width:300px; }
#whatsnew #safari-ext .callout a { text-decoration:none; }
#whatsnew #safari-ext .callout a:hover h3, #whatsnew #safari-ext .callout p span.more { color:#08C; }
#whatsnew #safari-ext .callout a:hover p span.more { text-decoration:underline; }
#whatsnew #safari-ext .callout p span.more { background:url(/global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; padding-right:10px; }
#whatsnew #safari-ext .callout p { color:#333; }
#whatsnew #safari-ext .callout p, #whatsnew #safari-ext .callout h3 { margin-left:0 !important; }
#whatsnew #safari-ext .callout img.right { margin:2px -4px 10px 5px; position:relative; }
#whatsnew #safari-ext .callout p { margin-bottom:0; font-size:12px; line-height:18px; }
#whatsnew #safari-ext .callout h3 { margin-bottom:0; font-weight:bold; font-size:15px; }
#whatsnew #safari-ext .grid2col .column.first { width:59%; }
#whatsnew #safari-ext .grid2col .column.last { width:38%; }

#whatsnew #extension-highlight { border-bottom: 1px solid #e5e5e5; clear: both; float: left; margin: 0 -50px; _margin:0 -50px 0 -25px; padding: 15px 0 0; position: relative; width: 980px; z-index: 0; }
#whatsnew #extension-highlight h4 { padding-top: 5px; }
#whatsnew #extension-highlight h4,
#whatsnew #extension-highlight p { color: #999; font-size: 11px; position: relative; z-index: 1; width: 305px; }
#whatsnew #extension-highlight p { margin-bottom: 5px; }
#whatsnew #extension-highlight .extension { min-height: 210px; *height: 210px; }
#whatsnew #extension-highlight .extension-image { position: absolute; bottom: 0; z-index: 0; }
#whatsnew #extension-highlight #mlb-extension { float: left; padding-left: 45px; width: 388px; }
#whatsnew #extension-highlight #mlb-extension .ext-icon { margin: 0 5px 0 34px; }
#whatsnew #extension-highlight #rottentomatoes-extension { float: right; width: 547px; }
#whatsnew #extension-highlight #rottentomatoes-extension p {  width: 383px; }
#whatsnew #extension-highlight #rottentomatoes-extension .ext-icon { margin: 0 5px 0 7px; }

#whatsnew .shadow { -webkit-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.4) 0 1px 3px; *border:1px solid #e4e4e4; }
#whatsnew .shadow.callout { border-style:none; border-width:0 1px 1px; }

/*----- what is -----*/
#whatis #main header { background: url(/safari/images/whatis-hero-bg.gif) repeat-x 0 0; padding-top: 36px; }
#whatis #main header h1 { margin: 10px auto 0; text-align: center; }
#whatis #main header .intro { margin: 0 auto 18px; *margin-top:15px; text-align: center; width: 685px; }
#whatis #main #hero_image { margin-left: 16px; margin-bottom: -25px; position: relative; }

#whatis article section { float: left; margin-bottom: 3em; }

#whatis .design { margin-bottom: 7em; }
#whatis .design p { width: 390px; }
#whatis .design p { clear: left; }
#whatis .design .callout p { clear: none; }
#whatis .design p:last-child { width: 330px; }
#whatis .design #design_hero { margin-top: 80px; margin-left: -66px; position: relative; }
#whatis .features .callout { float: right; }
#whatis #features h2 { position: relative; z-index: 1; }
#whatis .features .big_one { margin-left: -50px; margin-right: -50px; margin-bottom: -35px; position: relative; z-index: 0; }
#whatis .features .column, 
#whatis .standards .column { width: 390px; z-index: 1; }
#whatis .standards h2, #whatis .standards h3, #whatis .standards p { position: relative; z-index: 2; }
#whatis .standards img.right { margin-left: 0; }
#whatis .standards .big_one { margin-left: -83px; position: relative; z-index: 1; }
#whatis .security h3, #whatis .security p { float: left; width: 390px; }
#whatis .security img.right { margin-bottom: 3em; }
#whatis .security img.flush { margin-right: -50px; position: relative; }

#whatis #main .buckets { margin: 0 24px; padding-left: 60px; width: 872px; }
#whatis .buckets a { margin-left: 73px; padding: 0; width: 123px; }
#whatis .buckets a:first-child { margin-left: 55px; }

/*----- features -----*/
#features img.reflection { margin-bottom:0 !important; }
#features #main header h1 { font-size: 0; margin-bottom: 6px; padding-top: 37px; text-align: center; }
#features #main header .intro { margin: 0 auto 1.5em; text-align: center; width: 70%; }

#features #main #nav { background-color: #fdfdfd; border: 1px solid #e5e4e4; float: left; margin: 0 50px 18px; _display:inline; padding: 30px 45px; width: 790px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
#features #main #nav a { color: #252525; display: block; font-size: 11px; line-height: 1.9; }
#features .new { background:transparent url(/safari/images/badge_new.gif) no-repeat scroll 100% 50%; padding-right: 25px; }

#features article { background: none; border: none; }
#features article section { border-top: 1px solid #e5e4e4; clear: both; float: left; padding: 18px 0 54px; width: 880px; position: relative; }
#features article section header { float: left; position: relative; width: 880px; }
#features article section header a { float: right; }
#features article section header a.scrollToAnchor { position: absolute; top: 0; right: 0; }
#features article section a.hidden { position: absolute; top: 0; left: 0; }
#features article section .column { margin-left: 40px; width: 267px; }
#features article section h4.new { display:inline; }

#features article section .column img { margin-bottom: 18px; }
#features article section .column img.with_shadow { margin-left: -10px; margin-right: -10px; position: relative; }

/*----- download -----*/
#download #main { padding-top: 70px; min-height: 569px; }
#download #main header h1 { float: left; height: 35px; margin-left: 60px; margin-bottom: 0; position: relative; width: 312px; z-index: 2; }
#download #main header p { clear: left; float: left; font-size: 21px; line-height: 1.2; margin-left: 60px; width: 300px; }
#download #main header h2,
#download #main header p { position: relative; z-index: 2; }
#download #main #desktop_hero { position: absolute; right: 0; top: 55px; z-index: 1; }

#download article { clear: left; width: auto; margin-left: 60px; width: 300px; }
#download #download-frame { height: 385px; }

#download #isiPad { background: #fff; border: 1px solid #e5e5e5; clear: both; margin-bottom: 18px; padding: 0; position: relative; width: 870px; padding: 32px 55px 36px; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 2px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
#download #isiPad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#download #isiPad img { margin: 0 -15px 0 -18px ; position: relative; }
#download #isiPad h1 { font-size: 25px; line-height: 33px; }
#download #isiPad p { font-size: 14px; line-height: 22px; }
#download #isiPad .grid2col { background: url(/safari/download/images/div_20100403.gif) repeat-y 435px 0; }
#download #isiPad .column { width: 385px; }

/*----- thank you -----*/
#thankyou #main { background: #fff url(/safari/images/content-bg-thankyou-20090217.png) repeat-x 0 100%; padding-top: 60px; }
#thankyou #main header h1 { font-size: 0; margin-bottom: 36px; width: 367px; }
#thankyou #main header h1, #thankyou article { margin-left: 50px; position: relative; width: 380px; z-index: 2; }
#thankyou #main header img { float: left; margin: -10px -47px 20px 0; position: relative; z-index: 1; }

#thankyou article h2 { color: #666; font-size: 21px; font-weight: normal; line-height: 1.2; }
#thankyou article h3, #thankyou article p { margin-left: 108px; }
#thankyou article img { float: left; }

/*--- generic promo footer ---*/
#promofooter { background: #fff url(/safari/images/content-bg-promo-20090217.gif) repeat-x 0 100%; margin-top: 18px; width: 980px; -webkit-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -moz-box-shadow: rgba(0,0,0,0.35) 0 1px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -khtml-border-radius: 4px; *border:1px solid #ddd; }
#promofooter #promos { background:none; margin-bottom: 0; padding: 0; width: 980px; }
#promofooter #promos:after { content: '.'; display: block; height: 0; clear: both; visibility: hidden; }
#promofooter #promos li.promo { border-left: 1px solid #d9d9d9; float: left; min-height: 15em; padding-right: 1px; position: relative; width: 243px; }
#promofooter #promos li:first-child { border: none; }
#promofooter #promos li.promo a { color: #777; }
#promofooter #promos li.promo:hover a { color:#08c; text-decoration: none; }

#promofooter #promos img { display: block; }
#promofooter #promos img.badge { position:absolute; top:0; right:0; }

#promofooter #promos h4 a, 
#promofooter #promos p a, 
#promofooter #promos ul { display: block; padding-left: 15px; padding-right: 12px; text-align: left; }

#promofooter #promos h4 a { font-size: 18px; font-weight: normal; padding-top: 16px; }
#promofooter #promos p { margin-bottom: 0; }
#promofooter #promos p a { font-size: 11px; line-height: 1.4em; }
#promofooter #promos p a strong { font-weight:normal; color:#333; }
#promofooter #promos a.image { height: 180px; position: absolute; bottom: 0; z-index: 100; }

#promofooter #promos .promo.left p a { width: 105px; }
#promofooter #promos .promo.right p a { width: 105px; left: 121px; }

#globalfooter { clear: both; }