#main { background:none; }
#content { padding:0; }

/* hero
------------------------*/
#hero { position:relative; width:980px; height:456px; padding:0 2px; margin:0 -2px 12px; background:#fff url(../../images/content-bg-20090608.gif) repeat-y; }
#hero .herocap { position:absolute; width:984px; height:7px; left:0; z-index:5; font-size:1px; behavior:url(../../../global/scripts/lib/iepngfix.htc); }
#hero .herocap.top { top:0; background:url(../../images/content-cap-top-20090608.png) no-repeat; }
#hero .herocap.bottom { bottom:0; _bottom:-1px; background:url(../../images/content-cap-bottom-20090608.png) no-repeat 0 100%; }

/* swap view */
#hero .section { display:none; }
#hero #swap { position:relative; width:980px; height:400px; top:1px; overflow:hidden;  background:#e5e5e6 url(../elements/hero-bg-20090608.jpg) no-repeat 50% 50%; }
#hero #swap .section { display:block; position:absolute; width:980px; height:400px; overflow:hidden; }

#hero #swap .section .guidedtour a { display:block; position:absolute; top:292px; left:0; width:100px; padding:50px 0 20px 111px; z-index:10; text-decoration:none; font-size:11px; line-height:1.3; }
#hero #swap .section .guidedtour a img { float:left; margin-top:-26px; margin-left:-81px; }
#hero #swap .section .guidedtour a .more { padding-right:10px; text-align:left; background:url(../../../global/elements/arrows/morearrow_08c.gif) no-repeat 100% 50%; }
#hero #swap .section .guidedtour a:hover span span { text-decoration:underline; }

#hero .section p.sosumi { position:absolute; bottom:8px; right:60px; width:430px; font-size:10px !important; text-align:center; }

#hero .section .caption { position:absolute; top:236px; left:183px; width:180px; }
#hero .section .caption * { margin-bottom:0; font-size:14px; line-height:1.3; }
#hero .section .caption a.more { padding-right:10px; background:url(../../../global/elements/arrows/morearrow_med_08c.gif) no-repeat 100% 60%; }
#hero .section .caption sup,
#hero .section .caption sup a { font-size:11px; }

#hero .section#gallery-speed .caption,
#hero .section#MASKED-gallery-speed .caption { width:220px; }

/* hero nav */
#heronav { position:relative; height:53px; padding:0 0 0 140px; font-size:11px; line-height:1.2em; background:#f8f8f8 url(../elements/heronav-bg-20090608.gif) repeat-x 0 0; }
#heronav ul { float:left; height:43px; }
#heronav ul li { float:left; position:relative; width:47px; height:43px; margin:0 0 0 6px; }
#heronav ul li a { display:block; width:47px; height:43px; padding-top:12px; color:#333; outline:none; text-decoration:none; cursor:pointer; }
#heronav ul li a b { display:none; position:absolute; top:0; width:47px; height:10px; background:url(../elements/heronav-caret-20090608.png) no-repeat 0 0; }
#heronav ul li a i { display:block; width:47px; height:32px; overflow:hidden; }
#heronav ul li a i img { }
#heronav ul li a:hover i img { margin-top:-33px; }
#heronav ul li a.active i img { margin-top:-66px !important; }

#heronav ul li.header { width:6em; height:auto; margin:1.3em 4px 0 0; color:#888; text-align:right; }

#heronav ul li a.active b { display:block; }

#heronav ul.more { float:right; height:43px; margin-right:17px; text-align:left; *width:360px; *margin-right:-15px; }
#heronav ul.more li { width:auto; }
#heronav ul.more li a { width:auto; margin-right:10px; *width:160px; }
#heronav ul.more li a i { float:left; width:51px; margin-right:10px; }
#heronav ul.more li a span { float:left; width:6em; margin:.2em 0 0 0; }
#heronav ul.more li a span span { position:relative; float:none; width:auto; padding-right:8px; background:url(../../../global/elements/arrows/morearrow_333.gif) no-repeat 100% 60%; }
#heronav ul.more li.guidedtour a span { width:8em; }
#heronav ul.more li a:hover { color:#08c; }
#heronav ul.more li a:hover span span { background-image:url(../../../global/elements/arrows/morearrow_08c.gif); }

#heronav a.more { float:right; margin:1.7em 15px 0 0; }

/* content, routing
------------------------*/
#ticker, #countries { background: #e4e4e4; float: left; margin: 0; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; *height: 32px; }
#ticker { margin-right: 10px; margin-bottom: 12px; padding: 4px 0; width: 730px; }
#ticker h3 { font-size: 110%; }
#ticker h3 a { border-right: 1px solid #c9c9c9; color: #898989; float: left; padding: 0 14px 0 26px; }
#ticker p { font-size: 110%; padding: 0 0 0 14px; }
#ticker h3,
#ticker p { float: left; line-height: 1.7; margin: 5px 0; }
#ticker p em { color: #898989; font-size: 90%; }
#ticker a { color: #000; text-decoration: none; }
#ticker a:hover { color: #08c; }

#countries { padding: 8px 0 4px 22px; text-decoration: none; width: 218px; *padding: 6px 0 2px 22px; }
#countries:hover { background: #d6d6d6; cursor: pointer; }
#countries .more { margin-left: 5px; position: relative; top: -6px; }
#countries:hover .more { text-decoration: underline; }

#promos { background:#fff url(../../images/content-bg-20090608.gif) repeat-y; height: 295px; margin:0 -2px 12px; padding:0 2px; position:relative; width:980px; *height: 290px; }
#promos .grid4col { background:url(../images/route-bg-20090909.gif) repeat-x 0 100%; clear:both; height: 100%; padding: 0; width:980px; }
#promos .column { border-left: 1px solid #e6e6e6; height: 93%; margin: 0; *overflow: hidden; padding-top: 2%; position: relative; width: 243px; *height: 92.5%; }

#promos .column a { display: block; height: 100%; padding: 0 25px; position: relative; text-decoration: none; }
#promos .column img { position: absolute; bottom: 0; left: 0; z-index: 1; }
#promos .column a h3,
#promos .column a p { color: #000; position: relative; z-index: 3; text-decoration: none; }
#promos .column a .more { color: #08c; }
#promos .column a:hover .more { text-decoration: underline; }

#promos #promo-mobileme { border-left: none; width: 244px; *width: 242px; }
/*#promos #promo-mobileme { display: none; }*/

/* buy now strip
------------------------*/
#content #buystrip { height: 15em; }
#content #buystrip a.right { float: right; margin-right: 15px; position: relative; *margin-left: -10px; }
#content #buystrip .pricing { position:relative; }
#content #buystrip .pricing h2 { width:117px; height:20px; margin:4px 0 0 5px; background:none; }
#content #buystrip .pricing p { margin:0 0 12px 5px; width: 135px; }
#content #buystrip #links,
#content #buystrip #links a { font-size: 14px; }
#content #buystrip #links { color: #666; padding: 0; text-align: center; width: 100%; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; *margin-left: -20px; *width: 980px; }
#content #buystrip p.sosumi { font-size: 9px !important; margin-bottom: 0; }
#content #buystrip .column.last { *margin-right: -10px; position: relative; zoom: 1; }
#content #buystrip .column.last h3,
#content #buystrip .column.last p { *position: relative; }